@font-face{font-family:Geist Variable;src:url(/assets/Geist_wght_-fb88cd28.woff2) format("woff2");font-weight:100 900;font-display:swap;font-synthesis:none}#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}body,html{font-family:Geist Variable}*{box-sizing:border-box}.selected-item{text-align:center}.controls-container{--highlight-width: auto;--highlight-x-pos: 0;width:100%;margin-bottom:16px}.controls{display:inline-flex;justify-content:space-between;background:#313e50;box-shadow:0 4px 12px #00000026;border-radius:50px;padding:4px;margin:auto;overflow:hidden;position:relative;width:100%;transition:all .3s ease}.controls:hover{box-shadow:0 6px 16px #0003}.controls input{opacity:0;margin:0;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;cursor:pointer;height:100%;z-index:2}.segment{flex:1;position:relative;text-align:center;z-index:1;padding:2px 0}.segment label{cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:500;padding:10px 8px;transition:all .3s ease;color:#94a3b8;font-size:.95rem;letter-spacing:.3px;border-radius:40px}.segment.active label{color:#fff;font-weight:600}.segment-icon{display:inline-flex;margin-right:8px;font-size:1.1em;align-items:center;transition:transform .2s ease}.segment.active .segment-icon{transform:scale(1.1)}.controls:before{content:"";background:#6d597a;border-radius:40px;width:var(--highlight-width);transform:translate(var(--highlight-x-pos));position:absolute;top:4px;bottom:4px;left:0;z-index:0;box-shadow:0 2px 8px #29344580}.controls.ready:before{transition:transform .3s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.34,1.56,.64,1)}.segment-divider{display:none}@font-face{font-family:Geist Variable;src:url(/assets/Geist_wght_-fb88cd28.woff2) format("woff2");font-weight:100 900;font-display:swap;font-synthesis:none}: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: #1e293b;--button-color: #55505c;--button-text: #ffffff;--primary-background: #293445;--secondary-background: #f0f4f8;--highlight: #cb6b4d;--success: #7cad67;--text: #ffffff;--secondary-text: #ffffff;--chip-pending: #ffcc80;--disabled-text: #808080;--element: #313e50;--accent: #6d597a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border: #374151;--icon-button: #ffffff;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh}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}html{margin:0;overscroll-behavior:none}
