*,:before,:after{box-sizing:border-box}html,body,#root{background:#000;width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden}body{font-synthesis:none;-webkit-font-smoothing:antialiased}@property --wght{syntax:"<number>";inherits:false;initial-value:500}:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--wght-min:1;--wght-max:1000}.stage{background:#000;place-items:center;width:100%;height:100dvh;display:grid;position:relative;overflow:hidden}.chrome{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:1;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.modes,.fonts{background:#000000b8;border:1px solid #ffffff24;flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:4px;display:flex}.fonts{max-width:min(92vw,420px)}.chip{color:#fff6;font-variation-settings:"wght" 500;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .16s var(--ease-out), transform .16s var(--ease-out), font-variation-settings .16s var(--ease-out);background:0 0;border:0;margin:0;padding:8px 12px;font-family:Sofia Sans,sans-serif;font-size:11px;font-weight:500}.chip[aria-checked=true]{color:#fff;font-variation-settings:"wght" 800}.chip:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.chip:hover{color:#fff}}.chip:focus-visible{outline-offset:2px;outline:1px solid #fff}.stack{--s:min(100dvw, 100dvh);width:var(--s);height:var(--s);box-sizing:border-box;color:#fff;font-synthesis:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;padding:.6vmin 1.2vmin;font-family:Sofia Sans,sans-serif;display:flex}.stage[data-mode=hover] .stack{cursor:ns-resize}.row{--wght:500;text-align:center;white-space:nowrap;line-height:.92;font-size:calc(var(--s) / 9 * .9);letter-spacing:-.03em;font-variation-settings:"wght" clamp(var(--wght-min), var(--wght), var(--wght-max));margin:0}.stage[data-font=sofia] .stack,.stage[data-font=sofia] .row{font-family:Sofia Sans,sans-serif}.stage[data-font=sofia-cond] .stack,.stage[data-font=sofia-cond] .row{letter-spacing:-.02em;font-family:Sofia Sans Extra Condensed,sans-serif}.stage[data-font=archivo] .stack,.stage[data-font=archivo] .row{font-family:Archivo,sans-serif}.stage[data-font=flex] .stack,.stage[data-font=flex] .row{font-family:Roboto Flex,sans-serif}.stage[data-font=flex] .row{font-optical-sizing:none;font-variation-settings:"wght" clamp(var(--wght-min), var(--wght), var(--wght-max)), "wdth" 85, "opsz" 144}.stage[data-ready=true][data-mode=animation] .row{animation:wght-wave var(--period) linear infinite;animation-delay:calc(var(--i) * var(--period) / var(--wavelength) * -1)}.stage[data-mode=hover] .row{--wght:var(--wght-min);animation:none}@keyframes wght-wave{0%{--wght:500.5}6.25%{--wght:691.6}12.5%{--wght:853.7}18.75%{--wght:962}25%{--wght:1000}31.25%{--wght:962}37.5%{--wght:853.7}43.75%{--wght:691.6}50%{--wght:500.5}56.25%{--wght:309.4}62.5%{--wght:147.3}68.75%{--wght:39}75%{--wght:1}81.25%{--wght:39}87.5%{--wght:147.3}93.75%{--wght:309.4}to{--wght:500.5}}@media (prefers-reduced-motion:reduce){.stage[data-ready=true][data-mode=animation] .row{--wght:calc(var(--wght-min) + (var(--i) * (var(--wght-max) - var(--wght-min)) / 8));animation:none}.chip{transition:none}}@media (width<=768px){.chrome{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));gap:4px}.modes,.fonts{gap:0;padding:2px}.fonts{max-width:min(72vw,220px)}.chip{letter-spacing:.08em;padding:5px 7px;font-size:8px}.stack{width:100dvw;height:100dvh;padding:0}.row{font-size:min(10.6dvh,15vw)}}