@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._page_laqyh_1{display:flex;align-items:center;justify-content:center;width:100%;max-width:40rem;min-height:100svh;padding:4rem 1rem;margin:0 auto}._container_laqyh_12{display:flex;flex-direction:column;gap:2.5rem;width:100%}._container_laqyh_12 section{display:flex;flex-direction:column;gap:1rem}._container_laqyh_12 section h3{font-size:.875rem;font-weight:500;color:#fff}._header_laqyh_29{position:relative;display:flex;flex-direction:column;gap:.25rem}._header_laqyh_29 h1{font-size:1rem;color:#fff;font-weight:500}._header_laqyh_29 ._framework_laqyh_41{display:flex;align-items:center;gap:.5rem}._header_laqyh_29 ._framework_laqyh_41 img{display:block}._header_laqyh_29 button{display:flex;align-items:center;gap:.375rem;font-size:1rem}._header_laqyh_29 button ._logo_laqyh_55{animation:_fadeIn_laqyh_1 .2s ease}@keyframes _fadeIn_laqyh_1{0%{opacity:0}to{opacity:1}}._docs_laqyh_67{width:100%}._demo_laqyh_71{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_laqyh_71{font-size:2.25rem;padding:4rem 1rem 2rem}}@media (max-width: 420px){._demo_laqyh_71{font-size:1.75rem}}._install_laqyh_99{display:flex;flex-direction:column;justify-content:center;margin:-1rem 0 0}._install_laqyh_99 ._commands_laqyh_105{display:flex;gap:1rem}._install_laqyh_99 ._commands_laqyh_105 a,._install_laqyh_99 ._commands_laqyh_105 button{padding:1rem 0;font-size:.8125rem;font-weight:500;color:#fff;opacity:.35;transition:opacity .1s ease}._install_laqyh_99 ._commands_laqyh_105 a:hover,._install_laqyh_99 ._commands_laqyh_105 a[data-active=true],._install_laqyh_99 ._commands_laqyh_105 button:hover,._install_laqyh_99 ._commands_laqyh_105 button[data-active=true]{opacity:1}._example_laqyh_124 ._controls_laqyh_124{display:flex;align-items:center;gap:.5rem;padding:0 0 1rem}._localeSwitcher_laqyh_131{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 0 0}._localeSwitcher_laqyh_131 button{font-size:1.5rem;font-weight:500;color:#fff;opacity:.35;transition:opacity .1s ease}._localeSwitcher_laqyh_131 button:hover,._localeSwitcher_laqyh_131 button[data-active=true]{opacity:1}._footer_hw62l_1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;letter-spacing:-.00563rem;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}._footer_hw62l_1 ._credits_hw62l_13{display:flex;align-items:center;gap:.25rem}._footer_hw62l_1 ._credits_hw62l_13 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_hw62l_1 ._credits_hw62l_13 a img{display:block;position:relative;z-index:1;overflow:hidden;border-radius:50%}._footer_hw62l_1 ._credits_hw62l_13 a:hover{background-color:#ffffff1a}._footer_hw62l_1 ._details_hw62l_39{display:flex;align-items:center;gap:.5rem;color:#ffffff1f}._footer_hw62l_1 ._details_hw62l_39 a,._footer_hw62l_1 ._details_hw62l_39 span{color:var(--color-muted)}._footer_hw62l_1 ._details_hw62l_39 a{transition:color .1s ease}._footer_hw62l_1 ._details_hw62l_39 a:hover{color:#fff}._container_1pfiv_1{position:relative;width:100%;height:11.75rem}._container_1pfiv_1 ._copy_1pfiv_6{z-index:99;position:absolute;right:0;top:0;padding:.5rem;font-size:.875rem;font-weight:500;letter-spacing:-.00563rem;transition:color .2s ease;color:var(--color-muted)}._container_1pfiv_1 ._copy_1pfiv_6:hover{color:var(--color)}._container_1pfiv_1 pre{--bg: var(--body-light);display:block;position:relative;padding:.75rem 1rem;background:var(--bg);border-radius:.375rem;overflow:hidden;font-size:.8125rem;line-height:1.4;max-height:11.75rem;overflow-y:scroll}._examples_148l4_1{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%}._examples_148l4_1 ._example_148l4_1{position:relative;z-index:1;overflow:hidden;width:100%;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}._examples_148l4_1 svg{display:block}._action_148l4_24{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)}._button_148l4_40{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_148l4_52{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_148l4_71{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)}._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: "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)}
