/* Pseudo-elements must sit outside :is() to receive the light surface. */
html[data-theme="light"] #player .volume-popover::before {
 background:#f7f7fa;
 border:0;
 box-shadow:0 6px 24px #00000020;
}
html[data-theme="light"] #player #volume {
 color:#34343d;
 background:linear-gradient(to right,currentColor 0 var(--volume-level,100%),#d8d8e0 var(--volume-level,100%) 100%);
}
/* The followed icon keeps Zamar blue instead of inheriting artwork/theme colours. */
html body.artist-world #main button.hero-follow.is-following,
html body.artist-world #main button.hero-follow.is-following:hover {
 background:#8b9dff!important;
 border-color:#8b9dff!important;
 color:#fff!important;
}