body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:auto}#radio-player,.App,body,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{grid-gap:10px;gap:10px;grid-template-rows:auto 1fr auto;height:100%;opacity:1;overflow:hidden;width:100%}.container,.container .header{display:grid}.loading-background{background-position:50%;background-repeat:no-repeat;background-size:cover;background:#10101b 0 0 no-repeat padding-box}.error-background,.loading-background{height:100%;opacity:1;position:absolute;width:100%}.error-background{background-position:50%;background-repeat:no-repeat;background-size:cover;background:#4d2e2e 0 0 no-repeat padding-box}.radio-info{border-bottom:2px solid #fff;display:flex;flex-direction:column;height:auto;justify-self:center;margin-top:10px;width:80%}.radio-info .radio-name{align-self:center;background:url(/static/media/logo_FunAdos.7d4a23858fa62559bd0d.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100px;width:85%}.dedicace{border:2px solid #fff;border-radius:4px;display:grid;height:40px;justify-self:center;margin-top:25px;opacity:1;transition:.5s;width:210px}.dedicace div{background-color:initial;color:#fff;font:normal normal 800 12px/15px Montserrat;letter-spacing:0;opacity:1;place-self:center;text-align:left;text-transform:uppercase}.dedicace:hover{background-color:#fff;cursor:pointer}.dedicace:hover div{color:#000}.background-container{height:100%;overflow:hidden;position:absolute;width:100%;z-index:-1}.background-container .background{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:blur(10px);-webkit-filter:blur(10px);height:100%;position:absolute;-webkit-transform:scale(1.1);transform:scale(1.1);width:100%}.background-container .background .black-filter{background:#10101b;height:100%;opacity:.25;position:absolute;width:100%}.background-container .background .gradient-filter{background:transparent linear-gradient(180deg,#000,rgba(84,84,84,0)) 0 0 no-repeat padding-box;height:100%;opacity:.75;position:absolute;width:100%}.body{-ms-overflow-style:none;display:grid;justify-content:center;overflow:scroll;scrollbar-width:none}.body::-webkit-scrollbar{display:none}.pochette{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr 1fr;place-self:center;width:100%}.pochette .pochette-controls-container{display:grid;justify-items:center;justify-self:end}.pochette .pochette-controls-container .pochette-image-container{position:relative}.pochette .pochette-controls-container .pochette-image-container .pochette-image{box-shadow:0 0 50px #000000bf;justify-self:self-end;max-height:260px;max-width:260px}.pochette .pochette-controls-container .pochette-image-container .black-filter{background:#10101b;height:260px;left:0;opacity:0;position:absolute;top:0;width:100%}.pochette .pochette-controls-container .pochette-image-container .black-filter.displayed{opacity:.3}.pochette .pochette-controls-container .pochette-image-container .play-button{background:transparent;border:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:30px 0 30px 48px;box-sizing:border-box;cursor:pointer;height:60px;left:50%;opacity:1;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0}.pochette .pochette-controls-container .pochette-image-container .play-button.displayPause{border-style:double;border-width:0 0 0 48px;opacity:0}.pochette .pochette-controls-container .slider{grid-gap:10px;display:grid;gap:10px;height:60px;opacity:0;place-content:center;place-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pochette .pochette-controls-container:hover .pochette-image-container .black-filter{opacity:.3;transition:opacity .5s ease}.pochette .pochette-controls-container:hover .pochette-image-container .play-button{opacity:1;transition:opacity .5s ease;transition:border-style .1s ease;transition:border-width .1s ease}.pochette .pochette-controls-container:hover .slider{opacity:1;transition:opacity .5s ease}.pochette .pochette-controls-container:not(:hover) .pochette-image-container .black-filter,.pochette .pochette-controls-container:not(:hover) .pochette-image-container .play-button,.pochette .pochette-controls-container:not(:hover) .slider{opacity:0;transition-delay:5s}.pochette .description{display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-height:260px;max-width:500px}.pochette .description .direct{background:#c0392b 0 0 no-repeat padding-box;border-radius:4px;display:grid;height:26px;margin-bottom:16px;opacity:1;width:76px}.pochette .description .direct span{color:#fff;font:normal normal 800 10px/13px Montserrat;letter-spacing:0;opacity:1;place-self:center;text-align:left}.pochette .description .artist{align-content:center;font:normal normal 700 35px/30px Montserrat;margin-bottom:8px}.pochette .description .artist,.pochette .description .title{color:#fff;display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;letter-spacing:0;text-align:left;text-overflow:ellipsis;text-transform:uppercase}.pochette .description .title{font:normal normal 300 25px/30px Montserrat}.pochette .historic{align-items:center;display:flex;flex-direction:column;height:260px;justify-content:space-between;padding:0 10px}.pochette .historic .music{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:auto auto 1fr;width:100%}.pochette .historic .music .starttime{border:1px solid #fff;border-radius:4px;color:#fff;display:grid;font-family:Montserrat;font-size:12px;font-weight:500;height:27px;justify-self:end;margin-bottom:10px;opacity:1;place-content:center;text-transform:uppercase;width:56px}.pochette .historic .music img{height:80px;justify-self:center;opacity:1;width:80px}.pochette .historic .music .historic-description{display:flex;flex-direction:column}.pochette .historic .music .historic-description .artist{color:#fff;font:normal normal 700 15px/13px Montserrat;height:25px;letter-spacing:0;text-align:left;text-overflow:ellipsis;text-transform:uppercase}.pochette .historic .music .historic-description .title{color:#fff;font:normal normal normal 10px/13px Montserrat;height:20px;letter-spacing:0;text-align:left;text-overflow:ellipsis;text-transform:uppercase}@media (max-width:1354px){.pochette{align-self:start;grid-template-columns:1fr}.pochette .description,.pochette .pochette-controls-container,.pochette .pochette-image{justify-self:center}.pochette .description{align-items:center}.pochette .description .artist,.pochette .description .title{justify-content:center}.pochette .historic{grid-column-end:1;grid-column-start:1}}.home{cursor:pointer;display:grid;grid-area:2/1/3/1;place-items:center}.home .headset{align-self:end;color:#fff;height:177px;margin-bottom:20px;opacity:1;width:197px}.home .pulse-animation{animation-duration:2s;-webkit-animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-name:pulse;-webkit-animation-name:pulse}.home .label{align-self:start;color:#fff;font:normal normal normal 22px/27px Montserrat;letter-spacing:0;opacity:1;text-align:center}.home-background{background-position:50%;background-repeat:no-repeat;background-size:cover;background:#10101b 0 0 no-repeat padding-box;height:100%;position:absolute;width:100%;z-index:-1}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.95);transform:scale(.95)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse{0%{-webkit-transform:scale(.95);transform:scale(.95)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(.95);transform:scale(.95)}}
/*# sourceMappingURL=main.f836d912.css.map*/