.volume-slider-container.svelte-cj2tcx{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-backgrounds-components-bg-disable);border-radius:5px;min-width:200px;height:100%}.volume-slider-container.svelte-cj2tcx .volume-icon:where(.svelte-cj2tcx){display:flex;align-items:center;justify-content:center;height:100%;aspect-ratio:1/1;color:var(--color-text-text-primary);flex-shrink:0;background:transparent;border:none;padding:0;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1)}.volume-slider-container.svelte-cj2tcx .volume-icon:where(.svelte-cj2tcx):hover{transform:scale(1.1)}.volume-slider-container.svelte-cj2tcx .volume-icon:where(.svelte-cj2tcx):active{transform:scale(.95)}.volume-slider-container.svelte-cj2tcx .volume-icon:where(.svelte-cj2tcx) .speaker-icon:where(.svelte-cj2tcx){width:20px;height:20px}.volume-slider-container.svelte-cj2tcx .slider-wrapper:where(.svelte-cj2tcx){position:relative;flex:1;height:100%;min-height:25px}.volume-slider-container.svelte-cj2tcx .slider-wrapper:where(.svelte-cj2tcx):before{content:"";position:absolute;top:50%;left:0;width:100%;height:5px;background:#ffffff1a;border-radius:3px;transform:translateY(-50%)}.volume-slider-container.svelte-cj2tcx .slider-fill:where(.svelte-cj2tcx){position:absolute;top:50%;left:0;height:5px;background:linear-gradient(90deg,#ff1cac,#ff1cac);border-radius:3px;pointer-events:none;transform:translateY(-50%);transition:width .1s ease-out}.volume-slider-container.svelte-cj2tcx .volume-slider:where(.svelte-cj2tcx){--thumb-size: 16px;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none;cursor:pointer;margin:0;z-index:1}.volume-slider-container.svelte-cj2tcx .volume-slider:where(.svelte-cj2tcx)::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--thumb-size);height:var(--thumb-size);background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .2s cubic-bezier(.4,0,.2,1)}.volume-slider-container.svelte-cj2tcx .volume-slider:where(.svelte-cj2tcx)::-webkit-slider-thumb:hover{transform:scale(1.1)}.volume-slider-container.svelte-cj2tcx .volume-slider:where(.svelte-cj2tcx)::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .2s cubic-bezier(.4,0,.2,1)}.volume-slider-container.svelte-cj2tcx .volume-slider:where(.svelte-cj2tcx)::-moz-range-thumb:hover{transform:scale(1.1)}.volume-slider-container.svelte-cj2tcx .volume-slider.dragging:where(.svelte-cj2tcx)::-webkit-slider-thumb{transform:scale(1.2)}.volume-slider-container.svelte-cj2tcx .volume-slider.dragging:where(.svelte-cj2tcx)::-moz-range-thumb{transform:scale(1.2)}.volume-slider-container.svelte-cj2tcx .volume-percent:where(.svelte-cj2tcx){font-weight:600;font-size:12px;line-height:1.667;color:var(--color-text-text-primary);min-width:36px;text-align:right;flex-shrink:0}.volume-slider-container.muted.svelte-cj2tcx .volume-icon:where(.svelte-cj2tcx),.volume-slider-container.muted.svelte-cj2tcx .slider-wrapper:where(.svelte-cj2tcx),.volume-slider-container.muted.svelte-cj2tcx .volume-percent:where(.svelte-cj2tcx){opacity:.5}@container main-content (max-width: 720px){.volume-slider-container.svelte-cj2tcx{min-width:auto;padding:8px 12px;gap:8px}.volume-percent.svelte-cj2tcx{min-width:30px;font-size:11px}}.sound-control-container.svelte-fht1t8{position:relative;display:inline-block}.sound-hover-region.svelte-fht1t8{position:relative}.hover-overlay-region.svelte-fht1t8{position:absolute;z-index:0;pointer-events:none}.sound-button.svelte-fht1t8{--local-bg-hover: #2e2e2e;--local-bg-active: #242834;--local-color-muted: #808080;--local-color-unmuted: #fff;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px 8px;height:36px;width:44px;border:none;border-radius:var(--radius-xxs, 2px);border:1px solid var(--Color-Stroke-components-white_10, rgba(255, 255, 255, .3));background:#262626;cursor:pointer;color:var(--color-text-text-primary);pointer-events:auto;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.sound-button.svelte-fht1t8:hover{background:var(--local-bg-hover)}.sound-button.svelte-fht1t8:active{background-color:var(--local-bg-active)}.sound-button.dropdown-open.svelte-fht1t8{background:var(--local-bg-hover)}.sound-button.svelte-fht1t8:disabled{opacity:.5;cursor:not-allowed}.sound-button.svelte-fht1t8:not(.muted) .icon-container:where(.svelte-fht1t8) .icon.muted:where(.svelte-fht1t8){display:none}.sound-button.svelte-fht1t8:not(.muted) .icon-container:where(.svelte-fht1t8) .icon.unmuted:where(.svelte-fht1t8){display:block}.sound-button.muted.svelte-fht1t8 .icon-container:where(.svelte-fht1t8) .icon.muted:where(.svelte-fht1t8){display:block}.sound-button.muted.svelte-fht1t8 .icon-container:where(.svelte-fht1t8) .icon.unmuted:where(.svelte-fht1t8){display:none}.sound-button.muted.svelte-fht1t8 .icon-container:where(.svelte-fht1t8){color:var(--local-color-muted)}.icon-container.svelte-fht1t8{display:flex;align-items:center;justify-content:center;width:26px;height:26px;position:relative}.icon-container.svelte-fht1t8 svg:where(.svelte-fht1t8){width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transform:scale(.8) rotate(-10deg);transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-container.svelte-fht1t8 svg.visible:where(.svelte-fht1t8){opacity:1;transform:scale(1) rotate(0)}.icon-container.svelte-fht1t8 svg.muted:where(.svelte-fht1t8){color:var(--local-color-muted)}.icon-container.svelte-fht1t8 svg.unmuted:where(.svelte-fht1t8){color:var(--local-color-unmuted)}.dropdown-menu.svelte-fht1t8{position:absolute;top:100%;right:0;z-index:10;padding-top:8px;border-radius:8px;min-width:280px;pointer-events:auto;animation:svelte-fht1t8-dropdownFadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes svelte-fht1t8-dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-content.svelte-fht1t8{padding:6px;background:#1a1a1a;border-radius:8px;box-shadow:0 8px 24px #0006}@container main-content (max-width: 720px){.icon-container.svelte-fht1t8{width:30px}.sound-button.svelte-fht1t8{padding:0}.dropdown-menu.svelte-fht1t8{width:max-content}}