/* The existing native range handles touch, dragging and keyboard seeking. */
@media(max-width:700px){
 body #main #hero-mobile-ui .hero-mobile-progress{
  height:44px;padding:0 12px;background:transparent;
 }
 body #main #hero-mobile-ui #hero-trailer-seek{
  display:block;width:100%;min-width:0;height:44px;min-height:44px;
  margin:0;padding:0;grid-area:auto;flex:none;
  appearance:none;-webkit-appearance:none;background:transparent;
  cursor:pointer;touch-action:none;
 }
 body #main #hero-mobile-ui #hero-trailer-seek::-webkit-slider-runnable-track{
  height:3px;border-radius:3px;
  background:linear-gradient(to right,#ffbd93 var(--seek-progress),#395346 var(--seek-progress));
 }
 body #main #hero-mobile-ui #hero-trailer-seek::-webkit-slider-thumb{
  appearance:none;-webkit-appearance:none;width:12px;height:12px;
  margin-top:-4.5px;border:0;border-radius:50%;background:#ffcfaa;
 }
 body #main #hero-mobile-ui #hero-trailer-seek::-moz-range-track{
  height:3px;border-radius:3px;background:#395346;
 }
 body #main #hero-mobile-ui #hero-trailer-seek::-moz-range-progress{
  height:3px;border-radius:3px;background:#ffbd93;
 }
 body #main #hero-mobile-ui #hero-trailer-seek::-moz-range-thumb{
  width:12px;height:12px;border:0;border-radius:50%;background:#ffcfaa;
 }
 body #main #hero-mobile-ui #hero-trailer-seek:focus-visible{
  outline:2px solid #ffcfaa;outline-offset:0;border-radius:6px;
 }
 body #main #hero-mobile-ui #hero-mobile-details .hero-mobile-volume-label{grid-row:2}
 body #main #hero-mobile-ui #hero-mobile-details #hero-trailer-volume{grid-row:3}
}