/* Musical Evenings world: the accent the shared sheet reads (assets/css/ds/world.css), the title over the neck of the strings, and the scene's "Play sound"
   button, which sits on the same row as the loader's pause button (the pause keeps a fixed width here so the two never meet). Tokens only. */
.world--musical-evenings { --world-accent: var(--ds-accent); --me-pause-w: 10.5rem; }
.world--musical-evenings .world__title { max-inline-size: 12ch; }
.world--musical-evenings .world__lede { max-inline-size: 34rem; }
.world--musical-evenings.is-live .world__intro { padding-block-start: calc(var(--ds-space-3) + 2.75rem + var(--ds-space-5)); }
.world--musical-evenings.is-live .world__veil { background: linear-gradient(to right, color-mix(in srgb, var(--ds-overlay-surface) 74%, transparent), transparent 50%), linear-gradient(to top, color-mix(in srgb, var(--ds-overlay-surface) 55%, transparent), transparent 40%); }
@media (max-width: 47.99rem) {
  .world--musical-evenings.is-live .world__veil { background: linear-gradient(to bottom, color-mix(in srgb, var(--ds-overlay-surface) 62%, transparent), color-mix(in srgb, var(--ds-overlay-surface) 50%, transparent) 70%, transparent 88%), linear-gradient(to top, color-mix(in srgb, var(--ds-overlay-surface) 60%, transparent), transparent 35%); }
}
.world--musical-evenings .world__pause { min-inline-size: var(--me-pause-w); }
.world--musical-evenings .world__audio { position: absolute; z-index: 3; inset-block-start: var(--ds-space-3); inset-inline-end: calc(var(--ds-space-4) + var(--me-pause-w) + var(--ds-space-2)); min-block-size: 2.75rem; min-inline-size: 7.5rem; padding: var(--ds-space-2) var(--ds-space-4); font: inherit; font-size: var(--ds-text-sm); color: var(--ds-overlay-text); background: color-mix(in srgb, var(--ds-overlay-surface) 80%, transparent); border: 1px solid var(--ds-overlay-border); border-radius: var(--ds-radius-md); cursor: pointer; }
.world--musical-evenings .world__audio[aria-pressed="true"] { border-color: var(--ds-overlay-accent); }
.world--musical-evenings .world__audio:focus-visible { outline: 2px solid var(--ds-overlay-accent); outline-offset: 2px; }
.world--musical-evenings:not(.is-live) .world__audio { display: none; }