/* A small listening collection, one transport, a real cassette and its reading liner. */
html body .sl-radio-sticker{left:56%;top:57%;right:auto;bottom:auto;width:112px;min-height:50px;padding:8px 12px;background:#d7b45d;color:#173d2c;border:1px solid #183e2b;box-shadow:3px 4px 0 #9c302c;transform:rotate(-8deg);transition:transform .25s,box-shadow .25s;z-index:13}
html body .sl-radio-sticker:is(:hover,:focus-visible){transform:translateY(-6px) rotate(-3deg);box-shadow:5px 8px 0 #9c302c}
html body .sl-radio-sticker svg{width:31px;height:22px}
html body .sl-radio-sticker span{font:650 10px/1.4 Archivo,Arial,sans-serif}
html body #listening-room.sl-listening{width:min(1440px,94vw);max-width:none;max-height:92svh;padding:32px 4%;background:#113a2a;color:#f4ead3;border:1px solid #d8c79a;box-shadow:0 25px 100px #0007;overflow:auto;overscroll-behavior:contain}
html body #listening-room::backdrop{background:#071d17d9;backdrop-filter:blur(9px)}
html body #listening-room>.sl-radio-close{font:550 11px/1.5 Archivo,Arial,sans-serif;padding:7px 0 13px;margin-bottom:15px;color:#e5d9bd;background:transparent;border:0;border-bottom:1px solid #f9ecc733}
html body #listening-room>header{display:grid;grid-template-columns:1fr auto;gap:9px 30px;align-items:end}
html body #listening-room>header>.sl-kicker{font-size:9px;letter-spacing:.12em}
html body #listening-room>header h2{font:400 clamp(36px,4.2vw,66px)/1.08 'Geist Serif Triangle',Georgia,serif;letter-spacing:-.035em;margin:0!important;text-transform:none}
html body #listening-room>header h2 em{font:italic 400 1em/1.1 'Geist Serif Triangle',Georgia,serif;letter-spacing:-.04em}
html body #listening-room>header>p{font:400 17px/1.4 'Geist Serif Triangle',Georgia,serif;margin:0 0 5px;grid-column:2;grid-row:2}
html body #listening-room .sl-listening-layout{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);align-items:start;gap:5%;margin-top:30px}
html body #listening-room .sl-radio{position:sticky;top:22px;transform:rotate(-1deg);padding:15px;border-radius:15px;background:repeating-linear-gradient(92deg,#6b4934 0 2px,#70503a 2px 4px,#65462f 4px 6px);box-shadow:6px 10px 0 #05271d,0 20px 35px #0004}
html body #listening-room .sl-radio-metal{padding:22px;background:#c7b995;border-radius:6px}
html body #listening-room .sl-radio-label{margin-bottom:17px}
html body #listening-room .sl-radio-label>b{font:400 25px/1 Sekuya,Arial,sans-serif}
html body #listening-room .sl-frequency{padding:12px 13px}
html body #listening-room .sl-frequency-labels{font-size:8px;padding-bottom:13px;opacity:.5}
html body #listening-room .sl-tuning-needle{display:none}
html body #listening-room .sl-radio-display{position:relative;min-height:60px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding-top:10px}
html body #listening-room .sl-radio-display>bdi{font:700 26px/1.3 Amiri,serif}
html body #listening-room .sl-radio-display>span{font:500 11px/1.4 Archivo,Arial,sans-serif;opacity:.7}
html body #listening-room .sl-radio-bay{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:16px}
html body #listening-room .sl-radio-slot{min-height:65px;height:65px;background:#374535;border:5px solid #a39670;box-shadow:inset 0 3px 10px #0007}
html body #listening-room .sl-radio-tape{width:85%;max-width:none;height:43px;padding:7px 15px;display:flex;align-items:center;justify-content:space-between}
html body #listening-room .sl-radio-tape[hidden]{display:none}
html body #listening-room .sl-radio-tape>b{font:650 10px/1 ui-monospace,monospace}
html body #listening-room .sl-radio-reel{width:24px;height:24px;border:6px solid #f9ecc7a6;border-radius:50%;background:#364332}
html body #listening-room [data-eject]{padding:7px 0;background:none;border:0;border-bottom:1px solid #173d2c55;color:#314b36;font:550 9px/1.4 Archivo,Arial,sans-serif;box-shadow:none;min-height:30px}
html body #listening-room .sl-radio-bottom{grid-template-columns:1fr 85px;gap:25px;margin-top:20px}
html body #listening-room .sl-radio-speaker{aspect-ratio:2.2;background:radial-gradient(circle,#2d3e2a 1.2px,transparent 1.8px) 0 0/5px 5px}
html body #listening-room .sl-tuning-knob{width:50px;height:50px}
html body #listening-room .sl-radio-transport{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:7px;margin-top:20px}
html body #listening-room .sl-radio-transport>button{border:1px solid #1b3f2e;background:#b4aa87;border-radius:3px;color:#173d2c;padding:12px 5px;min-height:45px;box-shadow:0 4px 0 #796f50;font:650 10px/1.4 Archivo,Arial,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s}
html body #listening-room .sl-radio-transport>button[data-radio-play]{background:#173d2c;color:#f9ecc7;font-size:13px}
html body #listening-room .sl-radio-transport>button:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 #796f50}
html body #listening-room .sl-radio-transport>button:disabled{opacity:.4}
html body #listening-room .sl-audio-progress{margin:17px 0 0;gap:10px;font-size:9px}
html body #listening-room .sl-radio-status{min-height:16px;font:500 10px/1.5 Archivo,Arial,sans-serif;margin:12px 0 0}
html body #listening-room .sl-shelf-label{font:600 11px/1.5 Archivo,Arial,sans-serif;margin:0 0 15px;padding-bottom:10px}
html body #listening-room .sl-shelf-label>span{font-size:8px;letter-spacing:.08em}
html body #listening-room .sl-cassette-shelf{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:0;padding:0;box-shadow:none;background:none}
html body #listening-room .sl-cassette-shelf>button{display:grid;grid-template-columns:1fr auto;gap:0;position:relative;isolation:isolate;min-height:143px;padding:14px 15px 11px;border:2px solid #d9cda6;border-radius:7px;background:#d8bf72;color:#213e2a;box-shadow:3px 5px 0 #061f16;transform:rotate(-2deg);text-align:left;overflow:hidden;transition:transform .25s,box-shadow .25s;cursor:pointer}
html body #listening-room .sl-cassette-shelf>button:nth-child(2){background:#a43e35;color:#f9ecc7;transform:rotate(2deg)}
html body #listening-room .sl-cassette-shelf>button:is(:hover,:focus-visible){transform:translateY(-5px) rotate(0);box-shadow:4px 9px 0 #061f16}
html body #listening-room .sl-cassette-shelf>button[aria-pressed=true]{outline:2px solid #edcf78;outline-offset:4px}
html body #listening-room .sl-cassette-shelf>button>small{grid-column:1/-1;position:relative;display:flex;justify-content:space-between;font:600 8px/1.5 Archivo,Arial,sans-serif;z-index:2}
html body #listening-room .sl-cassette-shelf>button>bdi{grid-column:1/-1;margin-top:5px;font:700 21px/1.4 Amiri,serif;position:relative;z-index:2}
html body #listening-room .sl-cassette-shelf>button>strong{grid-column:1/-1;font:500 12px/1.4 'Geist Serif Triangle',Georgia,serif;position:relative;z-index:2}
html body #listening-room .sl-tape-art{background:transparent!important;position:absolute;inset:0;z-index:-1;aspect-ratio:auto;margin:0;border:0}
html body #listening-room .sl-tape-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.1;filter:grayscale(1)}
html body #listening-room .sl-tape-window{translate:none!important;width:auto!important;position:absolute;left:21%;right:21%;bottom:10px;top:auto;height:27px;display:flex;justify-content:space-between;align-items:center;border:2px solid #233e2a80;border-radius:20px;background:#1c332aa1;padding:3px 8px;transform:none}
html body #listening-room .sl-tape-window>i{position:static!important;transform:none!important;flex:0 0 16px;box-shadow:none;width:16px;height:16px;border:4px solid #efe4c2;border-radius:50%;background:#304331}
html body #listening-room [data-sleeve-state]{position:absolute;left:auto;right:12px;bottom:9px;z-index:3;font:650 7px/1.3 Archivo,Arial,sans-serif;min-height:10px;margin:0;grid-column:1/-1}
html body #listening-room .sl-cassette-insert{color:#f4ead3;margin-top:25px;padding:0;border:0;background:none}
html body #listening-room .sl-insert-head{display:flex;justify-content:space-between;align-items:center;gap:15px}
html body #listening-room .sl-insert-head h3{color:inherit;font:400 28px/1.2 'Geist Serif Triangle',Georgia,serif;margin:4px 0}
html body #listening-room .sl-insert-head .sl-kicker{font-size:8px}
html body #listening-room .sl-in-radio{font:500 9px/1.5 Archivo,Arial,sans-serif;opacity:.7}
html body #listening-room .sl-sleeve-instruction{font:400 11px/1.6 Archivo,Arial,sans-serif;opacity:.65;margin:8px 0}
html body #listening-room .sl-track-list{margin:14px 0}
html body #listening-room .sl-track-list>button{padding:10px 0;gap:10px}
html body #listening-room .sl-track-name>bdi{font-size:19px}
html body #listening-room .sl-track-name>strong{font-size:11px}
html body #listening-room .sl-recording-notes{margin:14px 0 0;display:flex;gap:20px;font:500 9px/1.5 Archivo,Arial,sans-serif}
.sl-lyric-liner{color:#193f2b;background:#f1e6c7;border:1px solid #d2c39b;box-shadow:4px 5px 0 #001e1655;padding:17px 20px;position:relative}
.sl-lyric-liner[hidden]{display:none}
.sl-lyric-liner>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font:550 18px/1.4 'Geist Serif Triangle',Georgia,serif;list-style:none}
.sl-lyric-liner>summary::-webkit-details-marker{display:none}
.sl-lyric-liner[open]>summary>span{rotate:45deg}
.sl-lyric-languages{display:flex;gap:17px;margin:12px 0;border-bottom:1px solid #173d2c33}
.sl-lyric-languages>button{background:none;border:0;border-bottom:2px solid transparent;color:inherit;padding:6px 0;font:600 10px/1.4 Archivo,Arial,sans-serif;cursor:pointer}
.sl-lyric-languages>button[aria-pressed=true]{border-bottom-color:#9f3c32}
[data-lyric-pages]{max-height:300px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#5a704e #e5d8b6;padding-right:9px}
[data-lyric-pages]>header{display:grid;gap:4px;margin:10px 0 18px}
[data-lyric-pages]>header>bdi{font:700 22px/1.5 Amiri,serif}
[data-lyric-pages]>header>span{font:500 8px/1.6 Archivo,Arial,sans-serif}
.sl-lyric-verse{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid #173d2c17;padding:11px 0}
.sl-lyric-verse>p{margin:0}
.sl-lyric-verse>p[lang=ar]{font:700 21px/1.8 Amiri,serif}
.sl-lyric-verse>p[lang=en]{font:400 15px/1.6 'Geist Serif Triangle',Georgia,serif}
[data-language=ar] .sl-lyric-verse,[data-language=en] .sl-lyric-verse{grid-template-columns:1fr}
[data-language=ar] .sl-lyric-verse>p[lang=en],[data-language=en] .sl-lyric-verse>p[lang=ar]{display:none}
.sl-lyric-credit{display:block;font:500 8px/1.5 Archivo,Arial,sans-serif;margin-top:12px;color:#56614a}
@media(max-width:900px){html body #listening-room .sl-listening-layout{grid-template-columns:1fr}html body #listening-room .sl-radio{position:relative;top:auto}html body #listening-room>header{grid-template-columns:1fr}html body #listening-room>header>p{grid-column:1;grid-row:auto}}
@media(prefers-reduced-motion:reduce){html body #listening-room *,html body .sl-radio-sticker{animation:none!important;transition:none!important}}