@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);*{box-sizing:border-box}body{margin:0;background-color:#21212b;display:flex;align-items:center;justify-content:center;height:100vh;font-family:Roboto,sans-serif;font-size:20px;color:#a2abbd;background:#21212b}.radio-container{width:320px;max-height:600px;border-radius:20px;box-shadow:0 20px 20px 0 #14141a}.radio-header{display:flex;align-items:center;justify-content:space-between;height:80px;padding:35px;border-radius:20px 20px 0 0;background:#edae61;color:#fff;font-weight:700;text-transform:uppercase}.radio-header-icon{cursor:pointer;-webkit-transform:scale(.6);transform:scale(.6);-webkit-transition:.2s ease-out;transition:.2s ease-out}.radio-header-icon:hover{-webkit-transform:scale(.8);transform:scale(.8)}.status-msg{text-align:center;margin-top:50%}.radio-stations{height:350px;background:#2b2b36;overflow-y:auto;margin:0;padding:20px}.radio-stations-list{list-style:none;margin:0;padding:0}.radio-stations-list>:not(:last-child){border-bottom:1px solid #40404a}.active-station{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.active-station-cover{width:100px;height:100px;border:1px solid #a2abbd;border-radius:100%;background-position:50%;background-size:cover}.active-station-volume{cursor:pointer;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transition:.15s;transition:.15s}.active-station-volume:hover{-webkit-transform:scale(.6);transform:scale(.6)}.station{display:flex;align-items:center;justify-content:space-between;padding:15px;cursor:pointer}.station-name{text-transform:capitalize}.station-frequency{font-weight:700}.currently-playing{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100px;padding:20px;border-top:1px solid #4d505c;border-radius:0 0 20px 20px;background:#22222b;text-align:center}.currently-playing-header{margin-bottom:10px;color:#edae61;font-size:.7em;text-transform:uppercase;font-weight:700}
/*# sourceMappingURL=main.52798c13.chunk.css.map */