.slider_timed {
  --slider_timed_interval: 6000;
}
.slider_timed .slider {
  --slider_autoplay: 0;
}
.slider_timed:not([data-slider-timed-clock]) [data-slider-timed-toggle] {
  display: none;
}
.slider_timed[data-slider-timed-clock] .pager_item {
  --slider_timed_width: calc(var(--pager_dot_size) * 4);
  transition: width var(--transition_time_s) var(--ease_standard), color var(--transition_time_s);
}
.slider_timed[data-slider-timed-clock] .pager_item::before, .slider_timed[data-slider-timed-clock] .pager_item::after {
  grid-area: 1/1;
  border-radius: var(--pager_dot_size);
}
.slider_timed[data-slider-timed-clock] .pager_item::before {
  opacity: 0.4;
  transition: width var(--transition_time_s) var(--ease_standard);
}
.slider_timed[data-slider-timed-clock] .pager_item[aria-current=true] {
  width: calc(var(--slider_timed_width) + var(--pager_pitch) - var(--pager_dot_size));
}
.slider_timed[data-slider-timed-clock] .pager_item[aria-current=true]::before {
  width: var(--slider_timed_width);
  transform: none;
}
.slider_timed[data-slider-timed-clock] .pager_item[aria-current=true]::after {
  content: "";
  width: var(--slider_timed_width);
  height: var(--pager_dot_size);
  background-color: currentColor;
  animation: slider_timed var(--slider_timed_duration, calc(var(--slider_timed_interval) * 1ms)) linear both;
}
.slider_timed[data-slider-timed-clock][data-slider-timed-paused] .pager_item[aria-current=true]::after {
  animation-play-state: paused;
}
.slider_timed[data-slider-timed-clock][data-slider-timed-ended] .pager_item[aria-current=true]::after {
  animation: none;
  clip-path: none;
}

@keyframes slider_timed {
  from {
    clip-path: inset(0 calc(100% - var(--pager_dot_size)) 0 0 round var(--pager_dot_size));
  }
  to {
    clip-path: inset(0 0 0 0 round var(--pager_dot_size));
  }
}