.volume-btn{background:color-mix(in srgb,var(--panel-btn-color, currentColor) 30%,transparent);color:var(--panel-btn-text-color, inherit)}.volume-btn:hover{background:color-mix(in srgb,var(--panel-btn-color, currentColor) 40%,transparent)}.volume-btn-active{background:color-mix(in srgb,var(--panel-btn-color, currentColor) 30%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--panel-btn-color, var(--color-primary)) 50%,transparent)}.volume-popup-slider{display:flex;align-items:stretch;justify-content:center}.volume-btn svg{display:block;width:1.25rem;height:1.25rem;flex-shrink:0;stroke-width:2;color:var(--panel-btn-text-color, inherit)}