.video-generation-page #video-duration[hidden],
.video-generation-page #video-duration-control[hidden],
.video-generation-page .video-duration-apply[hidden] { display:none !important; }
.video-generation-page .video-duration-control { margin:8px 0 0; }
.video-generation-page #video-duration-slider {
  display:block; width:100%; min-height:32px; margin:0; padding:0;
  border:0; border-radius:0; background:transparent; cursor:pointer; accent-color:#25262a;
  -webkit-appearance:none; appearance:none;
}
.video-generation-page #video-duration-slider::-webkit-slider-runnable-track {
  height:6px; border-radius:999px;
  background:linear-gradient(to right,#25262a 0 var(--duration-progress,0%),#e6e8ec var(--duration-progress,0%) 100%);
}
.video-generation-page #video-duration-slider::-webkit-slider-thumb {
  width:20px; height:20px; margin-top:-7px; border:2px solid #fff; border-radius:50%;
  box-shadow:0 0 0 1px #25262a; background:#25262a; -webkit-appearance:none; appearance:none;
}
.video-generation-page #video-duration-slider::-moz-range-track { height:6px; border-radius:999px; background:#e6e8ec; }
.video-generation-page #video-duration-slider::-moz-range-progress { height:6px; border-radius:999px; background:#25262a; }
.video-generation-page #video-duration-slider::-moz-range-thumb {
  width:16px; height:16px; border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #25262a; background:#25262a;
}
.video-generation-page #video-duration-slider:focus-visible { outline:2px solid #59667a; outline-offset:5px; border-radius:4px; }
.video-generation-page #video-duration-slider:disabled { opacity:.45; cursor:not-allowed; }
.video-generation-page .video-duration-bounds { margin-top:0; }
.video-generation-page .video-duration-apply {
  min-height:36px; margin-top:8px; padding:6px 12px; border:1px solid #dfe2e7; border-radius:8px;
  color:#25262a; background:#fff; font:inherit; font-size:12px; cursor:pointer;
}
.video-generation-page .video-duration-apply:hover { background:#f4f5f7; }
.video-generation-page .video-duration-apply:focus-visible { outline:2px solid #59667a; outline-offset:2px; }
@media (pointer:coarse) {
  .video-generation-page #video-duration-slider { min-height:44px; }
  .video-generation-page .video-duration-apply { min-height:44px; }
}