.playlist{box-sizing:border-box;width:min(440px,100%);aspect-ratio:440/560;margin:0 auto;padding:7px;overflow:hidden;background:transparent;font-family:inherit;color:var(--pl-text-color,#171717)}.playlist *{box-sizing:border-box}.playlist__backdrop{width:100%;height:100%;min-height:0;padding:42px;position:relative;isolation:isolate;background:var(--pl-background-color,#000000);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.12)}.playlist__card{width:100%;height:100%;min-height:0;isolation:isolate;background:transparent;color:var(--pl-text-color,#171717);box-shadow:0 8px 24px rgba(0,0,0,.08);overflow:hidden}.playlist__scroll{height:100%;overflow-x:hidden;overflow-y:auto;padding:34px 30px;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.playlist__scroll::-webkit-scrollbar{display:none;width:0;height:0}.playlist h2{margin:0 0 24px!important;color:var(--pl-text-color,#171717)!important;font-size:clamp(1.45rem,6vw,2rem)!important;line-height:1.15!important;text-align:center;overflow-wrap:anywhere}.playlist__items{margin:0!important;padding:0!important;list-style:none!important}.playlist__items li{margin:0!important;padding:0!important;border-bottom:1px solid rgba(0,0,0,.07);list-style:none!important}.playlist__items a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;color:inherit!important;text-decoration:none!important}.playlist__items a:hover strong{text-decoration:underline;text-underline-offset:3px}.playlist__copy{display:flex;min-width:0;flex-direction:column}.playlist__copy strong{font-size:.94rem;line-height:1.2;overflow-wrap:anywhere}.playlist__copy small{margin-top:2px;font-size:.72rem;line-height:1.25;opacity:.72;overflow-wrap:anywhere}.playlist__provider{flex:0 0 auto;display:flex;align-items:center;gap:4px;font-size:.64rem;line-height:1.15;text-align:right;text-transform:lowercase;opacity:.72}.playlist__note{margin:22px 0 0;font-size:.75rem;line-height:1.35;text-align:center;overflow-wrap:anywhere}.playlist__note p{margin:.4em 0}.playlist__services{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0}.playlist__services a{padding:5px 9px;border:1px solid rgba(0,0,0,.28);border-radius:999px;background:rgba(255,255,255,.36);color:inherit!important;font-size:.7rem;line-height:1.15;text-decoration:none!important}.playlist__services a:hover{background:rgba(255,255,255,.75)}.playlist a:focus-visible{outline:3px solid rgba(0,0,0,.28);outline-offset:2px}
@media(max-width:440px){.playlist{aspect-ratio:440/660}.sammc-yap-inner>.playlist{width:100%;height:100%;aspect-ratio:auto;padding:0}.playlist__backdrop{padding:22px 24px}.sammc-yap-inner>.playlist .playlist__backdrop{border-radius:0}.playlist__scroll{padding:28px 22px}.playlist h2{margin-bottom:18px!important}.playlist__items a{padding:7px 0}.playlist__copy strong{font-size:14px}}
[data-sam-tap-layout="break"] .playlist{width:var(--sam-tap-width,100%);min-height:var(--sam-tap-min-height,560px);height:var(--sam-tap-height,auto);aspect-ratio:auto;margin:0;padding:0;overflow:var(--sam-tap-overflow,visible)}[data-sam-tap-layout="break"] .playlist__backdrop{display:flex;justify-content:center;min-height:var(--sam-tap-min-height,560px);height:auto;padding:50px 20px;border-radius:0;overflow:visible}[data-sam-tap-layout="break"] .playlist__card{width:min(440px,100%);height:auto;min-height:460px;overflow:visible}[data-sam-tap-layout="break"] .playlist__scroll{height:auto;overflow:visible;padding:38px 30px}
.playlist__card{position:relative}.playlist__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.playlist__header h2{min-width:0;margin:0!important;font-size:clamp(1.35rem,5vw,1.85rem)!important;text-align:left}.playlist__controls{display:flex;align-items:center;gap:5px;flex:0 0 auto}.playlist__controls button{display:grid;width:25px;height:25px;padding:0;border:0;border-radius:50%;place-items:center;background:#202024;color:#fff;font-size:10px;line-height:1;cursor:pointer}.playlist__controls .playlist__play{width:32px;height:32px;font-size:13px}.playlist__stop-icon{display:none}.playlist.is-playing .playlist__play-icon{display:none}.playlist.is-playing .playlist__stop-icon{display:inline}.playlist__timer-badge{position:absolute;margin-top:42px;padding:2px 5px;border-radius:8px;background:#202024;color:#fff;font-size:9px}.playlist__items li{display:flex!important;align-items:center}.playlist__track{display:flex;min-width:0;flex:1;padding:8px 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.playlist__track:hover strong,.playlist__items li.is-active strong{text-decoration:underline;text-underline-offset:3px}.playlist__items li.is-active{background:rgba(255,255,255,.22)}.playlist__copy{display:grid;min-width:0;grid-template-columns:auto auto;column-gap:10px}.playlist__copy strong{grid-column:1/-1}.playlist__copy small,.playlist__duration{margin-top:2px;font-size:.68rem;line-height:1.25;opacity:.72}.playlist__provider{padding:9px 0 9px 10px;color:inherit!important;text-decoration:none!important}.playlist__timer{position:absolute;z-index:5;inset:50% auto auto 50%;width:min(270px,80%);padding:16px;transform:translate(-50%,-50%);background:rgba(255,255,255,.98);box-shadow:0 8px 30px rgba(0,0,0,.25);text-align:center}.playlist__timer>div{display:flex;justify-content:space-between;margin-bottom:12px}.playlist__timer button,.playlist__timer input{margin:4px 2px;padding:6px}.playlist__timer[hidden]{display:none}
.playlist--default .playlist__backdrop{padding:42px}.playlist--default .playlist__scroll{padding:30px 30px 34px}.playlist--default .playlist__header{flex-direction:column;justify-content:flex-start;gap:11px;margin-bottom:19px}.playlist--default .playlist__header h2{width:100%;font-size:24px!important;line-height:1.1!important;text-align:center}.playlist--default .playlist__controls{position:relative;justify-content:center;width:100%;gap:8px}.playlist--default .playlist__controls button{width:18px;height:18px;padding:0;border:0;border-radius:0;background:transparent}.playlist--default .playlist__controls button img{display:block;width:18px;height:18px}.playlist--default .playlist__controls .playlist__play{width:30px;height:30px}.playlist--default .playlist__controls .playlist__play img{width:30px;height:30px}.playlist--default .playlist__controls .playlist__stop-icon{display:none}.playlist--default.is-playing .playlist__controls .playlist__play-icon{display:none}.playlist--default.is-playing .playlist__controls .playlist__stop-icon{display:block}.playlist--default .playlist__controls button[data-act="timer"]{margin-left:14px}.playlist--default .playlist__timer-badge{top:33px;margin:0;font-size:8px}.playlist--default .playlist__updated{margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid rgba(0,0,0,.1);font-size:6px;line-height:1.2}.playlist--default .playlist__items li{position:relative;isolation:isolate;min-height:40px;background:linear-gradient(90deg,rgba(128,218,229,.4) 0 var(--pl-progress,0%),transparent var(--pl-progress,0%) 100%);border-bottom:1px solid rgba(0,0,0,.12)}.playlist--default .playlist__track{z-index:1;padding:10px 0}.playlist--default .playlist__copy{grid-template-columns:max-content max-content;column-gap:12px}.playlist--default .playlist__copy strong{font-size:14px;line-height:1.12}.playlist--default .playlist__copy small{font-size:10px;line-height:1.15;opacity:1}.playlist--default .playlist__duration{font-size:8px;line-height:1.15;opacity:1;align-self:end}.playlist--default .playlist__provider{z-index:1;padding:10px 0 10px 8px;font-size:8px;line-height:1.1;opacity:1}.playlist--default .playlist__note{margin:25px 14px 0;padding-top:0;font-size:10px;line-height:1.3;text-align:center}.playlist--default .playlist__note p{margin:.25em 0}.playlist--default .playlist__items li.is-active strong{text-decoration:none}.playlist--default .playlist__items li.is-active{background:linear-gradient(90deg,rgba(128,218,229,.4) 0 var(--pl-progress,0%),transparent var(--pl-progress,0%) 100%)}
@media(max-width:440px){.playlist--default .playlist__backdrop{padding:42px}.playlist--default .playlist__scroll{padding:30px 30px 28px}.playlist--default .playlist__header h2{font-size:24px!important}.playlist--default .playlist__track{padding:10px 0}.playlist--default .playlist__copy strong{font-size:14px}}
.playlist--default .playlist__controls button[data-act="timer"]{position:absolute;top:42px;right:0;margin:0}.playlist--default .playlist__timer-badge{position:absolute;top:44px;right:24px;margin:0;padding:0;border-radius:0;background:transparent;color:inherit;font-size:8px;font-weight:400;line-height:18px}.playlist--default .playlist__items li,.playlist--default .playlist__items li.is-active{background:linear-gradient(90deg,rgba(0,191,255,.30) 0 var(--pl-progress,0%),rgba(0,191,255,.10) var(--pl-progress,0%) 100%)!important;color:inherit!important}.playlist--default .playlist__track,.playlist--default .playlist__track:hover,.playlist--default .playlist__track:focus,.playlist--default .playlist__track:active{width:100%;min-width:0;max-width:100%;padding:10px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:inherit;text-align:left;white-space:normal!important;overflow:visible}.playlist--default .playlist__copy{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) max-content}.playlist--default .playlist__copy strong{min-width:0;max-width:100%;color:inherit!important;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}.playlist--default .playlist__copy small,.playlist--default .playlist__duration,.playlist--default .playlist__provider{color:inherit!important}.playlist--default .playlist__provider{white-space:nowrap}
.playlist--default .playlist__items li,.playlist--default .playlist__items li.is-active{background:transparent!important}.playlist--default .playlist__track,.playlist--default .playlist__track:hover,.playlist--default .playlist__track:focus,.playlist--default .playlist__track:active{padding:10px 5px!important;background:linear-gradient(90deg,rgba(0,191,255,.30) 0 var(--pl-progress,0%),rgba(0,191,255,.10) var(--pl-progress,0%) 100%)!important}.playlist--default .playlist__provider{gap:1px}.playlist--default .playlist__provider span{margin:0}
.playlist .playlist__timer{position:absolute!important;z-index:50!important;inset:50% auto auto 50%!important;width:min(280px,calc(100% - 32px))!important;min-width:0!important;max-width:280px!important;height:auto!important;min-height:0!important;margin:0!important;padding:20px!important;transform:translate(-50%,-50%)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 12px 35px rgba(0,0,0,.2)!important;color:#171717!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.3!important;text-align:left!important;box-sizing:border-box!important}.playlist .playlist__timer[hidden]{display:none!important}.playlist .playlist__timer .playlist__timer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 18px!important}.playlist .playlist__timer .playlist__timer-head strong{margin:0!important;padding:0!important;color:inherit!important;font-family:inherit!important;font-size:20px!important;font-weight:600!important;line-height:1.2!important}.playlist .playlist__timer button{all:unset;box-sizing:border-box;cursor:pointer}.playlist .playlist__timer .playlist__timer-close{display:grid!important;width:28px!important;height:28px!important;place-items:center!important;color:inherit!important;font-family:inherit!important;font-size:24px!important;font-weight:600!important;line-height:1!important;text-decoration:none!important}.playlist .playlist__timer-presets{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;margin:0 0 18px!important}.playlist .playlist__timer-presets button,.playlist .playlist__timer-actions [data-cancel-timer]{color:inherit!important;font-family:inherit!important;font-size:13px!important;font-weight:400!important;line-height:1.2!important;text-decoration:underline!important;text-underline-offset:3px!important}.playlist .playlist__timer-input{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 18px!important;color:inherit!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.2!important}.playlist .playlist__timer-input span{flex:0 0 auto}.playlist .playlist__timer-input input{display:block!important;min-width:0!important;width:100%!important;height:34px!important;margin:0!important;padding:4px 8px!important;border:1px solid #aaa!important;border-radius:4px!important;background:#fff!important;color:#171717!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1!important;box-sizing:border-box!important}.playlist .playlist__timer-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:16px!important;margin:0!important}.playlist .playlist__timer-actions .playlist__timer-set{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:74px!important;min-height:40px!important;padding:8px 20px!important;border:1px solid #ddd!important;border-radius:999px!important;background:#fff!important;color:#171717!important;box-shadow:0 8px 20px rgba(0,0,0,.08)!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;line-height:1!important;text-decoration:none!important}.playlist .playlist__timer-actions .playlist__timer-set:hover{background:#f7f7f7!important}
.playlist--default .playlist__track,.playlist--default .playlist__track:hover,.playlist--default .playlist__track:focus,.playlist--default .playlist__track:active{background:transparent!important}.playlist--default .playlist__items li.is-active .playlist__track{background:linear-gradient(90deg,rgba(0,191,255,.30) 0 var(--pl-progress,0%),rgba(0,191,255,.10) var(--pl-progress,0%) 100%)!important}
@media(max-width:440px){.playlist--default .playlist__backdrop{padding:12px}}

/* Keep the inset viewport fixed while all playlist content scrolls inside it. */
.playlist--default .playlist__card{padding:30px 30px 34px}
.playlist--default .playlist__scroll{height:100%;min-height:0;padding:0;overflow-x:hidden;overflow-y:auto}
.playlist__provider--original,.playlist__provider--overview{text-transform:none}
.playlist__scroll:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:440px){.playlist--default .playlist__card{padding:30px 30px 28px}}
[data-sam-tap-layout="break"] .playlist--default .playlist__card{height:460px;min-height:0;overflow:hidden}
[data-sam-tap-layout="break"] .playlist--default .playlist__scroll{height:100%;padding:0;overflow-x:hidden;overflow-y:auto}

/* Footer playback status, between navigation and publisher credit. */
.sammc-card-footer .playlist__now-playing,[data-sambr-site] > .playlist__now-playing{display:flex!important;position:static!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:100%;min-width:0;margin:14px 0 22px!important;padding:0 8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#171717!important;font-family:inherit;line-height:1.3;text-align:center;white-space:normal;cursor:pointer;transform:none!important}
.sammc-card-footer .playlist__now-playing[hidden],[data-sambr-site] > .playlist__now-playing[hidden]{display:none!important}
.playlist__now-playing .playlist__now-title{display:block;width:100%;font-size:14px!important;font-weight:400!important;line-height:1.35;overflow-wrap:anywhere;text-transform:none;letter-spacing:normal}
.playlist__now-playing .playlist__now-status{display:block;color:#ff8800;font-size:12px!important;font-weight:400!important;letter-spacing:3px;line-height:1.4;text-transform:none}
.playlist__now-playing .playlist__wave{display:flex;align-items:center;justify-content:center;gap:3px;height:30px;margin:0 0 2px;color:#ff8800}
.playlist__wave i{display:block;width:4px;height:24px;border-radius:2px;background:currentColor;transform-origin:center;animation:playlist-wave .9s ease-in-out infinite alternate}
.playlist__wave i:nth-child(1),.playlist__wave i:nth-child(7){height:14px;animation-delay:-.2s}
.playlist__wave i:nth-child(2),.playlist__wave i:nth-child(6){height:28px;animation-delay:-.7s}
.playlist__wave i:nth-child(3),.playlist__wave i:nth-child(5){height:20px;animation-delay:-.45s}
.playlist__wave i:nth-child(4){height:10px;animation-delay:-.1s}
.playlist__now-playing[hidden] .playlist__wave i{animation-play-state:paused}
.playlist__now-playing:focus-visible{outline:2px solid #ff8800!important;outline-offset:4px}
@keyframes playlist-wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.playlist__wave i{animation:none}}

/* Playback controls own hover feedback in both themed pages and modumcard Taps. */
.playlist .playlist__controls button,.playlist .playlist__controls button:hover,.playlist .playlist__controls button:focus-visible{background:transparent!important;background-image:none!important;box-shadow:none!important}
.playlist .playlist__controls button img{transition:filter .15s ease}
.playlist .playlist__controls button:hover img,.playlist .playlist__controls button:focus-visible img{filter:brightness(0) saturate(100%) invert(58%) sepia(99%) saturate(2264%) hue-rotate(359deg) brightness(102%) contrast(105%)}
.playlist .playlist__controls button:focus-visible{outline:2px solid #ff8800;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.playlist .playlist__controls button img{transition:none}}

/* Independent image and panel layers keep foreground content opaque. */
.playlist__backdrop::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--pl-background,none) center/cover no-repeat;opacity:var(--pl-background-opacity,1);pointer-events:none;border-radius:inherit}
.playlist__card::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--pl-panel-color,#ffffff);opacity:var(--pl-card-opacity,.86);pointer-events:none}
.playlist .playlist__controls .playlist__icon{display:block;width:18px;height:18px;background-color:var(--pl-icon-color,#231f20);-webkit-mask:var(--pl-icon) center/contain no-repeat;mask:var(--pl-icon) center/contain no-repeat;transition:background-color .15s ease}
.playlist .playlist__controls .playlist__play .playlist__icon{width:30px;height:30px}
.playlist__icon-previous{--pl-icon:url("icons/previous.svg")}.playlist__icon-next{--pl-icon:url("icons/next.svg")}.playlist__icon-play{--pl-icon:url("icons/play.svg")}.playlist__icon-stop{--pl-icon:url("icons/stop.svg")}.playlist__icon-timer{--pl-icon:url("icons/timer.svg")}
.playlist .playlist__controls .playlist__stop-icon{display:none}
.playlist.is-playing .playlist__controls .playlist__play-icon{display:none}
.playlist.is-playing .playlist__controls .playlist__stop-icon{display:block}
.playlist .playlist__controls button:hover .playlist__icon,.playlist .playlist__controls button:focus-visible .playlist__icon{background-color:#ff8800}
.playlist .playlist__timer{background:var(--pl-panel-color,#ffffff)!important;color:var(--pl-text-color,#171717)!important}
.playlist .playlist__timer button{color:var(--pl-icon-color,#231f20)!important}
@media(prefers-reduced-motion:reduce){.playlist .playlist__controls .playlist__icon{transition:none}}

.playlist .playlist__note,.playlist .playlist__note p,.playlist .playlist__updated,.playlist .playlist__copy,.playlist .playlist__copy strong,.playlist .playlist__copy small,.playlist .playlist__duration,.playlist .playlist__provider{color:var(--pl-text-color,#171717)!important}

.playlist .playlist__timer-badge{font-size:12px!important;color:#fead00!important}
.playlist .playlist__track[role="slider"]{touch-action:pan-y;cursor:ew-resize;user-select:none}
.playlist .playlist__track[role="slider"]:focus-visible{outline:2px solid #fead00!important;outline-offset:2px}
