/* Vector icons keep the same monochrome appearance on Safari and desktop. */
.player-controls [data-control=play],.player-controls [data-control=mute],.player-controls [data-control=fullscreen],.suggestion-icon,.play-symbol{font-size:0}
.player-controls button::before,.suggestion-icon::before,.play-symbol::before{content:'';display:inline-block;width:22px;height:22px;background:currentColor;mask:var(--ui-icon) center/contain no-repeat;-webkit-mask:var(--ui-icon) center/contain no-repeat;vertical-align:middle}
.episode-play{font-size:0;display:grid;place-items:center;min-width:18px}.episode-play::before{content:'';display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.episode.active .episode-play::before{width:9px;height:9px;border:0;border-radius:50%;background:currentColor}
.player-controls [data-control=play],.suggestion-icon,.play-symbol{--ui-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m8%205%2011%207-11%207z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E")}
.player-controls [data-control=mute]{--ui-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%209h4l5-4v14l-5-4H4zM16%208c3%202%203%206%200%208M19%205c5%204%205%2010%200%2014%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.player-controls [data-control=fullscreen]{--ui-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%209V4h5m6%200h5v5M4%2015v5h5m6%200h5v-5%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.player-controls [data-icon=muted]{--ui-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%209h4l5-4v14l-5-4H4zM17%209l5%206m0-6-5%206%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.player-controls [data-icon=pause]{--ui-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%205v14M16%205v14%22%20stroke%3D%22white%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E")}

.player-track-row{display:flex;gap:10px;margin-top:6px;padding:0 4px 5px;min-width:0}
.player-track-row[hidden]{display:none}
.player-track-row label{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;margin:0;color:#ccc;font-size:10px;line-height:1.2}
.player-track-row select{width:100%;min-width:0;min-height:34px;padding:5px 8px;border:1px solid #ffffff38;border-radius:6px;background:#17151ce6;color:#fff;font-size:12px;text-overflow:ellipsis}
.player-track-row select:disabled{opacity:.7}
@media(max-width:780px){.player-track-row{gap:6px;margin-top:3px;padding-bottom:3px}.player-track-row select{font-size:16px;min-height:36px}}