@import"https://fonts.googleapis.com/css2?family=Gluten:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=SN+Pro:ital,wght@0,200..900;1,200..900&display=swap";._page_u5ybg_1{display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:40rem;padding:4rem 1rem;margin:0 auto}._container_u5ybg_11{display:flex;flex-direction:column;gap:2.5rem;width:100%}._container_u5ybg_11 section{display:flex;flex-direction:column;gap:1rem}._container_u5ybg_11 section h3{font-size:.875rem;font-weight:500;color:#fff}._header_u5ybg_28{position:relative;display:flex;flex-direction:column;gap:.25rem}._header_u5ybg_28 h1{font-size:1rem;color:#fff;font-weight:500}._header_u5ybg_28 ._framework_u5ybg_40{display:flex;align-items:center;gap:.5rem}._header_u5ybg_28 ._framework_u5ybg_40 img{display:block}._header_u5ybg_28 button{display:flex;align-items:center;gap:.375rem;font-size:1rem}._header_u5ybg_28 button ._logo_u5ybg_54{animation:_fadeIn_u5ybg_1 .2s ease}@keyframes _fadeIn_u5ybg_1{0%{opacity:0}to{opacity:1}}._docs_u5ybg_66{width:100%}._demo_u5ybg_70{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:4rem;padding:6rem 2rem 3rem;font-family:var(--font-secondary);font-size:2.5rem;font-weight:500;text-align:center;color:#fff;border-radius:1rem;background:var(--body-light)}@media (max-width: 600px){._demo_u5ybg_70{font-size:2.25rem;padding:4rem 1rem 2rem}}@media (max-width: 420px){._demo_u5ybg_70{font-size:1.75rem}}._install_u5ybg_98{display:flex;flex-direction:column;justify-content:center;margin:-1rem 0 0}._install_u5ybg_98 ._cmd_u5ybg_104{width:100%}._install_u5ybg_98 ._commands_u5ybg_107{display:flex;gap:1rem}._install_u5ybg_98 ._commands_u5ybg_107 a,._install_u5ybg_98 ._commands_u5ybg_107 button{padding:1rem 0;font-size:.8125rem;font-weight:500;color:#fff;opacity:.35;transition:opacity .1s ease}._install_u5ybg_98 ._commands_u5ybg_107 a:hover,._install_u5ybg_98 ._commands_u5ybg_107 a[data-active=true],._install_u5ybg_98 ._commands_u5ybg_107 button:hover,._install_u5ybg_98 ._commands_u5ybg_107 button[data-active=true]{opacity:1}._example_u5ybg_126 ._controls_u5ybg_126{display:flex;align-items:center;gap:.5rem;padding:0 0 1rem}@media (max-width: 480px){._example_u5ybg_126 ._controls_u5ybg_126 button{padding:.75rem}._example_u5ybg_126 ._controls_u5ybg_126 button ._name_u5ybg_136{display:none}._example_u5ybg_126 ._controls_u5ybg_126 button ._logo_u5ybg_54 svg{transform:none}}._localeSwitcher_u5ybg_144{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 0 0}._localeSwitcher_u5ybg_144 button{font-size:1.5rem;font-weight:500;color:#fff;opacity:.35;transition:opacity .1s ease}._localeSwitcher_u5ybg_144 button:hover,._localeSwitcher_u5ybg_144 button[data-active=true]{opacity:1}._footer_do7y9_1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:4rem 0 0;letter-spacing:-.00563rem;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}._footer_do7y9_1 ._credits_do7y9_14{display:flex;align-items:center;gap:.25rem}._footer_do7y9_1 ._credits_do7y9_14 a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;padding:.375rem .675rem .375rem .375rem;border-radius:3rem;background-color:#fff0;transition:background-color .2s ease}._footer_do7y9_1 ._credits_do7y9_14 a img{display:block;position:relative;z-index:1;overflow:hidden;border-radius:50%}._footer_do7y9_1 ._credits_do7y9_14 a:hover{background-color:#ffffff1a}._footer_do7y9_1 ._details_do7y9_40{display:flex;align-items:center;gap:.5rem;color:#ffffff1f}._footer_do7y9_1 ._details_do7y9_40 a,._footer_do7y9_1 ._details_do7y9_40 span{color:var(--color-muted)}._footer_do7y9_1 ._details_do7y9_40 a{transition:color .1s ease}._footer_do7y9_1 ._details_do7y9_40 a:hover{color:#fff}._container_10ps6_1{position:relative;width:100%}._container_10ps6_1 ._copy_10ps6_5{z-index:99;position:absolute;right:0;top:0;padding:.85rem;font-size:.75rem;font-weight:500;letter-spacing:-.00563rem;transition:color .2s ease;color:var(--color-muted)}._container_10ps6_1 ._copy_10ps6_5:hover{color:var(--color)}._container_10ps6_1 pre{display:block;position:relative;padding:.75rem 1rem;color:#fff;background:#131313;border-radius:.75rem;corner-shape:superellipse(1.25);overflow:hidden;font-size:.8125rem;line-height:1.4;max-height:11.75rem;overflow-y:scroll}._examples_mkyw0_1{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}._examples_mkyw0_1 ._example_mkyw0_1{flex-shrink:0;position:relative;z-index:1;width:100%;overflow:hidden;aspect-ratio:1.6/1;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#131313;-webkit-user-select:none;-moz-user-select:none;user-select:none;scroll-snap-align:center}._examples_mkyw0_1 ._example_mkyw0_1 svg{display:block}@media (max-width: 600px){._examples_mkyw0_1{display:flex;flex-direction:row;overflow-x:auto;margin:-1rem;width:auto;padding:1rem}._examples_mkyw0_1 ._example_mkyw0_1{width:80%}}._action_mkyw0_43{overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1.5rem .75rem 1.125rem;font-family:var(--font-secondary);font-size:1rem;font-weight:500;text-align:center;color:#fff;border-radius:10rem;background:var(--body-light)}._action_mkyw0_43 ._label_mkyw0_59{--mask-size: 2rem;padding:0 var(--mask-size);margin:0 calc(-1 * var(--mask-size));-webkit-mask-image:linear-gradient(to right,transparent,black var(--mask-size),black calc(100% - var(--mask-size)),transparent);mask-image:linear-gradient(to right,transparent,black var(--mask-size),black calc(100% - var(--mask-size)),transparent)}._action_mkyw0_43 ._iconWrapper_mkyw0_65{position:relative;width:1.5rem;height:1.5rem}._action_mkyw0_43 ._iconWrapper_mkyw0_65 ._icon_mkyw0_65{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}._button_mkyw0_78{padding:.5rem 1rem;font-family:var(--font-secondary);font-size:1rem;font-weight:500;text-align:center;color:#fff;border-radius:.75rem;corner-shape:superellipse(1.25);background:var(--body-light)}._codeblock_mkyw0_90{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-50%,50%);right:-5.5rem;top:-2.5rem;display:flex;align-items:flex-start;justify-content:flex-end;padding:.625rem 1rem;font-family:var(--font-secondary);font-size:1rem;font-weight:500;text-align:center;color:#fff;border-radius:.75rem;box-shadow:1px -1px 0 0 var(--body-light)}._number_mkyw0_109{position:absolute;top:1rem;right:1.5rem;bottom:0;left:1.5rem;display:flex;align-items:center;justify-content:center;padding:0 .625rem 1rem;font-family:var(--font-secondary);font-size:2.5rem;font-weight:600;text-align:center;color:#fff;border-radius:2rem 2rem 0 0;box-shadow:0 0 0 1px var(--body-light)}._number_mkyw0_109 ._cursor_mkyw0_124{transform:translateY(1px);border-radius:1rem;width:2px;height:.95em;background:rgba(255,255,255,.1);margin-left:.25rem;animation:_blink_mkyw0_1 1s step-start infinite}@keyframes _blink_mkyw0_1{0%{opacity:0}50%{opacity:1}to{opacity:0}}._button_ispte_1{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;font-family:var(--font-secondary);font-size:1rem;font-weight:500;text-align:center;color:#fff;border-radius:.75rem;corner-shape:superellipse(1.25);box-shadow:0 0 0 1px #131313;transition:.1s ease;transition-property:background,transform;will-change:transform}._button_ispte_1 svg{display:block;transform:translate(-.375rem)}._button_ispte_1:active{transform:scale(.96)}._button_ispte_1:hover{background:#131313}._button_ispte_1[disabled]{background:#131313;pointer-events:none}._testbench_7r5k2_1{width:100%;border-radius:2rem;padding:3rem;box-shadow:inset 0 0 0 1px var(--hr-color)}._demo_7r5k2_8{display:flex;align-items:center;justify-content:center;width:100%;min-height:50svh;font-family:var(--font-primary)}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--body: #000000;--body-light: rgba(255, 255, 255, .04);--color: #a8a8a8;--color-muted: #6b6b6b;--border: #1c1c1c;--primary: #ffce44}:root{--hr-color: rgba(255, 255, 255, .1);--focus-color: rgba(0, 122, 255, .5);--selection-color: #fff;--selection-bg: rgba(255, 255, 255, .15);--font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-secondary: "SN Pro", "SF Pro Rounded", ui-rounded, "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";--font-code: "SF Mono", "SFMono-Regular", "Consolas", "Liberation Mono", Menlo, Courier, monospace}*{outline:0;padding:0;margin:0;border:0;box-sizing:border-box;backface-visibility:hidden}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:rgba(255,255,255,0);border-radius:100px}*:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)}*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}::selection{color:var(--selection-color);background:var(--selection-bg)}::-moz-selection{color:var(--selection-color);background:var(--selection-bg)}:focus-visible{outline:2px solid var(--focus-color)}html{background:var(--body);color:var(--color)}html,html body{min-height:100%}body{overflow-y:scroll;font-weight:300;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;backface-visibility:hidden;font-family:var(--font-primary);color:var(--color);background:var(--body)}input[type=text],input,input[type=button],button,textarea,select{appearance:none;-moz-appearance:none;-webkit-appearance:none;font-family:inherit}button{cursor:pointer;background:none}button:disabled{pointer-events:none;cursor:not-allowed}img,svg{display:inline-block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}article p,article h1,article h2,article h3,article h4,article h5,article h6{padding:1rem 0 0}main ol,main ul{list-style:none;display:block;position:relative;padding:.5rem 0 1rem 1.25rem}main ol ul,main ol ol,main ul ul,main ul ol{list-style:none;padding:.5rem 0 0 .25rem}main ol ul>li:last-child,main ol ol>li:last-child,main ul ul>li:last-child,main ul ol>li:last-child{padding-bottom:0}main ol li,main ul li{position:relative;padding:0 0 .5rem .75rem;font-size:.875rem;font-weight:460;line-height:1.25rem;letter-spacing:-.00563rem}main ul li:before{content:"";position:absolute;right:100%;top:.65em;width:.25rem;height:.25rem;border-radius:50%;background:#b3b3b3}main ul li ul li:before{background:#fff;box-shadow:inset 0 0 0 1px #b3b3b3}main ol{counter-reset:list;padding-left:1rem}main ol li{padding-left:1rem;counter-increment:list}main ol li:before{content:counter(list) ".";position:absolute;right:100%;top:0;width:.25rem;height:.25rem;color:#fff6}p,li{font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-.00563rem}p a,li a{position:relative;display:inline-block;color:inherit;font-weight:inherit;line-height:inherit;transition:all .2s ease}p a:before,li a:before{pointer-events:none;content:"";position:absolute;bottom:0;left:0;right:0;height:1px;border-radius:2px;background:currentColor;opacity:.4;transition:inherit}p a:hover,li a:hover{color:var(--primary)}p a:hover:before,li a:hover:before{opacity:1}p a:focus-visible,li a:focus-visible{border-radius:2px;padding:0 2px;margin:0 -2px;transition:none;outline:2px solid var(--focus-color)}h1,h2,h3,h4,h5,h6{font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:-.01em}.container{width:100%;max-width:64rem;margin:0 auto}main{padding:6rem 1.5rem;display:flex;flex-direction:column}blockquote{font-size:.8125rem;font-style:italic;font-weight:460;line-height:140%;letter-spacing:-.0025rem;padding-top:1rem}blockquote p{display:block;position:relative;padding:0 0 0 1rem}blockquote p:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.125rem;border-radius:.3125rem;background:#e6e6e6}blockquote p+p{padding-top:.75rem}blockquote cite{display:block;padding:1rem 0 0 1rem}blockquote cite:before{content:"- "}label{display:block;font-size:1rem;font-weight:500}input,select{padding:.5rem 1rem;box-shadow:inset 0 0 0 1px var(--border);border-radius:.25rem;color:inherit;font-size:1.25rem;background:transparent}input[disabled],select[disabled]{opacity:.5;cursor:not-allowed}code,pre{font-family:var(--font-code)}code{position:relative;display:inline-block;font-size:1rem;line-height:1;padding:1rem;-webkit-user-select:all;-moz-user-select:all;user-select:all}code:before{pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.75rem;background:rgba(255,255,255,.06)}