.volume-level-title{display:flex;align-items:center;gap:6px;margin-bottom:10px}.volume-level{display:flex;align-items:center;gap:4px;padding:5px;background:var(--bs-index-header-bg)}.volume-level-option{flex:1;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--bs-text-muted-color);padding:8px 4px;font-weight:500;line-height:1.2;cursor:pointer}.volume-level-option:hover{color:var(--theme-color)}.volume-level-option.active{border-color:var(--theme-color);background:var(--bs-body-bg);color:var(--theme-color)}.volume-custom{display:flex;align-items:center;gap:16px;margin-top:16px}.volume-custom.hide{display:none}.volume-range{flex:1;height:1.4rem;margin:0}.volume-custom-text{min-width:44px;text-align:right;color:var(--bs-body-color);font-weight:500}@media(max-width:576px){.volume-level-option{font-size:13px;padding:8px 2px}}