.ndm__switch{all:unset;color:currentColor;cursor:pointer;--size:24px;height:var(--size);width:var(--size);border:1px dashed;border-radius:50%;display:inline-block;position:relative;transition:all .3s ease-in-out!important}[data-m=system] .ndm__switch:after{width:100%;height:100%;font-weight:600;font-size:calc(var(--size)/2);content:"A";justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}[data-rm=""] .ndm__switch{background-color:#ff0;border:1px solid #ff4500;box-shadow:0 0 50px 10px #ff0}[data-rm=dark] .ndm__switch{box-shadow:calc(var(--size)/4)calc(var(--size)/-4)calc(var(--size)/8)inset #fff;background:0 0;border:none;animation:.5s linear ndm__n}@keyframes ndm__n{40%{transform:rotate(-15deg)}80%{transform:rotate(10deg)}0%,to{transform:rotate(0)}}
.fork-me__fork{width:var(--w);height:var(--h);top:calc(.354*var(--w) - var(--h));right:calc(-.14*var(--w) - .5*var(--h));color:var(--tc);background-color:var(--bc);text-shadow:0 1px #ffffff4d,0 -1px #000000b3;z-index:10000;border:1px dashed gray;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:flex;position:fixed;transform:rotate(45deg)}.fork-me__fork:hover{filter:drop-shadow(0 0 5px var(--sc))}
.tfx_typeout{--speed:30;--delSpeed:60}.tfx_typeout *{transition:all!important}.tfx_word{--w:0px;--n:0;width:0;display:inline-flex;position:relative;overflow:hidden}.tfx_hk,.tfx_processing{--n:0;opacity:0;height:0!important;margin:0!important;padding:0!important}.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_type:after,.tfx_cursor .tfx_del:after{content:" ";background:currentColor;width:2px;height:72%;animation:.75s infinite tfx_blink;position:absolute;top:13%;right:0}.tfx_paused *{animation-play-state:paused!important}.tfx_component{text-wrap:nowrap;width:fit-content;height:auto;position:relative}.tfx_component.tfx_type{animation:5s tfx_fadein}.tfx_component.tfx_del{animation:3s tfx_fadeout}.tfx_component.tfx_type,.tfx_component.tfx_del{height:auto!important}.tfx_component.tfx_type:after,.tfx_component.tfx_del: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(#0141ff66,#0141ff00);--secondary-glow:linear-gradient(to bottom right,#0141ff00,#0141ff00,#0141ff4d);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}html{margin:0;padding:0}body,#root{background:var(--bg-color);flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}a{color:inherit;text-decoration:none}.grow{flex-grow:1}@media screen and (min-width:800px){.mb{display:none!important}}
.demo__demo{width:var(--max-width);max-width:95vw;box-shadow:0 0 8px -2px var(--text-color);border-radius:1rem;margin:auto auto 3rem;display:flex;overflow:hidden}.demo__demo>*{flex-grow:1}.demo__preview{padding:10px}.demo__center{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.demo__code{font-family:var(--font-mono)}.docs__docs{max-width:800px;margin:auto}.drawer-button__drawerBtn{all:unset;cursor:pointer;flex-flow:column;justify-content:space-evenly;width:45px;height:32px;margin:5px;padding:0 5px;display:inline-flex}.drawer-button__drawerBtn *{background:var(--text-color);border:1px solid #5555;border-radius:50%;height:4px}.drawer-button__drawerBtn :first-child,.drawer-button__drawerBtn :last-child{margin:0 7px;transform:none}.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}@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}}@keyframes logo__rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes logo__txt{0%{background-position:100%}to{background-position:-100%}}@media screen and (min-width:800px){.logo__logo{width:210px}}@media screen and (min-width:1000px){.landing-page__featured>div{padding:20px 4rem}}.header__header{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;position:sticky;top:0}.header__header>div{max-width:var(--max-width);z-index:2;align-items:center;width:100%;height:100%;margin:auto;padding:0 10px;font-size:.85rem;display:flex;flex-wrap:nowrap!important}.header__header nav{width:300px;height:calc(100vh - 76px);box-shadow:0 0 8px -5px var(--text-color);background:var(--bg-color);flex-direction:column-reverse;justify-content:space-between;gap:20px;display:flex;position:fixed;top:76px;left:-300px;overflow:auto}.header__header .header__open{left:0}.header__author,.header__themeswitch{all:unset;box-shadow:0 1px 8px -5px var(--text-color);text-transform:capitalize;cursor:pointer;gap:20px;margin:0;padding:15px 20px;display:flex}.header__author{text-shadow:0 1px 5px orange;justify-content:center;font-size:1rem;font-weight:700}@media screen and (min-width:800px){.header__header>div{justify-content:space-between}.header__header nav{background:0 0;flex-direction:row;align-items:center;width:auto;height:100%;position:relative;top:0;left:auto}.header__header nav,.header__header .header__author,.header__header .header__themeswitch{box-shadow:none;text-shadow:none;gap:0;font-weight:500}.header__themeswitch{margin-right:130px}}@media screen and (min-width:1200px){.header__themeswitch{margin-right:80px}}.cards__cards{width:var(--max-width);flex-wrap:wrap;justify-content:space-evenly;gap:25px;max-width:95vw;margin:auto;display:flex}.cards__card{all:unset;border-radius:var(--border-radius);background:rgba(var(--card-rgb),0);border:1px solid rgba(var(--card-border-rgb),.1);cursor:pointer;flex-direction:column;max-width:300px;padding:1rem 1.2rem;transition:background .2s,border .2s;display:flex}.cards__card span{transition:transform .2s;display:inline-block}.cards__card h2{text-align:start;margin-top:0;font-weight:600}.cards__card p{opacity:.6;text-align:justify;width:34ch;margin:0;font-size:.9rem;line-height:1.5}.cards__card nav{gap:15px;padding-top:10px;display:flex}.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{border-radius:var(--border-radius);justify-content:center;align-items:center;width:180px;padding:2px;display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 2px 8px -1px #0000001a}.logo__logo span{font-weight:700;font-family:var(--font-mono);border-radius:var(--border-radius);background:linear-gradient(90deg,#3b82f6,#3b82f6,#ef4444,#ef4444) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;padding:.75rem 1rem;animation:4s linear infinite logo__txt}.logo__logo:before,.logo__logo:after{content:" ";z-index:-1;position:absolute}.logo__logo:before{background:var(--tile-border);width:800%;height:800%;animation:3s linear infinite logo__rotate}.logo__logo:after{border-radius:var(--border-radius);background:var(--bg-color);background-clip:content-box;padding:1px;inset:0}@media screen and (min-width:800px){.logo__logo{width:210px}}.landing-page__center{text-align:center;z-index:2;flex-flow:column wrap;justify-content:center;align-items:center;gap:20px 50px;padding:3rem;display:flex;position:relative}.landing-page__center a{transform:scale(1.25)}.landing-page__center a:after{padding:2px}.landing-page__center:before{background:var(--secondary-glow);pointer-events:none;border-radius:50%;width:480px;height:360px;margin-left:-400px}.landing-page__center:after{background:var(--primary-glow);width:240px;height:180px}.landing-page__center:before,.landing-page__center:after{content:" ";filter:blur(45px);z-index:-1;position:absolute;left:50%}.landing-page__hero{height:300px}.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);color:#0000;width:fit-content;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin:3rem auto auto;font-size:3rem}.landing-page__featured{width:calc(var(--max-width) + 3rem);max-width:95vw;box-shadow:0 0 8px -2px var(--text-color);text-align:center;border-radius:20px;margin:auto auto 3rem;padding:1rem 0}.landing-page__featured hr{box-shadow:0 0 8px var(--text-color);margin:0 3rem 2rem}.landing-page__featured>div{width:auto;max-height:calc(100vh - 300px);padding:20px;overflow:auto}@media screen and (min-width:1000px){.landing-page__featured>div{padding:20px 4rem}}.layout__container{background:var(--bg-color);color:var(--text-color);padding-top:1rem}.layout__container footer{text-align:center;box-shadow:0 -2px 8px -6px var(--text-color);margin-top:2rem;padding:8px 10px 10px}
.loader-container__container{z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:0;background:radial-gradient(circle,#535bf200 0% 150%,#8489f685,#535bf255);justify-content:center;align-items:center;width:100vw;height:100vh;transition:all .5s;display:flex;position:fixed;top:0;left:0}.loader-container__container *{animation-play-state:paused!important}.loader-container__loading{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:all;opacity:1;background:radial-gradient(circle,#535bf200 0% 0%,#8489f6b5 10%,#535bf255)}.loader-container__loading *{animation-play-state:running!important}.bars1__loader{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%;width:45px;animation:.75s linear infinite bars1__l27}@keyframes bars1__l27{0%,20%{background-position:0 0,100% 33.3333%,0 66.6667%,100% 100%}80%,to{background-position:100% 0,0 33.3333%,100% 66.6667%,0 100%}}.bars2__loader{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%;width:45px;animation:1s linear infinite bars2__l1}@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%}}.dots1__loader{--c:#000;aspect-ratio:4;background:radial-gradient(circle closest-side,var(--c)90%,#0000)0/33.3333% 100% space;clip-path:inset(0 100% 0 0);width:60px;animation:1s steps(4,end) infinite dots1__anim}@keyframes dots1__anim{to{clip-path:inset(0 -34% 0 0)}}.dots2__loader{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));width:32px;animation:1s infinite dots2__anim}@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}}
html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;tab-size:4;line-height:1.5}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,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(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}