.noir{--primary:#f7dd04;--primary-foreground:#0a0a0a;--accent-on-dark:#f7dd04;--secondary:#d4d4d4;--secondary-foreground:#0a0a0a;--accent:#f7dd04;--accent-foreground:#0a0a0a;--ink:#0a0a0a;--pink:#ff3b6e;--teal:#4fe0d0;--orange:#ff8a1f;--royal:#0a4bff;--lime:#a3f26b;--lavender:#a5a6ff;--coral:#ff6b6b;--background:#0a0a0a;--foreground:#fff;--surface:#151515;--surface-2:#1e1e1e;--muted:#9b9b9b;--border:#2c2c2c;--accent-text:var(--accent-on-dark);--input:#3a3a3a;--ring:#f7dd04;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#38bdf8;--glyph:.96}@media (prefers-color-scheme:light){.noir:not([data-theme=dark]){--background:#f2f2ee;--foreground:#0a0a0a;--surface:#fff;--surface-2:#ebebe5;--muted:#666;--border:#d9d9d2;--input:#c9c9c1;--accent-text:var(--foreground)}}.noir[data-theme=light]{--background:#f2f2ee;--foreground:#0a0a0a;--surface:#fff;--surface-2:#ebebe5;--muted:#666;--border:#d9d9d2;--input:#c9c9c1;--accent-text:var(--foreground)}.noir .display{font-synthesis:none;text-transform:uppercase;font-family:Dela Gothic One,Arial Black,ui-sans-serif,sans-serif;font-weight:400}:where(.noir .display){line-height:.95}.noir .name-fit{font-size:min(calc(100cqw / (var(--n) * var(--glyph))), 24cqw);white-space:nowrap}.noir .hl{color:var(--accent-text)}@media (prefers-color-scheme:light){.noir:not([data-theme=dark]) .hl{box-shadow:inset 0 -.28em 0 var(--primary)}}.noir[data-theme=light] .hl{box-shadow:inset 0 -.28em 0 var(--primary)}.noir .ticket{-webkit-mask:radial-gradient(.6rem at 0,#0000 97%,#000) 0/51% 100% no-repeat,radial-gradient(.6rem at 100%,#0000 97%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(.6rem at 0,#0000 97%,#000) 0/51% 100% no-repeat,radial-gradient(.6rem at 100%,#0000 97%,#000) 100%/51% 100% no-repeat}.noir .no-scrollbar{scrollbar-width:none}.noir .no-scrollbar::-webkit-scrollbar{display:none}@keyframes noir-swap{0%{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}.noir .swap{animation:.35s ease-out noir-swap}@keyframes noir-spin{to{transform:rotate(360deg)}}.noir .spin-slow{animation:22s linear infinite noir-spin}@keyframes noir-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.noir .marquee{-webkit-user-select:none;user-select:none;display:flex;overflow:hidden}.noir .marquee-track{min-width:100%;animation:noir-marquee var(--marquee-speed,40s) linear infinite;flex-shrink:0;align-items:center;display:flex}.noir .marquee:hover .marquee-track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.noir .spin-slow,.noir .swap,.noir .marquee-track{animation:none}}