:root{--text:#f3f4f6;--text-h:#9ca3af;--bg:#101014;--border:#2e303a;--code-bg:#1f2028;--primary:#febf00;--secondary:#fb5032;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:Roboto, system-ui, "Segoe UI", sans-serif;--heading:Roboto, system-ui, "Segoe UI", sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}body{background:radial-gradient(circle at center, var(--bg) 60%, var(--code-bg) 500%);margin:0}.container[data-v-a20dcf32]{justify-content:center;align-items:center;height:100vh;display:flex}.swaplabel[data-v-a20dcf32]{color:var(--primary);text-align:center;vertical-align:middle;flex-direction:row;align-items:center;gap:.5ch;margin:0;padding:0;font-size:5vw;line-height:1.2;display:inline-flex}.swaplabel[data-v-a20dcf32] :first-child{color:var(--primary);background:linear-gradient(90deg, var(--secondary), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.swaplabel[data-v-a20dcf32] :last-child{color:var(--secondary);background:linear-gradient(90deg, var(--secondary), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.swapbox[data-v-a20dcf32]{width:6ch;height:2.4em;transition:width .5s;display:inline-block;position:relative;overflow:hidden}.swapbox[data-v-a20dcf32]:before{content:"";background:linear-gradient(to bottom, var(--bg), transparent 45%, transparent 55%, var(--bg));pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.swapbox>.swap[data-v-a20dcf32]{background:linear-gradient(90deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;z-index:0;white-space:nowrap;-webkit-background-clip:text;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:-100%;left:0}.swapbox>.swap--in[data-v-a20dcf32]{animation:1s forwards swap-in-a20dcf32}.swapbox>.swap--out[data-v-a20dcf32]{animation:1s forwards swap-out-a20dcf32}.swapbox>.swap--initial[data-v-a20dcf32]{top:0}@keyframes swap-in-a20dcf32{0%{top:100%}to{top:0}}@keyframes swap-out-a20dcf32{0%{top:0}to{top:-100%}}
