.vol{flex-shrink:0;position:relative}.vol-btn{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.vol-btn:focus-visible{outline-offset:2px;outline:2px solid}.vol-btn svg{stroke:currentColor;fill:none;stroke-width:1.6px;width:20px;height:20px}.vol-pop{z-index:80;background:inherit;border:1px solid;place-items:center;width:44px;padding:10px 0;display:grid;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.vol-slider{appearance:slider-vertical;writing-mode:vertical-lr;cursor:pointer;direction:rtl;background:0 0;width:44px;height:112px;margin:0;padding:0}.vol-slider::-webkit-slider-runnable-track{background:color-mix(in srgb, currentColor 28%, transparent);border-radius:2px;width:4px}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:currentColor;border:0;border-radius:50%;width:16px;height:16px;margin-left:-6px}.vol-slider::-moz-range-track{background:color-mix(in srgb, currentColor 28%, transparent);border:0;border-radius:2px;width:4px}.vol-slider::-moz-range-thumb{background:currentColor;border:0;border-radius:50%;width:16px;height:16px}