#storybook-docs{font-family:var(--font-family-brand);h1 {font-size: 4rem;} h2 {border-color: var(--color-stroke-gray-light); border-width: 2px;} strong {font-weight: 800;} ol {list-style: decimal;} .bw-userdocs-crumb-link {color: var(--color-text-primary-on-lighter); font-weight: 800; text-decoration: none; padding: var(--space-inset-squish-xs); border-radius: var(--border-radius-round); &,&:active {background-color: var(--color-fill-primary-lighter);} &:hover {background-color: var(--color-fill-primary-light);}} & code {font-weight: 800; color: var(--color-text-gray-dark); background-color: var(--color-fill-gray-light);} & a {color: var(--color-text-link);} .w-half {width: 50%;}}#storybook-docs .sbdocs-wrapper{isolation:isolate;background-image:url('data:image/svg+xml,<svg width="3066" height="1682" viewBox="0 0 3066 1682" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<g opacity="0.3" clip-path="url(%23clip0_118_1606)">%0A<mask id="path-1-inside-1_118_1606" fill="white">%0A<path d="M2612.62 909.386C2612.62 1140.79 2425.04 1328.38 2193.63 1328.38C1962.23 1328.38 1774.65 1140.79 1774.65 909.386C1774.65 677.985 1962.23 490.397 2193.63 490.397C2425.04 490.397 2612.62 677.985 2612.62 909.386Z"/>%0A</mask>%0A<g clip-path="url(%23paint0_angular_118_1606_clip_path)" data-figma-skip-parse="true" mask="url(%23path-1-inside-1_118_1606)"><g transform="matrix(-0.335641 -0.488877 0.488877 -0.335641 2193.63 909.386)"><foreignObject x="-1169.97" y="-1169.97" width="2339.94" height="2339.94"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(255, 247, 180, 1) 0deg,rgba(255, 228, 131, 1) 44.8081deg,rgba(108, 169, 255, 1) 98.6538deg,rgba(255, 94, 113, 1) 167.782deg,rgba(78, 233, 163, 1) 257.885deg,rgba(255, 247, 180, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path d="M2612.62 909.386H2532.62C2532.62 1096.6 2380.85 1248.38 2193.63 1248.38V1328.38V1408.38C2469.22 1408.38 2692.62 1184.97 2692.62 909.386H2612.62ZM2193.63 1328.38V1248.38C2006.42 1248.38 1854.65 1096.6 1854.65 909.386H1774.65H1694.65C1694.65 1184.97 1918.05 1408.38 2193.63 1408.38V1328.38ZM1774.65 909.386H1854.65C1854.65 722.168 2006.42 570.397 2193.63 570.397V490.397V410.397C1918.05 410.397 1694.65 633.802 1694.65 909.386H1774.65ZM2193.63 490.397V570.397C2380.85 570.397 2532.62 722.168 2532.62 909.386H2612.62H2692.62C2692.62 633.802 2469.22 410.397 2193.63 410.397V490.397Z" data-figma-gradient-fill="{&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:[{&%2334;color&%2334;:{&%2334;r&%2334;:1.0,&%2334;g&%2334;:0.89488118886947632,&%2334;b&%2334;:0.51483625173568726,&%2334;a&%2334;:1.0},&%2334;position&%2334;:0.12446684390306473},{&%2334;color&%2334;:{&%2334;r&%2334;:0.42715218663215637,&%2334;g&%2334;:0.66583859920501709,&%2334;b&%2334;:1.0,&%2334;a&%2334;:1.0},&%2334;position&%2334;:0.27403846383094788},{&%2334;color&%2334;:{&%2334;r&%2334;:1.0,&%2334;g&%2334;:0.37169471383094788,&%2334;b&%2334;:0.44646254181861877,&%2334;a&%2334;:1.0},&%2334;position&%2334;:0.46606042981147766},{&%2334;color&%2334;:{&%2334;r&%2334;:0.30915138125419617,&%2334;g&%2334;:0.91494518518447876,&%2334;b&%2334;:0.64233773946762085,&%2334;a&%2334;:1.0},&%2334;position&%2334;:0.71634614467620850},{&%2334;color&%2334;:{&%2334;r&%2334;:1.0,&%2334;g&%2334;:0.97077637910842896,&%2334;b&%2334;:0.7077636718750,&%2334;a&%2334;:1.0},&%2334;position&%2334;:1.0}],&%2334;stopsVar&%2334;:[{&%2334;color&%2334;:{&%2334;r&%2334;:1.0,&%2334;g&%2334;:0.89488118886947632,&%2334;b&%2334;:0.51483625173568726,&%2334;a&%2334;:1.0},&%2334;position&%2334;:0.12446684390306473},{&%2334;color&%2334;:{&%2334;r&%2334;:0.42715218663215637,&%2334;g&%2334;:0.66583859920501709,&%2334;b&%2334;:1.0,&%2334;a&%2334;:1.0},&%2334;position&%2334;:0.27403846383094788},{&%2334;color&%2334;:{&%2334;r&%2334;:1.0,&%2334;g&%2334;:0.37169471383094788,&%2334;b&%2334;:0.44646254181861877,&%2334;a&%2334;:1.0},&%2334;position&%2334;:0.46606042981147766},{&%2334;color&%2334;:{&%2334;r&%2334;:0.30915138125419617,&%2334;g&%2334;:0.91494518518447876,&%2334;b&%2334;:0.64233773946762085,&%2334;a&%2334;:1.0},&%2334;position&%2334;:0.71634614467620850},{&%2334;color&%2334;:{&%2334;r&%2334;:1.0,&%2334;g&%2334;:0.97077637910842896,&%2334;b&%2334;:0.7077636718750,&%2334;a&%2334;:1.0},&%2334;position&%2334;:1.0}],&%2334;transform&%2334;:{&%2334;m00&%2334;:-671.28137207031250,&%2334;m01&%2334;:977.75305175781250,&%2334;m02&%2334;:2040.3990478515625,&%2334;m10&%2334;:-977.75305175781250,&%2334;m11&%2334;:-671.28137207031250,&%2334;m12&%2334;:1733.9035644531250},&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true}" mask="url(%23path-1-inside-1_118_1606)"/>%0A<path d="M2612.62 909.386H2532.62C2532.62 1096.6 2380.85 1248.38 2193.63 1248.38V1328.38V1408.38C2469.22 1408.38 2692.62 1184.97 2692.62 909.386H2612.62ZM2193.63 1328.38V1248.38C2006.42 1248.38 1854.65 1096.6 1854.65 909.386H1774.65H1694.65C1694.65 1184.97 1918.05 1408.38 2193.63 1408.38V1328.38ZM1774.65 909.386H1854.65C1854.65 722.168 2006.42 570.397 2193.63 570.397V490.397V410.397C1918.05 410.397 1694.65 633.802 1694.65 909.386H1774.65ZM2193.63 490.397V570.397C2380.85 570.397 2532.62 722.168 2532.62 909.386H2612.62H2692.62C2692.62 633.802 2469.22 410.397 2193.63 410.397V490.397Z" fill="white" fill-opacity="0.88" mask="url(%23path-1-inside-1_118_1606)"/>%0A<path d="M1874.94 507.851C1891.97 438.25 1954.55 372.738 2068.85 374.313C2183.15 375.889 2248.33 427.253 2267.7 496.978C2287.06 566.702 2280.16 662.879 2179.57 707.833C2078.99 752.787 2021.66 749.369 1953.15 707.833C1884.65 666.297 1854.61 590.977 1874.94 507.851Z" fill="url(%23paint1_radial_118_1606)"/>%0A<path d="M1874.94 507.851C1891.97 438.25 1954.55 372.738 2068.85 374.313C2183.15 375.889 2248.33 427.253 2267.7 496.978C2287.06 566.702 2280.16 662.879 2179.57 707.833C2078.99 752.787 2021.66 749.369 1953.15 707.833C1884.65 666.297 1854.61 590.977 1874.94 507.851Z" fill="white" fill-opacity="0.61"/>%0A<path d="M1844.22 842.562C2007.88 807.834 1969.94 857.009 2025.06 951.955C2080.18 1046.9 2035.19 1047.82 1958.53 1157.53C1922.8 1208.65 1901.1 1191.4 1808.11 1199.4C1715.13 1207.39 1677.72 1138.56 1646.79 1105.69C1588.87 1044.14 1594.43 1064.36 1653.89 957.545C1713.35 850.73 1680.57 877.289 1844.22 842.562Z" fill="url(%23paint2_radial_118_1606)"/>%0A<path d="M1844.22 842.562C2007.88 807.834 1969.94 857.009 2025.06 951.955C2080.18 1046.9 2035.19 1047.82 1958.53 1157.53C1922.8 1208.65 1901.1 1191.4 1808.11 1199.4C1715.13 1207.39 1677.72 1138.56 1646.79 1105.69C1588.87 1044.14 1594.43 1064.36 1653.89 957.545C1713.35 850.73 1680.57 877.289 1844.22 842.562Z" fill="white" fill-opacity="0.46"/>%0A<path d="M2363.18 631.212C2412.95 580.573 2466.68 624.203 2600.8 688.964C2734.92 753.726 2871.07 833.13 2796.88 878.396C2722.69 923.662 2541.83 953.659 2469.75 952.594C2397.66 951.529 2313.41 681.851 2363.18 631.212Z" fill="url(%23paint3_linear_118_1606)"/>%0A<path d="M2363.18 631.212C2412.95 580.573 2466.68 624.203 2600.8 688.964C2734.92 753.726 2871.07 833.13 2796.88 878.396C2722.69 923.662 2541.83 953.659 2469.75 952.594C2397.66 951.529 2313.41 681.851 2363.18 631.212Z" fill="white" fill-opacity="0.79"/>%0A<path d="M2358.08 1058.31C2432.41 1034.12 2444.62 1093.16 2486.31 1167.98C2527.99 1242.8 2537.6 1323.95 2442.5 1379.57C2347.39 1435.18 2163.39 1460.88 2122.78 1405.28C2082.18 1349.67 2099.36 1240.76 2110.55 1155.92C2119.91 1084.88 2283.74 1082.51 2358.08 1058.31Z" fill="url(%23paint4_radial_118_1606)"/>%0A<path d="M2358.08 1058.31C2432.41 1034.12 2444.62 1093.16 2486.31 1167.98C2527.99 1242.8 2537.6 1323.95 2442.5 1379.57C2347.39 1435.18 2163.39 1460.88 2122.78 1405.28C2082.18 1349.67 2099.36 1240.76 2110.55 1155.92C2119.91 1084.88 2283.74 1082.51 2358.08 1058.31Z" fill="white" fill-opacity="0.73"/>%0A<g opacity="0.3">%0A<path opacity="0.5" d="M1394 -67.4993C1445.54 -119.944 1860.6 -61.0713 1999.5 6.00001C2138.4 73.0713 2228 26.5009 2225 94.5004C2222 162.5 1829.32 415.115 1739.5 452.001C1649.67 488.885 1342.45 -15.053 1394 -67.4993Z" fill="url(%23paint5_linear_118_1606)"/>%0A<path d="M1361.5 296C1473.93 239.363 1545.22 382.679 1630.2 501.144C1715.18 619.608 1750.64 755.518 1612.91 869.888C1475.19 984.258 1188.4 1066.34 1109.91 980.306C1031.42 894.267 1030.74 743.033 1027.5 596.5C1024.79 473.81 1249.07 352.637 1361.5 296Z" fill="url(%23paint6_radial_118_1606)"/>%0A</g>%0A<path opacity="0.3" d="M2830 937.497C2979.5 897.501 3069.13 982.772 3088.5 1052.5C3107.87 1122.22 3163.09 1433.05 3062.5 1478C2961.92 1522.95 2708.51 1534.04 2640 1492.5C2571.5 1450.96 2592.51 1207.99 2640 1095.5C2687.5 983.001 2680.51 977.493 2830 937.497Z" fill="url(%23paint7_radial_118_1606)"/>%0A<path opacity="0.3" d="M890.386 -83.207C1153.97 -138.661 1232.74 -125.613 1321.51 25.998C1410.28 177.609 1244.5 255.998 1131 336.969C1017.5 417.939 940.271 513.728 790.51 526.498C640.749 539.268 560.319 425.487 510.5 373C417.202 274.707 377.732 136.065 473.5 -34.5C569.269 -205.065 626.799 -27.7533 890.386 -83.207Z" fill="url(%23paint8_radial_118_1606)"/>%0A<g opacity="0.3">%0A<path d="M2435.92 -37.501C2599.57 -72.2284 2652.86 19.5749 2652.86 125.537C2652.86 231.499 2628 574.998 2610.5 613.5C2593 652 2567 526.5 2394.5 455C2222 383.5 2219 386 2174 313.5C2129 241 2222.24 237.943 2281.7 131.128C2341.16 24.3126 2272.26 -2.7733 2435.92 -37.501Z" fill="url(%23paint9_radial_118_1606)"/>%0A<path opacity="0.5" d="M2974.21 157.454C3050.74 141.477 3056.46 201.499 3089.77 280.405C3123.07 359.313 3218.5 1063 3074 913.5C2929.5 764 2726.82 709.191 2692.5 649.5C2658.18 589.809 2697.21 310.717 2717.54 227.591C2734.57 157.99 2897.69 173.432 2974.21 157.454Z" fill="url(%23paint10_radial_118_1606)"/>%0A</g>%0A<path opacity="0.4" d="M2669.26 -98.4336C2686.28 -168.034 2748.86 -233.547 2863.17 -231.972C2977.47 -230.396 3042.65 -179.032 3062.01 -109.308C3081.38 -39.583 3162.6 45.047 3062.01 90.001C2961.43 134.955 2880.5 119.501 2770.5 141.501C2660.5 163.501 2648.92 -15.3069 2669.26 -98.4336Z" fill="url(%23paint11_radial_118_1606)"/>%0A</g>%0A<defs>%0A<clipPath id="paint0_angular_118_1606_clip_path"><path d="M2612.62 909.386H2532.62C2532.62 1096.6 2380.85 1248.38 2193.63 1248.38V1328.38V1408.38C2469.22 1408.38 2692.62 1184.97 2692.62 909.386H2612.62ZM2193.63 1328.38V1248.38C2006.42 1248.38 1854.65 1096.6 1854.65 909.386H1774.65H1694.65C1694.65 1184.97 1918.05 1408.38 2193.63 1408.38V1328.38ZM1774.65 909.386H1854.65C1854.65 722.168 2006.42 570.397 2193.63 570.397V490.397V410.397C1918.05 410.397 1694.65 633.802 1694.65 909.386H1774.65ZM2193.63 490.397V570.397C2380.85 570.397 2532.62 722.168 2532.62 909.386H2612.62H2692.62C2692.62 633.802 2469.22 410.397 2193.63 410.397V490.397Z" mask="url(%23path-1-inside-1_118_1606)"/></clipPath><radialGradient id="paint1_radial_118_1606" cx="0" cy="0" r="1" gradientTransform="matrix(-425.819 553.443 -509.85 -200.93 2276.31 281.579)" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23FFF4A4"/>%0A<stop offset="1" stop-color="%23FFEA74"/>%0A</radialGradient>%0A<radialGradient id="paint2_radial_118_1606" cx="0" cy="0" r="1" gradientTransform="matrix(-549.562 126.551 -111.834 -370.594 2087.46 921.427)" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23CAFFBD"/>%0A<stop offset="0.5" stop-color="%23DDF8B9"/>%0A<stop offset="1" stop-color="%23AEFF93"/>%0A</radialGradient>%0A<linearGradient id="paint3_linear_118_1606" x1="2708.54" y1="600.587" x2="2443.62" y2="956.239" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23B6B7FF"/>%0A<stop offset="1" stop-color="%2355B2FF"/>%0A</linearGradient>%0A<radialGradient id="paint4_radial_118_1606" cx="0" cy="0" r="1" gradientTransform="matrix(-221.845 486.861 -332.507 -138.304 2440.27 1037.5)" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23F4B0B0"/>%0A<stop offset="0.5" stop-color="%23FFB4A4"/>%0A<stop offset="1" stop-color="%23FFBBD8"/>%0A</radialGradient>%0A<linearGradient id="paint5_linear_118_1606" x1="2052.24" y1="-227.232" x2="1569.71" y2="522.85" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23B6B7FF"/>%0A<stop offset="1" stop-color="%2355B2FF"/>%0A</linearGradient>%0A<radialGradient id="paint6_radial_118_1606" cx="0" cy="0" r="1" gradientTransform="matrix(-923.076 785.997 -520.124 -639.842 1652.1 380.049)" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23F4B0B0"/>%0A<stop offset="0.5" stop-color="%23FFB4A4"/>%0A<stop offset="1" stop-color="%23FFBBD8"/>%0A</radialGradient>%0A<radialGradient id="paint7_radial_118_1606" cx="0" cy="0" r="1" gradientTransform="matrix(-548.382 893.893 -656.6 -324.531 273.062 349.504)" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23FFF4A4"/>%0A<stop offset="1" stop-color="%23FFEA74"/>%0A</radialGradient>%0A<radialGradient id="paint8_radial_118_1606" cx="0" cy="0" r="1" gradientTransform="matrix(-1150.94 219.978 -234.212 -644.185 1426.19 43.1954)" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23CAFFBD"/>%0A<stop offset="0.5" stop-color="%23DDF8B9"/>%0A<stop offset="1" stop-color="%23AEFF93"/>%0A</radialGradient>%0A<radialGradient id="paint9_radial_118_1606" cx="0" cy="0" r="1" gradientTransform="matrix(-608.36 228.525 -123.799 -669.214 2694.89 117.569)" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23CAFFBD"/>%0A<stop offset="0.5" stop-color="%23DDF8B9"/>%0A<stop offset="1" stop-color="%23AEFF93"/>%0A</radialGradient>%0A<radialGradient id="paint10_radial_118_1606" cx="0" cy="0" r="1" gradientTransform="matrix(-305.41 979.924 -352.427 -369.927 3093.83 135.32)" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23F4B0B0"/>%0A<stop offset="0.5" stop-color="%23FFB4A4"/>%0A<stop offset="1" stop-color="%23FFBBD8"/>%0A</radialGradient>%0A<radialGradient id="paint11_radial_118_1606" cx="0" cy="0" r="1" gradientTransform="matrix(-470.406 567.606 -563.236 -206.071 3111.34 -327.078)" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23FFF4A4"/>%0A<stop offset="1" stop-color="%23FFEA74"/>%0A</radialGradient>%0A<clipPath id="clip0_118_1606">%0A<rect width="3066" height="1681" fill="white" transform="translate(0 0.279297)"/>%0A</clipPath>%0A</defs>%0A</svg>%0A');background-position-x:right;background-position-y:top;background-size:contain;background-repeat:no-repeat;padding-top:10vh}#storybook-docs .bw-doc-banner{h3,p {margin: 0;} h3 {margin-left: var(--space-inline-s);}}#storybook-docs :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-family-brand);margin-top:var(--space-stack-xl)}