.shead[data-astro-cid-6j3riaey]{margin-bottom:var(--shead-gap,clamp(48px, 6vw, 72px));gap:24px;display:grid}.shead__main[data-astro-cid-6j3riaey]{justify-items:start;gap:16px;max-width:720px;display:grid}@media (width>=900px){.shead[data-astro-cid-6j3riaey]{grid-template-columns:1fr auto;align-items:end}}.lab__tabs[data-astro-cid-sgcjjcbn]{border-bottom:1px solid var(--rule);gap:clamp(16px,4vw,40px);margin-bottom:0;display:flex}.lab__tabs[data-astro-cid-sgcjjcbn][hidden],.lab__card[data-astro-cid-sgcjjcbn][hidden]{display:none}.lab__tabs[data-astro-cid-sgcjjcbn] button[data-astro-cid-sgcjjcbn]{color:var(--text-2);text-align:left;border-bottom:2px solid #0000;padding:16px 0;font-size:.9375rem}.lab__tabs[data-astro-cid-sgcjjcbn] button[data-astro-cid-sgcjjcbn][aria-selected=true]{color:#fff;border-bottom-color:#fff}.lab[data-astro-cid-sgcjjcbn]{display:grid}.lab__card[data-astro-cid-sgcjjcbn]{align-content:start;gap:20px;padding-top:28px;display:grid}.lab__intro[data-astro-cid-sgcjjcbn]{align-content:start;gap:8px;display:grid}.lab__title[data-astro-cid-sgcjjcbn]{letter-spacing:-.03em;font-size:1.5rem;font-weight:620;line-height:1.2}.lab__line[data-astro-cid-sgcjjcbn]{color:var(--text-body);max-width:30ch;font-size:1rem}.demo[data-astro-cid-sgcjjcbn]{background:var(--bg-2);border-radius:4px;min-width:0;height:340px;position:relative;overflow:hidden}@media (width>=700px){.lab__card[data-astro-cid-sgcjjcbn]{grid-template-columns:.6fr 1.4fr;gap:40px}.demo[data-astro-cid-sgcjjcbn]{height:420px}}.type[data-astro-cid-sgcjjcbn]{border:1px solid var(--border-2)}@media (width<=699px){.demo[data-astro-cid-sgcjjcbn]{height:290px}.lab__tabs[data-astro-cid-sgcjjcbn] button[data-astro-cid-sgcjjcbn]{font-size:.8125rem}}.sky[data-astro-cid-sgcjjcbn]{--sky-top:#050813;--sky-bot:#101c38;--c-far:#141d33;--c-mid:#0b0f1a;--sun-o:0;--moon:1;background:linear-gradient(to bottom, var(--sky-top), var(--sky-bot) 85%)}.sky[data-astro-cid-sgcjjcbn] svg[data-astro-cid-sgcjjcbn]{width:100%;height:66%;position:absolute;bottom:34px;left:0;right:0}.f-far[data-astro-cid-sgcjjcbn]{fill:var(--c-far)}.f-mid[data-astro-cid-sgcjjcbn]{fill:var(--c-mid)}.sky__bodies[data-astro-cid-sgcjjcbn] .sun[data-astro-cid-sgcjjcbn],.sky__bodies[data-astro-cid-sgcjjcbn] .moon[data-astro-cid-sgcjjcbn]{border-radius:50%;position:absolute;translate:-50% -50%}.sky__bodies[data-astro-cid-sgcjjcbn] .sun[data-astro-cid-sgcjjcbn]{left:var(--sun-x,50%);top:var(--sun-y,74%);background:var(--sun-c,#fff1c4);width:30px;height:30px;box-shadow:0 0 28px 8px color-mix(in srgb, var(--sun-c,#fff1c4) 50%, transparent);opacity:var(--sun-o)}.sky__bodies[data-astro-cid-sgcjjcbn] .moon[data-astro-cid-sgcjjcbn]{left:var(--moon-x,80%);top:var(--moon-y,30%);width:22px;height:22px;opacity:var(--moon);box-shadow:inset -5px 2px #e6ecff}.sky__ctl[data-astro-cid-sgcjjcbn]{z-index:2;align-items:center;gap:12px;display:flex;position:absolute;bottom:10px;left:14px;right:14px}.sky__ctl[data-astro-cid-sgcjjcbn] output[data-astro-cid-sgcjjcbn]{min-width:42px;color:var(--text);font-size:.75rem}input[data-astro-cid-sgcjjcbn][type=range]{-webkit-appearance:none;appearance:none;cursor:ew-resize;background:0 0;flex:1;height:20px}input[data-astro-cid-sgcjjcbn][type=range]::-webkit-slider-runnable-track{background:#ffffff47;border-radius:2px;height:2px}input[data-astro-cid-sgcjjcbn][type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:0;border-radius:50%;width:14px;height:14px;margin-top:-6px}input[data-astro-cid-sgcjjcbn][type=range]::-moz-range-track{background:#ffffff47;height:2px}input[data-astro-cid-sgcjjcbn][type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:14px;height:14px}.type[data-astro-cid-sgcjjcbn] canvas[data-astro-cid-sgcjjcbn]{width:100%;height:calc(100% - 50px);position:absolute;inset:0}.type__field[data-astro-cid-sgcjjcbn]{position:absolute;bottom:12px;left:14px;right:14px}.type__field[data-astro-cid-sgcjjcbn] input[data-astro-cid-sgcjjcbn]{border:1px solid var(--border-2);background:var(--bg-2);text-transform:uppercase;letter-spacing:.04em;width:100%;height:38px;transition:border-color var(--dur-fast);border-radius:3px;outline:none;padding:0 12px;font-size:.875rem}.type__field[data-astro-cid-sgcjjcbn] input[data-astro-cid-sgcjjcbn]:focus{border-color:var(--accent)}.overlap[data-astro-cid-sgcjjcbn]{align-content:space-between;gap:8px;padding:12px;display:grid}.overlap__pick[data-astro-cid-sgcjjcbn]{gap:6px;display:grid}.overlap__pick[data-astro-cid-sgcjjcbn] select[data-astro-cid-sgcjjcbn]{border:1px solid var(--border-2);background:var(--bg-2);border-radius:3px;outline:none;height:36px;padding:0 10px;font-size:.875rem}.overlap__pick[data-astro-cid-sgcjjcbn] select[data-astro-cid-sgcjjcbn]:focus{border-color:var(--accent)}.overlap__bar[data-astro-cid-sgcjjcbn]{gap:5px;display:grid}.overlap__bar[data-astro-cid-sgcjjcbn] .row[data-astro-cid-sgcjjcbn]{grid-template-columns:98px minmax(0,1fr);align-items:center;gap:8px;display:grid}.overlap__bar[data-astro-cid-sgcjjcbn] .tag[data-astro-cid-sgcjjcbn]{height:auto;color:var(--text-3);white-space:nowrap;background:0 0;padding:0;font-size:.625rem}.overlap__bar[data-astro-cid-sgcjjcbn] .tag--on[data-astro-cid-sgcjjcbn]{color:var(--text)}.track[data-astro-cid-sgcjjcbn]{background:var(--bg-3);border-radius:4px;height:8px;position:relative;overflow:hidden}.track[data-astro-cid-sgcjjcbn] i{background:var(--text-3);transition:left .5s var(--ease), width .5s var(--ease);position:absolute;top:0;bottom:0}.track--on[data-astro-cid-sgcjjcbn] i{background:var(--accent)}.scale[data-astro-cid-sgcjjcbn]{color:var(--text-3);justify-content:space-between;margin-left:106px;font-size:.625rem;display:flex}.overlap__out[data-astro-cid-sgcjjcbn]{min-height:3.2em;color:var(--text-2);font-size:.8125rem}.overlap__out[data-astro-cid-sgcjjcbn] strong{color:var(--text);font-weight:600}.dark-flow[data-astro-cid-hm5x5xwy]{--text:#f7f7f8;--text-2:#a1a1aa;--text-3:#71717a;--text-body:#a1a1aa;--rule:#27272a;--bg-2:#141416;--border-2:#27272a;padding-top:calc(var(--header-h) + 40px);padding-bottom:0}