.volume-panel{z-index:45;overscroll-behavior:contain;color:#d6e8ee;width:300px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 76px);font-family:var(--font-mono);pointer-events:auto;text-align:left;--volume-on:#69aac1;--volume-off:#173039;background:#0b1a21;border:2px solid #355760;gap:10px;padding:12px 14px 10px;display:grid;position:fixed;overflow-y:auto;box-shadow:4px 4px #02090c}.volume-panel[data-muted]{--volume-on:#49717f}.volume-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.volume-title{font:400 9px/1.4 var(--font-pixel);letter-spacing:.04em;text-transform:uppercase;color:#f3f8f8;margin:0}.volume-mute{height:32px;font:400 7px/1 var(--font-pixel);text-transform:uppercase;color:#a5d6e5;cursor:pointer;background:#102127;border:1px solid #355760;align-items:center;gap:8px;padding:0 10px;display:inline-flex;box-shadow:2px 2px #02090c}.volume-mute:hover{background:#193844;border-color:#69aac1}.volume-mute[aria-pressed=true]{color:#ffc2b8;background:#2b1716;border-color:#b8574b}.volume-mute:focus-visible,.volume-reset:focus-visible{outline-offset:2px;outline:2px solid #a5d6e5}.volume-note{color:#ffc2b8;margin:-4px 0 0;font-size:11px;line-height:1.4}.volume-row{gap:2px;display:grid}.volume-row-head{align-items:baseline;gap:8px;min-width:0;display:flex}.volume-row-head label{font:400 8px/1.6 var(--font-pixel);text-transform:uppercase;color:#e8f3f5;cursor:pointer;flex:none}.volume-row-head small{color:#7f9ba5;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:10px;overflow:hidden}.volume-value{min-width:4ch;font:700 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:#f3cd79;flex:none;margin-left:auto}.volume-panel[data-muted] .volume-value{color:#7f9ba5}.volume-channels{border-top:1px dashed #28444d;gap:8px;padding-top:10px;display:grid}.volume-slider{--fill:50%;cursor:pointer;touch-action:none;appearance:none;background:0 0;width:100%;height:28px;margin:0;padding:0;display:block}.volume-slider:focus-visible{outline-offset:1px;outline:2px solid #a5d6e5}.volume-slider::-webkit-slider-runnable-track{box-sizing:border-box;background:linear-gradient(90deg, var(--volume-on) 0 var(--fill), var(--volume-off) var(--fill) 100%);border:2px solid #02090c;height:10px}.volume-slider::-webkit-slider-thumb{appearance:none;box-sizing:border-box;background:#e8f3f5;border:2px solid #02090c;border-radius:0;width:14px;height:22px;margin-top:-8px;box-shadow:inset -2px -2px #93b3be,2px 2px #02090c}.volume-slider:hover::-webkit-slider-thumb{background:#fff}.volume-slider:active::-webkit-slider-thumb{background:#fff}.volume-slider::-moz-range-track{box-sizing:border-box;background:var(--volume-off);border:2px solid #02090c;border-radius:0;height:10px}.volume-slider::-moz-range-progress{box-sizing:border-box;background:var(--volume-on);border:2px solid #02090c;border-right:0;border-radius:0;height:10px}.volume-slider::-moz-range-thumb{box-sizing:border-box;background:#e8f3f5;border:2px solid #02090c;border-radius:0;width:14px;height:22px;box-shadow:inset -2px -2px #93b3be,2px 2px #02090c}.volume-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.volume-keys{color:#6f8c96;white-space:nowrap;font-size:10px}.volume-reset{height:28px;font:400 7px/1 var(--font-pixel);text-transform:uppercase;color:#a5d6e5;cursor:pointer;background:0 0;border:1px solid #28444d;padding:0 10px}.volume-reset:hover{background:#193844;border-color:#355760}@media (pointer:coarse),(max-width:767px){.volume-panel{gap:8px}.volume-mute,.volume-reset,.volume-slider{height:44px}.volume-slider::-webkit-slider-runnable-track{height:12px}.volume-slider::-webkit-slider-thumb{width:22px;height:32px;margin-top:-12px}.volume-slider::-moz-range-track{height:12px}.volume-slider::-moz-range-progress{height:12px}.volume-slider::-moz-range-thumb{width:22px;height:32px}}@media (pointer:coarse){.volume-keys{visibility:hidden}}@media (max-width:480px){.volume-panel{width:auto;max-width:none;left:8px;right:8px!important}}