.slider{position:relative}.slider__viewport{clip-path:inset(-4px -8px 0)}.slider--fade{--edge-fade-w:16px}.slider__track{touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform;display:flex}.slider__slide{min-width:0}.slider__track :is(input,textarea){-webkit-user-select:text;user-select:text}.slider__pager{box-sizing:border-box;background:#0d0d0d99;border-radius:18px 18px 0 0;align-items:center;gap:10px;height:18px;padding:0 21px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.slider__dot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#d9d9d94d;border:none;border-radius:96px;flex:none;width:6px;height:6px;padding:0;transition:width .25s;position:relative;overflow:hidden}.slider__dot.is-active{width:26px}.slider__dot-fill{transform-origin:0;background:#d9d9d9;border-radius:96px;width:100%;height:100%;display:block}.slider__dot-fill.is-ticking{animation-name:slider-fill;animation-timing-function:linear;animation-fill-mode:forwards}.slider__dot-fill.is-paused{animation-play-state:paused}@keyframes slider-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.slider__dot{transition:none}.slider__dot-fill.is-ticking{animation:none;transform:none}}