.modal-music{margin:24px 0 8px;padding:18px;border:1px solid #ffffff20;background:#0c0b0bf2;box-shadow:6px 6px 0 #c7252d}
.modal-music-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid #d5a51e}
.modal-music-heading span{color:#d5a51e;font:700 .6rem Oswald,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.modal-music-heading h3{margin:5px 0 0;color:#f4ead4;font:700 1.25rem/1 Oswald,sans-serif;text-transform:uppercase}
.modal-music-heading>b{color:#aaa197;font:700 .6rem Oswald,sans-serif;text-transform:uppercase;white-space:nowrap}
.modal-music-note{margin:12px 0;color:#aaa197;font-size:.7rem;line-height:1.4}
.modal-music ol{max-height:285px;margin:0;padding:0;overflow:auto;list-style:none;scrollbar-color:#d5a51e #1a1715}
.modal-music li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 2px;border-bottom:1px solid #ffffff12}
.modal-music li>div{min-width:0}
.modal-music strong,.modal-music small{display:block}
.modal-music strong{font:700 .78rem/1.25 Oswald,sans-serif}
.modal-music strong a{color:#d5a51e}
.modal-music small{margin-top:3px;color:#777;font-size:.62rem}
.modal-track-play{flex:0 0 auto;padding:8px 9px;border:1px solid #d5a51e;background:#151210;color:#d5a51e;font:700 .6rem/1 Oswald,sans-serif;text-transform:uppercase;cursor:pointer}
.modal-track-play:hover,.modal-track-play.active{background:#d5a51e;color:#111}
.modal-music-vault{margin:15px 0 0}
.modal-music-vault a{color:#d5a51e;font:700 .62rem Oswald,sans-serif;text-transform:uppercase}
@media(max-width:760px){.modal-music{padding:15px}.modal-music li{align-items:flex-start;flex-direction:column}.modal-track-play{align-self:flex-start}.modal-music ol{max-height:none}}