@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{margin:0;padding:0;outline:none;box-sizing:border-box}body{font-family:Roboto,sans-serif;color:#333}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:local("MaterialIcons-Regular"),url(/assets/MaterialIcons-Regular-ef149f08.ttf) format("truetype")}@font-face{font-family:Material Icons-Outlined;font-style:normal;font-weight:400;src:local("MaterialIconsOutlined-Regular"),url(/assets/MaterialIconsOutlined-Regular-b63fa9ed.otf) format("opentype")}@font-face{font-family:Material Icons-Round;font-style:normal;font-weight:400;src:local("MaterialIconsRound-Regular"),url(/assets/MaterialIconsRound-Regular-bad85e54.otf) format("opentype")}@font-face{font-family:Material Icons-Sharp;font-style:normal;font-weight:400;src:local("MaterialIconsSharp-Regular"),url(/assets/MaterialIconsSharp-Regular-095a9504.otf) format("opentype")}@font-face{font-family:Material Icons-TwoTone;font-style:normal;font-weight:400;src:local("MaterialIconsTwoTone-Regular"),url(/assets/MaterialIconsTwoTone-Regular-03ccf137.otf) format("opentype")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.material-icons.outlined{font-family:Material Icons-Outlined}.material-icons.rounded{font-family:Material Icons-Round}.material-icons.sharp{font-family:Material Icons-Sharp}.material-icons.two-tone{font-family:Material Icons-TwoTone}.radio-player{display:flex;flex-direction:column;height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden}@media (orientation: landscape){.radio-player{flex-direction:row}}.radio-player button{background:transparent;border:none;cursor:pointer;color:#000}.radio-player main{flex:1;display:flex;flex-direction:column}@media (orientation: landscape){.radio-player main{order:2;flex:60%;justify-content:center}}.radio-player main header{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px}@media (orientation: landscape){.radio-player main header{flex:unset}}.radio-player main header .thumbnail{width:150px;height:150px;position:relative}@media (max-height: 545px){.radio-player main header .thumbnail{width:100px;height:100px}}.radio-player main header .thumbnail .playing-indicator{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(transparent,#3f51b5);animation:rotation 8s infinite linear;animation-play-state:paused;z-index:1}.radio-player main header .thumbnail .playing-indicator.running{animation-play-state:running}.radio-player main header .thumbnail .playing-indicator:before{content:"";display:inline-block;width:100%;height:100%;background:#fff;transform:scale(.92);border-radius:50%}.radio-player main header .thumbnail .playing-indicator:after{content:"";display:inline-block;position:absolute;box-sizing:border-box;z-index:2;width:15px;height:15px;background:#fff;border:5px solid #3f51b5;border-radius:50%;left:49%;top:-4px}@media (max-height: 545px){.radio-player main header .thumbnail .playing-indicator:after{width:12px;height:12px;border-width:4px}}.radio-player main header .thumbnail .image{position:absolute;z-index:2;width:120px;height:120px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;object-fit:cover;box-shadow:0 0 5px #0006;overflow:hidden}@media (max-height: 545px){.radio-player main header .thumbnail .image{width:80px;height:80px}}.radio-player main header .thumbnail .image img{width:100%;height:100%;object-fit:cover}.radio-player main header .thumbnail .image:after{content:"";display:inline-block;position:absolute;width:16px;height:16px;background:#fff;border:6px solid rgba(255,255,255,.6);background-clip:padding-box;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}@media (max-height: 545px){.radio-player main header .thumbnail .image:after{width:12px;height:12px}}.radio-player main .playing{padding:0 25px;margin-top:10xp;display:flex;flex-direction:column;justify-content:center;align-items:center}.radio-player main .playing-title{display:flex;justify-content:center;align-items:center;font-size:10px;color:#0000004d;gap:2px}.radio-player main .playing-station{flex:1;padding-right:10px;text-align:center;margin-top:10px}.radio-player main .playing-station--name{font-weight:400}.radio-player main .playing-station--slogan{font-size:14px;color:#0006}.radio-player main .playing-error{color:#fa1d00;font-size:12px;margin-top:15px}.radio-player main .playing-actions{flex-shrink:0;margin-top:25px}.radio-player main .playing-actions button+button{margin-left:10px}.radio-player main .controls{display:flex;padding:25px;align-items:center;justify-content:center}.radio-player main .controls--play{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:#3f51b5;background-image:linear-gradient(to bottom right,#3f51b5,#2196f3);box-shadow:0 0 10px #3f51b54d;color:#fff;border-radius:50%;margin:0 15px}.radio-player main .controls--prev:disabled,.radio-player main .controls--next:disabled{color:#0000004d;cursor:not-allowed}.radio-player .playlist{padding:15px;border-radius:20px 20px 0 0;box-shadow:0 0 50px #0000001a;max-height:380px;min-height:0;display:flex;flex-direction:column;min-width:0}.radio-player .playlist-toggle{display:flex;justify-content:center;margin-bottom:15px}.radio-player .playlist-toggle button{background:#efefef;width:24px;height:24px;border-radius:50%}.radio-player .playlist-toggle button:hover{background:#ccc}.radio-player .playlist-title{text-align:center;text-transform:uppercase;font-weight:400;color:#999}.radio-player .playlist .station-list{flex:1;list-style:none;margin-top:15px;overflow-y:auto;padding-top:2px}.radio-player .playlist .station-list .station-item{display:flex;align-items:center;padding:10px;border-radius:8px}.radio-player .playlist .station-list .station-item+.station-item{margin-top:2px}.radio-player .playlist .station-list .station-item:not(.active):hover{background:rgba(63,81,181,.1)}.radio-player .playlist .station-list .station-item-info{flex:1;min-width:0}.radio-player .playlist .station-list .station-item-info .station-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-player .playlist .station-list .station-item-info .station-slogan{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0006;font-size:14px}.radio-player .playlist .station-list .station-item-actions{flex-shrink:0}.radio-player .playlist .station-list .station-item-actions--play:hover{color:#000}.radio-player .playlist .station-list .station-item.active{background:#3f51b5;color:#fff}.radio-player .playlist .station-list .station-item.active .station-slogan{color:#ffffffb3!important}.radio-player .playlist .station-list .station-item.active .station-item-actions--play{color:#fff!important}@media (orientation: landscape){.radio-player .playlist{flex:40%;order:1;max-height:unset;border-radius:0 20px 20px 0}.radio-player .playlist-toggle{display:none}.radio-player .playlist-title{padding-top:10px}}.playlists{display:flex;flex-direction:column;gap:20px;width:100%}.playlist{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:90%;max-width:800px;margin:0 auto}.station-list{list-style:none;padding:0}.station-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #ddd}.playing-station--location{font-size:.9em;color:#666;margin-top:4px}.station-location{font-size:.85em;color:#777;margin-top:2px}.now-playing{background:#eee;padding:5px 10px;border-radius:5px;font-size:14px;font-weight:700;margin-top:10px}