/* Keep the volume compact even when a theme retains older player styles. */
.as-reader .as-reader-volume { display:flex;align-items:center;gap:0;position:relative;min-width:0; }
.as-reader .as-reader-volume .as-reader-volume-panel { flex:0 0 auto;box-sizing:border-box;position:static;width:0;padding:0;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;transition:width .2s ease,opacity .15s ease; }
.as-reader .as-reader-volume:not(.is-volume-open) .as-reader-volume-panel { width:0;padding:0;opacity:0;visibility:hidden;pointer-events:none; }
.as-reader .as-reader-volume.is-volume-open .as-reader-volume-panel { width:84px;padding:0 6px;opacity:1;visibility:visible;pointer-events:auto; }
.as-reader .as-reader-volume .as-reader-volume-panel input[type=range] { display:block;width:100%;height:32px;margin:0;writing-mode:horizontal-tb;direction:ltr;appearance:none;transform:none; }
@container (max-width:650px) {
  .as-reader .as-reader-volume .as-reader-volume-panel { position:absolute;z-index:4;left:0;bottom:calc(100% + 7px);background:#424242;border-radius:8px;box-shadow:0 6px 18px #0003; }
  .as-reader .as-reader-volume.is-volume-open .as-reader-volume-panel { width:120px;padding:6px 12px; }
  .as-reader .as-reader-volume .as-reader-volume-panel input[type=range] { height:44px; }
}
@media (prefers-reduced-motion:reduce) { .as-reader .as-reader-volume .as-reader-volume-panel { transition:none; } }
.as-reader-status:empty{display:none}