.volume-control.svelte-1huxyqs{position:relative;display:inline-flex;align-items:center}.ghost-button.svelte-1huxyqs{display:inline-flex;align-items:center;justify-content:center;height:var(--size-md, 36px);padding:0 var(--pd-md, 12px);background-color:var(--button-ghost-bg, transparent);border-radius:var(--radius-sm, 6px);color:var(--base-print-highlight, #ccd4dc);--icon-fill: var(--base-print-highlight, #ccd4dc);--icon-width: var(--icon-xl, 24px);--icon-height: var(--icon-xl, 24px);flex-shrink:0;transition:background-color var(--transition-fast, 50ms cubic-bezier(0, .25, .75, 1)),color var(--transition-fast, 50ms cubic-bezier(0, .25, .75, 1))}.ghost-button.svelte-1huxyqs:hover{background-color:var(--button-ghost-bg-hover, rgba(255, 255, 255, .06));--icon-fill: var(--color-gray-150, #f2f6fa);color:var(--color-gray-150, #f2f6fa)}.slider-popover.svelte-1huxyqs{position:absolute;bottom:100%;right:0;padding:var(--pd-md, 12px);background-color:var(--base-elevated, #21232c);border-radius:var(--radius-sm, 6px);box-shadow:0 4px 12px #0006;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity var(--transition-fast, 50ms cubic-bezier(0, .25, .75, 1)),transform var(--transition-fast, 50ms cubic-bezier(0, .25, .75, 1))}.volume-control.svelte-1huxyqs:hover .slider-popover:where(.svelte-1huxyqs),.slider-popover.dragging.svelte-1huxyqs{opacity:1;pointer-events:auto;transform:translateY(0)}.slider-track.svelte-1huxyqs{position:relative;width:100px;height:var(--icon-xl, 24px);display:flex;align-items:center;cursor:pointer}.slider-bg.svelte-1huxyqs{position:absolute;left:0;right:0;height:var(--slider-size, 4px);background-color:var(--slider-bg, #18191f);border-radius:2px}.slider-fill.svelte-1huxyqs{position:absolute;left:0;height:var(--slider-size, 4px);background-color:var(--slider-value, #596576);border-radius:2px;transition:background-color var(--transition-fast, 50ms cubic-bezier(0, .25, .75, 1))}.slider-track.svelte-1huxyqs:hover .slider-fill:where(.svelte-1huxyqs),.slider-track.svelte-1huxyqs:active .slider-fill:where(.svelte-1huxyqs){background-color:var(--slider-value-hover, #8691a0)}.slider-thumb.svelte-1huxyqs{position:absolute;width:10px;height:10px;border-radius:50%;background-color:var(--base-print-highlight, #ccd4dc);transform:translate(-50%);pointer-events:none}