:root{--colorPrimary:#ccc8c0;--colorPrimaryDark:#000;--colorSecondaryGreen:#6d9e95;--colorSecondaryBeige:#c4bc74;--colorSecondaryBrown:#543e09}.maintenance-wrapper{background-color:#000;display:none;justify-content:center;align-items:center;width:100%;height:100%}.maintenance-wrapper img{object-fit:contain;height:100vh}.maintenance-wrapper a{margin-bottom:10rem;position:absolute;bottom:0}.back-button{padding:1.7rem 2rem;border-radius:1rem;width:25rem;background:#543e09;color:#fff;border:none;transition:all .3s}.back-button:hover{cursor:pointer;opacity:.8}body{height:100vh}.radio-wrapper{min-height:100%;background-color:#000;color:#ccc8c0;font-size:1.2rem;align-items:center;justify-content:center;gap:2rem}.radio-card,.radio-wrapper{display:flex;flex-direction:column}.radio-card{width:min(25rem,90%)}.radio-album-cover{width:100%;height:25rem;border-radius:2.5rem;box-shadow:0 .4rem 1.5rem hsla(54,40%,61%,.4)}.radio-card-text{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;overflow:hidden}.radio-card-text h2{font-size:3rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.radio-card-text span{color:grey;font-size:1.4rem;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.equalizer-container{height:8rem;display:flex;align-items:flex-end;justify-content:space-between;margin-top:4rem;padding:1rem 0;background:rgba(0,0,0,.2);border-radius:.8rem;overflow:hidden}.equalizer-bar{flex:1 1;margin:0 .1rem;background:linear-gradient(0deg,#c4bc74,#ccc8c0);border-radius:.4rem .4rem 0 0;height:10%;transition:height .2s ease;position:relative;min-height:.3rem}.equalizer-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:.2rem;background:hsla(0,0%,100%,.7);border-radius:50%}@keyframes equalizerAnimation{0%{height:10%}50%{height:70%}to{height:20%}}.player-controls{width:min(25rem,90%);justify-content:space-between}.play-button,.player-controls{display:flex;align-items:center}.play-button{width:6rem;height:6rem;border-radius:50%;background:#c4bc74;border:none;outline:none;cursor:pointer;justify-content:center;box-shadow:0 .4rem 1.5rem hsla(54,40%,61%,.4);transition:all .3s ease-in-out}.play-button:hover{transform:scale(1.05);opacity:.8}.play-button.playing{background:#ccc8c0;box-shadow:0 .4rem 1.5rem rgba(56,255,216,.4)}.play-button svg{width:2.4rem;height:2.4rem;fill:#fff}.volume-control{display:flex;align-items:center;width:15rem}.volume-icon{width:2.4rem;height:2.4rem;fill:#e2e2f5;margin-right:1rem}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.4rem;background:hsla(0,0%,100%,.2);border-radius:.2rem;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.5rem;height:1.5rem;border-radius:50%;background:#c4bc74;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:1.5rem;height:1.5rem;border-radius:50%;background:#c4bc74;cursor:pointer;border:none;-moz-transition:all .2s;transition:all .2s}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.equalizer-bar{animation:equalizerAnimation infinite;animation-direction:alternate;animation-timing-function:ease-in-out;animation-play-state:paused}.playing~.equalizer-container .equalizer-bar{animation-play-state:running}