.sound-control{display:flex}.sound-control__control{align-items:center;display:flex;flex:1;position:relative}.sound-control__bg{background:rgba(105,148,168,.7);display:flex;flex:1;flex-direction:column;height:10px}.sound-control__volume{background:#fff;flex:1}.sound-control .muted{background:#d3d3d3}.sound-control__dot{background:#fff;border-radius:50%;box-shadow:1px 1px 5px;height:24px;position:absolute;transform:translateX(-12px);width:24px}@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap");.clock{align-items:center;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;margin:1rem 0}.clock .hour{font-size:3.5rem}.clock .sec{font-size:1.5rem;padding-left:.2rem}.current-radio{align-items:center;display:flex;flex:1;justify-content:center;overflow:hidden;padding:2rem}.current-radio img{flex:1;height:100%;object-fit:contain;width:100%}.radio-tile{border:1px solid #d3d3d3;display:flex;flex:1 1 10rem;flex-direction:column;margin:5px;padding:.5rem}.radio-tile__logo{margin:auto;width:8rem}.radio-tile__logo img{width:100%}.radio-tile__station{align-items:center;display:flex;flex:1;justify-content:center}.radio-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));padding:1rem}.radio-grid .radio-tile{flex:1 1 10rem}.radios-list{list-style-type:none;margin:1rem;padding:0}.radios-list__logo{margin:auto;width:70px}.radios-list__logo img{width:100%}.radios-list li{border:1px solid #add8e6;display:flex;margin:.5rem 0;padding:.5rem}.radios-list li .icon{align-items:center;display:flex;width:40px}.radios-list li .icon svg{width:100%}@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");body,html{height:100vh}body{display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-size:16px;margin:0}*,:after,:before{box-sizing:border-box}*{scrollbar-color:var(--primary-bg-color) transparent;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background-color:var(--primary-bg-color,#6495ed);border-radius:20px}.fullscreen{bottom:0;left:0;position:absolute;right:0;top:0}.bg-white{background:#fff}#app{display:flex;flex:1;flex-direction:column;overflow:hidden}#app header{align-items:center;background:#6495ed;box-shadow:0 1px 8px rgba(0,0,0,.5);color:#fff;display:flex;font-size:1.5rem;height:70px;padding:0 1rem}#app .clock-container{display:flex;flex-direction:column;position:relative}#app .list-type{bottom:0;display:flex;position:absolute;right:0}#app main{display:flex;flex:1;flex-direction:column;overflow:auto;position:relative}#app .container{flex:1;overflow:auto}#app .spinner{align-items:center;background:rgba(35,50,78,.6);display:flex;height:100%;justify-content:center;position:absolute;width:100%}#app .blur{filter:blur(8px)}#app footer{align-items:center;background:#add8e6;justify-content:space-evenly;padding:1rem}#app footer,.flex{display:flex}.align-center{align-items:center}