.osd-header.svelte-h8x1j2{background-color:var(--osd-primary-color,#000);color:#fff;background-image:linear-gradient(#4e504e80 0%,#45484580 33%,#211e1b80 100%);border-bottom:1px solid #000}.osd-header-2.svelte-h8x1j2{background-color:var(--osd-primary-color,#000);color:#fff;border-top:1px solid var(--osd-primary-color,#aaa);border-bottom:1px solid var(--osd-primary-color,#aaa);background-image:linear-gradient(#4e504e80 0%,#45484580 33%,#211e1b80 100%);outline:1px solid #000}.osd-header-2.svelte-h8x1j2 .selectable:where(.svelte-h8x1j2){background-image:linear-gradient(180deg, var(--osd-primary-color,#1782b6) 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,#0d4b69);color:#fff;opacity:.95;background-image:linear-gradient(#6660 0%,#54545480 40%,#727272b4 100%)}.primary-border.svelte-h8x1j2{border-color:var(--osd-primary-color,#666)}.osd-shadow.svelte-h8x1j2{text-shadow:1px 1px #000}.osd-menu-bar.svelte-h8x1j2 li:where(.svelte-h8x1j2):not(:last-child){border-right:1px solid var(--osd-primary-color,#666)}.osd-menu-item.svelte-h8x1j2{text-align:center;white-space:nowrap;padding:.25rem 1.45rem}@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);color:#fff;text-shadow:1px 1px #000;background-image:linear-gradient(#4e504e80 0%,#45484580 33%,#211e1b80 100%)}.osd-volume-percent.svelte-1tgp5ug{--color:var(--osd-accent-color);--elevation:16px;--bevel:4px;--opacity:100%;--blurriness:5px;--angle:310deg;--intensity:92;--diffusion:17;--sin:calc(sin(var(--angle)));--cos:calc(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;transition:width .5s;position:relative}.osd-volume-percent.svelte-1tgp5ug:before{content:"";background:linear-gradient(calc(var(--angle) + 90deg), #fff0 40%, hsla(0, 0%, 100%, var(--surface-contrast)));position:absolute;inset:0}