@property --runner{syntax:"<number>";inherits:true;initial-value:0}@property --runner-ink{syntax:"<number>";inherits:true;initial-value:0}@media (prefers-reduced-motion:no-preference){.button-run{transition:--runner .75s var(--ease-snappy) .1s,--runner-ink .75s var(--ease-snappy)}}.button-run:is(:focus-visible,[data-active]){--runner:1;--runner-ink:1}@media (hover:hover){.button-run:hover{--runner:1;--runner-ink:1}}@media (prefers-reduced-motion:no-preference){.button-run:is(:focus-visible,[data-active]){transition:--runner .75s var(--ease-snappy),--runner-ink 1.1s var(--ease-snappy) .1s}@media (hover:hover){.button-run:hover{transition:--runner .75s var(--ease-snappy),--runner-ink 1.1s var(--ease-snappy) .1s}}}.run-track{translate:calc(-4.5rem + var(--runner)*(100% - 1rem)) 0}.run-label{--chip-x:calc(-6rem + var(--runner)*(100% + 8.5rem));--chip-c:calc(var(--chip-x) + 1.75rem);--ink-x:calc(-6rem + var(--runner-ink)*(100% + 8.5rem))}.run-label .run-ink{-webkit-mask-image:linear-gradient(to right,#000 var(--ink-x),transparent var(--ink-x),transparent var(--chip-c),#000 calc(var(--chip-c) + 1.75rem + 1em));-webkit-mask-image:linear-gradient(to right,#000 var(--ink-x),transparent var(--ink-x),transparent var(--chip-c),#000 calc(var(--chip-c) + 1.75rem + 1em));mask-image:linear-gradient(to right,#000 var(--ink-x),transparent var(--ink-x),transparent var(--chip-c),#000 calc(var(--chip-c) + 1.75rem + 1em))}.run-label:after{content:attr(data-t) /"";padding:inherit;pointer-events:none;background-image:var(--spectrum);color:#0000;clip-path:inset(-1lh calc(100% - var(--chip-c)) -1lh var(--ink-x));-webkit-background-clip:text;background-clip:text;position:absolute;inset:0;-webkit-mask-image:repeating-linear-gradient(#000 0 .06em,#0000 0 .18em);mask-image:repeating-linear-gradient(#000 0 .06em,#0000 0 .18em)}@property --fill-edge{syntax:"<number>";inherits:true;initial-value:0}@property --fill-label{syntax:"<number>";inherits:true;initial-value:0}@media (prefers-reduced-motion:no-preference){.button-fill{transition:--fill-edge .5s var(--ease-snappy) 80ms,--fill-label .5s var(--ease-snappy)}}.button-fill:is(:focus-visible,[data-active]){--fill-edge:1;--fill-label:1}@media (hover:hover){.button-fill:hover{--fill-edge:1;--fill-label:1}}@media (prefers-reduced-motion:no-preference){.button-fill:is(:focus-visible,[data-active]){transition:--fill-edge .5s var(--ease-snappy),--fill-label .7s var(--ease-snappy) 80ms}@media (hover:hover){.button-fill:hover{transition:--fill-edge .5s var(--ease-snappy),--fill-label .7s var(--ease-snappy) 80ms}}}.fill-scan{clip-path:inset(0 calc((1 - var(--fill-edge))*100%) 0 0)}.fill-scan .fill-ink{clip-path:inset(-1lh calc((1 - var(--fill-label))*100%) -1lh 0)}.fill-scan:after{content:attr(data-t) /"";pointer-events:none;background-image:var(--spectrum);color:#0000;clip-path:inset(-1lh calc((1 - var(--fill-edge))*100%) -1lh calc(var(--fill-label)*100%));-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;-webkit-mask-image:repeating-linear-gradient(#000 0 .06em,#0000 0 .18em);mask-image:repeating-linear-gradient(#000 0 .06em,#0000 0 .18em)}.spectrum-flow{--flow:20rem;--flow-w:calc(var(--flow)*1.1034);background-image:repeating-linear-gradient(115deg,var(--spectrum-1),var(--spectrum-2) calc(var(--flow)*.25),var(--spectrum-3) calc(var(--flow)*.5),var(--spectrum-4) calc(var(--flow)*.75),var(--spectrum-1) var(--flow));background-size:var(--flow-w) 100%;animation:6s linear infinite spectrum-flow}@media (prefers-reduced-motion:reduce){.spectrum-flow{animation:none}}@keyframes spectrum-flow{to{background-position-x:var(--flow-w)}}