@property --hero-seconds{syntax:"<integer>";inherits:true;initial-value:4}@property --hero-tenths{syntax:"<integer>";inherits:true;initial-value:2}.hero-clock{animation:9s steps(9,end) infinite hero-seconds,1s steps(10,end) infinite hero-tenths}.hero-clock:before{counter-reset:hero-seconds var(--hero-seconds) hero-tenths var(--hero-tenths);content:"0:" counter(hero-seconds, decimal-leading-zero) "." counter(hero-tenths)}@keyframes hero-seconds{0%{--hero-seconds:0}to{--hero-seconds:9}}@keyframes hero-tenths{0%{--hero-tenths:0}to{--hero-tenths:10}}.hero-playhead{animation:9s linear infinite hero-playhead;left:46.667%}@keyframes hero-playhead{0%{left:0%}to{left:100%}}.hero-scene{transform-origin:62% 64%;animation:18s ease-in-out infinite alternate hero-drift;transform:scale(1.06)}@keyframes hero-drift{0%{transform:scale(1.02)}to{transform:scale(1.1)translate(-1.5%)}}.hero-shimmer{animation:2.4s ease-in-out infinite alternate hero-shimmer}@keyframes hero-shimmer{0%{opacity:.45}to{opacity:1}}.hero-style,.hero-selected{opacity:0;animation:27s infinite hero-third}.hero-cue{opacity:0;animation:9s infinite hero-cue}.hero-style[data-on],.hero-selected[data-on],.hero-cue[data-on]{opacity:1}@keyframes hero-third{0%,33.333%{opacity:1}33.334%,to{opacity:0}}@keyframes hero-cue{0%{opacity:0;transform:translateY(8%)scale(.92)}3%{opacity:1;transform:none}33.333%{opacity:1}33.334%,to{opacity:0}}.hero-word{color:var(--fg);animation:9s infinite hero-word;display:inline-block}.hero-bold .hero-word,.hero-neon .hero-word{margin-inline:.05em}.hero-word[data-on]{color:var(--hl);background-color:var(--hl-bg);transform:scale(var(--hl-scale))}.hero-still{animation:none}@keyframes hero-word{0%,11.111%{color:var(--hl);background-color:var(--hl-bg);transform:scale(var(--hl-scale))}11.112%,to{color:var(--fg);background-color:#0000;transform:none}}.hero-chip{color:var(--color-muted);background-color:#ffffff0f;animation:9s infinite hero-chip;box-shadow:inset 0 0 0 1px #ffffff1a}.hero-chip[data-on]{color:#fff;box-shadow:inset 0 0 0 1px var(--color-accent);background-color:#a78bfa4d}@keyframes hero-chip{0%,33.333%{color:#fff;box-shadow:inset 0 0 0 1px var(--color-accent);background-color:#a78bfa4d}33.334%,to{color:var(--color-muted);background-color:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a}}.hero-bold{--fg:#fff;--hl:#ffe600;--hl-bg:transparent;--hl-scale:1.08;text-transform:uppercase;letter-spacing:-.01em;text-shadow:.07em 0 #000,-.07em 0 #000,0 .07em #000,0 -.07em #000,.05em .05em #000,-.05em .05em #000,.05em -.05em #000,-.05em -.05em #000,0 .12em .3em #000000b3;font-weight:900}.hero-karaoke{--fg:#fff;--hl:#fff;--hl-bg:#7c3aed;--hl-scale:1.04;text-shadow:0 .08em .3em #000000bf;font-weight:800}.hero-karaoke .hero-word{border-radius:.22em;margin-inline:-.16em;padding:0 .16em}.hero-neon{--fg:#f5d0fe;--hl:#22d3ee;--hl-bg:transparent;--hl-scale:1.08;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 .2em #d946ef,0 0 .55em #d946ef,0 0 1.1em #d946ef99;font-weight:700}.hero-boxed{--fg:#111;--hl:#e11d48;--hl-bg:transparent;--hl-scale:1;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#fff;border-radius:.25em;padding:.08em .3em;font-weight:700}