.osd-header.svelte-h8x1j2{background-color:var(--osd-primary-color, #000);background-image:linear-gradient(180deg,#4e504e80,#45484580 33%,#211e1b80);color:#fff;border-bottom:1px solid black}.osd-header-2.svelte-h8x1j2{background-color:var(--osd-primary-color, #000);background-image:linear-gradient(180deg,#4e504e80,#45484580 33%,#211e1b80);color:#fff;border-top:1px solid var(--osd-primary-color, #aaa);border-bottom:1px solid var(--osd-primary-color, #aaa);outline:1px solid black}.osd-header-2.svelte-h8x1j2 .selectable:where(.svelte-h8x1j2){background-image:linear-gradient(180deg,var(--osd-primary-color, rgb(23,130,182)) 10%,var(--osd-accent-color, #0C496D) 100%)}.osd-header-2.svelte-h8x1j2 .selected:where(.svelte-h8x1j2){background-color:#000}.osd-header-3.svelte-h8x1j2{background-color:var(--osd-accent-color, rgb(13, 75, 105));background-image:linear-gradient(180deg,#6660,#54545480 40%,#727272b4);color:#fff;opacity:.95}.primary-border.svelte-h8x1j2{border-color:var(--osd-primary-color, #666666)}.osd-shadow.svelte-h8x1j2{text-shadow:1px 1px black}.osd-menu-bar.svelte-h8x1j2 li:where(.svelte-h8x1j2):not(:last-child){border-right:1px solid var(--osd-primary-color, #666666)}.osd-menu-item.svelte-h8x1j2{padding:.25rem 1.45rem;text-align:center;white-space:nowrap}@container (width < 720px){.osd-menu-item.svelte-h8x1j2{font-size:.84rem}}.hybrid-padding.svelte-h8x1j2 .osd-menu-item:where(.svelte-h8x1j2){font-size:.84rem}.osd-volume.svelte-1tgp5ug{background-color:var(--osd-primary-color, #000);background-image:linear-gradient(180deg,#4e504e80,#45484580 33%,#211e1b80);color:#fff;text-shadow:1px 1px black}.osd-volume-percent.svelte-1tgp5ug{transition:width .5s;--color: var(--osd-accent-color);--elevation: 16px;--bevel: 4px;--opacity: 100%;--blurriness: 5px;--angle: 310deg;--intensity: 92;--diffusion: 17;--sin: sin(var(--angle)) ;--cos: cos(var(--angle)) ;--x-displacement: calc(-1 * var(--cos) * (var(--elevation) + 1px));--y-displacement: calc(-1 * var(--sin) * (var(--elevation) + 1px));--edge-opacity: calc(var(--intensity) * .006 - var(--diffusion) * .002);--edge-blur: calc(var(--bevel) * 1.5);--surface-contrast: calc(var(--intensity) * .01 - var(--diffusion) * .005);box-shadow:inset calc(var(--bevel) * -1) 0 var(--edge-blur) hsla(100,0%,calc((var(--cos) + 1) * 50%),var(--edge-opacity)),inset 0 var(--bevel) var(--edge-blur) hsla(100,0%,calc((-1 * var(--sin) + 1) * 50%),var(--edge-opacity)),inset var(--bevel) 0 var(--edge-blur) hsla(100,0%,calc((-1 * var(--cos) + 1) * 50%),var(--edge-opacity)),inset 0 calc(var(--bevel) * -1) var(--edge-blur) hsla(100,0%,calc((var(--sin) + 1) * 50%),var(--edge-opacity));background-color:color-mix(in srgb,var(--color) var(--opacity),transparent calc(100% - var(--opacity)));-webkit-backdrop-filter:blur(var(--blurriness));backdrop-filter:blur(var(--blurriness));background-blend-mode:soft-light;position:relative}.osd-volume-percent.svelte-1tgp5ug:before{content:"";position:absolute;bottom:0;top:0;left:0;right:0;background:linear-gradient(calc(var(--angle) + 90deg),#fff0 40%,hsla(0,0%,100%,var(--surface-contrast)))}