.spl{--spl-ink:var(--fill-on);--spl-track:var(--fill-slab);display:inline-block;position:relative}.spl-track{position:relative}.spl-dot{background:var(--spl-track);appearance:none;border:0;border-radius:999px;height:8px;padding:0;position:absolute;top:0;left:0;overflow:hidden}button.spl-dot{cursor:pointer}button.spl-dot:after{content:"";position:absolute;inset:-16px -4px}.spl-ink{background:var(--spl-ink);border-radius:999px;position:absolute;inset:0 auto 0 0}.spl-dot:focus-visible{outline:2px solid var(--accent,#4f8cff);outline-offset:3px}.spl-tip{z-index:60;visibility:hidden;pointer-events:none;font-family:var(--font-ui,inherit);letter-spacing:.01em;white-space:nowrap;color:var(--popover-foreground);background:var(--popover);border:1px solid var(--border);box-shadow:0 8px 24px color-mix(in oklab, var(--foreground) 14%, transparent);border-radius:8px;padding:6px 10px;font-size:11.5px;font-weight:600;position:fixed}@keyframes sg-in{0%{opacity:0;scale:0}to{opacity:1;scale:1}}[data-sg-enter] .spl-track>.spl-dot{animation:.26s cubic-bezier(.2,0,0,1) both sg-in}[data-sg-enter] .spl-track>.spl-dot:first-child{animation-delay:25ms}[data-sg-enter] .spl-track>.spl-dot:nth-child(2){animation-delay:50ms}[data-sg-enter] .spl-track>.spl-dot:nth-child(3){animation-delay:75ms}[data-sg-enter] .spl-track>.spl-dot:nth-child(4){animation-delay:.1s}[data-sg-enter] .spl-track>.spl-dot:nth-child(5){animation-delay:.125s}[data-sg-enter] .spl-track>.spl-dot:nth-child(6){animation-delay:.15s}[data-sg-enter] .spl-track>.spl-dot:nth-child(7){animation-delay:.175s}[data-sg-enter] .spl-track>.spl-dot:nth-child(8){animation-delay:.2s}[data-sg-enter] .spl-track>.spl-dot:nth-child(9){animation-delay:.225s}[data-sg-enter] .spl-track>.spl-dot:nth-child(10){animation-delay:.25s}[data-sg-enter] .spl-track>.spl-dot:nth-child(11){animation-delay:.275s}[data-sg-enter] .spl-track>.spl-dot:nth-child(12){animation-delay:.3s}[data-sg-enter] .spl-track>.spl-dot:nth-child(13){animation-delay:.325s}[data-sg-enter] .spl-track>.spl-dot:nth-child(14){animation-delay:.35s}[data-sg-enter] .spl-track>.spl-dot:nth-child(15){animation-delay:.375s}[data-sg-enter] .spl-track>.spl-dot:nth-child(16){animation-delay:.4s}[data-sg-enter] .spl-track>.spl-dot:nth-child(17){animation-delay:.425s}[data-sg-enter] .spl-track>.spl-dot:nth-child(18){animation-delay:.45s}[data-sg-enter] .spl-track>.spl-dot:nth-child(19){animation-delay:.475s}[data-sg-enter] .spl-track>.spl-dot:nth-child(20){animation-delay:.5s}[data-sg-enter] .spl-track>.spl-dot:nth-child(21){animation-delay:.525s}[data-sg-enter] .spl-track>.spl-dot:nth-child(22){animation-delay:.55s}[data-sg-enter] .spl-track>.spl-dot:nth-child(23){animation-delay:.575s}[data-sg-enter] .spl-track>.spl-dot:nth-child(n+24){animation-delay:.6s}@keyframes sg-halo{0%{box-shadow:0 0 0 3px color-mix(in srgb, var(--spl-ink) 8%, transparent)}to{box-shadow:0 0 0 7px color-mix(in srgb, var(--spl-ink) 18%, transparent)}}[data-sg-enter] .spl-track>.spl-dot[aria-current=step]{animation:.26s cubic-bezier(.2,0,0,1) both sg-in,2.4s ease-in-out .6s infinite alternate sg-halo}@media (min-width:640px){.spl-dot{height:10px}}@media (prefers-reduced-motion:reduce){.spl-dot{transition:none;animation:none!important}}