.playback-volume-full.svelte-pbsxik{background:linear-gradient(180deg, color-mix(in srgb, var(--color-card) 92%, var(--color-muted)), var(--color-card));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-border) 80%, transparent)}.playback-volume-track.svelte-pbsxik{background:color-mix(in srgb, var(--color-muted-foreground) 14%, transparent);height:.45rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-border) 70%, transparent);border-radius:999px;position:relative;overflow:hidden}.playback-volume-track-compact.svelte-pbsxik{height:.35rem}.playback-volume-track-fill.svelte-pbsxik{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 55%, #5cff6b), color-mix(in srgb, var(--color-primary) 78%, #f5bd49));box-shadow:0 0 12px color-mix(in srgb, var(--color-primary) 28%, transparent);pointer-events:none;position:absolute;inset:0 auto 0 0}.playback-volume-track-mark.svelte-pbsxik{background:color-mix(in srgb, var(--color-muted-foreground) 28%, transparent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.playback-volume-input.svelte-pbsxik{cursor:pointer;opacity:0;width:100%;height:1.5rem;margin:0;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.playback-volume-input.svelte-pbsxik:disabled{cursor:not-allowed}.playback-volume.svelte-pbsxik:has(.playback-volume-input:where(.svelte-pbsxik):focus-visible) .playback-volume-track:where(.svelte-pbsxik){outline:2px solid color-mix(in srgb, var(--color-ring) 70%, transparent);outline-offset:2px}.playback-volume-mute.svelte-pbsxik:focus-visible{outline:2px solid color-mix(in srgb, var(--color-ring) 70%, transparent);outline-offset:2px}