.volume-control[data-v-213a0b0e]{display:flex;align-items:center;gap:0}.volume-control:hover .volume-slider-wrap[data-v-213a0b0e]{width:80px;opacity:1;margin-left:8px}.volume-slider-wrap[data-v-213a0b0e]{width:0;opacity:0;transition:width .25s ease,opacity .2s ease,margin-left .25s ease;display:flex;align-items:center}.volume-slider[data-v-213a0b0e]{width:80px;height:4px;background:hsla(0,0%,100%,.3);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.volume-slider[data-v-213a0b0e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;-webkit-transition:transform .2s;transition:transform .2s}.volume-slider[data-v-213a0b0e]::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider[data-v-213a0b0e]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;-moz-transition:transform .2s;transition:transform .2s}.volume-slider[data-v-213a0b0e]::-moz-range-thumb:hover{transform:scale(1.2)}