@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap";html,body{width:100%;height:100%;overflow:hidden;position:fixed}:root{font-family:Open Sans,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}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100%;overflow:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}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}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:OpenSans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}.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}.cube-wrapper{transform-style:preserve-3d}.cube{transform-style:preserve-3d;transform:rotateX(45deg) rotate(45deg);animation:rotation 2s infinite}.cube-faces{transform-style:preserve-3d;height:80px;width:80px;position:relative;transform-origin:0 0;transform:translate(0) translateY(0) translateZ(-40px)}.cube-face{position:absolute;top:0;right:0;bottom:0;left:0;background:#0017ff;border:solid 1px #ffffff}.cube-face.top{transform:translateZ(80px)}.cube-face.front{transform-origin:0 50%;transform:rotateY(-90deg)}.cube-face.back{transform-origin:0 50%;transform:rotateY(-90deg) translateZ(-80px)}.cube-face.right{transform-origin:50% 0;transform:rotateX(-90deg) translateY(-80px)}.cube-face.left{transform-origin:50% 0;transform:rotateX(-90deg) translateY(-80px) translateZ(80px)}@keyframes rotation{0%{transform:rotateX(45deg) rotateY(0) rotate(45deg);animation-timing-function:cubic-bezier(.17,.84,.44,1)}50%{transform:rotateX(45deg) rotateY(0) rotate(225deg);animation-timing-function:cubic-bezier(.76,.05,.86,.06)}to{transform:rotateX(45deg) rotateY(0) rotate(405deg);animation-timing-function:cubic-bezier(.17,.84,.44,1)}}