@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--color-text:hsl(350, 10%, 10%);--color-background-page:hsl(350, 10%, 97%);--color-section-odd:hsl(350, 10%, 98%);--color-section-even:hsl(350, 10%, 100%);--color-shadow:hsl(350, 10%, 85%);--color-text-contrast:#FFFFFF;--color-radio1:#0081FF;--color-radio2:#FF4944;--color-stubru:#B86BFF;--color-mnm:#FF007A;--color-klara:#C9C2F8;--color-de-tijdloze:#FFE682;--color-radio-2-bene-bene:#6DE19B;--color-ketnet-hits:#005AEB;--color-sporza:#000000;--color-vrtnws:#5541F0;--color-radio-1-classics:#DBF1FF;--color-radio-2-unwind:#D0EAFF;--color-mnm-hits:#FF007A;--color-stubru-untz:#341442;--color-stubru-vuurland:#FFBFC3;--color-studio-brussel-de-jaren-nul:#B86BFF;--color-stubru-bruut:#49001D;--color-klara-continuo:#000000}@media (prefers-color-scheme:dark){:root{--color-text:hsl(350, 10%, 82%);--color-background-page:hsl(350, 2%, 5%);--color-section-odd:hsl(350, 2%, 10%);--color-section-even:hsl(350, 2%, 15%);--color-shadow:hsl(350, 10%, 0%);--color-text-contrast:#FFFFFF}}*{box-sizing:border-box}p{margin:.5em 0}.section>p:first-child{margin-top:0}.section>p:last-child{margin-bottom:0}a img{border:0}#header .channels a,#header h1 a,#header h1 a:active,#header h1 a:hover,#header h1 a:link,#header h1 a:visited,a.icon,a.icon:active,a.icon:hover,a.icon:link,a.icon:visited{color:inherit;text-decoration:none}#top-header h2,body{margin:0}#wrapper{position:absolute;width:100%;min-height:100%;height:auto}#page{max-width:440px;margin:0 auto 10px}#header ol.channels{list-style-type:none;margin:0 0 6px;padding:0;display:flex;justify-content:space-between}#header ol.channels>li{margin:0;padding:1px 5px 2px}#header h1{margin:5px 0;font-size:37px;letter-spacing:-2px;font-weight:300;color:var(--color-text)}#header h1 img{height:37px}#nav{margin:5px 5px 10px;display:flex;justify-content:space-evenly}#header h1,#nav a{padding:0 5px}@media (max-width:440px){#page{margin:0 auto}}@media (max-width:400px){#header ol.channels>li{padding:3px 5px 5px}#nav a{margin:0}}.section{padding:6px}.track{display:grid;grid-template-columns:4em auto 1.5em;gap:0 5px}.track .top{display:contents}.track .position,.track .time{grid-column:1}.track .artist-title{grid-column:2}.track .play-count{grid-column:3;text-align:right}.track .info{grid-column:2/4}#advertisement img,#header h1 img,.track .buttons img{vertical-align:middle}#page-home .tracks>:first-child .artist,#page-home .tracks>:first-child .title,#page-weektop .tracks>:first-child .artist,#page-weektop .tracks>:first-child .title{display:block}@media (max-width:300px){.track .position,.track .time{font-size:14px}.track .artist-title{grid-column:2/4}.track .play-count{display:none}}#advertisement{text-align:center}#footer p,.expand p.text{margin:0;text-align:center}#info{padding:5px 8px}#footer{margin:10px 5px}body{font-family:"Open Sans","Droid Sans",sans-serif;font-size:17px;font-weight:300;background-color:var(--color-background-page);color:var(--color-text)}@media (max-width:300px){body{font-size:14px}}.channel-radio1{--channel-color:var(--color-radio1)}.channel-radio2{--channel-color:var(--color-radio2)}.channel-stubru{--channel-color:var(--color-stubru)}.channel-mnm{--channel-color:var(--color-mnm)}.channel-klara{--channel-color:var(--color-klara)}#header .channels{font-size:15px;font-weight:600}#header .channels>li{border-radius:0 0 5px 5px;background-color:var(--channel-color);color:var(--color-text-contrast)}#header .channels>li.active,#header .channels>li:hover{box-shadow:0 0 20px 0 var(--channel-color)}@media (prefers-color-scheme:dark){#header .channels>li.active,#header .channels>li:hover{box-shadow:0 0 30px 2px var(--channel-color)}}#nav{font-size:16px;text-align:center}#nav a,#nav a:link,#nav a:visited{color:inherit;text-decoration:none}#nav a.active,#nav a:active,#nav a:hover{color:inherit;text-decoration:none;border-bottom:2px solid var(--channel-color)}@media (max-width:400px){#header .channels{font-size:11px}}#content{box-shadow:0 0 5px var(--color-shadow);border-radius:9px;overflow:hidden}@media (max-width:445px){#content{box-shadow:none;border-radius:0}}.section.odd{background-color:var(--color-section-odd)}.section.even{background-color:var(--color-section-even)}.section:has(>.track){padding-left:6px}.section:has(>.track):hover{padding-left:3px;border-left:3px solid var(--channel-color)}.track .top{cursor:pointer}#page-home .tracks>:first-child .artist,#page-weektop .tracks>:first-child .artist{font-size:19px}#page-home .tracks>:first-child .dash,#page-weektop .tracks>:first-child .dash{display:none}#page-home .tracks>:first-child .title,#page-weektop .tracks>:first-child .title{font-size:22px}.track .album{font-size:15px}#search,#top-header h2{text-align:center}#top-header h2{font-size:22px;font-weight:300}#info p{text-align:justify}#footer{font-size:12px}.expand{position:relative;z-index:1;cursor:pointer}.expand .progress-bar{position:absolute;z-index:-1;width:0%;height:100%;top:0;left:0;background-color:var(--channel-color);transition:width .2s linear}.expand.active .progress-bar,.expand:hover .progress-bar{width:100%;transition:width 1s linear}.animate-slide{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s ease-in-out,margin-top .6s ease-in-out,margin-bottom .6s ease-in-out,padding-top .6s ease-in-out,padding-bottom .6s ease-in-out}.animate-slide:not(.-open){margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.animate-slide.-open{grid-template-rows:1fr}.animate-slide>.animate-slide-content{overflow:hidden}.spin{display:inline-block;animation:spin 2s infinite linear}