.control-icon{display:block;width:24px;height:24px;flex-shrink:0;pointer-events:none}.main-play,.skip,#mute,.card-play{display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0}.main-play .control-icon{width:28px;height:28px}.main-play[aria-pressed=true]{box-shadow:0 0 0 5px #ffffff0b}.skip{min-width:44px;min-height:44px}.skip .control-icon{width:21px;height:21px}#mute{min-width:44px;min-height:44px}#mute .control-icon{width:22px;height:22px}.player input[type=range],.webplayer-volume input,.own-volume input{height:44px;touch-action:pan-y;cursor:pointer;accent-color:var(--station-accent,var(--channel-color,#00c5a3))}.main-play:focus-visible,.skip:focus-visible,#mute:focus-visible{outline:3px solid #fff;outline-offset:5px}.volume-caption{font-size:11px;color:#a9beb0;margin:0}.webplayer-page .webplayer-controls{gap:24px;align-items:center}.webplayer-page .webplayer-controls .main-play{width:72px;height:72px;min-width:72px;box-shadow:0 5px 25px #00c5a31a}.webplayer-page .webplayer-controls .main-play .control-icon{width:34px;height:34px}.webplayer-page .webplayer-controls .skip{width:48px;height:48px;border-radius:50%;background:#ffffff07;color:#d4e4d8}.webplayer-page .play-label{padding-left:72px;line-height:1.5}.webplayer-page .webplayer-tools{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;align-items:center;border-top:1px solid #ffffff15;padding-top:14px}.webplayer-page .webplayer-volume{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.webplayer-page .webplayer-volume input{width:100%;max-width:170px;min-width:60px}.webplayer-page .sleep-control{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0b;padding-top:10px;margin-top:3px;min-height:50px;font-size:12px}.webplayer-page .sleep-control select{padding:11px 12px;font-size:12px;min-height:44px;max-width:155px}.device-volume-note{display:none;font-size:10px;color:#a8bcad;line-height:1.6}.webplayer-channels>button{touch-action:manipulation}.webplayer-channels>button:focus-visible{outline:2px solid #fff;outline-offset:3px}.webplayer-page .webplayer-track #player-status{min-height:18px;line-height:1.5}.independent-station .own-player .main-play{background:var(--station-accent);border:0}.independent-station{padding-bottom:0!important}.independent-station .own-volume button{background:none;border:0}.independent-station .own-volume input{max-width:none}.own-volume #mute:hover{background:#ffffff0b;border-radius:50%}
@supports(-webkit-touch-callout:none){.device-volume-note{display:block}}
@media(max-width:760px){.webplayer-page .webplayer-stage{padding:23px 20px;gap:20px;grid-template-columns:1fr}.webplayer-page .artwork-column{width:140px;max-width:140px}.webplayer-page .webplayer-artwork{aspect-ratio:1}.webplayer-page .webplayer-artwork>img{width:140px;height:140px}.webplayer-page .webplayer-artwork>img.sender-image{padding:10px}.webplayer-page .artwork-credit{font-size:9px}.webplayer-page .webplayer-track .eyebrow{font-size:9px}.webplayer-page .webplayer-track h1{font-size:27px;line-height:1.2;margin:11px 0 7px;overflow-wrap:anywhere}.webplayer-page .now-artist{font-size:16px;margin-bottom:13px}.webplayer-page .webplayer-controls{justify-content:center;margin:14px 0 6px;gap:28px}.webplayer-page .webplayer-controls .main-play{width:68px;height:68px;min-width:68px}.webplayer-page .play-label{padding:0;text-align:center;font-size:12px;margin:7px 0}.webplayer-page #player-status{text-align:center}.webplayer-page .webplayer-tools{margin-top:13px}.webplayer-page .webplayer-topline{margin-bottom:14px}.webplayer-page .webplayer-main{padding-top:18px}.webplayer-page .webplayer-channels{gap:7px}.webplayer-page .webplayer-channels>button{padding:10px 5px;min-height:88px}.webplayer-page .webplayer-channels img{width:34px;height:34px}.webplayer-page .webplayer-channels button>span{font-size:10px;line-height:1.4}.webplayer-page .webplayer-track .track-time{font-size:10px}.webplayer-page .webplayer-channels{grid-template-columns:repeat(3,minmax(0,1fr))}.player-inner .player-controls{gap:7px}.player-inner .main-play{width:52px;height:52px}.player-inner .skip{min-width:40px;min-height:44px}.player-inner .skip .control-icon{width:18px;height:18px}}
@media(max-width:360px){.webplayer-page .webplayer-stage{padding:20px 15px}.webplayer-page .webplayer-track h1{font-size:24px}.webplayer-page .webplayer-channels button>span{font-size:9px}.player-inner .skip{min-width:32px;width:32px}.player-inner .main-play{width:46px;height:46px}.player-inner .player-controls{gap:1px}}