.volume-control-button_wrapper__SKDmr{position:relative}.volume-control-button_desktopButton__LY_qP{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:#222d5b;border-radius:10px;cursor:pointer;transition:all .2s}@media(max-width:768px){.volume-control-button_desktopButton__LY_qP{width:36px;height:36px}}@media(max-width:540px){.volume-control-button_desktopButton__LY_qP{width:32px;height:32px}}.volume-control-button_desktopButton__LY_qP:hover{background:#2a3566}.volume-control-button_mobileButton__ISFP2{position:relative;display:flex;align-items:center;justify-content:center;width:63px;height:63px;padding:0;border:none;background:#222d5b;border-radius:14px;cursor:pointer;transition:all .2s}.volume-control-button_mobileButton__ISFP2:hover{background:#2a3566}.volume-control-button_muted__kWJpx:after{position:absolute;top:50%;left:50%;width:70%;height:2px;background:#a5ade9;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center;content:"";pointer-events:none}.volume-control-button_sliderContainer__pU1KE{position:absolute;top:100%;left:50%;z-index:31;display:flex;flex-direction:column;align-items:center;padding:.5rem 0 0;background:rgba(0,0,0,0);opacity:0;transform:translateX(-50%) scale(.9);transition:opacity .2s,transform .2s;transform-origin:top center;pointer-events:none;touch-action:none}.volume-control-button_sliderContainer__pU1KE.volume-control-button_visible__nQRdu{opacity:1;transform:translateX(-50%) scale(1);pointer-events:auto}.volume-control-button_sliderPanel__g7yov{display:flex;flex-direction:column;align-items:center;width:40px;padding:.75rem 0;background:#222d5b;border-radius:10px}@media(max-width:768px){.volume-control-button_sliderPanel__g7yov{width:36px}}@media(max-width:540px){.volume-control-button_sliderPanel__g7yov{width:32px}}.volume-control-button_sliderPanelMobile__CDgsZ{width:63px;padding:1rem 0;border-radius:14px}.volume-control-button_sliderTrack__kULfR{position:relative;width:4px;height:100px;background:rgba(165,173,233,.2);border-radius:2px;cursor:pointer;touch-action:none}.volume-control-button_sliderTrackMobile__nYV8R{height:180px}.volume-control-button_sliderFill__b__p8{position:absolute;bottom:0;left:0;width:100%;background:#a5ade9;border-radius:2px;pointer-events:none}.volume-control-button_sliderThumb__aBCbM{position:absolute;left:50%;width:14px;height:14px;background:#a5ade9;border-radius:50%;transform:translate(-50%,50%);cursor:grab;touch-action:none}.volume-control-button_sliderThumb__aBCbM:active{cursor:grabbing}.volume-control-button_sliderThumbMobile__TqObw{width:20px;height:20px}.volume-control-button_closeButton__ejdjV{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:.5rem;padding:0;border:none;background:rgba(0,0,0,0);cursor:pointer}.volume-control-button_closeIcon__zYoii{display:block;width:36px;height:36px}.volume-control-button_closeIcon__zYoii path{fill:#a5ade9!important}.control-buttons_controlButtons__Oz0AK{position:absolute;top:25px;right:25px;z-index:30;display:flex;gap:10px;align-items:center}@media(max-width:540px){.control-buttons_controlButtons__Oz0AK{display:none}}.control-buttons_controlIcon__3teQJ{position:relative;display:block;width:17px;height:17px;flex-shrink:0}@media(max-width:768px){.control-buttons_controlIcon__3teQJ{width:18px;height:18px}}@media(max-width:540px){.control-buttons_controlIcon__3teQJ{width:14px;height:14px}}.control-buttons_controlIcon__3teQJ svg{display:block;width:100%;height:100%}.control-buttons_controlIcon__3teQJ path{fill:#a5ade9!important}.control-buttons_controlIconLarge__b3bc7{position:relative;display:block;width:22px;height:22px;flex-shrink:0}@media(max-width:768px){.control-buttons_controlIconLarge__b3bc7{width:22px;height:22px}}@media(max-width:540px){.control-buttons_controlIconLarge__b3bc7{width:18px;height:18px}}.control-buttons_controlIconLarge__b3bc7 svg{display:block;width:100%;height:100%}.control-buttons_controlIconLarge__b3bc7 path{fill:#a5ade9!important}.control-buttons_muted__joWlO:after{position:absolute;top:50%;left:50%;width:70%;height:2px;background:#a5ade9;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center;content:"";pointer-events:none}