/* 0.5.36 — faders mobile próprios e sempre visíveis.
   Não depende mais do thumb nativo do Android/Chrome, que estava descendo ou sumindo. */
@media (max-width:760px){
  /* Esconde apenas o range-proxy. O controle visível é desenhado por nós. */
  #emr-mobile-mix-root .emr-mobile-channel input.emr-mobile-proxy-fader{
    display:none!important;
  }

  #emr-mobile-mix-root .emr-mobile-fader{
    --emr-fader-pos:50%;
    position:absolute!important;
    left:50%!important;
    top:48px!important;
    bottom:12px!important;
    width:34px!important;
    transform:translateX(-50%)!important;
    z-index:6!important;
    touch-action:none!important;
    cursor:ns-resize!important;
    outline:none!important;
  }
  #emr-mobile-mix-root .emr-mobile-fader-rail{
    position:absolute!important;
    left:50%!important;
    top:4px!important;
    bottom:4px!important;
    width:7px!important;
    transform:translateX(-50%)!important;
    border:1px solid #777f83!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#24292c,#555d61 45%,#252a2d)!important;
    box-shadow:inset 0 1px 4px #000,0 0 1px #dfe3e4!important;
  }
  #emr-mobile-mix-root .emr-mobile-fader-knob{
    position:absolute!important;
    left:50%!important;
    top:var(--emr-fader-pos)!important;
    width:24px!important;
    height:24px!important;
    transform:translate(-50%,-50%)!important;
    border:1px solid #f5f7f7!important;
    border-radius:50%!important;
    background:linear-gradient(180deg,#fff,#eceeef)!important;
    box-shadow:0 2px 4px #000b,inset 0 1px 1px #fff!important;
    pointer-events:none!important;
  }
  #emr-mobile-mix-root .emr-mobile-fader:focus-visible .emr-mobile-fader-knob{
    box-shadow:0 0 0 3px #ffffff33,0 2px 4px #000b!important;
  }

  /* O VU fica separado à esquerda. */
  #emr-mobile-mix-root .emr-mobile-channel .emr-mobile-vu{
    z-index:2!important;
  }

  /* Mais alguns pixels úteis para os faders em celulares baixos. */
  @media (max-height:600px){
    #emr-mobile-mix-root .emr-mobile-fader{top:42px!important;bottom:9px!important;width:30px!important}
    #emr-mobile-mix-root .emr-mobile-fader-knob{width:22px!important;height:22px!important}
    #emr-mobile-mix-root .emr-mobile-fader-rail{width:6px!important}
  }
  @media (max-height:520px){
    #emr-mobile-mix-root .emr-mobile-fader{top:38px!important;bottom:8px!important;width:28px!important}
    #emr-mobile-mix-root .emr-mobile-fader-knob{width:20px!important;height:20px!important}
  }
}