@layer components{:where(.red-to-green[data-v-3890d359]){--tritium-tube-fill:1.3s;--tritium-tube-fill-ease:var(--ease-in-out-quart);align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--fg-muted);display:flex}.end[data-v-3890d359]{flex:none}.slot[data-v-3890d359]{flex:1;min-inline-size:3rem;position:relative}.word[data-v-3890d359]{--_on:var(--down-fg);--_off:color-mix(in oklab, var(--down-fg) 35%, var(--fg-faint));background-image:linear-gradient(to right, var(--_off) 40%, var(--_on) 60%);color:#0000;background-position:100% 0;background-size:250% 100%;background-clip:text}.green[data-v-3890d359]{--_on:var(--ok-fg);--_off:color-mix(in oklab, var(--ok-fg) 35%, var(--fg-faint));background-image:linear-gradient(to right, var(--_on) 40%, var(--_off) 60%)}.red-to-green:not([data-phase=red]) .red[data-v-3890d359],.red-to-green[data-phase=green] .green[data-v-3890d359]{background-position:0 0}@media (forced-colors:active){.word[data-v-3890d359]{color:canvastext;background-image:none}}.track[data-v-3890d359],.bead[data-v-3890d359],.ring[data-v-3890d359]{display:none}.charge[data-v-3890d359]{position:absolute;inset:0}.track>.charge[data-v-3890d359]{inset-block:12px}.spark[data-v-3890d359]{border-radius:var(--radius-full);block-size:6px;inline-size:6px;margin-block-start:-3px;margin-inline-start:-3px;position:absolute;inset-block-start:50%;inset-inline-start:0}.streak[data-v-3890d359]{border-radius:var(--radius-full);opacity:0;background-image:linear-gradient(90deg,#0000,oklch(100% 0 none/.85));block-size:2px;inline-size:3.5rem;margin-block-start:-1px;position:absolute;inset-block-start:50%;inset-inline-end:100%}.hue[data-v-3890d359]{--_hue:var(--color-red-500);border-radius:inherit;background-color:color-mix(in oklab, var(--_hue), white 72%);box-shadow:0 0 2px 1px color-mix(in oklab, var(--_hue) 90%, transparent), 0 0 8px 2px color-mix(in oklab, var(--_hue) 60%, transparent), 0 0 18px 4px color-mix(in oklab, var(--_hue) 28%, transparent);position:absolute;inset:0}.hue[data-v-3890d359]:nth-child(2){--_hue:var(--color-yellow-500);opacity:0}.hue[data-v-3890d359]:nth-child(3){--_hue:var(--color-green-500);opacity:0}.ring[data-v-3890d359]{--_hue:var(--color-red-500);border-radius:var(--radius-full);border:1px solid color-mix(in oklab, var(--_hue) 85%, transparent);block-size:10px;inline-size:10px;box-shadow:0 0 6px color-mix(in oklab, var(--_hue) 45%, transparent);opacity:0;pointer-events:none;margin-block-start:-5px;position:absolute;inset-block-start:50%}.at-start[data-v-3890d359]{inset-inline-start:-5px}.at-end[data-v-3890d359]{--_hue:var(--color-green-500);inset-inline-end:-5px}@media (prefers-reduced-motion:no-preference){.red-to-green:not([data-shown]) .end[data-v-3890d359]{opacity:0}.red-to-green:not([data-shown]) .glass[data-v-3890d359]{scale:0 1}.red-to-green[data-shown] .end[data-v-3890d359]{animation:hero-surface .28s var(--ease-out-quint) .15s both}.red-to-green[data-shown] .late[data-v-3890d359]{animation-delay:.45s}.glass[data-v-3890d359]{transform-origin:0}.red-to-green[data-shown] .glass[data-v-3890d359]{animation:red-to-green-draw .42s var(--ease-out-quint) .2s both}.track[data-v-3890d359]{pointer-events:none;display:block;position:absolute;inset-block:-12px;inset-inline:0;overflow:hidden}.bead[data-v-3890d359]{pointer-events:none;display:block}.red-to-green:not([data-shown]) .bead[data-v-3890d359]{opacity:0}.red-to-green[data-shown] .bead[data-v-3890d359]{animation:.36s linear .4s both red-to-green-strike}.ring[data-v-3890d359]{display:block}.red-to-green[data-shown] .at-start[data-v-3890d359]{animation:red-to-green-ring .72s var(--ease-out-quint) .46s both}.word[data-v-3890d359]{transition:background-position .52s var(--ease-in-out-quart)}.green[data-v-3890d359]{transition-duration:.64s;transition-timing-function:var(--ease-out-quint)}.red-to-green:not([data-phase=red]){& .charge[data-v-3890d359]{animation:red-to-green-run var(--tritium-tube-fill) var(--tritium-tube-fill-ease) both}& .streak[data-v-3890d359]{animation:red-to-green-streak var(--tritium-tube-fill) linear both}& .hue[data-v-3890d359]:first-child{animation:red-to-green-hue-red var(--tritium-tube-fill) linear both}& .hue[data-v-3890d359]:nth-child(2){animation:red-to-green-hue-amber var(--tritium-tube-fill) linear both}& .hue[data-v-3890d359]:nth-child(3){animation:red-to-green-hue-green var(--tritium-tube-fill) linear both}}.red-to-green[data-phase=green]{& .spark[data-v-3890d359]{animation:red-to-green-flare .48s var(--ease-out-quint) both}& .at-end[data-v-3890d359]{animation:red-to-green-ring .82s var(--ease-out-quint) both}& .green[data-v-3890d359]{animation:red-to-green-glow 1.4s var(--ease-out-quint) both}}}:where(.site-footer[data-v-2ed2ccce]){position:relative;overflow-x:hidden}:where(.site-footer[data-snap][data-v-2ed2ccce]){scroll-snap-align:start;scroll-snap-stop:normal}.plate[data-v-2ed2ccce]{margin-inline:calc(var(--space-4) * -1);padding-block:var(--space-2) var(--space-20);background-color:var(--color-black);text-align:center;font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-neutral-400);margin-block-end:calc(var(--space-16) * -1)}a[data-v-2ed2ccce]{text-decoration-line:underline}.sign[data-v-2ed2ccce]{inline-size:min(85%,22rem);margin-inline:auto;margin-block:var(--space-10) var(--space-8);color-scheme:dark}}@keyframes red-to-green-draw{0%{scale:0 1}to{scale:1}}@keyframes red-to-green-strike{0%{opacity:0}30%{opacity:1}50%{opacity:.35}to{opacity:1}}@keyframes red-to-green-ring{0%{opacity:.9;scale:1}to{opacity:0;scale:3.4}}@keyframes red-to-green-run{0%{translate:0}to{translate:100%}}@keyframes red-to-green-streak{0%,24.5%{opacity:0}43.2%,57.5%{opacity:1}73.6%,to{opacity:0}}@keyframes red-to-green-hue-red{0%,39.2%{opacity:1}47.9%,to{opacity:0}}@keyframes red-to-green-hue-amber{0%,39.2%{opacity:0}47.9%{opacity:1}57.5%,to{opacity:0}}@keyframes red-to-green-hue-green{0%,47.9%{opacity:0}57.5%,to{opacity:1}}@keyframes red-to-green-flare{0%{opacity:1;scale:1}to{opacity:0;scale:1.8}}@keyframes red-to-green-glow{0%{filter:drop-shadow(0 0 5px color-mix(in oklab, var(--color-green-500) 55%, transparent))}to{filter:drop-shadow(0 0 #0000)}}
