[data-sk-controls]{--sk-controls-arrow:2.75rem;--sk-controls-tap:2.75rem;--sk-controls-tap-min:1.5rem;--sk-controls-dot:.5rem;--sk-controls-ring:2px;--sk-controls-track:55%;--sk-controls-bar:var(--sk-controls-dot);--sk-controls-bar-on:2rem;--sk-controls-bar-gap:1.125rem;--sk-controls-scrimmed:0;--sk-mark-band:8}.sk-controls-arrow,.sk-controls-play,.sk-controls-mark{--sk-focus-ring-color:currentColor;--sk-focus-ring-offset:-2px}.sk-controls-arrow,.sk-controls-play{pointer-events:auto;inline-size:var(--sk-controls-arrow);block-size:var(--sk-controls-arrow);border-radius:var(--kit-round-button);color:inherit;cursor:pointer;opacity:calc(.7 + .22 * var(--sk-controls-scrimmed));transition:opacity .25s var(--sk-ease-out);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.sk-controls-arrow:hover,.sk-controls-arrow:focus-visible,.sk-controls-play:hover,.sk-controls-play:focus-visible{opacity:1}.sk-controls-arrow [data-icon]{block-size:1.375rem;inline-size:1.375rem}.sk-controls-play [data-icon]{block-size:1.125rem;inline-size:1.125rem}:dir(rtl) .sk-controls-arrow [data-icon]{scale:-1 1}.sk-controls-arrow[aria-disabled=true]{opacity:1;cursor:default}.sk-controls-arrow[aria-disabled=true] [data-icon]{opacity:.25}.sk-controls-marks{align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.sk-controls-mark{inline-size:var(--sk-controls-tap-min);min-block-size:var(--sk-controls-tap);color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding-inline:0;display:grid}.sk-controls-visual{isolation:isolate;opacity:.35;transition:opacity .25s var(--sk-ease-out);background:currentColor;display:block;overflow:hidden}[data-sk-controls][data-indicators=dots] .sk-controls-visual{inline-size:var(--sk-controls-dot);block-size:var(--sk-controls-dot);transition:opacity .25s var(--sk-ease-out), background-color .25s var(--sk-ease-out);border-radius:50%}[data-sk-controls][data-indicators=bars] .sk-controls-marks:not([data-windowed]){inline-size:calc((var(--sk-mark-n,1) - 1) * (var(--sk-controls-bar) + var(--sk-controls-bar-gap)) + var(--sk-controls-bar-on) + var(--sk-controls-bar-gap));justify-content:center}[data-sk-controls][data-indicators=bars] .sk-controls-marks:not([data-windowed]) .sk-controls-mark{inline-size:calc(var(--sk-controls-bar) + var(--sk-controls-bar-gap));transition:inline-size .45s var(--sk-ease-out)}[data-sk-controls][data-indicators=bars] .sk-controls-visual{inline-size:var(--sk-controls-bar);block-size:var(--sk-controls-dot);opacity:.45;transition:inline-size .45s var(--sk-ease-out), background-color .25s var(--sk-ease-out), opacity .25s var(--sk-ease-out);border-radius:999px}[data-sk-controls][data-indicators=bars] .sk-controls-mark[aria-current=true]{--sk-controls-bar:var(--sk-controls-bar-on)}.sk-controls-marks[data-windowed]{--sk-mark-fade:.66;--sk-mark-cell:var(--sk-controls-tap-min);--sk-mark-cell-on:var(--sk-controls-tap-min);inline-size:calc(var(--sk-mark-cell-on) + (var(--sk-mark-band) - 1 + 2 * var(--sk-mark-fade)) * var(--sk-mark-cell));--sk-mark-unit:var(--sk-mark-cell);min-inline-size:0;overflow:clip visible}.sk-controls-row{justify-content:center;align-items:center;inline-size:100%;display:flex}.sk-controls-marks[data-windowed] li{--sk-mark-out:calc(max(0, var(--sk-mark-first,0) - var(--sk-mark-j)) + max(0, var(--sk-mark-j) - var(--sk-mark-first,0) - (var(--sk-mark-band) - 1)));--sk-mark-scale:clamp(0, calc((2 - var(--sk-mark-out)) * var(--sk-mark-fade)), 1);--sk-mark-full:min(2 * var(--sk-mark-fade), 1);--sk-mark-before:calc(var(--sk-mark-fade) * min(var(--sk-mark-first,0), 1) * clamp(0, var(--sk-mark-j) - var(--sk-mark-first,0) + 1, 1) + var(--sk-mark-full) * clamp(0, var(--sk-mark-j) - var(--sk-mark-first,0), var(--sk-mark-band)) + var(--sk-mark-fade) * clamp(0, var(--sk-mark-j) - var(--sk-mark-first,0) - var(--sk-mark-band), 1));--sk-mark-tapered:calc(var(--sk-mark-full) * var(--sk-mark-band) + var(--sk-mark-fade) * ( min(var(--sk-mark-first,0), 1) + clamp(0, var(--sk-mark-n) - var(--sk-mark-first,0) - var(--sk-mark-band), 1) ));flex:0 0 var(--sk-mark-unit);min-inline-size:0;translate:calc(var(--sk-mark-dir,1) * ( ( (var(--sk-mark-n) - var(--sk-mark-tapered)) / 2 + var(--sk-mark-before) - var(--sk-mark-j) + (var(--sk-mark-scale) - 1) / 2 ) * var(--sk-mark-unit) + var(--sk-mark-side,-.5) * var(--sk-mark-full) * (var(--sk-mark-cell-on) - var(--sk-mark-unit)) ));transition:translate .3s var(--sk-ease-out)}:dir(rtl) .sk-controls-marks[data-windowed] li{--sk-mark-dir:-1}.sk-controls-marks[data-windowed] .sk-controls-mark{inline-size:calc(var(--sk-mark-cell) * var(--sk-mark-scale));min-inline-size:0;margin-inline:calc((var(--sk-mark-unit) - var(--sk-mark-cell) * var(--sk-mark-scale)) / 2);contain:layout size}[data-sk-controls][data-indicators=bars] .sk-controls-marks[data-windowed]{--sk-mark-cell:calc(var(--sk-controls-bar) + var(--sk-controls-bar-gap));--sk-mark-cell-on:calc(var(--sk-controls-bar-on) + var(--sk-controls-bar-gap))}[data-sk-controls][data-indicators=bars] .sk-controls-marks[data-windowed] li:has(.sk-controls-mark[aria-current=true]){--sk-mark-cell:var(--sk-mark-cell-on);--sk-mark-side:0}[data-sk-controls][data-indicators=bars] .sk-controls-marks[data-windowed] li:has(.sk-controls-mark[aria-current=true])~li{--sk-mark-side:.5}.sk-controls-marks[data-windowed] .sk-controls-visual{scale:var(--sk-mark-scale);transition:inline-size .45s var(--sk-ease-out), background-color .25s var(--sk-ease-out), opacity .25s var(--sk-ease-out), scale .3s var(--sk-ease-out)}@media (prefers-reduced-motion:reduce){.sk-controls-marks[data-windowed] li,.sk-controls-marks[data-windowed] .sk-controls-visual{transition:none}}.sk-controls-mark:not([aria-current=true]):hover .sk-controls-visual,.sk-controls-mark:not([aria-current=true]):focus-visible .sk-controls-visual{opacity:.7}.sk-controls-mark[aria-current=true] .sk-controls-visual{opacity:1}[data-sk-controls][data-running] .sk-controls-mark[aria-current=true] .sk-controls-visual{background:color-mix(in srgb, currentColor var(--sk-controls-track), transparent)}.sk-controls-fill{block-size:100%;inline-size:100%;display:block}[data-sk-controls][data-indicators=bars] .sk-controls-fill{transform-origin:0;background:currentColor;transform:scaleX(0)}[data-sk-controls][data-indicators=bars] .sk-controls-mark[aria-current=true] .sk-controls-fill{transform:scaleX(1)}:dir(rtl) [data-sk-controls][data-indicators=bars] .sk-controls-fill{transform-origin:100%}@property --sk-controls-sweep{syntax:"<angle>";inherits:false;initial-value:360deg}[data-sk-controls][data-indicators=dots] .sk-controls-fill{--sk-controls-sweep:0deg;background:conic-gradient(currentColor var(--sk-controls-sweep), transparent 0);mask-image:radial-gradient(farthest-side, transparent calc(100% - var(--sk-controls-ring)), #000 calc(100% - var(--sk-controls-ring)))}[data-sk-controls][data-indicators=dots] .sk-controls-mark[aria-current=true] .sk-controls-fill{--sk-controls-sweep:360deg}[data-sk-controls][data-running][data-indicators=bars] .sk-controls-mark[aria-current=true] .sk-controls-fill{animation:sk-controls-countdown var(--sk-interval,7s) linear both}[data-sk-controls][data-running][data-indicators=dots] .sk-controls-mark[aria-current=true] .sk-controls-fill{animation:sk-controls-sweep var(--sk-interval,7s) linear both}[data-sk-controls][data-paused][data-running] .sk-controls-mark[aria-current=true] .sk-controls-fill{animation-play-state:paused}@media (prefers-reduced-motion:reduce){[data-sk-controls][data-running] .sk-controls-mark[aria-current=true] .sk-controls-fill{animation:none}}@keyframes sk-controls-countdown{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sk-controls-sweep{0%{--sk-controls-sweep:0deg}to{--sk-controls-sweep:360deg}}.sk-controls-count{font-variant-numeric:tabular-nums;letter-spacing:calc(var(--kit-track-detail) * 1em);opacity:calc(.8 + .12 * var(--sk-controls-scrimmed))}[data-sk-controls]:is([data-controls-style=outline],[data-controls-style=filled],[data-controls-style=accent]) :is(.sk-controls-arrow,.sk-controls-play){border:var(--kit-edge-button) var(--kit-edge-style-button) currentColor;opacity:1;transition:background-color .25s var(--sk-ease-out), border-color .25s var(--sk-ease-out), color .25s var(--sk-ease-out);background:0 0}[data-sk-controls][data-controls-style=outline] :is(.sk-controls-arrow,.sk-controls-play):not([aria-disabled=true]):hover,[data-sk-controls][data-controls-style=filled] :is(.sk-controls-arrow[data-dir=next],.sk-controls-play){border-color:var(--sk-btn-bg);background:var(--sk-btn-bg);color:var(--sk-btn-ink)}[data-sk-controls][data-controls-style=accent] :is(.sk-controls-arrow[data-dir=next],.sk-controls-play){border-color:var(--sk-controls-accent,var(--sk-accent));background:var(--sk-controls-accent,var(--sk-accent));color:var(--sk-controls-accent-ink,var(--sk-btn-ink))}[data-sk-controls]:is([data-controls-style=filled],[data-controls-style=accent]) .sk-controls-arrow[data-dir=prev]{background:color-mix(in srgb, currentColor 18%, transparent);border-color:#0000}[data-sk-controls]:is([data-controls-style=outline],[data-controls-style=filled],[data-controls-style=accent]) .sk-controls-arrow[aria-disabled=true]{border-color:color-mix(in srgb, currentColor 25%, transparent);background:0 0}