.nlrpm-player,
.nlrpm-player * { box-sizing: border-box; }
.nlrpm-player {
	--nlrpm-red:#ff0000; --nlrpm-offline:#999999; --nlrpm-black:#202020;
	position:relative; display:flex; align-items:center; width:360px; max-width:100%; height:50px; min-height:50px;
	padding:10px 14px; background:rgba(64,64,64,.92); color:#fff; border:thin solid #5a5a5a; border-radius:6px;
}
.nlrpm-player button { -webkit-appearance:none; appearance:none; border:0; margin:0; padding:0; font:inherit; cursor:pointer; }
.nlrpm-player button svg { height:24px; width:24px; display:block; }
.nlrpm-player__button { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; flex:0 0 30px; }
.nlrpm-player__toggle { border-radius:50%; background:#fff; color:var(--nlrpm-black); }
.nlrpm-player__icon--pause { display:none!important; }
.nlrpm-player[data-state="playing"] .nlrpm-player__icon--play,.nlrpm-player[data-state="loading"] .nlrpm-player__icon--play { display:none; }
.nlrpm-player[data-state="playing"] .nlrpm-player__icon--pause,.nlrpm-player[data-state="loading"] .nlrpm-player__icon--pause { display:block!important; }
.nlrpm-player-status { display:flex; align-items:center; margin-left:12px; }
.nlrpm-player-status .status-text-live,.nlrpm-player-status .status-text-offline { padding:3px 10px; border-radius:3px; color:#fff; background:var(--nlrpm-red); font-family:'Ubuntu',sans-serif; font-size:10px; font-weight:400; line-height:10px; }
.nlrpm-player-status .status-text-offline { background:var(--nlrpm-offline); }
.nlrpm-player-status .status-dot { height:7px; width:7px; background:var(--nlrpm-red); border-radius:30px; margin-left:12px; position:relative; display:flex; align-items:center; justify-content:center; }
.nlrpm-player:not(.is-offline) .status-dot { animation:nlrpm-status-pulse 1.5s infinite; }
.nlrpm-player.is-offline .status-dot,.nlrpm-player[data-state="offline"] .status-dot { background:var(--nlrpm-offline); animation:none; }
.nlrpm-player__spacer { flex:1 1 auto; min-width:12px; }
.nlrpm-player__mute { background:transparent; color:#fff; }
.nlrpm-player__mute-line { display:none; }
.nlrpm-player__mute.is-muted .nlrpm-player__wave { display:none; }
.nlrpm-player__mute.is-muted .nlrpm-player__mute-line { display:block; }
.nlrpm-player.is-offline button:disabled { cursor:not-allowed; }
.nlrpm-player__ad { position:absolute; inset:0; z-index:20; border-radius:inherit; background:#111; overflow:hidden; }
.nlrpm-player__ad[hidden] { display:none!important; }
.nlrpm-player.is-ad-playing { width:360px; height:203px; min-height:203px; padding:0; background:#111; }
.nlrpm-player.is-ad-playing > :not(.nlrpm-player__ad):not(audio) { visibility:hidden; }
.nlrpm-player__ad-label { position:absolute; top:8px; left:8px; z-index:25; padding:4px 7px; border-radius:3px; background:rgba(0,0,0,.72); color:#fff; font:10px/1 'Ubuntu',sans-serif; letter-spacing:.04em; pointer-events:none; }
.nlrpm-player__ad-video { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#111; }
.nlrpm-player[data-context="frontend"] { margin-bottom:18px; }
.nlrpm-test-diagnostics { margin-top:14px; padding:10px 12px; background:#f6f7f7; border-left:4px solid #72aee6; color:#2c3338; font-size:12px; line-height:1.55; }
.nlrpm-test-diagnostics [data-nlrpm-diagnostic-url] { word-break:break-all; font-family:monospace; }
.nlrpm-player[data-state="playing"] + .nlrpm-test-diagnostics { border-left-color:#00a32a; }
.nlrpm-player[data-state="error"] + .nlrpm-test-diagnostics { border-left-color:#d63638; }

/* Zelfstandige sticky player. De player in de content blijft altijd op zijn eigen plaats. */
.nlrpm-sticky-player,.nlrpm-sticky-player * { box-sizing:border-box; }
.nlrpm-sticky-player {
	position:fixed; left:0; right:0; bottom:0; z-index:99999; min-height:72px;
	background:rgba(64,64,64,.92); color:#fff; border-top:thin solid #5a5a5a; border-radius:0; box-shadow:0 -8px 28px rgba(0,0,0,.22);
	backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
.nlrpm-sticky-player[hidden] { display:none!important; }
.nlrpm-sticky-player__inner { width:min(1200px,100%); min-height:72px; margin:0 auto; padding:10px 18px; display:flex; align-items:center; gap:15px; }
.nlrpm-sticky-player__artwork { width:52px; height:52px; flex:0 0 52px; object-fit:cover; border:thin solid #5a5a5a; border-radius:6px; background:#2d2d2d; transition:opacity .2s ease; }
.nlrpm-sticky-player__info { min-width:0; flex:1 1 auto; overflow:hidden; display:flex; flex-direction:column; justify-content:center; gap:3px; }
.nlrpm-sticky-player__station { width:100%; overflow:hidden; white-space:nowrap; font-family:'Goldman',sans-serif; font-size:14px; line-height:1.2; font-weight:400; }
.nlrpm-sticky-player__station-inner { display:inline-block; white-space:nowrap; transform:translateX(0); }
.nlrpm-sticky-player__meta { width:100%; overflow:hidden; white-space:nowrap; }
.nlrpm-sticky-player__meta-inner { display:inline-flex; width:max-content; transform:translateX(0); }
.nlrpm-sticky-player__track { display:inline-block; white-space:nowrap; font-family:'Ubuntu',sans-serif; font-size:14px; line-height:1.2; font-weight:200; transition:opacity .2s ease; }
.nlrpm-sticky-player__station.is-scrolling .nlrpm-sticky-player__station-inner,
.nlrpm-sticky-player__meta.is-scrolling .nlrpm-sticky-player__meta-inner { animation:nlrpm-sticky-marquee var(--nlrpm-marquee-duration,12s) linear infinite; }
.nlrpm-sticky-player__control { -webkit-appearance:none; appearance:none; border:0; padding:0; margin:0; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; color:#fff; background:transparent; }
.nlrpm-sticky-player__control svg { width:26px; height:26px; display:block; }
.nlrpm-sticky-player__toggle { width:40px; height:40px; flex:0 0 40px; border-radius:50%; background:#fff; color:#202020; }
.nlrpm-sticky-player__toggle svg { width:22px; height:22px; }
.nlrpm-sticky-player__pause { display:none!important; }
.nlrpm-sticky-player.is-playing .nlrpm-sticky-player__play { display:none; }
.nlrpm-sticky-player.is-playing .nlrpm-sticky-player__pause { display:block!important; }
.nlrpm-sticky-player__mute { width:40px; height:40px; flex:0 0 40px; border-radius:50%; }
.nlrpm-sticky-player__mute:hover { background:rgba(255,255,255,.1); }
.nlrpm-sticky-player__mute-line { display:none; }
.nlrpm-sticky-player__mute.is-muted .nlrpm-sticky-player__wave { display:none; }
.nlrpm-sticky-player__mute.is-muted .nlrpm-sticky-player__mute-line { display:block; }
html.nlrpm-has-sticky-player body { padding-bottom:72px; }

@keyframes nlrpm-sticky-marquee {
	0%,20% { transform:translateX(var(--nlrpm-marquee-start,0)); }
	80%,90% { transform:translateX(var(--nlrpm-marquee-end,0)); }
	100% { transform:translateX(var(--nlrpm-marquee-end,0)); }
}
@keyframes nlrpm-status-pulse { 0%{opacity:1;transform:scale(1)} 50%{opacity:.3;transform:scale(.85)} 100%{opacity:1;transform:scale(1)} }
@media (max-width:700px) {
	.nlrpm-sticky-player__inner { min-height:72px; padding:10px; gap:10px; }
	.nlrpm-sticky-player__artwork { width:52px; height:52px; flex-basis:52px; }
	.nlrpm-sticky-player__station { font-size:16px; }
	.nlrpm-sticky-player__track { font-size:14px; }
	.nlrpm-sticky-player__toggle { width:40px; height:40px; flex-basis:40px; }
	.nlrpm-sticky-player__mute { width:40px; height:40px; flex-basis:40px; }
	html.nlrpm-has-sticky-player body { padding-bottom:72px; }
}
@media (max-width:520px) {
	.nlrpm-player { padding-right:10px; padding-left:10px; }
	.nlrpm-player-status { margin-left:10px; }
	.nlrpm-sticky-player__info { gap:2px; }
}
@media (prefers-reduced-motion:reduce) { .nlrpm-player:not(.is-offline) .status-dot,.nlrpm-sticky-player__station.is-scrolling .nlrpm-sticky-player__station-inner,.nlrpm-sticky-player__meta.is-scrolling .nlrpm-sticky-player__meta-inner { animation:none; transform:translateX(0); } .nlrpm-sticky-player { transition:none; } }