body{margin:0;background-color:#4a4a4a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:"AvenirMedium";src:local("AvenirMedium"),url(/static/media/AvenirNextLTPro-Regular.94f2f163.otf) format("truetype");font-weight:medium}@font-face{font-family:"GillSansBold";src:local("GillSansBold"),url(/static/media/GillSans-Bold.6110e26a.otf) format("truetype");font-weight:medium}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.login-container{text-align:center;position:relative;background-color:#4a4a4a;height:90vh;width:100vw}.login-title{position:absolute;margin:0;width:100vw;height:230px;top:19.11111vh;justify-content:center;font-family:GillSansBold;font-style:normal;font-weight:700;font-size:max(65px,6.25vw);line-height:max(65px,6.25vw);color:#fff}.login-button-container{position:absolute;height:96px;width:100vw;top:44.66667vh}.login-button{position:relative;width:max(200px,25vw);height:10.66667vh;margin:0 auto;background:#25d977;box-shadow:0 6px 6px rgba(0,0,0,.4),0 6px 0 #198a4c,inset 0 0 3px hsla(0,0%,100%,.5),inset 0 1px 0 hsla(0,0%,100%,.3);border-radius:8px}.login-button-text{font-size:max(18px,2.08333vw);color:#4a4a4a}.login-button-text,.login-loading{position:relative;height:10.66667vh;display:flex;text-align:center;align-items:center;justify-content:center;font-family:"AvenirMedium";font-style:normal;font-weight:600;line-height:100%;text-shadow:0 4px 4px 0 rgba(0,0,0,.4) inset}.login-loading{top:150px;font-size:max(15px,6.94444vw);color:#fff}.login-button:active,.login-button:hover{background-color:#22bf68;cursor:pointer}.login-button:active{box-shadow:0 1px 0 hsla(0,0%,100%,.4),inset 0 8px 0 #198a4c,inset 0 10px 10px rgba(0,0,0,.5);transform:translateY(11px)}.header-container{position:relative;width:100vw;height:9.09722vw;left:0;top:4.30556vw;z-index:1;background:#4a4a4a}.home-title{position:absolute;width:28.125vw;height:9.09722vw;left:1.80556vw;top:0;margin:0 auto;font-family:GillSansBold;font-style:normal;font-weight:700;font-size:3.47222vw;line-height:4.02778vw;display:flex;align-items:center;text-align:center;color:#fff}.sticky-header-container{z-index:2;position:fixed;top:0;width:100vw;height:4.30556vw;background:#4a4a4a;box-shadow:0 .20833vw 1.04167vw .55556vw rgba(0,0,0,.25)}.top-artists{width:7.77778vw;left:3.54167vw}.generate-playlists,.top-artists{position:absolute;height:2.36111vw;top:.76389vw;margin:0 auto;font-family:"AvenirMedium";font-style:normal;font-weight:400;font-size:1.73611vw;line-height:2.36111vw;display:flex;align-items:center;text-align:center;color:#fff;transition:color .25s ease}.generate-playlists{width:13.88889vw;left:18.61111vw}.discover-artists{position:absolute;width:12.15278vw;height:2.36111vw;left:39.79167vw;top:.76389vw;margin:0 auto;font-family:"AvenirMedium";font-style:normal;font-weight:400;font-size:1.73611vw;line-height:2.36111vw;display:flex;align-items:center;text-align:center;color:#fff;transition:color .25s ease}.discover-artists:hover,.generate-playlists:hover,.top-artists:hover{color:hsla(0,0%,100%,.6588235294117647);cursor:pointer}.logout-button{position:absolute;width:7.01389vw;height:3.05556vw;right:3.54167vw;top:.625vw;fill:none;border:.06944vw solid #fff;box-sizing:border-box;border-radius:.27778vw;transition:border .25s ease,background .25s ease}.logout-button-text{position:relative;height:3.05556vw;justify-content:center;margin:0 auto;font-family:"AvenirMedium";font-style:normal;font-weight:400;font-size:1.73611vw;line-height:3.05556vw;display:flex;align-items:center;text-align:center;color:#fff;transition:color .25s ease}.logout-button:hover{border-color:#fff;background-color:#7c7c7c;cursor:pointer}.logout-button-text:hover{color:#fff}.card-container{height:auto;background-color:#4a4a4a;box-shadow:0 12px 12px rgba(0,0,0,.4);display:inline-block;margin-left:10px;margin-right:10px;margin-bottom:20px}.card-container,.card-image{position:relative;width:280px}.card-image{height:280px}.card-artist-container{position:relative;width:280px;margin:0 auto;top:-3px;background:rgba(0,0,0,.5)}.card-artist-text{font-family:"AvenirMedium";font-style:normal;font-weight:500;line-height:35px;margin:0 auto;padding-left:4px;padding-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.card-track-container{position:relative;width:280px;margin:3px auto 0;background:rgba(0,0,0,.5)}.card-track-text{font-family:"AvenirMedium";font-style:normal;font-weight:500;font-size:17px;line-height:30px;margin:0 auto;padding-left:4px;padding-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.card-container-mobile{position:relative;height:auto;width:80px;background-color:#4a4a4a;box-shadow:0 12px 12px rgba(0,0,0,.4);display:inline-block;margin-left:2px;margin-right:2px;margin-bottom:4px}.card-image-mobile{height:80px;width:80px}.card-artist-container-mobile{position:relative;width:80px;margin:-3px auto 0;background:rgba(0,0,0,.5)}.card-artist-text-mobile{font-family:"AvenirMedium";font-style:normal;font-weight:500;font-size:8px;line-height:13px;margin:0 auto;padding-left:1px;padding-right:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.card-track-container-mobile{position:relative;width:80px;margin:2px auto 0;background:rgba(0,0,0,.5)}.card-track-text-mobile{font-family:"AvenirMedium";font-style:normal;font-weight:300;font-size:6px;line-height:8px;margin:0 auto;padding-left:1px;padding-right:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.card-container-mobile:hover,.card-container:hover{cursor:pointer;top:-.1vw;-webkit-filter:drop-shadow(0 12px 12px rgba(0,0,0,.25));filter:drop-shadow(0 12px 12px rgba(0,0,0,.25))}.top-list-container{top:5.20833vw}.top-list-container,.top-list-recommended-container{position:relative;width:62.91667vw;height:auto;left:18.54167vw;display:inline-block;text-align:center}.top-list-recommended-container{top:8.33333vw}.top-list{position:relative;list-style-type:none;padding:0;margin:0 auto}.top-list-container-mobile{position:relative;height:auto;width:90vw;top:20px;display:inline-block;text-align:center;margin:0 auto;left:5vw}.top-artists-container{position:relative;z-index:0;height:auto;padding-bottom:10vw;width:100vw;background-color:#ffc6a7}.top-artists-title-container{position:relative;width:100vw;height:6.94444vw;left:0;top:4.16667vw;text-align:center}.top-artists-title{position:relative;height:6.94444vw;top:0;margin:0 auto}.artists-tracks,.number,.of,.of-the-past,.time-period,.top{display:inline;position:relative;height:6.94444vw;top:0;margin:0;font-family:"AvenirMedium";font-style:normal;font-size:2.5vw;line-height:3.40278vw;color:#4a4a4a}.top{width:4.72222vw}.number{width:3.26389vw;padding-right:.83333vw}.artists-tracks,.number{font-weight:700;-webkit-text-decoration-line:underline;text-decoration-line:underline}.artists-tracks{width:7.36111vw}.of,.of-the-past{width:12.15278vw}.time-period{width:11.45833vw;font-weight:700;-webkit-text-decoration-line:underline;text-decoration-line:underline}.edit-parameters-container{position:absolute;width:11.18056vw;height:28.68056vw;left:7.36111vw;top:18.47222vw}.select-4-weeks,.select-6-months,.select-10,.select-18,.select-50,.select-all-time,.select-artists,.select-tracks{position:absolute;width:11.18056vw;height:2.84722vw;left:0;font-family:"AvenirMedium";font-style:normal;font-weight:575;font-size:2.08333vw;line-height:2.84722vw;display:flex;align-items:center;transition:color .25s ease}.select-50{top:0}.select-18{top:2.84722vw}.select-10{top:5.69444vw}.select-artists{top:11.38889vw}.select-tracks{top:14.23611vw}.select-4-weeks{top:20.13889vw}.select-6-months{top:22.98611vw}.select-all-time{top:25.83333vw}.select-4-weeks:hover,.select-6-months:hover,.select-10:hover,.select-18:hover,.select-50:hover,.select-all-time:hover,.select-artists:hover,.select-tracks:hover{cursor:pointer;transform:scale(1.01)}.edit-parameters-container-mobile{position:relative;display:flex;flex-direction:row;height:20px;width:90vw;margin:20px auto -15px}.select-4-weeks-mobile,.select-6-months-mobile,.select-10-mobile,.select-18-mobile,.select-50-mobile,.select-all-time-mobile,.select-artists-mobile,.select-tracks-mobile{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;font-family:"AvenirMedium";font-style:normal;font-weight:500;font-size:13px;transition:color .25s ease}.select-10-mobile,.select-tracks-mobile{padding-right:13px}.select-4-weeks-mobile:hover,.select-6-months-mobile:hover,.select-10-mobile:hover,.select-18-mobile:hover,.select-50-mobile:hover,.select-all-time-mobile:hover,.select-artists-mobile:hover,.select-tracks-mobile:hover{cursor:pointer;transform:scale(1.01)}.generate-playlists-section{position:relative;z-index:0;width:100vw;height:auto;padding-bottom:10vw;background-color:#5eb686}.recommended-playlist-title-container{position:relative;width:100vw;height:14.51389vw;left:0;text-align:center}.create-playlist-success{color:green}.create-playlist-failure,.create-playlist-success{position:relative;top:4.16667vw;font-family:"AvenirMedium";font-style:normal;font-weight:600;font-size:2.08333vw;margin:0 auto;text-shadow:0 .27778vw .27778vw rgba(0,0,0,.25);transition:transform .5s ease}.create-playlist-failure{color:red}.recommended-playlist-title{position:relative;width:45.20833vw;height:14.51389vw;font-weight:500;font-size:5.90278vw;line-height:14.51389vw;color:#4a4a4a}.create-playlist-button,.recommended-playlist-title{font-family:"AvenirMedium";font-style:normal;margin:0 auto;text-shadow:0 .27778vw .27778vw rgba(0,0,0,.25)}.create-playlist-button{position:absolute;width:31.25vw;top:13.88889vw;left:47.91667vw;font-weight:600;font-size:2.77778vw;color:#fff;transition:transform .5s ease}.refresh-playlist-button-container{width:4.86111vw;left:27.77778vw;display:flex;align-items:center}.refresh-playlist-button,.refresh-playlist-button-container{position:absolute;top:13.88889vw;margin:0 auto;transition:transform .5s ease}.refresh-playlist-button{width:20.83333vw;left:22.22222vw;font-family:"AvenirMedium";font-style:normal;font-weight:600;font-size:2.77778vw;color:#fff;text-shadow:0 .27778vw .27778vw rgba(0,0,0,.25)}.create-playlist-button:hover,.refresh-playlist-button:hover{cursor:pointer;text-shadow:0 .41667vw .41667vw rgba(0,0,0,.25)}.create-playlist-button:active,.refresh-playlist-button:active{color:#4a4a4a}.discover-artists-section{z-index:0}.discover-artists-section,.intro-section-container{position:relative;width:100vw;height:auto;background-color:#4a4a4a}.intro-container{position:relative;width:100vw;height:30.06944vw}.profile-picture{position:absolute;width:13.88889vw;height:13.88889vw;left:24.23611vw;top:4.16667vw;background:#c4c4c4;border-radius:10000000px}.one-line{width:5.13889vw;height:2.84722vw;top:6.25vw;font-family:"AvenirMedium";font-weight:600;font-size:2.08333vw;line-height:2.84722vw;color:#fff}.one-line,.two-line{position:absolute;left:40.55556vw;margin:0 auto;font-style:normal;display:flex;align-items:center;text-align:center}.two-line{width:22.08333vw;height:4.02778vw;top:9.09722vw;font-family:GillSansBold;font-weight:700;font-size:3.47222vw;line-height:4.02778vw;color:#25d977}.three-line{width:34.72222vw;left:40.55556vw;top:13.125vw}.four-line,.three-line{position:absolute;height:2.84722vw;margin:0 auto;font-family:"AvenirMedium";font-style:normal;font-weight:600;font-size:2.08333vw;line-height:2.84722vw;display:flex;align-items:center;text-align:center;color:#fff}.four-line{width:35.48611vw;left:32.22222vw;top:22.91667vw}.arrow-container{position:relative;width:100vw;height:6.44444vw;margin-top:20px;display:flex;justify-content:center}.arrow{position:absolute;width:4.02778vw;height:4.02778vw;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.intro-container-mobile{position:relative;width:100vw}.profile-picture-mobile{position:relative;width:100px;height:100px;background:#c4c4c4;border-radius:10000000px}.one-line-mobile{width:5.13889vw;height:2.84722vw;top:6.25vw;font-family:"AvenirMedium";font-weight:600;font-size:2.08333vw;line-height:2.84722vw;color:#fff}.one-line-mobile,.two-line-mobile{position:absolute;left:40.55556vw;margin:0 auto;font-style:normal;display:flex;align-items:center;text-align:center}.two-line-mobile{width:22.08333vw;height:4.02778vw;top:9.09722vw;font-family:GillSansBold;font-weight:700;font-size:3.47222vw;line-height:4.02778vw;color:#25d977}.three-line-mobile{width:34.72222vw;left:40.55556vw;top:13.125vw}.four-line-mobile,.three-line-mobile{position:absolute;height:2.84722vw;margin:0 auto;font-family:"AvenirMedium";font-style:normal;font-weight:600;font-size:2.08333vw;line-height:2.84722vw;display:flex;align-items:center;text-align:center;color:#fff}.four-line-mobile{width:35.48611vw;left:32.22222vw;top:22.91667vw}.arrow-container-mobile{position:relative;width:100vw;height:6.44444vw;margin-top:20px;display:flex;justify-content:center}.footer-container{position:relative;background-color:#4a4a4a;width:100vw;height:8.11111vh;margin:0 auto;padding-bottom:2vh}.github-icon-container{position:absolute;width:max(65px,4.16667vw);height:max(65px,4.16667vw);left:3vh;top:1.33333vh}.github-icon{position:absolute;left:8.54%;right:8.32%;top:8.33%;bottom:10.6%;fill:#fff;transition:all .3s ease}.footer-links{position:absolute;width:6.31944vw;height:8.11111vh;right:max(30px,2vw);top:0;text-align:left}.footer-first{width:4.72222vw;top:1.33333vh}.footer-first,.footer-second{position:absolute;height:3.77778vh;left:.13889vw;margin:0 auto;font-family:"AvenirMedium";font-style:normal;font-weight:400;font-size:max(25px,1.73611vw);line-height:3.77778vh;transition:all .3s ease;color:#fff}.footer-second{width:5.69444vw;top:5.22222vh}.footer-first-mobile:hover,.footer-first:hover,.footer-second-mobile:hover,.footer-second:hover,.github-icon-mobile:hover,.github-icon:hover{color:hsla(0,0%,100%,.6588235294117647);fill:hsla(0,0%,100%,.6588235294117647);cursor:pointer;transition:all .3s ease}.footer-container-mobile{position:relative;background-color:#4a4a4a;width:100vw;height:50px;margin:0 auto;padding-bottom:2vh}.github-icon-container-mobile{position:relative;width:50px;height:50px;left:20px;top:10px}.github-icon-mobile{position:relative;fill:#fff;transition:all .3s ease}.footer-links-mobile{position:absolute;width:90px;right:10px;top:0;text-align:left}.footer-first-mobile{top:10px}.footer-first-mobile,.footer-second-mobile{position:absolute;margin:0 auto;font-family:"AvenirMedium";font-style:normal;font-weight:400;font-size:25px;line-height:25px;transition:all .3s ease;color:#fff}.footer-second-mobile{top:40px}.about-container{position:relative;background-color:#4a4a4a;height:100vh;width:100vw}.about-title{position:relative;width:51.31944vw;height:16.66667vh;left:24.86111vw;top:13.88889vh;margin:0;font-family:GillSansBold;font-style:normal;font-weight:700;font-size:5.20833vw;line-height:11.55556vh;text-align:left;color:#25d977}.about-text-container{position:relative;width:50.27778vw;height:69.44444vh;left:24.86111vw;top:8.33333vh}.about-text{position:relative;font-family:"AvenirMedium";font-style:normal;font-weight:400;font-size:1.73611vw;line-height:4.55556vh;color:#fff}.privacy-container{position:relative;background-color:#4a4a4a;height:100vh;width:100vw}.privacy-title{position:relative;width:51.31944vw;height:16.66667vh;left:24.86111vw;top:13.88889vh;margin:0;font-family:GillSansBold;font-style:normal;font-weight:700;font-size:5.20833vw;line-height:11.55556vh;text-align:left;color:#25d977}.privacy-text-container{position:relative;width:50.27778vw;height:69.44444vh;left:24.86111vw;top:8.33333vh}.privacy-text{position:relative;font-family:"AvenirMedium";font-style:normal;font-weight:400;font-size:1.73611vw;line-height:4.55556vh;color:#fff}
/*# sourceMappingURL=main.44948c3b.chunk.css.map */