@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;400;500;700&display=swap);:root{--clr-primary-light:#8abdff;--clr-primary:#6d5dfc;--clr-primary-dark:#5b0eeb;--clr-white:#fff;--clr-black:#171717;--clr-greyLight-1:#e4ebf5;--clr-greyLight-2:#c8d0e7;--clr-greyLight-3:#bec8e4;--clr-greyDark:#9baacf;--clr-text-primary:#4e4e4e;--clr-text-secondary:#b1acac;--clr-text-shadow:0.3rem 0.3rem 0.6rem var(--clr-greyLight-2),-0.2rem -0.2rem 0.5rem var(--clr-white);--clr-text-inner-shadow:inset 0.2rem 0.2rem 0.5rem var(--clr-greyLight-2),inset -0.2rem -0.2rem 0.5rem var(--clr-white);--ff-primary:"Source Code Pro",monospace;--ff-secondary:...;--fs-small:0.8rem;--fs-medium:1rem;--fs-large:1.4rem;--fs-larger:1.9rem;--fs-largest:3rem;--fw-thin:200;--fw-normal:300;--fw-bold:400;--fw-bolder:500;--fw-heavy:700}:root *,:root :after,:root :before{margin:0;padding:0;box-sizing:inherit}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes waves{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes waves{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.light,body{background:var(--clr-greyLight-1);color:var(--clr-text-primary)}.dark,.light,body{height:100vh;width:100vw}.dark{--clr-primary-light:#90f79d;--clr-primary:#3cfa56;--clr-primary-dark:#31fc4c;--clr-white:#0e0d0d;--clr-black:#171717;--clr-greyLight-1:#252627;--clr-greyLight-2:#3c3d3f;--clr-greyLight-3:#080808;--clr-greyDark:#3e4149;--clr-text-primary:#fff;--clr-text-secondary:#fdfdfd;--clr-text-shadow:0.3rem 0.3rem 0.6rem var(--clr-greyLight-1),-0.2rem -0.2rem 0.5rem var(--clr-white);--clr-text-inner-shadow:inset 0.2rem 0.2rem 0.5rem var(--clr-greyLight-1),inset -0.2rem -0.2rem 0.5rem var(--clr-white);color:#fff}body.dark .switch__2{background:var(--clr-primary)}main{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;text-align:center;zoom:.75}@media only screen and (min-width:320px) and (max-width:568px){html{zoom:75%}}.container{min-height:900px;max-width:500px}.container,.playlistContainer{min-width:375px;background:var(--clr-greyLight-1);border-radius:2rem;box-shadow:.8rem .8rem 1.4rem var(--clr-greyLight-2),-.2rem -.2rem 1.8rem var(--clr-white);overflow:hidden}.playlistContainer{height:400px;min-height:896px;margin-left:4rem}.playlistContainer .hidden{display:none;visibility:hidden}*{margin:0;padding:0;box-sizing:border-box}body,button{font-family:var(--ff-primary)}.dark-light{display:flex;justify-content:flex-end;padding-right:2.1em;padding-top:2rem;padding-bottom:.7rem;align-items:center}.switch input{display:none}.switch__2{width:3rem;border-radius:1.6rem}.switch__2 label{display:flex;align-items:center;width:100%;height:1.5rem;box-shadow:.3rem .3rem .6rem var(--clr-greyLight-2),-.2rem -.2rem .5rem var(--clr-white);background:hsla(0,0%,100%,0);position:relative;cursor:pointer;border-radius:1.6rem}.switch__2 label:after{content:"";position:absolute;left:.4rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--clr-greyLight-1);transition:all .4s ease}.switch__2 label:before{content:"";width:100%;height:100%;border-radius:inherit;background:linear-gradient(330deg,var(--clr-primary-dark),var(--clr-primary) 50%,var(--clr-primary-light));opacity:1;transition:all .4s ease}.switch input:checked~label:before{opacity:1}.switch input:checked~label:after{left:56%;background:var(--clr-greyLight-1)}.currently-playing,.songDetails{display:flex;flex-direction:row;text-transform:uppercase;justify-content:center;align-items:center;margin-bottom:1rem}.songDetails{margin-top:1rem}.currently-playing-artist-next,.currently-playing-artist-previous,.currently-playing-song-next,.currently-playing-song-previous{padding:.7rem;font-size:.5rem;max-width:70px;min-width:70px;margin:1rem;box-shadow:var(--clr-text-inner-shadow);border-radius:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}@media only screen and (min-width:320px) and (max-width:568px){.currently-playing-artist-next,.currently-playing-artist-previous,.currently-playing-song-next,.currently-playing-song-previous,.currentTime,.duration{font-size:8px}}.currently-playing-artist,.currently-playing-label{margin-top:.9rem}.currently-playing-label{font-weight:var(--fw-heavy)}.currently-playing-artist,.currently-playing-song{padding:1rem;font-size:var(--fs-medium);margin-bottom:1rem;box-shadow:var(--clr-text-inner-shadow);border:1px solid var(--clr-primary);border-radius:1rem;justify-content:space-between;align-items:center;max-width:210px;letter-spacing:1px;font-weight:var(--fw-bolder)}.album-container{display:flex;justify-content:center;align-items:center;margin-top:1rem;position:relative}.album-container .dot{width:45px;height:45px;position:absolute;border-radius:50%;background-color:var(--clr-greyLight-1);z-index:2;box-shadow:var(--clr-text-inner-shadow)}.album-container>img{object-fit:cover;height:220px;width:220px;animation:fadeIn 1s;-webkit-animation:fadeIn 1s;-moz-animation:fadeIn 1s;-o-animation:fadeIn 1s;-ms-animation:fadeIn 1s;border-radius:50%;background-size:100%;background-image:no-repeat-y;box-shadow:.3rem .3rem .6rem var(--clr-greyLight-2),-.2rem -.2rem .5rem var(--clr-white);z-index:1}.album-container>img.spinning{-webkit-animation:rotate 30s linear infinite;animation:rotate 30s linear infinite}.album-container>img.paused{-webkit-animation-play-state:paused;animation-play-state:paused}.album__holder{object-fit:cover;height:220px;width:220px;border-radius:50%;background-image:url(/static/media/albumCover.2115b565.jpg);background-size:100%;background-image:no-repeat-y;box-shadow:.3rem .3rem .6rem var(--clr-greyLight-2),-.2rem -.2rem .5rem var(--clr-white)}.weather-container{justify-content:center;margin-top:.8rem}.weather,.weather-container{display:flex;align-items:center}.weather{text-transform:uppercase;border-radius:1rem;justify-content:space-between}.weather__Icon{width:70px}.weather__location,.weather__temperature{padding:15px}.volume-controls{margin-top:1rem}.play-pause-button,.volume-controls{display:flex;justify-content:center;align-items:center}.play-pause-button{vertical-align:middle;cursor:pointer;border:none;border-radius:100%;width:1px;height:1px;font-size:25px;margin-right:24px;background-color:transparent}.circle-container{display:flex;justify-content:center;align-items:center;margin-top:4rem}.circle{width:9rem;height:100%;border-radius:1rem;display:grid;justify-items:center;align-items:center;margin-left:20px}.circle__btn{grid-row:1/2;grid-column:1/2;width:6rem;height:6rem;display:flex;margin:.6rem;justify-content:center;align-items:center;border-radius:50%;font-size:3.2rem;color:var(--clr-primary);z-index:300;background:var(--clr-greyLight-1);box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);cursor:pointer;position:relative}.circle__btn.shadow{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.circle__btn .play{position:absolute;opacity:0;transition:all .2s linear}.circle__btn .play.visibility{opacity:1}.circle__btn .pause{position:absolute;transition:all .2s linear}.circle__btn .pause.visibility{opacity:0}.circle__back-1,.circle__back-2{grid-row:1/2;grid-column:1/2;width:6rem;height:6rem;border-radius:50%;-webkit-filter:blur(1px);filter:blur(1px);z-index:100}.circle__back-1{box-shadow:.4rem .4rem .8rem var(--clr-greyLight-2),-.4rem -.4rem .8rem var(--clr-white);background:linear-gradient(to bottom right,var(--clr-greyLight-2) 0,var(--clr-white));-webkit-animation:waves 4s linear infinite;animation:waves 4s linear infinite}.circle__back-1.paused{-webkit-animation-play-state:paused;animation-play-state:paused}.circle__back-2{box-shadow:.4rem .4rem .8rem var(--clr-greyLight-2),-.4rem -.4rem .8rem var(--clr-white);-webkit-animation:waves 4s linear 2s infinite;animation:waves 4s linear 2s infinite}.circle__back-2.paused{-webkit-animation-play-state:paused;animation-play-state:paused}.intern{margin-top:1rem;margin-bottom:1rem}.station-selector-container{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;margin-top:.5rem}.station-selector{background:var(--clr-greyLight-1);border:none;border-radius:1rem;font-size:var(--fs-medium);font-weight:var(--fw-bolder);color:var(--clr-text-primary);text-transform:uppercase;letter-spacing:1px;box-shadow:var(--clr-text-inner-shadow);cursor:pointer;outline:none;min-width:180px;text-align:center;font-family:var(--ff-primary);transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d5dfc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding:.8rem 3rem .8rem 1.2rem}.station-selector:hover{box-shadow:.2rem .2rem .4rem var(--clr-greyLight-2),-.1rem -.1rem .3rem var(--clr-white);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.station-selector:focus{box-shadow:inset .1rem .1rem .3rem var(--clr-greyLight-2),inset -.1rem -.1rem .3rem var(--clr-white),0 0 0 2px var(--clr-primary)}.station-selector:active{box-shadow:inset .2rem .2rem .5rem var(--clr-greyLight-2),inset -.2rem -.2rem .5rem var(--clr-white);-webkit-transform:translateY(1px);transform:translateY(1px)}.station-selector.loading{color:var(--clr-text-secondary);cursor:not-allowed;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.station-selector.error{color:#ff6b6b;cursor:not-allowed}.station-selector option{background:var(--clr-greyLight-1);color:var(--clr-text-primary);padding:.5rem;font-weight:var(--fw-bold)}.station-selector option:checked{background:var(--clr-primary);color:var(--clr-white)}.image-description-container{width:220px;height:220px;pointer-events:none;z-index:3}.image-description-container,.image-description-container:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.image-description-container:before{content:"";width:200px;height:200px;border-radius:50%;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1;border:2px solid hsla(0,0%,100%,.1)}.circular-text{width:100%;height:100%;position:absolute;top:0;left:0}.circular-text-content{font-size:8px;font-weight:var(--fw-bold);fill:#fff;text-transform:uppercase;letter-spacing:1px;font-family:var(--ff-primary)}.loading-text{fill:var(--clr-text-secondary);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.album-container>img.spinning~.image-description-container .circular-text{-webkit-animation:rotate 30s linear infinite;animation:rotate 30s linear infinite}.album-container>img.paused~.image-description-container .circular-text{-webkit-animation-play-state:paused;animation-play-state:paused}@media only screen and (min-width:320px) and (max-width:568px){.circular-text-content{font-size:6px;letter-spacing:.5px}}.hidden{display:none;visibility:hidden;transition:all 8s ease}.playlist{display:flex;flex-direction:column;height:900px;min-height:400px;min-width:375px;max-width:450px;background:var(--clr-greyLight-1);border-radius:3rem;box-shadow:.8rem .8rem 1.4rem var(--clr-greyLight-2),-.2rem -.2rem 1.8rem var(--clr-white);overflow:hidden;margin-left:4rem;justify-content:center;align-items:center;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.playlist::-webkit-scrollbar{display:none}.playlistItemContainer{width:100%;padding:2rem;overflow-y:auto}.playlist-title{text-align:center;margin-bottom:1.5rem;font-size:var(--fs-medium);font-weight:var(--fw-bolder);color:var(--clr-text-primary);text-transform:uppercase;letter-spacing:1px}.playlistItem{margin-bottom:1rem;padding:1rem;background:var(--clr-greyLight-1);border-radius:1rem;box-shadow:var(--clr-text-inner-shadow);display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;position:relative}.currently-playing-track{border:2px solid var(--clr-primary);box-shadow:.4rem .4rem .8rem var(--clr-greyLight-2),-.2rem -.2rem .6rem var(--clr-white),inset 0 0 0 1px var(--clr-primary-light);background:linear-gradient(135deg,var(--clr-greyLight-1),rgba(109,93,252,.05))}.track-number{position:absolute;top:.5rem;right:.5rem;background:var(--clr-primary);color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:var(--fw-bold)}.currently-playing-track .track-number{background:var(--clr-primary);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.playlistItem-detail{display:flex;align-items:center;font-size:.8rem}.track-label{font-weight:var(--fw-bold);color:var(--clr-text-secondary);min-width:50px;text-transform:uppercase;letter-spacing:.5px}.track-album,.track-artist,.track-name{font-weight:var(--fw-medium);color:var(--clr-text-primary);margin-left:.5rem}.currently-playing-track .track-name{font-weight:var(--fw-bolder);color:var(--clr-primary)}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.player{align-items:center;display:flex;flex-direction:column;margin-left:.6rem;margin-top:1rem}.playerContainer{margin-bottom:1.5rem}.buttonContainer,.playerContainer{display:flex;justify-content:center;align-items:center}.buttonContainer{grid-gap:2rem;gap:2rem;padding-bottom:5rem}.forwardBackward{background:var(--clr-greyLight-1);border:none;display:flex;align-items:center;justify-content:center;font-family:var(--ff-primary);font-size:1.8rem;cursor:pointer;width:4rem;height:4rem;border-radius:50%;box-shadow:.3rem .3rem .6rem var(--clr-greyLight-2),-.2rem -.2rem .5rem var(--clr-white);font-weight:var(--fw-heavy);color:var(--clr-greyDark);transition:all .2s ease}.forwardBackward:active{box-shadow:inset .2rem .2rem .5rem var(--clr-greyLight-2),inset -.2rem -.2rem .5rem var(--clr-white);color:var(--clr-primary);-webkit-transform:scale(.95);transform:scale(.95)}.forwardBackward:hover{color:var(--clr-primary);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.playPause{background:var(--clr-greyLight-1);border:none;border-radius:50%;width:5.5rem;height:5.5rem;font-size:2rem;color:var(--clr-primary);display:flex;justify-content:center;align-items:center;box-shadow:.4rem .4rem .8rem var(--clr-greyLight-2),-.3rem -.3rem .6rem var(--clr-white);cursor:pointer;transition:all .2s ease;position:relative}.playPause:before{content:"";position:absolute;inset:2px;border-radius:50%;background:linear-gradient(145deg,var(--clr-primary-light),var(--clr-primary-dark));opacity:0;transition:opacity .2s ease}.playPause:hover:before{opacity:.1}.playPause:active{box-shadow:inset .3rem .3rem .6rem var(--clr-greyLight-2),inset -.2rem -.2rem .5rem var(--clr-white);-webkit-transform:scale(.98);transform:scale(.98)}.playPause:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:.5rem .5rem 1rem var(--clr-greyLight-2),-.3rem -.3rem .8rem var(--clr-white)}.currentTime,.duration{display:flex;justify-content:center;align-items:center;font-size:.75rem;margin-right:1.5rem;margin-left:1.5rem;padding:.8rem 1rem;width:5.5rem;height:3rem;border-radius:1.5rem;box-shadow:var(--clr-text-inner-shadow);background:var(--clr-greyLight-1);font-weight:var(--fw-bold);color:var(--clr-text-primary);font-family:var(--ff-primary)}.currentTime{margin-left:25px}.progressBar{--bar-bg:#ffe3d4;--seek-before-width:0;--seek-before-color:#ffc2a1;--knobby:var(--clr-primary);--selectedKnobby:var(--clr-primary);-webkit-appearance:none;appearance:none;background-color:var(--clr-greyLight-1);border-radius:10px;position:relative;width:200px;height:12px;outline:none;box-shadow:var(--clr-text-inner-shadow);z-index:1;cursor:pointer}.progressBar:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;width:var(--seek-before-width,0);background:linear-gradient(90deg,var(--clr-primary),var(--clr-primary-light));border-radius:10px;transition:width .1s ease}.progressBar::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;border-radius:50%;border:none;cursor:pointer;position:relative;margin:-3px 0 0;z-index:3;box-sizing:border-box;background:var(--clr-primary);box-shadow:.2rem .2rem .4rem var(--clr-greyLight-2),-.1rem -.1rem .3rem var(--clr-white);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.progressBar:active::-webkit-slider-thumb{-webkit-transform:scale(1.3);transform:scale(1.3);background:var(--clr-primary-light)}.progressBar::-webkit-slider-thumb:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.progressBar::-moz-range-thumb{height:18px;width:18px;border-radius:50%;border:none;cursor:pointer;background:var(--clr-primary);box-shadow:.2rem .2rem .4rem var(--clr-greyLight-2),-.1rem -.1rem .3rem var(--clr-white)}
/*# sourceMappingURL=main.56359e13.chunk.css.map */