
.tmv-u-volume-wrap{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}

.tmv-u-volume-up{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
}

.tmv-u-volume-panel{
    position:absolute!important;
    right:50%!important;
    bottom:48px!important;
    transform:translateX(50%)!important;
    width:42px!important;
    height:130px!important;
    padding:10px 6px!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(0,0,0,.86)!important;
    border:1px solid rgba(255,255,255,.35)!important;
    border-radius:8px!important;
    z-index:2147483646!important;
    box-sizing:border-box!important;
}

.tmv-u-volume-wrap.tmv-volume-open .tmv-u-volume-panel{
    display:flex!important;
}

.tmv-u-volume-range{
    -webkit-appearance:none!important;
    appearance:none!important;
    width:100px!important;
    height:5px!important;
    transform:rotate(-90deg)!important;
    transform-origin:center!important;
    accent-color:#e50914!important;
    cursor:pointer!important;
}

.tmv-u-volume-range::-webkit-slider-thumb{
    -webkit-appearance:none!important;
    appearance:none!important;
    width:15px!important;
    height:15px!important;
    border-radius:50%!important;
    background:#e50914!important;
}

.tmv-u-volume-value{
    position:absolute!important;
    top:4px!important;
    left:0!important;
    right:0!important;
    text-align:center!important;
    color:#fff!important;
    font-size:10px!important;
    pointer-events:none!important;
}
