body{background-color:#1a1a1a;margin:0;overflow:hidden;padding:0}.global-volume-wrapper{align-items:center;display:flex;flex-direction:row-reverse;gap:15px;position:fixed;right:20px;top:20px;z-index:9999}.global-mute-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.5rem;height:50px;justify-content:center;transition:transform .2s,background .2s;width:50px}.global-mute-btn,.volume-panel{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);display:flex}.volume-panel{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:15px;box-shadow:0 8px 32px #0000004d;flex-direction:column;gap:10px;opacity:0;padding:12px 18px;transform:translate(10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.global-volume-wrapper:hover .volume-panel{opacity:1;transform:translate(0);visibility:visible}.slider-group{align-items:center;color:#fff;display:flex;font-size:1.2rem;gap:12px}.v-slider{-webkit-appearance:none;background:#a884f34d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100px}.v-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#a884f3;border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px #00000080;height:16px;-webkit-transition:transform .1s;transition:transform .1s;width:16px}.v-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.global-mute-btn:hover{background:#fff3;transform:scale(1.1)}.global-mute-btn:active{transform:scale(.95)}.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}