.ndm__switch{all:unset;position:relative;display:inline-block;color:currentColor;border-radius:50%;border:1px dashed;cursor:pointer;--size:24px;height:var(--size);width:var(--size);transition:all .3s ease-in-out 0s!important}[data-m=system] .ndm__switch:after{position:absolute;height:100%;width:100%;top:0;left:0;font-weight:600;font-size:calc(var(--size) / 2);display:flex;align-items:center;justify-content:center;content:"A"}[data-rm=""] .ndm__switch{box-shadow:0 0 50px 10px #ff0;background-color:#ff0;border:1px solid orangered}[data-rm=dark] .ndm__switch{box-shadow:calc(var(--size) / 4) calc(var(--size) / -4) calc(var(--size) / 8) inset #fff;border:none;background:transparent;animation:ndm__n .5s linear}@keyframes ndm__n{40%{transform:rotate(-15deg)}80%{transform:rotate(10deg)}0%,to{transform:rotate(0)}}.fork-me__fork{position:fixed;display:flex;align-items:center;justify-content:center;font-weight:700;width:var(--w);height:var(--h);transform:rotate(45deg);top:calc(.354 * var(--w) - var(--h));right:calc(-.14 * var(--w) - .5 * var(--h));color:var(--tc);background-color:var(--bc);border:1px dashed gray;text-shadow:0 1px 0 rgba(255,255,255,.3),0 -1px 0 rgba(0,0,0,.7);text-decoration:none;z-index:10000}.fork-me__fork:hover{filter:drop-shadow(0 0 5px var(--sc))}.tfx_typeout{--speed:30;--delSpeed:60}.tfx_typeout *{transition:all 0s!important}.tfx_word{--w:0px;--n:0;display:inline-flex;overflow:hidden;width:0;position:relative}.tfx_hk,.tfx_processing{--n:0;height:0!important;padding:0!important;margin:0!important;opacity:0}.tfx_hk *,.tfx_processing *{width:auto!important}.tfx_type{animation:tfx_type steps(8) calc(var(--n) * 1s / var(--speed))}.tfx_del{animation:tfx_del steps(8) calc(var(--n) * 1s / var(--delSpeed))}.tfx_wait{width:0!important;height:0!important}.tfx_cursor .tfx_cursor,.tfx_wait.tfx_del,.tfx_wait.tfx_type{width:auto!important;height:auto!important}.tfx_wait.tfx_type{animation-duration:var(--d)}.tfx_wait.tfx_del{animation-duration:var(--r)}.tfx_cursor .tfx_cursor:after,.tfx_cursor .tfx_del:after,.tfx_cursor .tfx_type:after{content:" ";position:absolute;top:13%;height:72%;right:0;width:2px;background:currentColor;animation:tfx_blink .75s infinite}.tfx_paused *{animation-play-state:paused!important}.tfx_component{position:relative;text-wrap:nowrap;height:auto;width:-moz-fit-content;width:fit-content}.tfx_component.tfx_type{animation:tfx_fadein 5s}.tfx_component.tfx_del{animation:tfx_fadeout 3s}.tfx_component.tfx_del,.tfx_component.tfx_type{height:auto!important}.tfx_component.tfx_del:after,.tfx_component.tfx_type:after{all:unset}@keyframes tfx_blink{50%{opacity:0}}@keyframes tfx_type{0%{width:0;height:auto}to{width:var(--w);height:auto}}@keyframes tfx_del{0%{width:var(--w);height:auto}to{width:0;height:auto}}@keyframes tfx_fadein{0%{opacity:0}to{opacity:1}}@keyframes tfx_fadeout{to{opacity:0}}*{box-sizing:border-box;transition:all .3s}:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--tile-border:conic-gradient(#f008,#f004,#f003,#f002,#f001,#f001,#f001);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135;--bg-color:#fff;--text-color:#534c40;--primary-glow:conic-gradient(from 180deg at 50% 50%,#b916ff83 0deg,#ff08bd53 55deg,#ff54b583 120deg,#ff006683 160deg);--secondary-glow:radial-gradient(#aaf5,#f0f0,#f0f0)}.dark{--bg-color:#000;--text-color:#9ca3af;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}#root,body,html{padding:0;margin:0}#root,body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-color)}a{color:inherit;text-decoration:none}.grow{flex-grow:1}@media screen and (min-width:800px){.mb{display:none!important}}.docs__docs{max-width:800px;margin:auto}.demo__demo{width:var(--max-width);max-width:95vw;display:flex;margin:auto auto 3rem;border-radius:1rem;overflow:hidden;box-shadow:0 0 8px -2px var(--text-color)}.demo__demo>*{flex-grow:1}.demo__preview{padding:10px}.demo__center{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.demo__code{font-family:var(--font-mono)}.header__header{position:-webkit-sticky;position:sticky;top:0;width:100%;height:76px;box-shadow:0 3px 8px -6px var(--text-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100}.header__header>div{display:flex;align-items:center;flex-wrap:nowrap!important;font-size:.85rem;max-width:var(--max-width);width:100%;height:100%;z-index:2;padding:0 10px;margin:auto}.header__header nav{position:fixed;top:76px;height:calc(100vh - 76px);left:-300px;width:300px;box-shadow:0 0 8px -5px var(--text-color);overflow:auto;display:flex;flex-direction:column-reverse;gap:20px;justify-content:space-between;background:var(--bg-color)}.header__header .header__open{left:0}.header__author,.header__themeswitch{all:unset;box-shadow:0 1px 8px -5px var(--text-color);padding:15px 20px;gap:20px;display:flex;text-transform:capitalize;cursor:pointer;margin:0}.header__author{font-weight:700;font-size:1rem;justify-content:center;text-shadow:0 1px 5px orange}@media screen and (min-width:800px){.header__header>div{justify-content:space-between}.header__header nav{position:relative;flex-direction:row;align-items:center;height:100%;width:auto;top:0;left:auto;background:transparent}.header__header .header__author,.header__header .header__themeswitch,.header__header nav{box-shadow:none;text-shadow:none;font-weight:500;gap:0}.header__themeswitch{margin-right:130px}}@media screen and (min-width:1200px){.header__themeswitch{margin-right:80px}}.drawer-button__drawerBtn{all:unset;height:32px;width:45px;display:inline-flex;flex-flow:column nowrap;justify-content:space-evenly;padding:0 5px;margin:5px;cursor:pointer}.drawer-button__drawerBtn *{height:4px;background:var(--text-color);border-radius:50%;border:1px solid rgba(85,85,85,.3333333333)}.drawer-button__drawerBtn :first-child,.drawer-button__drawerBtn :last-child{transform:none;margin:0 7px}.drawer-button__drawerBtn :nth-child(2){opacity:1}.drawer-button__drawerBtn.drawer-button__open{transform:rotate(-180deg)}.drawer-button__drawerBtn.drawer-button__open :first-child{transform:rotate(45deg) translate(5px,5px)}.drawer-button__drawerBtn.drawer-button__open :last-child{transform:rotate(-45deg) translate(5px,-5px)}.drawer-button__drawerBtn.drawer-button__open :nth-child(2){opacity:0}.landing-page__center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;flex-wrap:wrap;padding:3rem;gap:20px 50px;z-index:2}.landing-page__center a{transform:scale(1.25)}.landing-page__center a:after{padding:2px}.landing-page__center:before{background:var(--secondary-glow);border-radius:50%;width:480px;height:360px;margin-left:-400px;pointer-events:none}.landing-page__center:after{background:var(--primary-glow);width:240px;height:180px}.landing-page__center:after,.landing-page__center:before{content:" ";left:50%;position:absolute;filter:blur(45px);z-index:-1}.landing-page__hero h2,.landing-page__hero strong{font-style:italic}.landing-page__title{border-radius:var(--border-radius);background:linear-gradient(90deg,#3b82f6,#ef4444);-webkit-background-clip:text;background-clip:text;color:transparent;width:-moz-fit-content;width:fit-content;margin:3rem auto auto;font-size:3rem;text-shadow:none}.landing-page__featured{margin:auto auto 3rem;width:calc(var(--max-width) + 3rem);max-width:95vw;box-shadow:0 0 8px -2px var(--text-color);text-align:center;border-radius:20px;padding:1rem 0}.landing-page__featured hr{margin:0 3rem 2rem;box-shadow:0 0 8px var(--text-color)}.landing-page__featured>div{width:auto;max-height:calc(100vh - 300px);overflow:auto;padding:20px}@media screen and (min-width:1000px){.landing-page__featured>div{padding:20px 4rem}}.cards__cards{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:25px;width:var(--max-width);max-width:95vw;margin:auto}.cards__card{all:unset;display:flex;flex-direction:column;padding:1rem 1.2rem;border-radius:var(--border-radius);background:rgba(var(--card-rgb),0);border:1px solid rgba(var(--card-border-rgb),.1);cursor:pointer;max-width:300px;transition:background .2s,border .2s}.cards__card span{display:inline-block;transition:transform .2s}.cards__card h2{font-weight:600;margin-top:0;text-align:start}.cards__card p{margin:0;opacity:.6;font-size:.9rem;line-height:1.5;width:34ch;text-align:justify}.cards__card nav{display:flex;gap:15px;padding-top:10px}.cards__card nav select{flex-grow:1}@media (hover:hover) and (pointer:fine){.cards__card:hover{background:rgba(var(--card-rgb),.1);border:1px solid rgba(var(--card-border-rgb),.15)}.cards__card:hover span{transform:translate(4px)}}@media (max-width:1023px){.cards__card{padding:1rem 2.5rem}.cards__card h2{margin-bottom:.5rem}}.logo__logo{position:relative;display:flex;justify-content:center;align-items:center;transform:translateZ(0);overflow:hidden;box-shadow:0 2px 8px -1px #0000001a;padding:2px;width:180px}.logo__logo,.logo__logo span{border-radius:var(--border-radius)}.logo__logo span{font-weight:700;font-family:var(--font-mono);padding:.75rem 1rem;background:linear-gradient(90deg,#3b82f6,#3b82f6,#ef4444,#ef4444);background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:logo__txt 4s linear infinite}.logo__logo:after,.logo__logo:before{content:" ";position:absolute;z-index:-1}.logo__logo:before{animation:logo__rotate 3s linear infinite;width:800%;height:800%;background:var(--tile-border)}.logo__logo:after{inset:0;padding:1px;border-radius:var(--border-radius);background:var(--bg-color);background-clip:content-box}@keyframes logo__rotate{0%{transform:rotate(1turn)}to{transform:rotate(0)}}@keyframes logo__txt{0%{background-position:100% 50%}to{background-position:-100% 50%}}@media screen and (min-width:800px){.logo__logo{width:210px}}.layout__container{padding-top:1rem;background:var(--bg-color);color:var(--text-color)}.layout__container footer{text-align:center;padding:8px 10px 10px;margin-top:2rem;box-shadow:0 -2px 8px -6px var(--text-color)}.loader-container__container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:radial-gradient(circle,#535bf200 0 150%,#8489f685,#535bf255);opacity:0;transition:all .5s}.loader-container__container *{animation-play-state:paused!important}.loader-container__loading{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle,#535bf200 0 0,#8489f6b5 10%,#535bf255);pointer-events:all;opacity:1}.loader-container__loading *{animation-play-state:running!important}.dots1__loader{--c:#000;width:60px;aspect-ratio:4;background:radial-gradient(circle closest-side,var(--c) 90%,rgba(0,0,0,0)) 0/33.3333333333% 100% space;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);animation:dots1__anim 1s steps(4) infinite}@keyframes dots1__anim{to{-webkit-clip-path:inset(0 -34% 0 0);clip-path:inset(0 -34% 0 0)}}.dots2__loader{width:32px;aspect-ratio:1;--c:#000;--dot-radius:20%;--_g:no-repeat radial-gradient(farthest-side,var(--c) 90%,#0000);background:var(--_g),var(--_g),var(--_g),var(--_g);background-size:calc(2 * var(--dot-radius)) calc(2 * var(--dot-radius));animation:dots2__anim 1s infinite}@keyframes dots2__anim{0%{background-position:0 0,100% 0,100% 100%,0 100%}40%,50%{background-position:100% 100%,100% 0,0 0,0 100%}90%,to{background-position:100% 100%,0 100%,0 0,100% 0}}.bars1__loader{width:45px;aspect-ratio:1;--c:#000;--b:no-repeat repeating-linear-gradient(90deg,var(--c) 0 calc(100% / 7),#0000 0 calc(200% / 7));background:var(--b),var(--b),var(--b),var(--b);background-size:140% 26%;animation:bars1__l27 .75s linear infinite}@keyframes bars1__l27{0%,20%{background-position:0 0,100% 33.3333333333%,0 66.6666666667%,100% 100%}80%,to{background-position:100% 0,0 33.3333333333%,100% 66.6666666667%,0 100%}}.bars2__loader{width:45px;aspect-ratio:1;--c:#000;--b:no-repeat linear-gradient(var(--c) 0 0);background:var(--b) 0 50%,var(--b) 50% 50%,var(--b) 100% 50%;background-size:20% 100%;animation:bars2__l1 1s linear infinite}@keyframes bars2__l1{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10%,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10%,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}to{background-size:20% 100%,20% 100%,20% 100%}}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;line-height:1.5;-moz-tab-size:4;tab-size:4}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}