:root{--darkFont:#eee;--darkMainBg:#341931;--darkPink:#ff1168;--darkBlue:#111625;--linearColor:linear-gradient(#ee0979,#ff6a00);--pagePadding:0 6%;--navPadding:100px}.active{-webkit-filter:brightness(1000%);filter:brightness(1000%)}.page1{background:var(--linearColor);width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:var(--pagePadding);transition:opacity .5s ease-in;z-index:3}.page1,.page1__bg{position:absolute;top:0}.page1__bg{left:0;right:0;height:60%;width:100%;z-index:-1;background-position:-20px -40px;background-repeat:no-repeat;background-size:cover;pointer-events:none}.page1__content{display:flex;flex-direction:column;align-items:center;margin:0 auto;pointer-events:none}.page1__content__text,.page1__content__title{text-align:center;color:var(--darkFont)}.page1__content__text{font-size:14px;font-weight:200;margin-bottom:40px;margin-top:10px}.page1__content__icons{display:flex;justify-content:center;grid-gap:20px;gap:20px}.page1__content__icons div{width:70px;height:70px;border:3px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.page1__content__icons div:first-child{background-color:#fff}.page1__content__skip{margin:30px 0;color:var(--darkFont);font-weight:300;text-decoration:none}.page1__content link{text-decoration:none}.page2{background:var(--linearColor);width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:var(--pagePadding);bottom:0;transition:opacity .5s ease-in;z-index:2}.page2,.page2__bg{position:absolute;top:0}.page2__bg{left:0;right:0;height:70%;width:100%;z-index:-1;background-position:-90px -100px;background-repeat:no-repeat;background-size:cover;pointer-events:none}.page2__content{display:flex;flex-direction:column;align-items:center;margin:0 auto;pointer-events:none}.page2__content__text,.page2__content__title{text-align:center;color:var(--darkFont)}.page2__content__text{font-size:14px;font-weight:200;margin-bottom:40px;margin-top:10px}.page2__content__icons{display:flex;justify-content:center;grid-gap:20px;gap:20px}.page2__content__icons div{width:70px;height:70px;border:3px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.page2__content__icons div:nth-child(2){background-color:#fff}.page2__content__skip{margin:30px 0;color:var(--darkFont);font-weight:300;text-decoration:none}.page2__content link{text-decoration:none}.page3{background:var(--linearColor);width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:var(--pagePadding);z-index:1}.page3,.page3__bg{position:absolute;top:0}.page3__bg{left:0;right:0;height:50%;width:100%;z-index:-1;background-position:40px -20px;background-repeat:no-repeat;background-size:cover;pointer-events:none}.page3__content{display:flex;flex-direction:column;align-items:center;margin:0 auto;pointer-events:none}.page3__content__text,.page3__content__title{text-align:center;color:var(--darkFont)}.page3__content__text{font-size:14px;font-weight:200;margin-bottom:40px;margin-top:10px}.page3__content__icons{display:flex;justify-content:center;grid-gap:20px;gap:20px}.page3__content__icons div{width:70px;height:70px;border:3px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.page3__content__icons div:nth-child(3){background-color:#fff}.rotateColor{-webkit-filter:invert(49%) sepia(55%) saturate(834%) hue-rotate(339deg) brightness(93%) contrast(93%);filter:invert(49%) sepia(55%) saturate(834%) hue-rotate(339deg) brightness(93%) contrast(93%)}.page3__content__skip{margin:30px 0;color:var(--darkFont);font-weight:300;text-decoration:none}.page3__content link{text-decoration:none}.login{width:100vw;height:100vh;background-color:var(--darkMainBg);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:var(--pagePadding)}.login__title{color:var(--darkFont);position:absolute;top:30px;font-size:36px}.login__form{width:100%;max-width:600px;margin-bottom:40px;display:flex;justify-content:center}.login__form div{display:flex;flex-direction:column}.login__form div label{color:var(--darkFont);font-weight:bolder;font-size:14px;margin-bottom:20px;margin-left:5px;margin-top:25px}.login__form div input{font-family:"Poppins",sans-serif;background:none;border:none;border-bottom:3px solid #fff;color:var(--darkFont);position:relative;height:40px;font-size:16px;padding:5px}.login__form div input::-webkit-input-placeholder{color:var(--darkFont);font-family:"Poppins",sans-serif;font-weight:300;font-size:13px}.login__form div input:-ms-input-placeholder{color:var(--darkFont);font-family:"Poppins",sans-serif;font-weight:300;font-size:13px}.login__form div input::placeholder{color:var(--darkFont);font-family:"Poppins",sans-serif;font-weight:300;font-size:13px}.login__form button{font-family:"Poppins",sans-serif;width:100%;border:none;border-bottom:3px solid var(--darkFont);background:none;height:60px;border-radius:25px;margin-top:30px;color:var(--darkFont);font-size:16px;font-weight:600;letter-spacing:1px;padding:0 25px;display:flex;align-items:center;pointer-events:none}.fa-spotify{margin-left:10px;font-size:20px}.login__form a{display:block}.login__form img{width:18px;position:absolute;right:25px;margin-top:8px}.login__fingerprint{display:flex;flex-direction:column;align-items:center}.login__fingerprint p{color:var(--darkFont);margin-top:10px}.trends{background-color:var(--darkMainBg);min-height:100vh;padding:var(--pagePadding);padding-bottom:var(--navPadding);overflow-x:hidden}.trends article:first-of-type{margin-bottom:200px}.trendingNow{position:absolute;left:2%;right:0;top:515px;height:300px;background:var(--darkBlue);border-radius:10px 0 0 10px;display:flex;align-items:center;overflow:hidden}.trendingNow h4{color:var(--darkFont);margin-left:15px;font-size:17px}.trendingNowCard{width:120px;height:120px;box-shadow:3px 3px 5px 2px rgba(0,0,0,.21);border-radius:10px;position:relative;right:-40px;margin-left:15px}.trendingNowCard img{position:absolute;height:100%;border-radius:10px;display:flex;align-items:flex-end}.trendingNowCard h5{position:absolute;bottom:13px;left:10px;z-index:5;color:var(--darkFont);font-weight:300}.welcome{width:100vw;height:100vh;background-color:var(--darkMainBg);display:flex;justify-content:center;align-items:center;transition:opacity 1.5s ease-in;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9000}.welcome__image{animation:fadeIn 2s;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.trendingCard{height:400px;width:100%;max-width:400px;position:relative;border-radius:10px;box-shadow:3px 3px 5px 2px rgba(0,0,0,.21);display:flex;align-items:flex-end;margin:0 auto 30px;z-index:1}.trendingCard__bgImage{position:absolute;object-fit:cover;object-position:center;height:100%;border-radius:10px}.trendingCard__circleIcon{position:absolute;right:30px;top:-20px;box-shadow:0 1px 6px 2px rgba(0,0,0,.21);border-radius:50%;z-index:9001}.trendingCard__overlay{border-radius:8px;position:absolute;top:0;bottom:0;right:0;left:0;background:linear-gradient(hsla(0,0%,93.3%,0) 10%,rgba(0,0,0,.87) 90%);z-index:5}.trendingCard__info{position:relative;z-index:9000;padding:var(--pagePadding);margin-bottom:40px}.trendingCard__info__title{color:var(--darkFont);font-size:40px}.trendingCard__info__hashtag{color:var(--darkFont);font-size:16px;font-weight:400;margin-top:15px;margin-bottom:30px}.talkingAbout,.talkingAboutPortraits{display:flex;align-items:center}.talkingAboutPortraits{width:85px;position:relative;margin-right:15px}.talkingAboutPortraits img{width:30px;height:30px;position:absolute;box-shadow:-1px 2px 3px rgba(43,43,43,.726)}.talkingAboutPortraits img:nth-child(3){right:0}.talkingAboutPortraits img:nth-child(2){right:25px}.talkingAboutPortraits img:first-child{right:50px}.talkingAboutText{color:var(--darkFont);font-size:11px;font-weight:300}.talkingAboutText span{font-size:13px;font-weight:700;margin-right:2px}.headline{font-size:34px;margin-bottom:30px;background-image:linear-gradient(90deg,#ee0979,#ff6a00);background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block;position:relative;z-index:5}.header{height:70px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative;z-index:9001}.header button{border:none;background:none}.header img{height:15px}.header h3{color:var(--darkFont);font-size:16px;font-weight:200;letter-spacing:2px}.footerNav{background:var(--darkBlue);position:fixed;bottom:0;left:0;height:70px;width:100%;z-index:100000000;box-shadow:8px 2px 25px 2px rgba(0,0,0,.582);display:flex;justify-content:space-evenly;align-items:center}.circlePortrait{object-fit:cover;object-position:top;border-radius:50%;box-shadow:3px 3px 5px 2px rgba(0,0,0,.21)}.circleIcon{width:60px;height:60px;background:var(--linearColor);border-radius:50%;display:flex;justify-content:center;align-items:center}.circleIcon img{width:20px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;scroll-behavior:smooth;font-family:"Poppins",sans-serif}ol[class],ul[class]{list-style:none}a{text-decoration:none}img{max-width:100%}img,input,label{display:block}.feed{background-color:var(--darkMainBg);min-height:100vh;padding:var(--pagePadding);padding-bottom:var(--navPadding);overflow:hidden}.feed__hashtagContainer,.hashtag{display:flex}.hashtag{background-color:var(--darkPink);height:35px;border-radius:20px;padding:0 15px;align-items:center;margin-right:10px;flex-shrink:0}.hashtag p{color:var(--darkFont);font-weight:600;font-size:13px}.feedCard{min-height:350px;width:100%;max-width:400px;position:relative;background-color:var(--darkBlue);border-radius:10px;box-shadow:3px 3px 5px 2px rgba(0,0,0,.21);margin:30px auto 0}.feedCard__image{border-radius:10px 10px 0 0;width:100%;height:200px;object-fit:cover}.feedCard__content{padding:6%}.feedCard__content__hashtags{margin-bottom:20px;display:flex;grid-gap:5px;gap:5px;flex-wrap:wrap}.feedCard__content h2{color:var(--darkFont);font-size:20px;margin-top:20px}.FeedCardHashtag{color:var(--darkPink);font-size:11px;font-weight:200}.albumCover{box-shadow:3px 3px 5px 2px rgba(0,0,0,.21);border-radius:7px;flex-shrink:0}.albumSpecifics{height:85px;max-width:400px;display:flex;align-items:center;justify-content:space-between;color:var(--darkFont)}.albumSpecifics__content{display:flex}.albumSpecifics__content div{margin-left:20px;display:flex;flex-direction:column;justify-content:space-around}.albumSpecifics__content h3{font-weight:400;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.albumSpecifics__content p,.albumSpecifics__songCount{font-weight:200;font-size:12px}.viewAll{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:7%}.viewAll h3{color:var(--darkFont);font-size:16px;font-weight:600}.viewAll p{color:var(--darkPink);font-size:16px;font-weight:100}.albums{background-color:var(--darkMainBg);min-height:100vh;padding:var(--pagePadding);padding-bottom:var(--navPadding);overflow-x:hidden}.albums__featured{margin-bottom:7%}.albums__featured__images{display:flex;grid-gap:15px;gap:15px;margin-bottom:11%;margin-right:-6.1%;padding-right:6.1%;margin-left:-6.1%;padding-left:6.1%;flex-shrink:0;overflow-x:auto}.player{background-color:var(--darkMainBg);min-height:100vh;padding:var(--pagePadding);overflow:hidden;position:relative}.player__image{width:100vw;position:absolute;left:0;right:0;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}.player__image div{position:absolute;width:80%;height:115%;background-color:rgba(238,9,120,.09019607843137255);border-radius:50%;z-index:0}.player__image__bg{position:absolute;width:100%}.player__image__main{border-radius:50%;width:70%;border:15px solid rgba(238,9,120,.26666666666666666)}.player__content{width:88%;position:absolute;bottom:0}.player__content__info{color:var(--darkFont);text-align:center}.player__content__info h1{font-weight:600;font-size:18px}.player__content__info p{font-weight:200;font-size:14px;margin-bottom:30px;margin-top:10px}.player__content__soundBar{height:4px;background:linear-gradient(270deg,#ee0979,#ff6a00);border-radius:5px;margin-bottom:15px;display:flex;align-items:center;position:relative}.player__content__soundBar__progress{width:24px;height:24px;border-radius:50%;background-color:rgba(255,17,104,.30196078431372547);position:absolute;left:30%;display:flex;justify-content:center;align-items:center}.player__content__soundBar__progress:after{content:"";width:12px;height:12px;border-radius:50%;background-color:var(--darkPink)}.player__content__time{display:flex;justify-content:space-between;color:var(--darkFont);font-size:13px;font-weight:300}.player__content__controls{display:flex;justify-content:center;align-items:center;grid-gap:30px;gap:30px;margin-top:30px;margin-bottom:40px}.artists{background-color:var(--darkMainBg);min-height:100vh;padding:var(--pagePadding);padding-bottom:var(--navPadding);overflow:hidden}.artists__artistsMonth__slider{position:relative;min-width:500px;left:-210px;display:flex;margin:0 auto 11%}.artists__featured__portraits{display:flex;justify-content:space-between;margin-bottom:11%}.artists__topArtists__countryBoxes{display:flex;justify-content:space-between;grid-gap:10px;gap:10px}.artists__topArtists__countryBoxes__global,.artists__topArtists__countryBoxes__us{width:50%;height:140px;background:linear-gradient(0deg,#5eb11c,#3a7634);border-radius:10px;box-shadow:3px 3px 5px 2px rgba(0,0,0,.21);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--darkFont)}.artists__topArtists__countryBoxes__global h2,.artists__topArtists__countryBoxes__us h2{font-size:30px}.artists__topArtists__countryBoxes__global p,.artists__topArtists__countryBoxes__us p{font-size:15px;font-weight:200}.artists__topArtists__countryBoxes__us{background:linear-gradient(0deg,#5eb11c,#3a7634)}.artists__topArtists__countryBoxes__global{background:linear-gradient(0deg,#00a1cb,#115793)}.artistSlide{width:250px;height:150px;position:relative;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:3px 3px 5px 2px rgba(0,0,0,.21);flex-shrink:0}.artistSlide img{border-radius:10px;position:absolute;height:100%;width:100%;object-fit:cover}.artistSlide div{position:relative;z-index:5;text-align:center}.artistSlide div p{font-size:14px;color:var(--darkFont);margin-bottom:5px}.artistSlide div h4{font-size:16px;margin-bottom:20px;color:var(--darkPink)}.featuredArtist{width:25vw;display:flex;flex-direction:column;align-items:center}.featuredArtist p{color:var(--darkFont);font-size:14px;font-weight:300;margin-top:15px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}.albumDetails{background-color:var(--darkMainBg);min-height:100vh;padding:var(--pagePadding);padding-bottom:var(--navPadding)}.albumDetails__topContainer{height:50vh;position:absolute;top:0;left:0;right:0}.albumDetails__topContainer img{position:absolute;width:100%;height:100%;object-fit:cover}.albumDetails__topContainer__overlay{position:absolute;right:0;left:0;top:0;bottom:0;background:linear-gradient(0deg,#000,rgba(0,0,0,.219),#000)}.albumDetails__topContainer__content{position:relative;z-index:5;padding:var(--pagePadding);margin-top:85px;height:calc(100% - 85px);display:flex;flex-direction:column;justify-content:space-between;padding-bottom:30px}.albumDetails__topContainer__content__album{color:var(--darkFont)}.albumDetails__topContainer__content__album h1{font-size:32px}.albumDetails__topContainer__content__album h3{font-size:17px;font-weight:400}.albumDetails__topContainer__content__hashtags{color:var(--darkFont)}.albumDetails__topContainer__content__hashtags__title{font-size:14px;font-weight:300;margin-bottom:10px}.albumDetails__topContainer__content__hashtags div{display:flex;flex-wrap:wrap;grid-gap:10px 0;gap:10px 0}.albumDetails__songContainer{margin-top:calc(50vh - 70px + 11%)}.albumDetails__songContainer__songs{display:flex;flex-direction:column}.albumDetails__songContainer__songs article:first-child{margin-top:0}.song{margin-bottom:25px;max-width:400px;justify-content:space-between;color:var(--darkFont)}.song,.song__content{display:flex;align-items:center}.song__content{height:45px}.song__content div{width:40px;height:40px}.song__content div img{width:12px;height:15px}.song__content section{height:100%;margin-left:20px;display:flex;flex-direction:column;justify-content:space-between}.song__content h3{font-weight:400;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.song__content p,.song__songLength{font-weight:200;font-size:12px}.highlightedSong{height:85px;border-radius:8px;background:linear-gradient(90deg,#ee0979,#ff6a00);display:flex;box-shadow:0 0 15px 15px rgba(0,0,0,.281);color:var(--darkFont);margin-bottom:25px}.highlightedSong__imageContainer{width:85px;display:flex;justify-content:center;align-items:center;position:relative;flex-shrink:0}.highlightedSong__imageContainer__background{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:8px 0 0 8px}.highlightedSong div{width:40px;height:40px;z-index:5}.highlightedSong div img{width:12px;height:15px}.highlightedSong__content{padding:15px;width:100%;display:flex;justify-content:space-between;align-items:center}.highlightedSong__content article h3{font-weight:400;font-size:15px;margin-bottom:5px}.highlightedSong__content article p{font-weight:200;font-size:13px}.highlightedSong__content__songLength{font-weight:200;font-size:12px}.songs{background-color:var(--darkMainBg);min-height:100vh;padding:var(--pagePadding);padding-bottom:var(--navPadding);overflow-y:auto}.songs__container{position:relative}.songs__container aside{display:flex;flex-direction:column;align-items:center;position:absolute;right:-3%;color:var(--darkFont);font-size:10px}.songs__container__songList{margin-right:25px}.songs__container__songList article:first-child{margin-top:0}.categories{background-color:var(--darkMainBg);padding:var(--pagePadding);padding-bottom:var(--navPadding);min-height:100vh}.categories__container{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.categoryContainer__category{display:flex;align-items:center;justify-content:space-between;border-radius:10px;height:51px;padding:0 25px}.categoryContainer__category h3{font-size:14px;color:var(--darkFont);pointer-events:none}.categoryContainer__category img{pointer-events:none}.categoryContainer__undercategories{flex-direction:column;grid-gap:15px;gap:15px;padding:0 25px}.undercategory{display:flex;justify-content:space-between;align-items:center}.undercategory p{font-size:13px;font-weight:300;margin-right:20px;color:var(--darkFont)}.undercategory:first-child{margin-top:15px}.featured{background-color:var(--darkMainBg);min-height:100vh;padding:var(--pagePadding);padding-bottom:var(--navPadding)}.featuredCard{position:relative;width:100%;height:400px;border-radius:10px;box-shadow:0 0 15px 15px rgba(0,0,0,.281);display:flex;align-items:flex-end;margin-bottom:50px}.featuredCard img{object-fit:cover}.featuredCard__overlay,.featuredCard img{border-radius:10px;position:absolute;width:100%;height:100%}.featuredCard__overlay{background:linear-gradient(180deg,rgba(0,0,0,.075),#000)}.featuredCard__content{color:var(--darkFont);position:relative;padding:25px;z-index:5;margin-bottom:25px}.featuredCard__content h2{font-size:30px;margin-bottom:15px}.featuredCard__content p{font-size:13px}.playlists{background-color:var(--darkMainBg);min-height:100vh;padding:var(--pagePadding);padding-bottom:var(--navPadding);overflow:hidden}.playlists__decoration{position:absolute;top:0;left:0;right:0}.playlists__slider{position:relative;z-index:10;display:flex;flex-shrink:0;overflow-x:scroll;grid-gap:25px;gap:25px;margin-bottom:11%;margin-right:-6.1%;padding-right:6.1%;margin-left:-6.1%;padding-left:6.1%}.bigButton{font-family:"Poppins",sans-serif;width:100%;max-width:600px;border:3px solid #fff;background:none;height:60px;border-radius:25px;margin-top:30px;color:var(--darkFont);font-size:16px;font-weight:600;letter-spacing:1px;cursor:pointer;pointer-events:none}.playlistSlide{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.playlistSlide img{pointer-events:none}.playlistSlide h2{color:var(--darkFont);font-size:18px;text-align:center}.playlistSlide__content{margin-top:15px}
/*# sourceMappingURL=main.55066ced.chunk.css.map */