:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#242424;background-color:#f9f9f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.6vw}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100%}h1{margin-top:-75px;font-size:3.2em;line-height:1.1}#app{max-width:1280px;width:100%;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#fff;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button.l{font-size:2em}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media all and (min-width: 1000px){:root{font-size:16px}}@keyframes angle{0%{transform:perspective(15cm) rotate3d(1,1,0,15deg);transform-style:preserve-3d}25%{transform:perspective(15cm) rotate3d(-1,1,0,15deg);transform-style:preserve-3d}50%{transform:perspective(15cm) rotate3d(-1,-1,0,15deg);transform-style:preserve-3d}75%{transform:perspective(15cm) rotate3d(1,-1,0,15deg);transform-style:preserve-3d}to{transform:perspective(15cm) rotate3d(1,1,0,15deg);transform-style:preserve-3d}}.flipper{display:block;position:relative;background:#4e6e7a;margin:0 auto;padding:1.25rem;box-sizing:border-box;font-size:0;transform-origin:50% 50%;transform:perspective(15cm) rotateX(35deg);transform-style:preserve-3d;animation:angle 17s infinite;outline:1px solid transparent;width:45.5rem!important;height:11.05rem!important}.flipper .block{display:inline-block;transform-origin:50% 50%;transform-style:preserve-3d;transition:transform linear .2s;position:relative;outline:1px solid transparent}.flipper .block.hover,.flipper .block.active{transform:rotateX(-179deg);transform-style:preserve-3d;transition:transform linear .3s}.flipper .block .before,.flipper .block:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#eee;transform:translateZ(6px);transform-style:preserve-3d}.flipper .block .after,.flipper .block:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#333;transform:translateZ(5px);transform-style:preserve-3d}@media (prefers-color-scheme: dark){:root{color:#fff}body{background-color:#363636}.flipper{background:#c2dfe8}.flipper .block .before,.flipper .block:before{background:#395c69}.flipper .block .after,.flipper .block:after{background:#add8e6}}@media (prefers-color-scheme: light){:root{color:#242424}body{background-color:#f9f9f9}.flipper{background:#4e6e7a}.flipper .block .before,.flipper .block:before{background:#eee}.flipper .block .after,.flipper .block:after{background:#333}}