.marquee-indicator{justify-content:center;display:flex}.marquee-indicator[hidden]{display:none}.marquee-indicator__pill{align-items:center;gap:var(--marquee-indicator-gap,.25rem);border-radius:var(--marquee-indicator-radius,var(--button-border-radius,9999px));background-color:var(--marquee-indicator-pill-bg,var(--color-primitive-cool-20));padding-block-start:.125rem;padding-block-end:.125rem;padding-inline-start:.75rem;padding-inline-end:.5rem;display:inline-flex}.marquee-indicator[variant=dots] .marquee-indicator__pill{background-color:var(--marquee-indicator-pill-bg,transparent);padding:0}.marquee-indicator__track{align-self:stretch;align-items:center;gap:var(--marquee-indicator-gap,.25rem);cursor:pointer;border-radius:9999px;min-block-size:1.5rem;display:flex}.marquee-indicator__track:focus-visible{outline:2px solid var(--marquee-indicator-focus,var(--color-primitive-indigo-blue-60));outline-offset:2px}.marquee-indicator__toggle:focus-visible{outline:2px solid var(--marquee-indicator-focus,var(--color-primitive-indigo-blue-60));outline-offset:2px}.marquee-indicator__dot{inline-size:var(--marquee-indicator-dot-size,.25rem);block-size:var(--marquee-indicator-dot-size,.25rem);background-color:var(--marquee-indicator-dot-color,var(--color-primitive-cool-40));border-radius:9999px;flex:none}.marquee-indicator__dot--active{background-color:var(--marquee-indicator-active-color,var(--color-primitive-yellow-60))}.marquee-indicator__segment{inline-size:var(--marquee-indicator-segment-size,3.75rem);block-size:var(--marquee-indicator-dot-size,.25rem);background-color:var(--marquee-indicator-dot-color,var(--color-primitive-cool-40));border-radius:9999px;flex:none;position:relative;overflow:hidden}.marquee-indicator__fill{background-color:var(--marquee-indicator-active-color,var(--color-primitive-yellow-60));transform-origin:0;animation-name:marquee-indicator-fill;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.marquee-indicator__fill:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform-origin:100%}.marquee-indicator__fill:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform-origin:100%}.marquee-indicator__fill:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform-origin:100%}.marquee-indicator__fill--static{animation:none;transform:none}.marquee-indicator__pill[data-frozen] .marquee-indicator__fill{animation-play-state:paused}.marquee-indicator__toggle{block-size:1.5rem;inline-size:1.5rem;color:var(--marquee-indicator-control-color,var(--color-primitive-cool-40));cursor:pointer;background-color:#0000;border:0;border-radius:9999px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;transition:color .15s;display:flex}.marquee-indicator__toggle:hover{color:var(--marquee-indicator-control-hover-color,var(--color-primitive-indigo-blue-60))}.marquee-indicator__toggle:focus-visible{color:var(--marquee-indicator-control-hover-color,var(--color-primitive-indigo-blue-60))}@media (prefers-reduced-motion:reduce){.marquee-indicator__fill{animation:none;transform:none}}@keyframes marquee-indicator-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}