:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;scrollbar-width:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#212121}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{text-align:center;width:100%;margin:0 auto}::-webkit-scrollbar{display:none}::-moz-scrollbar{display:none}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@layer utilities{.animate-shake{animation:shake .5s linear}}@keyframes walk{0%{transform:translate(0)}10%{transform:translate(calc(-10vw * var(--animation-progress)),15px)}20%{transform:translate(calc(-20vw * var(--animation-progress)))}30%{transform:translate(calc(-30vw * var(--animation-progress)),15px)}40%{transform:translate(calc(-40vw * var(--animation-progress)))}50%{transform:translate(calc(-50vw * var(--animation-progress)),15px)}60%{transform:translate(calc(-60vw * var(--animation-progress)))}70%{transform:translate(calc(-70vw * var(--animation-progress)),15px)}80%{transform:translate(calc(-80vw * var(--animation-progress)))}90%{transform:translate(calc(-90vw * var(--animation-progress)),15px)}to{transform:translate(calc(-100vw - 50px))}}@layer utilities{.animate-walk{--animation-progress: 1;animation:walk 4s linear 1;animation-fill-mode:forwards;will-change:transform}}@keyframes right-walk{0%{transform:translate(calc(100vw + 50px))}10%{transform:translate(calc(90vw * var(--animation-progress)),15px)}20%{transform:translate(calc(80vw * var(--animation-progress)))}30%{transform:translate(calc(70vw * var(--animation-progress)),15px)}40%{transform:translate(calc(60vw * var(--animation-progress)))}50%{transform:translate(calc(50vw * var(--animation-progress)),15px)}60%{transform:translate(calc(40vw * var(--animation-progress)))}70%{transform:translate(calc(30vw * var(--animation-progress)),15px)}80%{transform:translate(calc(20vw * var(--animation-progress)))}90%{transform:translate(calc(10vw * var(--animation-progress)),15px)}to{transform:translate(0)}}@layer utilities{.animate-walk-right{--animation-progress: 1;animation:right-walk 4s linear 1;animation-fill-mode:forwards;will-change:transform}}@layer utilities{@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:floatAnimation .2s ease-in-out 5 alternate}}@layer utilities{@keyframes shakeAnimation{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.animate-shake{animation:shakeAnimation .3s ease-in-out 5}}@layer utilities{@keyframes moveFromTopLeft{0%{transform:translate(-100%,-100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes moveFromTopRight{0%{transform:translate(100%,-100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes moveFromBottomLeft{0%{transform:translate(-100%,100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes moveFromBottomRight{0%{transform:translate(100%,100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.animate-top-left{animation:moveFromTopLeft .6s cubic-bezier(.34,1.56,.64,1) 1 forwards}.animate-top-right{animation:moveFromTopRight .6s cubic-bezier(.34,1.56,.64,1) 1 forwards}.animate-bottom-left{animation:moveFromBottomLeft .6s cubic-bezier(.34,1.56,.64,1) 1 forwards}.animate-bottom-right{animation:moveFromBottomRight .6s cubic-bezier(.34,1.56,.64,1) 1 forwards}}@keyframes rotate5Turns{0%{transform:rotate(0)}to{transform:rotate(1800deg)}}.animate-rotate-5turns{animation:rotate5Turns 1s linear 1;will-change:transform}@keyframes dropAndJump{0%{transform:translateY(0)}90%{transform:translateY(100px)}to{transform:translateY(0)}}.animate-drop-jump{animation:dropAndJump 1.5s linear 1 forwards;will-change:transform}@layer utilities{@keyframes flyOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-150vh);opacity:0}}.animate-fly-out-top{animation:flyOutTop .5s cubic-bezier(.21,1.08,.77,1.02) 1 forwards;will-change:transform,opacity;position:relative}}@layer utilities{@keyframes fadeInGrow{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.animate-fade-in-grow{animation:fadeInGrow 1.5s ease-out 1 forwards;will-change:opacity,transform}}@layer utilities{@keyframes approach{0%{transform:translateY(0) scale(.3);opacity:.7}25%{transform:translateY(20px) scale(.5)}50%{transform:translateY(-15px) scale(.7)}75%{transform:translateY(10px) scale(.9)}to{transform:translateY(0) scale(1);opacity:1}}.animate-approach{animation:approach 1.5s cubic-bezier(.34,1.56,.64,1) 1 forwards;will-change:transform,opacity}}