:root{font-family: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0!important;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;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}#rotate-hint{position:absolute;left:50%;top:10%;transform:translate(-50%);display:flex;align-items:center;background:#14141eb3;color:#fff;border-radius:20px;padding:8px 18px;font-size:1.1em;z-index:10;pointer-events:none;opacity:1;transition:opacity .5s}#rotate-icon{width:24px;height:24px;margin-right:10px;display:inline-block;background:url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2v2a8 8 0 1 1-7.75 6.25l-1.97.32A10 10 0 1 0 12 2z"/><path d="M11 8h2v6h-2z"/><circle cx="12" cy="17" r="1"/></svg>') no-repeat center/contain;animation:rotateHint 1.2s linear infinite}@keyframes rotateHint{0%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@media (max-width: 600px){#rotate-text{font-size:.95em}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}button{--border-radius: 15px;--border-width: 4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding:1em 2em;border:0;background-color:#21212100;font-family:Libre Baskerville,Roboto,Arial,Segoe UI,sans-serif;font-size:18px;font-weight:500;color:#fff}button:after{--m-i: linear-gradient(#000, #000);--m-o: content-box, padding-box;content:"";position:absolute;left:0;top:0;width:100%;height:100%;padding:var(--border-width);-webkit-mask-clip:var(--m-o);border-radius:var(--border-radius);background-image:conic-gradient(#488cfb,#29dbbc,#ddf505,#ff9f0e,#e440bb,#655adc,#488cfb);-webkit-mask-image:var(--m-i),var(--m-i);mask-image:var(--m-i),var(--m-i);-webkit-mask-origin:var(--m-o);mask-origin:var(--m-o);mask-composite:exclude;-webkit-mask-composite:destination-out;filter:hue-rotate(0);animation:rotate-hue linear .5s infinite;animation-play-state:paused}button:hover:after{animation-play-state:running}button:hover{cursor:pointer}@keyframes rotate-hue{to{filter:hue-rotate(1turn)}}button,button:after{box-sizing:border-box}button:active{--border-width: 5px}