.volume-panel[data-v-7bc61592]{display:inline-block;height:100%;overflow:hidden;.mute-control{display:inline-block;margin-right:8px;cursor:pointer;i{font-size:20px}}.volume-control{width:56px;display:inline-block;vertical-align:middle;margin-top:-5px;margin-right:20px;&.dragging,&:hover{.current-volume-tooltip{top:-20px;opacity:1;visibility:visible}}}.volume-bar{background-color:hsla(0,0%,100%,.45);height:2px;cursor:pointer;position:relative}.volume-level{height:100%;background-color:#3352fe;left:0;top:0;&:after{content:"";width:10px;height:10px;border-radius:50%;background-color:#fff;top:50%;right:-5px;margin-top:-5px;cursor:pointer}}.current-volume-tooltip{position:absolute;//top:-20px;top:-10px;height:28px;line-height:28px;padding:0 12px;background-color:#363636;font-size:12px;border-radius:3px;margin-left:-20px;opacity:0;visibility:hidden;transition:all .3s ease-in;b{color:#f8633b}}}