body{margin:auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;overflow:auto;background:linear-gradient(315deg,#dadcff 3%,#287dd1 38%,#30eee2,#85e41aaf 98%);animation:gradient 15s ease infinite;background-size:400% 400%;background-attachment:fixed}@keyframes gradient{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.wave{background:#ffffff40;border-radius:1000% 1000% 0 0;position:fixed;width:200%;height:12em;animation:wave 10s -3s linear infinite;transform:translateZ(0);opacity:.8;bottom:0;left:0}.wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear reverse infinite;opacity:.8}.wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s reverse infinite;opacity:.9}@keyframes wave{2%{transform:translate(1)}25%{transform:translate(-25%)}50%{transform:translate(-50%)}75%{transform:translate(-25%)}to{transform:translate(1)}}#root{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.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}.footer{bottom:0;left:0;position:fixed;width:100%;background-color:#86bdf5;text-align:center;display:flex;justify-content:center;gap:20px;padding:10px 0}.footer button{position:relative;display:inline-block;padding:10px 20px;border:1px solid #ccc;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s,opacity .3s;overflow:hidden}.footer button:hover{background-color:#6cee84}.footer button:disabled{position:relative;background-color:#e9ecef;color:#6c757d;border:1px solid #dee2e6;cursor:not-allowed;opacity:1}body{--black: #000000;--ash-black: #222;--white: #fafafa;--sky: #00ccff;--green: #22dddd;--blue: #1300ff;--dusk: #6600ff;--purple: #9900ff;--pink: #ff0066;--red: #fe0222;--orange: #fd7702;--yellow: #ffbb00;--background: var(--white);--accent: var(--blue);margin:0;padding:0 0 100px;background-color:var(--background);color:var(--accent);overflow:hidden}#root{position:absolute;top:0;left:0;bottom:0;right:0;align-items:center;justify-content:center}*{font-family:sofia-pro,sans-serif;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:sofia-pro,sans-serif;font-weight:600;font-style:normal}h1{font-size:36px;font-weight:700;letter-spacing:-1px;line-height:1.2;text-align:center;margin:100px 0 40px}h2{font-weight:400;margin:50px 0 10px}p{margin:0 0 30px;font-size:18px}footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:flex-start;align-items:center;padding:20px;border-top:1px dotted var(--accent);background-image:radial-gradient(rgba(0,0,0,0) 1px,var(--background) 1px);background-size:4px 4px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-moz-backdrop-filter:blur(3px);font-size:14px;line-height:14px}footer svg{margin-right:20px}footer a{text-decoration:none;color:var(--accent)}code{font-family:input-mono,monospace;font-weight:400;font-style:normal}#progress{position:fixed;top:20px;left:20px;transform:rotate(-90deg)}circle{stroke-dashoffset:0;stroke-width:15%;fill:none}.bg{stroke:var(--accent);opacity:.3}#progress .indicator{stroke:var(--accent)}ul{display:flex;list-style:none;height:300px;overflow-x:scroll;padding:20px 0;flex:0 0 600px;margin:0 auto}::-webkit-scrollbar{height:5px;width:5px;background:#fff3;-webkit-border-radius:1ex}::-webkit-scrollbar-thumb{background:var(--accent);-webkit-border-radius:1ex}::-webkit-scrollbar-corner{background:#fff3}li{flex:0 0 200px;background:var(--accent);margin:0 20px 0 0}li:last-of-type{margin:0}.refresh{padding:5px;position:absolute;border:1px dotted var(--accent);border-radius:5px;width:20px;height:20px;top:10px;right:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.refresh path{fill:var(--accent)}.box{width:200px;height:200px;border-radius:40%;background:var(--accent)}.outerspinner{width:100%;display:inline-block}:where(.ui-wheel-of-fortune){--_items: 12;all:unset;aspect-ratio:1 / 1;container-type:inline-size;direction:ltr;display:grid;position:relative;scale:1;width:100%}:where(.ui-wheel-of-fortune):after{aspect-ratio:1 / cos(30deg);background-color:#dc143c;clip-path:polygon(50% 100%,100% 0,0 0);content:"";height:4cqi;position:absolute;place-self:start center;scale:1.4}:where(.ui-wheel-of-fortune)>*{position:absolute}:where(.ui-wheel-of-fortune) button{aspect-ratio:1 / 1;background:#fffc;border:0;border-radius:50%;cursor:pointer;font-size:5cqi;place-self:center;width:20cqi;color:#000}:where(.ui-wheel-of-fortune) ul{all:unset;clip-path:inset(0 0 0 0 round 50%);display:grid;top:0;right:0;bottom:0;left:0;place-content:center start}:where(.ui-wheel-of-fortune) ul li{align-content:center;aspect-ratio:1 / calc(2*tan(180deg / var(--_items)));background:hsl(calc(360deg / var(--_items) * calc(var(--_idx))),100%,75%);clip-path:polygon(0% 0%,100% 50%,0% 100%);display:grid;font-size:5cqi;grid-area:1 / -1;padding-left:1ch;rotate:calc(360deg / var(--_items) * calc(var(--_idx) - 1));transform-origin:center right;-webkit-user-select:none;user-select:none;width:50cqi}:where(.ui-wheel-of-fortune) ul li:nth-of-type(1){--_idx: 1}:where(.ui-wheel-of-fortune) ul li:nth-of-type(2){--_idx: 2}:where(.ui-wheel-of-fortune) ul li:nth-of-type(3){--_idx: 3}:where(.ui-wheel-of-fortune) ul li:nth-of-type(4){--_idx: 4}:where(.ui-wheel-of-fortune) ul li:nth-of-type(5){--_idx: 5}:where(.ui-wheel-of-fortune) ul li:nth-of-type(6){--_idx: 6}:where(.ui-wheel-of-fortune) ul li:nth-of-type(7){--_idx: 7}:where(.ui-wheel-of-fortune) ul li:nth-of-type(8){--_idx: 8}:where(.ui-wheel-of-fortune) ul li:nth-of-type(9){--_idx: 9}:where(.ui-wheel-of-fortune) ul li:nth-of-type(10){--_idx: 10}:where(.ui-wheel-of-fortune) ul li:nth-of-type(11){--_idx: 11}:where(.ui-wheel-of-fortune) ul li:nth-of-type(12){--_idx: 12}*{box-sizing:border-box}.rotate{width:100px;transform:rotate(-90deg)}: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}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}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}