@layer components{.ex-thumb{isolation:isolate;overflow:hidden}.ex-thumb__head{top:0;bottom:0;left:var(--ex-head,0);z-index:1;background:var(--brand);opacity:0;pointer-events:none;width:1.5px;position:absolute}.ex-thumb__head:before{content:"";top:var(--ex-top,36px);background:var(--brand);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklch, var(--brand) 18%, transparent);border-radius:999px;position:absolute;left:50%;translate:-50% -50%}@media (prefers-reduced-motion:no-preference){.ex-thumb[data-phase=armed] .pv-event{clip-path:inset(0 100% 0 0)}.ex-thumb[data-phase=armed] .pv-link{opacity:0}.ex-thumb[data-phase=play] .pv-event{animation:ex-bar .46s var(--ease-glide) var(--ex-at,0s) backwards}.ex-thumb[data-phase=play] .pv-link>path:first-child{stroke-dasharray:1;animation:ss-draw .62s var(--ease-out) 1.04s backwards}.ex-thumb[data-phase=play] .pv-link>:not(:first-child){animation:.22s 1.56s backwards ex-fade}.ex-thumb:is([data-phase=play],[data-phase=sweep]) .ex-thumb__head{animation:1.1s linear forwards ex-sweep}}}@keyframes ex-bar{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ex-fade{0%{opacity:0}}@keyframes ex-sweep{0%{opacity:0;translate:0}8%,82%{opacity:1}to{opacity:0;translate:var(--ex-span,0) 0}}.ex-thumb--lg .ss-thumb__svg{transform:scale(.78)}