.vertical-slider{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;transform:rotate(270deg);transform-origin:center;width:20px!important;height:80px!important}.vertical-slider::-webkit-slider-track{background:hsla(0,0%,100%,.3);height:3px;border-radius:1.5px;width:100%}.vertical-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;height:12px;width:12px;border-radius:50%;cursor:pointer;transition:transform .1s ease}.vertical-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.vertical-slider::-moz-range-track{background:hsla(0,0%,100%,.3);height:3px;border-radius:1.5px;border:none;width:100%}.vertical-slider::-moz-range-thumb{background:#fff;height:12px;width:12px;border-radius:50%;cursor:pointer;border:none;transition:transform .1s ease}.vertical-slider::-moz-range-thumb:hover{transform:scale(1.2)}.volume-slider-container{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px;background:rgba(0,0,0,.8);padding:4px 6px;border-radius:6px;backdrop-filter:blur(4px);z-index:10}