@import "https://fonts.googleapis.com/css?family=Lato:400,700&display=swap";:root{--focus-outline:#04f}*{box-sizing:border-box;font-family:Lato,Arial}body{color:#fff;background-color:#1b1b32;background-position:50%;background-size:cover;margin:0;padding:0;font-family:Open Sans,sans-serif;overflow:hidden}html,body,#root,main{height:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{text-decoration:none}h1,h2,p{margin:0}.App{height:100%}.animation{display:none}@media only screen and (width>=768px){.animation{width:100%;height:calc(100% - 158px);margin-top:88px;display:block;position:relative}}.animation video{object-fit:cover;object-position:left;width:100%;height:100%}.site-title{font-size:30px}@media only screen and (width>=768px){.site-title{font-size:18px}}.site-description{margin-top:18px;font-size:18px}@media only screen and (width>=768px){.site-description{margin-top:0;margin-left:10px}}.under-header-content{text-align:center;background-color:#0a0a23;flex-direction:column;justify-content:center;width:100%;height:200px;padding:0 20px;display:flex;position:absolute;top:38px}@media only screen and (width>=768px){.under-header-content{z-index:1;flex-direction:row;align-items:center;height:50px}}.slider-container{width:140px;height:100%;padding:22px 20px 22px 15px}.slider{appearance:none;background:#dfdfe2;width:100%;height:6px}.slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;width:15px;height:15px}.slider::-moz-range-thumb{cursor:pointer;background:#fff;width:15px;height:15px}[data-meta=title]{font-size:18px}[data-meta=artist]{font-size:14px}[data-meta=album]{font-size:12px}[data-meta=listeners]{font-size:20px;font-weight:900;position:absolute;bottom:20px;left:10px}@media only screen and (width>=768px){[data-meta=listeners]{inset:2px 10px auto auto}}[data-meta=picture]{width:200px;height:200px;margin-left:-100px;position:absolute;bottom:212px;left:50%}@media only screen and (width>=768px){[data-meta=picture]{width:70px;height:70px;margin-left:0;bottom:auto;left:auto}}@media (height<=600px){[data-meta=picture]{display:none}}.now-playing{background-color:#1b1b32;flex-direction:column;align-content:center;width:100vw;height:120px;padding:10px;display:flex;position:absolute;bottom:70px;left:0}@media only screen and (width>=768px){.now-playing{background-color:#0a0a23;width:calc(100% - 70px);height:100%;padding-top:2px;padding-bottom:2px;position:relative;bottom:auto;left:70px}}.progress-container{border-radius:4px;height:4px;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden}@media only screen and (width>=768px){.progress-container{bottom:5px}}.now-playing progress{appearance:none;background-color:#3b3b4f;border:none;width:100%;height:4px;position:absolute;top:0;left:0}.now-playing progress::-webkit-progress-bar{background-color:#3b3b4f}.now-playing progress::-webkit-progress-value{background-color:#fff}.meta-display{opacity:0;width:calc(100% - 210px);transition:opacity .5s ease-out}.meta-display-visible{opacity:1}.visualizer{pointer-events:none;z-index:5;background-color:#002ead;width:100%;height:100%;position:absolute;top:238px}@media only screen and (width>=768px){.visualizer{background-color:#0000;top:88px}}.visualizer canvas{width:100%;height:100%}.recent-song-history{cursor:pointer;text-align:center;z-index:10;background-color:#0000;border:0;width:70px;height:100%;padding:0}.recent-song-history:hover,.recent-song-history:active{background-color:#1b1b32}.recent-song-history .recently-played-icon{color:#fff;width:60%;height:60%}.loader-circle-notch{color:#fff;align-self:center;width:auto;height:60%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.connection-status:empty{display:none}.recent-song-list{color:#fff;cursor:default;background-color:#1b1b32;width:100%;margin:0;padding-left:0;list-style-type:none;display:none;position:absolute;bottom:70px;left:0}.recent-song-list[aria-hidden=false]{flex-direction:column-reverse;display:flex}@media only screen and (width>=768px){.recent-song-list{width:350px;bottom:73px}}.recently-played-icon{justify-content:center;font-weight:700}.recent-song-info{border-bottom:1px solid #3b3b4f;justify-content:flex-start;padding:10px;display:flex}.recent-song-meta{text-align:left;margin-left:10px;font-size:16px;overflow:hidden}.recent-song-meta p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-song-meta span:first-of-type{font-weight:700}.recent-song-meta span{display:block}.recent-song-info:first-child{border-bottom:none}.recent-song-info img{float:left;width:50px;height:50px}details{display:none}@media only screen and (width>=768px){details{color:#fff;opacity:.1;background-color:#0a0a2399;padding:15px;transition:opacity .25s ease-out;display:block;position:absolute;bottom:100px;left:50px}}details:hover,details[open]{opacity:1}dl{margin-bottom:0}dt{margin-top:10px}dd{margin-left:10px;font-style:italic}[data-meta=stream-select]{appearance:none;background-color:#fff;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .7em top 50%,0 0;background-repeat:no-repeat;background-size:.65em,100%;border:none;border-radius:0;padding:2px 20px 2px 2px;font-size:12px;position:absolute;bottom:90px;right:10px}@media only screen and (width>=768px){[data-meta=stream-select]{bottom:16px}}footer{z-index:10;background-color:#0a0a23;width:100%;height:70px;display:flex;position:absolute;bottom:0}@media only screen and (width>=768px){footer{box-sizing:content-box;border-top:3px solid #fff}}.play-container{color:#fff;cursor:pointer;background-color:#0000;border:0;width:70px;height:100%;margin-left:-35px;padding:15px;position:absolute;left:50%}.play-container:hover,.play-container:active{background-color:#1b1b32}@media only screen and (width>=768px){.play-container{margin-left:0;position:relative;left:auto}}.play-container:before{box-sizing:border-box;content:"Push Play or Space Bar to Start Music";opacity:0;pointer-events:none;background-color:#1b1b32;background-image:url(https://cdn-media-1.freecodecamp.org/code-radio/cta.png);background-position:150px;background-repeat:no-repeat;border-radius:5px;width:250px;height:100px;padding:10px 100px 10px 20px;font-size:21px;font-weight:700;transition:opacity .5s ease-out;display:none;position:absolute;top:-110px;left:-170px}@media only screen and (width>=768px){.play-container:before{display:block}}.play-container-cta:before{opacity:1}.play-container-cta:hover{background:#2a2a40}.site-nav{z-index:1000;background:#0a0a23;justify-content:space-between;align-items:flex-start;width:100%;height:38px;padding:0;font-family:Lato,sans-serif;font-size:18px;display:flex;position:fixed;top:0;overflow-y:hidden}@media only screen and (width>=350px){.site-nav{padding:0 15px}}.site-nav-middle{padding-top:7px}@media only screen and (width>=768px){.site-nav-middle{text-align:center;flex:1 0 30%;margin-right:0}}.site-nav-left{display:none}@media only screen and (width>=768px){.site-nav-left{flex:1 0 30%;margin-left:0;display:flex}}.site-nav-logo{color:#fff;letter-spacing:-.5px;background-image:url(https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg);background-position:-179px 0;background-repeat:no-repeat;background-size:cover;flex-shrink:0;width:43px;height:25px;margin:-1px 5px 0;font-size:1.7rem;font-weight:700;line-height:1em;display:inline-block}@media only screen and (width>=350px){.site-nav-logo{height:unset;width:unset;background-image:none;padding-top:1px}}@media only screen and (width>=768px){.site-nav-logo{margin-left:auto;margin-right:auto}}.site-nav-logo:focus{outline:2px solid var(--focus-outline);outline-offset:3px}.site-nav-logo:focus:not(:focus-visible){outline:none}.site-nav-logo:hover{text-decoration:none}.site-nav-logo img{width:auto;height:25px;display:none}@media only screen and (width>=350px){.site-nav-logo img{display:block}}.site-nav-right{flex-shrink:0;align-items:center;height:38px;display:flex}@media only screen and (width>=768px){.site-nav-right{flex:1 0 30%;margin-left:auto}.main-nav-group{margin-left:auto}}.nav{background-color:#0a0a23;margin:0 0 0 -12px;padding:0;list-style:none;display:none;position:absolute;top:38px;left:15px}@media only screen and (width>=518px){.nav{align-items:center;margin-top:1px;display:flex;position:relative;top:0;left:auto}}.nav{height:38px}.nav li{height:100%;margin:0;padding:0;display:block}.nav li a{color:#fff;opacity:1;white-space:nowrap;align-items:center;height:100%;margin:0;padding:0 10px;display:flex}.nav li a span{align-items:center;gap:.15rem;margin-top:-1px;display:flex}.nav li a svg{fill:#fff;width:1rem;height:1rem;margin-left:.15rem}.nav li a:focus{outline:2px solid var(--focus-outline);outline-offset:-3px}.nav li a:focus:not(:focus-visible){outline:none}.nav li:hover{background:#fff}.nav li a:hover{color:#0a0a23;text-decoration:none}.nav li a:hover svg{fill:#0a0a23}.toggle-button-nav{color:#fff;cursor:pointer;background-color:#0a0a23;border:1px solid #fff;outline:0;height:auto;margin-right:5px;padding:2px 14px 3px;font-family:lato,sans-serif;font-size:18px;display:flex}.toggle-button-nav:focus{outline:2px solid var(--focus-outline);outline-offset:2px}.toggle-button-nav:focus:not(:focus-visible){outline:none}@media only screen and (width>=518px){.toggle-button-nav{display:none}}.show-main-nav-items{display:flex}.expand-nav{min-height:78px}@media only screen and (width>=768px){.expand-nav{min-height:38px}}.reverse-toggle-color{color:#0a0a23;background-color:#fff}