.clq-volume-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.clq-music-btn{color:#c8c8dc80;cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:3px;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .2s,color .2s,box-shadow .2s;display:flex}.clq-music-btn:hover{color:#c8c8dccc;border-color:#ffffff2e}.clq-music-btn:focus-visible{outline-offset:2px;outline:2px solid #c8ff5799}.clq-volume-slider{backdrop-filter:blur(12px);background:#0a0a0ed9;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:28px;height:96px;padding:10px 0;animation:.15s ease-out clq-vol-in;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}@keyframes clq-vol-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.clq-volume-range{writing-mode:vertical-lr;appearance:none;cursor:pointer;direction:rtl;background:0 0;width:76px;height:4px}.clq-volume-range::-webkit-slider-runnable-track{background:#ffffff1a;border-radius:2px;width:4px;height:100%}.clq-volume-range::-webkit-slider-thumb{-webkit-appearance:none;background:#c8c8dcb3;border:none;border-radius:50%;width:12px;height:12px;margin-left:-4px;-webkit-transition:background .15s;transition:background .15s}.clq-volume-range::-webkit-slider-thumb:hover{background:#c8c8dcf2}.clq-volume-range::-moz-range-track{background:#ffffff1a;border:none;border-radius:2px;width:4px;height:100%}.clq-volume-range::-moz-range-thumb{cursor:pointer;background:#c8c8dcb3;border:none;border-radius:50%;width:12px;height:12px}.clq-volume-range::-moz-range-thumb:hover{background:#c8c8dcf2}