@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap);.playListItemContainer{align-items:flex-end;aspect-ratio:1/1;border-radius:24px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);cursor:pointer;display:flex;justify-content:center;max-width:200px;overflow:hidden;position:relative;width:100%}.playListItemContainer .playlistImage{aspect-ratio:1/1;height:100%;object-fit:cover;width:100%}.playListBottomContainer{background-color:rgba(0,0,0,.716);border-radius:24px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:.5em;overflow:hidden;padding:.5em 1em;position:absolute;width:90%;z-index:3}.playListBottomContainer .playlistSongIcon{width:15px}.playListActionButton{align-items:center;display:flex}.playListActionButton .filteredImg{-webkit-filter:invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%);filter:invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%);max-width:35px}.detailDescription{display:flex;gap:5px}.detailDescription span{font-size:12px}.detailTitle{font-size:14px;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:500px){.playListItemContainer{max-height:150px;max-width:150px}}@-webkit-keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;width:100%;z-index:1}.react-loading-skeleton:after{-webkit-animation-direction:var(--animation-direction);animation-direction:var(--animation-direction);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:react-loading-skeleton;animation-name:react-loading-skeleton;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.skeletonColumn{display:flex;flex-direction:column}.skeletonRow{align-items:center;display:flex;flex-direction:row;gap:1em;width:60%}.alice-carousel .animated{-webkit-animation-fill-mode:both;animation-fill-mode:both}.alice-carousel .animated-out{z-index:1}.alice-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.alice-carousel{direction:ltr;margin:auto;position:relative;width:100%}.alice-carousel__wrapper{height:auto;overflow-x:hidden;overflow-y:hidden}.alice-carousel__stage,.alice-carousel__wrapper{box-sizing:border-box;position:relative;width:100%}.alice-carousel__stage{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;margin:0;padding:0;transform-style:flat;-webkit-transform-style:flat;white-space:nowrap}.alice-carousel__stage-item{box-sizing:border-box;display:inline-block;height:100%;line-height:0;margin:0;padding:0;position:relative;vertical-align:top;white-space:normal;width:100%}.alice-carousel__stage-item *{line-height:normal}.alice-carousel__stage-item.__hidden{opacity:0;overflow:hidden}.alice-carousel__next-btn,.alice-carousel__prev-btn{box-sizing:border-box;display:inline-block;padding:10px 5px;width:50%}.alice-carousel__next-btn [data-area]:after,.alice-carousel__prev-btn [data-area]:after{content:attr(data-area);position:relative;text-transform:capitalize}.alice-carousel__prev-btn{text-align:right}.alice-carousel__next-btn-item,.alice-carousel__prev-btn-item{color:#465798;cursor:pointer;display:inline-block;margin:0;padding:5px}.alice-carousel__next-btn-item:hover,.alice-carousel__prev-btn-item:hover{color:darkred}.alice-carousel__next-btn-item.__inactive,.alice-carousel__prev-btn-item.__inactive{opacity:.4;pointer-events:none}.alice-carousel__play-btn{display:inline-block;left:20px;position:absolute;top:30px}.alice-carousel__play-btn:hover{cursor:pointer}.alice-carousel__play-btn-wrapper{background-color:#fff;border-radius:50%;height:32px;padding:10px;position:relative;width:32px}.alice-carousel__play-btn-item{background:transparent;border:0;cursor:pointer;height:32px;outline:none;position:absolute;width:32px}.alice-carousel__play-btn-item:after,.alice-carousel__play-btn-item:before{border-color:transparent transparent transparent #465798;border-style:solid;border-width:8px 0 8px 15px;content:"";display:block;height:0;pointer-events:none;position:absolute;transition:all .4s linear;width:0}.alice-carousel__play-btn-item:before{height:14px;left:5px}.alice-carousel__play-btn-item:after{left:18px;top:7px}.alice-carousel__play-btn-item.__pause:after,.alice-carousel__play-btn-item.__pause:before{border-width:0 0 0 10px;height:30px}.alice-carousel__play-btn-item.__pause:after{left:18px;top:0}.alice-carousel__dots{list-style:none;margin:30px 3px 5px;padding:0;text-align:center}.alice-carousel__dots>li{display:inline-block}.alice-carousel__dots-item:not(.__custom){background-color:#e0e4fb;border-radius:50%;cursor:pointer;height:8px;width:8px}.alice-carousel__dots-item:not(.__custom):not(:last-child){margin-right:20px}.alice-carousel__dots-item:not(.__custom).__active,.alice-carousel__dots-item:not(.__custom):hover{background-color:#6e7ebc}.alice-carousel__slide-info{background-color:rgba(224,228,251,.6);border-radius:5px;color:#465798;display:inline-block;padding:5px 10px;position:absolute;right:20px;top:20px}.alice-carousel__slide-info-item{line-height:0;vertical-align:middle}.LinkHeader{margin-bottom:1em}.homeContainer{display:flex;flex-direction:column;gap:1.5em;padding:1.5em;width:100%}.homeBottomCol,.skeletonFlexRow{display:flex;gap:1em}.homeBottomCol{justify-content:space-between}.homeBottomCol .trendingHeader{align-items:center;display:flex;gap:2em}.homeBottomCol .homeLikedSongsContainer,.homeBottomCol .homeTrendingTracksContainer{min-width:400px;width:100%}.homeBottomCol .homeTrendingArtistsContainer{height:500px;min-width:400px;overflow:hidden}.homeBottomCol .homeTrendingArtistsContainer .trendingHeader{display:flex;gap:3em}.homeBottomCol .homeTrendingArtistsContainer .artistListWrapper{gap:2.5em;overflow:hidden}.homeBottomCol .homeTrendingArtistsContainer .artistItemWrapper{width:150px}@media screen and (max-width:1315px){.homeBottomCol{flex-wrap:wrap}.homeBottomCol .homeLikedSongsContainer,.homeBottomCol .homeTrendingTracksContainer{width:45%}}@media only screen and (max-width:768px){.homeContainer{width:100%}.homeBottomCol{gap:2em;width:100%}.homeLikedSongsContainer,.homeTrendingArtistsContainer,.homeTrendingTracksContainer{min-width:300px!important;width:100%!important}}.artistItemWrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:1em;padding:.25em 1em;position:relative}.artistItemWrapper .imageWrapper{aspect-ratio:1/1;border-radius:50%;max-width:150px;overflow:hidden;width:100%}.artistItemWrapper .imageWrapper img{aspect-ratio:1/1;object-fit:cover;width:100%}.artistItemWrapper .followedUserWrapper{background-color:#26033e;border:2px solid #161434;border-radius:50px;padding:.25em;position:absolute;right:30px;top:20px;width:30px}.artistItemWrapper .followedUserWrapper img{-webkit-filter:invert(100%) sepia(0) saturate(7493%) hue-rotate(184deg) brightness(107%) contrast(96%);filter:invert(100%) sepia(0) saturate(7493%) hue-rotate(184deg) brightness(107%) contrast(96%)}.artistItemWrapper .followUserBtn{background-color:#26033e;border-radius:50px;bottom:50px;height:40px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:20px;width:40px}.artistItemWrapper .followUserBtn img{-webkit-filter:invert(92%) sepia(7%) saturate(106%) hue-rotate(233deg) brightness(95%) contrast(93%);filter:invert(92%) sepia(7%) saturate(106%) hue-rotate(233deg) brightness(95%) contrast(93%);width:100%}.artistItemWrapper .artistItemName{text-align:center;width:100px}.artistItemWrapper:hover{background-color:hsla(276,7%,86%,.179)}.artistItemWrapper:hover .followUserBtn{display:block;opacity:1!important;pointer-events:all;transition:.7s}.artistListWrapper{display:flex;flex-wrap:wrap;gap:2em}.icon{color:#9c32f1;height:40px;width:40px}.playButtonWrapper{width:25%}.trendingItemContainer{display:flex;gap:1em;padding:.5em;position:relative;width:100%}.playingTrackItem{display:none;position:absolute}.trendingItemImg{aspect-ratio:1/1;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);min-height:50px;object-fit:cover;width:50px}.detailsWrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.detailsWrapper .detailsTitle{color:#26033e;font-size:14px;font-weight:600}.detailsWrapper .detailsDescription{color:#666;font-size:12px;margin-right:.5em}@media screen and (max-width:500px){.playingTrackItem{display:block}}.likeButton{border-radius:50px;width:50px}.likeButton .likeImage{max-width:25px;width:25px}.upperDialog{bottom:90px;right:0}.lowerDialog{bottom:-130px;right:0}.dialogInformationWrapper{background-color:#1b1732;font-size:.85em;min-height:100px;padding:0;position:absolute;width:180px;z-index:2}.dialogInformationWrapper button{color:#fff;text-align:left;width:100%}.dialogInformationWrapper ul{list-style:none;margin:0;padding:0}.dialogInformationWrapper ul li{margin:0;padding:.35em}.dialogInformationWrapper ul li:hover{background-color:#666;opacity:.7}.modal{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .3s ease-in-out;width:100%;z-index:99}.showModal{opacity:1;pointer-events:all}.closeButton{width:30px}.modalContent{background-color:#fff;border-radius:24px;display:flex;flex-direction:column;gap:2em;max-width:500px;min-height:400px;padding:.75em}.modalContent .modalHeader{display:inline-flex;justify-content:space-between;margin-top:.75em}.modalContent .modalHeader img{border-radius:50px;box-shadow:none}.modalContent .modalHeader img:hover{background-color:rgba(0,0,0,.134)}.modalContent .modalBody{align-items:center;display:flex;height:300px;justify-content:center}.playlistScroller{max-height:100%;overflow-y:scroll}.playlistScroller>*{cursor:pointer}.disabledlPlaylistWrapper{opacity:.5;pointer-events:none}.modalPlaylistWrapper{align-items:center;display:flex;gap:1em;justify-content:center;width:300px}.modalPlaylistWrapper:hover{background-color:hsla(276,7%,86%,.179)}.modalPlaylistWrapper .modalPlaylistImage{border-radius:8px;height:50px;overflow:hidden;width:50px}.modalPlaylistWrapper .modalPlaylistImage img{aspect-ratio:1/1;object-fit:cover;width:100%}.modalPlaylistWrapper .modalPlaylistName{color:#26033e;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}.trendingTrackItemContainer{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;position:relative;width:100%}.trendingTrackItemContainer:hover{background-color:hsla(276,7%,86%,.179)}.trendingTrackItemContainer .verticalDots{color:#666;width:24px}@media screen and (max-width:500px){.trendingTrackItemContainer .likeButton,.trendingTrackItemContainer .playButtonWrapper{display:none}}.trendingHeaderWrapper{align-items:center;display:flex;flex-direction:row;gap:0;justify-content:space-between;width:100%}.trendingListWrapper{align-items:center;display:flex;flex-direction:column;gap:.5em;justify-content:center;max-width:700px;padding:1em 0}.profileSection{align-items:flex-start;display:flex;flex-direction:column;gap:1.5em;justify-content:space-between;padding:3em}.button{align-items:center;background:linear-gradient(135deg,#c685fd,#9c32f1);border-radius:24px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);color:#fff;display:flex;font-weight:600;justify-content:center;line-height:1.2;text-transform:uppercase;width:100%}.inputContainer .inputWrapper{position:relative;width:100%}.inputContainer .inputWrapper input{background:transparent;border:none;border-bottom:2px solid #dcd9de;color:#333;display:block;height:60px;line-height:1.2;outline:none;padding:0 7px 0 43px;width:100%}.inputContainer .inputWrapper input:focus{border-bottom:2px solid #383254!important}.inputContainer .inputWrapper .inputError{border-bottom:2px solid #bb3e03!important}label{color:#333;font-size:14px;line-height:1.5;padding-left:7px}.inputIcon{left:7px;position:absolute;top:41px;width:22px}.errorText{color:#bb3e03;height:25px;margin-top:.25rem}.accountEditInputWrapper{position:relative;width:100%}.accountEditInputLabel{font-weight:500;width:100%}.accountEditInputLabel input{display:block}.accountEditInput{border:1px solid #d3d3d3;border-radius:12px;line-height:1.5;outline:none;padding:.75em 0 .75em 2.5em;width:100%}.accountEditInput:focus{border:2px solid #000!important}.inputError{border:1px solid #bb3e03}.accountEditInputIcon{width:16px}.togglePasswordVisibility{left:4px;position:absolute;top:calc(50% - 2px);width:24px}.errorContainer{border:none;border-radius:.25em;color:#bb3e03;padding:.5em;text-align:center}.changePasswordFormContainer{align-items:flex-start;display:flex;flex-direction:column;gap:0;justify-content:space-between;max-width:500px;padding:2em}.changePasswordFormSubmitButton,.changePasswordFormWrapper{margin-top:1em}.flexWrapper{align-items:center;flex-direction:row;gap:1em;justify-content:flex-end}.backButton{color:#26033e;text-decoration:none}.backButton:hover{text-decoration:underline}.ArtistSection{align-items:flex-start;display:flex;flex-direction:column;gap:1.5em;justify-content:space-between;padding:3em}.ArtistSection .becomeArtistImageWrapper{display:flex;flex-wrap:wrap;gap:2em;width:100%}.ArtistSection .becomeArtistImageWrapper .becomeArtistText{display:flex;flex-direction:column;gap:1em;justify-content:space-between}.ArtistSection .becomeArtistImageWrapper .becomeArtistText p{font-size:18px;max-width:400px}.ArtistSection .becomeArtistImageWrapper img{max-width:400px;object-fit:cover;width:100%}.ArtistSection .artisticNameForm{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100%}.ArtistSection .actionButtonsWrapper{align-items:center;display:flex;gap:2em;max-width:300px}.heading1 p{font-size:15px}.songPlayerWrapper{display:flex;gap:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:300px;z-index:1}.songPlayerWrapper img{aspect-ratio:1/1;border-radius:12px;object-fit:cover;width:70px}.songPlayerWrapper h3{color:#fff}.songPlayerWrapper span{color:#dcd9de;font-size:12px}@media only screen and (max-width:810px){.songPlayerWrapper{max-width:400px;padding:0}.songPlayerInfo{gap:1em;margin-bottom:8px;padding:0 1em;width:100%}.songPlayerInfo h3{line-height:1}@-webkit-keyframes horizontal-slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(200px);transform:translateX(200px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(-200px);transform:translateX(-200px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes horizontal-slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(200px);transform:translateX(200px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(-200px);transform:translateX(-200px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}}@media only screen and (max-width:475px){.songPlayerInfo{display:flex}.controlButtonsWrapper{justify-content:center}}.volumeWrapper{align-items:center;display:flex;justify-content:flex-start}.volumeWrapper .volumeButton{width:1.75em}.volumeWrapper .volumeRange{--bar-bg:#fff;--seek-before-width:0;--seek-before-color:#c685fd;-webkit-appearance:none;appearance:none;background:#fff;border-radius:10px;height:4px;outline:none;position:relative;width:80px;-webkit-writing-mode:bt-lr;-ms-writing-mode:bt-lr;writing-mode:bt-lr}.volumeWrapper .volumeRange::-webkit-slider-runnable-track{background:#fff;border-radius:10px;height:4px;outline:none;position:relative;width:100%}.volumeWrapper .volumeRange::-moz-range-track{background:#fff;border-radius:10px;height:4px;outline:none;position:relative;width:100%}.volumeWrapper .volumeRange::-moz-focus-outer{border:0}.volumeWrapper .volumeRange:before{background-color:var(--seek-before-color);border-bottom-left-radius:10px;border-top-left-radius:10px;content:"";cursor:pointer;height:4px;left:0;position:absolute;top:0;width:var(--seek-before-width);z-index:2}.volumeWrapper .volumeRange::-moz-range-progress{background-color:var(--seek-before-color);border-bottom-left-radius:10px;border-top-left-radius:10px;height:4px}.volumeWrapper .volumeRange::-webkit-slider-thumb{-webkit-appearance:none;background-color:#9c32f1;border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:10px;margin:-2px 0 0;position:relative;width:10px;z-index:3}.volumeWrapper .volumeRange:active::-webkit-slider-thumb{background:#9c32f1;-webkit-transform:scale(1.2);transform:scale(1.2)}.volumeWrapper .volumeRange::-moz-range-thumb{background-color:#9c32f1;border:transparent;border-radius:50%;box-sizing:border-box;cursor:pointer;height:10px;position:relative;width:10px;z-index:3}.volumeWrapper .volumeRange:active::-moz-range-thumb{background:#9c32f1;transform:scale(1.2)}@media only screen and (max-width:680px){.volumeWrapper{display:none}}.queueButton{width:30px}.queueButton img{-webkit-filter:invert(100%) sepia(7%) saturate(7500%) hue-rotate(226deg) brightness(119%) contrast(106%);filter:invert(100%) sepia(7%) saturate(7500%) hue-rotate(226deg) brightness(119%) contrast(106%)}.currentTime,.duration{color:#fff;font-weight:500}.playerContainer{bottom:0;position:absolute;width:100%;z-index:21}.playerContainer .playerWrapper{align-items:flex-end;background:#383254;display:flex;justify-content:space-between;padding:.75em;width:100%}.playerContainer .playerWrapper .controllersWrapper{align-items:center;display:flex;flex-direction:column;width:70%}@media screen and (max-width:475px){.playerWrapper{align-items:center!important;flex-direction:column!important;gap:.5em}}.progressInputContainer{display:flex;justify-content:center;width:300px}.progressBarWrapper{align-items:center;display:flex;gap:1em;justify-content:center;padding:0 1em}.currentTime,.duration{font-size:12px}.progressBar{--bar-bg:#d7d7d7;--seek-before-width:0;--seek-before-color:#c685fd;-webkit-appearance:none;appearance:none;background:var(--bar-bg);border-radius:10px;height:4px;outline:none;position:relative;width:300px}.progressBar::-webkit-slider-runnable-track{background:var(--bar-bg);border-radius:10px;height:4px;outline:none;position:relative;width:100%}.progressBar::-moz-range-track{background:var(--bar-bg);border-radius:10px;height:4px;outline:none;position:relative;width:100%}.progressBar::-moz-focus-outer{border:0}.progressBar:before{background-color:var(--seek-before-color);border-bottom-left-radius:10px;border-top-left-radius:10px;content:"";cursor:pointer;height:4px;left:0;position:absolute;top:0;width:var(--seek-before-width);z-index:2}.progressBar::-moz-range-progress{background-color:var(--seek-before-color);border-bottom-left-radius:10px;border-top-left-radius:10px;height:4px}.progressBar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#9c32f1;border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:10px;margin:-2px 0 0;position:relative;width:10px;z-index:3}.progressBar:active::-webkit-slider-thumb{background:#9c32f1;-webkit-transform:scale(1.4);transform:scale(1.4)}.progressBar::-moz-range-thumb{background-color:#9c32f1;border:transparent;border-radius:50%;box-sizing:border-box;cursor:pointer;height:10px;position:relative;width:10px;z-index:3}.progressBar:active::-moz-range-thumb{background:#9c32f1;transform:scale(1.4)}.primaryControlsWrapper{align-items:center;display:flex;flex-direction:column}.primaryControlsWrapper .controlButtonsWrapper{align-items:center;display:flex;gap:.5em}.primaryControlsWrapper img.randomFilterImg{-webkit-filter:invert(72%) sepia(70%) saturate(3807%) hue-rotate(221deg) brightness(101%) contrast(99%);filter:invert(72%) sepia(70%) saturate(3807%) hue-rotate(221deg) brightness(101%) contrast(99%)}.primaryControlsWrapper img.filteredImg{-webkit-filter:invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%);filter:invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)}.primaryControlsWrapper .alterButton{width:1.55em}.primaryControlsWrapper .nextPreviousButton{width:1.7em}.primaryControlsWrapper .playStopButton{width:3em}@media only screen and (max-width:900px){.primaryControlsWrapper{max-width:400px}}@media only screen and (max-width:810px){.progressInputContainer{left:0;position:absolute;top:-1.5px;width:100%}.progressBar{margin:0;width:100%}.currentTime,.duration{display:none}.songPlayerWrapper img{width:50px}.songPlayerInfo{margin-bottom:0;padding:0}}@media only screen and (max-width:475px){.songPlayerWrapper img{display:none}}li{cursor:pointer;margin:.5em 0;width:100%}li .listItemLink{align-items:center;color:#666;display:inline;display:inline-flex;gap:1em;padding:0;text-decoration:none!important}li .listItemLink img{width:1.5em}li .listItemLink:hover{color:#fff}li .listItemLink:hover img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navListWrapper h4,li .activeLink{color:#fff}.navListWrapper ul{list-style:none;padding:0}.navigationContainer{margin:1.2em 0}.accountSettings{margin-top:1.5em}.asideLogoWrapper{margin-bottom:1.5em;max-width:75px}.profileWrapper{align-items:center;display:flex;gap:.75em}.profileWrapper h3{color:#fff}.asideUserSvg{color:#fff;width:36px}.hamburgerButton{display:none;position:absolute;right:4px;top:4px;z-index:25}.hamburgerButton img{width:40px}.hamburgerLogoWrapper img{width:70%}.navlistsWrapper{margin-top:2em}.hamburgerWrapper{background-color:#1b1732;display:none;height:98vh;max-width:275px;padding:1em 2em;position:absolute;right:0;width:100%;z-index:20}@media screen and (max-width:1010px){.hamburgerButton,.hamburgerWrapper{display:block}}@media screen and (max-width:400px){.hamburgerWrapper{border-radius:0;max-width:100vw}}.appHeader{align-items:center;background-color:#fff;box-shadow:0 10px 10px -10px rgba(33,35,38,.1);display:none;height:48px;position:absolute;top:0;width:100%}.appHeader .appHeaderLogo{width:100px}@media screen and (max-width:1010px){.appHeader{display:flex!important}.artistHeader,.playlistHeader{box-shadow:none!important}.hamburgerButton,.hamburgerWrapper{display:block}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translate3d(0,0,9999 px);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.Toastify--animate-icon{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.f{--y:calc(var(--len) - var(--nth));bottom:0;min-height:80px;position:absolute;right:0;-webkit-transform:translate3d(0,calc(var(--y)*-40%),0) scale(calc(1 - var(--y)*.05));transform:translate3d(0,calc(var(--y)*-40%),0) scale(calc(1 - var(--y)*.05));transition:all .3s;width:100%}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@-webkit-keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}.Toastify__spinner{-webkit-animation:Toastify__spin .65s linear infinite;animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown}@-webkit-keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.appWrapper{background-color:#1b1732;display:flex;max-height:100vh;min-height:100vh;position:relative;width:100%}.appWrapper aside.appAside{background-color:#1b1732;color:#666;display:flex;flex-direction:column;padding:1em;width:300px}.appWrapper .appContent{background-color:#fff;overflow:scroll;padding:0 0 5.75em;position:relative;width:90%}@media screen and (max-width:1010px){aside.appAside{display:none!important}.appContent{margin-top:48px;min-width:100%}}.musicLikedContainer{padding:1.5em}.uploadTrackFormContainer{flex-direction:column;gap:100px}.dragArea,.uploadTrackFormContainer{align-items:center;display:flex;justify-content:center}.dragArea{border:3px dashed #383254;flex-wrap:wrap;height:400px;max-width:600px;padding:1.5em}.dragArea .btnWrapper{max-width:200px}.uploadBarWrapper{margin:50px auto;max-width:500px}.uploadBarWrapper h1{text-align:center}.uploadBarWrapper .uploadBarContainer{align-items:center;border:1px solid #fff;border-radius:10px;display:flex;height:50px;justify-content:center;overflow:hidden;position:relative;width:100%}.uploadBarWrapper .uploadBarContainer .uploadBarComplete{-webkit-animation:g 2.5s ease-in-out infinite;animation:g 2.5s ease-in-out infinite;background-color:#5225bd;border-radius:10px;height:100%;left:0;position:absolute;top:0;z-index:2}.uploadBarWrapper .uploadBarContainer .uploadBarComplete .uploadBarLiquid{-webkit-animation:g 2.5s ease-in-out infinite,r 3s cubic-bezier(.5,.5,.5,.5) infinite;animation:g 2.5s ease-in-out infinite,r 3s cubic-bezier(.5,.5,.5,.5) infinite;background-color:#5225bd;border-radius:40%;height:70px;position:absolute;right:-5px;top:-10px;width:70px;z-index:1}.uploadBarWrapper .uploadBarContainer .progress{z-index:2}@-webkit-keyframes g{0%{background-color:#5225bd}50%{background-color:#607e9e}to{background-color:#5225bd}}@keyframes g{0%{background-color:#5225bd}50%{background-color:#607e9e}to{background-color:#5225bd}}@-webkit-keyframes r{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes r{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.userInfoRowContainer{align-items:flex-start;border-bottom:1px solid #d3d3d3;display:flex;flex-direction:row;gap:0;justify-content:space-between;padding:1em 0}.userInfoWrapper{width:50%}.userInfoType{color:#dcd9de}.userInfoDetails{text-align:left}.accountContainer{align-items:flex-start;display:flex;flex-direction:column;gap:0;justify-content:space-between;padding:1.5em}.accountContainer a{text-decoration:none}.accountContainer img{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.accountCols{align-items:flex-start;display:flex;flex-direction:row;gap:3em;justify-content:space-between;width:100%}.accountCols .colsWrapper{max-width:600px;width:100%}.accountCols section{margin-top:2em}.accountCols div.buttonWrapper{align-items:center;display:flex;flex-direction:row;gap:0;justify-content:flex-end;width:100%}.accountCols .accountLink{align-items:center;background:linear-gradient(135deg,#c685fd,#9c32f1);border-radius:24px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);color:#fff;display:flex;flex-direction:row;font-weight:500;gap:0;height:30px;justify-content:center;line-height:1;margin-top:1em;padding:0 10px;width:125px}.accountCols .accountLink:hover{text-decoration:none;-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .1s ease-out}.flex-between{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.accountAvatarContainer{align-items:center;display:flex;flex-direction:column;max-width:150px}.avatar{margin-top:2em;width:50px}.editAvatarButton{font-size:16px}.editAvatarButton:hover{text-decoration:underline}.modalBody{gap:0}.accountUpdateModalForm,.modalBody{align-items:center;display:flex;flex-direction:column;justify-content:center}.accountUpdateModalForm{gap:1em;max-width:100%;width:300px}.accountUpdateModalForm button{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);margin-top:1em}.accountUpdateModalForm input[type=file]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.accountUpdateModalForm .buttonWrapper{display:flex;gap:1.5em;width:100%}.accountUpdateModalForm .buttonWrapper .uploadButton{align-items:center;border:1px solid #9c32f1;border-radius:24px;display:flex;font-weight:500;justify-content:center;padding:10px 20px;width:100%}.newAvatar{border-radius:24px;height:150px;object-fit:cover;overflow:hidden;width:150px}.accountTopRow{display:flex;gap:2em;justify-content:space-between;margin:0!important;width:50%}.avatar{aspect-ratio:1/1;border-radius:40px;margin:0!important;object-fit:cover;width:100%}.artistHeader{box-shadow:0 10px 10px -10px rgba(33,35,38,.1);gap:1em;padding-bottom:1em}.artistHeader,.artistInfo{display:flex;min-height:150px}.artistInfo{flex-direction:column;height:100%;justify-content:space-between}.artistInfo img{max-width:25px}.artistInfo button{max-width:100px}.WrapperFollow{color:#666;display:flex;font-size:12px;gap:.5em}.WrapperFollow img{-webkit-filter:invert(40%) sepia(6%) saturate(9%) hue-rotate(329deg) brightness(93%) contrast(78%);filter:invert(40%) sepia(6%) saturate(9%) hue-rotate(329deg) brightness(93%) contrast(78%);height:auto;width:16px}.artistName{color:#26033e;font-size:1.5rem;min-width:300px}.artistSectionContainer{display:flex;flex-direction:column;gap:2em;padding-left:1.5em;padding-top:1.5em}.artistImageContainer img{border-radius:24px;max-height:150px;max-width:150px;min-height:150px;min-width:150px;object-fit:cover}.trendingPlaylistContainer{display:flex;flex-direction:row;gap:1.5em}.searchMainContainer{padding:1em}.genresContainer{display:flex;flex-wrap:wrap;gap:1em}.genreWrapper{background:#161434;border-radius:24px;display:flex;height:200px;width:200px}.genreName{color:#fff;font-size:1.6em;font-weight:600;padding:.5em}.searhBar{background:transparent;border:2px solid #dcd9de;border-radius:24px;color:#26033e;display:block;line-height:1.2;margin:1em 0;max-width:300px;outline:none;padding:.5em 1em}.searhBar:focus{border:2px solid #383254!important}.searchPlaylistWrapper{display:flex;flex-wrap:wrap;gap:1em;margin-top:1em}.dragZoneWrapper{align-items:center;display:flex;justify-content:center}.formWrapper{display:flex;gap:2em}.formWrapper label{font-weight:500}.uploadTrackFileLabel>*{display:block}.uploadTrackFileLabel{align-items:center;display:flex;flex-direction:column}.uploadTrackFileLabel:hover{text-decoration:underline}.uploadTrackFileLabel .editTrackImageBtn{cursor:pointer;font-weight:500}.searchGenreInput{background:#fff;border:1px solid #d3d3d3;border-radius:12px;line-height:1.5;margin-top:1em;outline:none;padding:.75em 0 .75em 2.5em;width:100%}.buttonWrapper{margin-top:2em}.buttonWrapper button{width:150px}.rightCol{align-items:center;display:flex;justify-content:center;max-width:200px}.trackImage{aspect-ratio:1/1;border-radius:24px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);margin-bottom:1em;width:140px}@media only screen and (max-width:600px){.formWrapper{flex-direction:column}}.listWrapper{max-width:800px}.modalText span{display:block;font-size:1.75em;font-weight:600;margin-bottom:1em;text-align:center}.buttonsWrapper{display:flex;gap:2em;margin-top:1em}.buttonsWrapper .cancelBtn:hover{text-decoration:underline}.OpenCreatePlaylistButton{align-items:center;display:inline-flex;margin:0;max-width:300px}.playlistFormWrapper{display:flex;flex-direction:column;height:100%;justify-content:space-around}.playlistFormWrapper input{padding:.75em .55em}.playlistFormWrapper .playlistImageWrapper{max-height:170px;max-width:200px;position:relative}.playlistFormWrapper .playlistImageWrapper label{padding:0}.playlistFormWrapper .playlistImageWrapper .playlistImage{border-radius:5px;height:100%;object-fit:cover;width:100%}.playlistFormWrapper .playlistImageWrapper .playlistImage:hover{opacity:.5}.playlistFormWrapper .playlistImageWrapper .checkboxPublicAccess{display:flex;gap:.25em;margin-top:2em}.playlistFormWrapper .hoveredPlaylistImage{position:absolute;right:35%;text-align:center;top:30%}.playlistFormWrapper .hoveredPlaylistImage img{width:60px}.playlistFormWrapper .playlistInputsContainer{display:inline-flex;gap:2em;justify-content:center}.playlistFormWrapper .playlistTextInputs{display:block}.playlistFormWrapper .playlistTextInputs input,.playlistFormWrapper .playlistTextInputs textarea{font-weight:400;margin-top:.5em;padding:1em}.playlistFormWrapper .playlistTextInputs .textareaLabel{font-weight:500}.playlistFormWrapper .playlistTextArea{border:1px solid #d3d3d3;border-radius:12px;max-height:100px;outline:none;padding:.25em;resize:none;width:100%}.playlistFormWrapper .playlistTextArea:focus{border:2px solid #000}@media screen and (max-width:500px){.playlistImageWrapper{display:none}}.playlistHeadingWrapper{align-items:center;display:flex;gap:2em;margin-top:1em;padding:1.5em}.headingFollowedPlaylist{padding:1em}.myPlaylistWrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5em;padding:1.5em}.playlistDetailsWrapper{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:768px){.playlistHeadingWrapper{align-items:flex-start;flex-direction:column;gap:.5em}}.playlistHeader{box-shadow:0 10px 10px -10px rgba(33,35,38,.1);display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1.25em}.playlistHeader .playlistImageWrapper{text-align:center}.playlistHeader .playlistImage{aspect-ratio:1/1;border-radius:24px;object-fit:cover;width:150px}.followButtonWrapper{align-items:center;display:flex;gap:.5em}.playlistPlayButton{outline:1px solid red;width:100%}.editableInformationWrapper{align-items:center;display:flex;gap:1em;padding:1em;width:100%}.editableInformationWrapper .headingFollowPlaylist{display:flex;gap:1em}.editableInformationWrapper .editablePlaylistButton{width:30px}.editableInformationWrapper .editablePlaylistButton:hover{text-decoration:underline}.editableInformationWrapper .playlistInfoWrapper{display:flex;flex-direction:column;gap:.75em;overflow:hidden;width:100%}.editableInformationWrapper .playlistInfoWrapper p{font-size:14px;overflow:hidden;text-overflow:ellipsis}.editableInformationWrapper .playlistInfoWrapper .buttonsWrapper{align-items:center;display:flex;margin:0}.playlistButtonWrapper{align-items:center;display:flex;width:30px}.playlistTracksWrapper{padding:1.5em}.playlistFollowBtn{border:1px solid #9c32f1;border-radius:24px;color:#26033e;font-size:12px;font-weight:500;padding:2px 8px}@media screen and (max-width:500px){.headingFollowPlaylist{flex-wrap:wrap;width:80%}.editablePlaylistButton{max-width:100px}}@media screen and (min-width:810px){.playlistHeader h2{font-size:3em!important}.playlistButtonWrapper{width:50px}.playlistButtonWrapper img{-webkit-filter:invert(23%) sepia(96%) saturate(5115%) hue-rotate(272deg) brightness(26%) contrast(105%);filter:invert(23%) sepia(96%) saturate(5115%) hue-rotate(272deg) brightness(26%) contrast(105%)}}.queueWrapper{max-width:650px}.textRightLogin{font-size:.9rem;padding-bottom:1em;padding-top:8px;text-align:right!important}.flexBottomText{text-align:center}.textSignup{color:#666;font-size:14px;line-height:1.5;margin-right:1em;padding-bottom:17px}.signupLink{font-weight:500;line-height:1.5;text-transform:uppercase}.signupLink a{color:#333;text-decoration:none}.signupLink a:visited{color:#333}.signupLink a:hover{color:#666}button{background:transparent;border:none;cursor:pointer;outline:none!important}.loginFormBtnWrapper button{margin-bottom:1em}.svgimg{display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.secondaryButton{align-items:center;background-color:#fff;border:1px solid #c685fd;border-radius:24px;display:flex;font-weight:500;gap:1em;justify-content:center;text-transform:uppercase;width:100%}.secondaryButton img{height:1em}.loginContainer{align-items:center;background:#161434;color:#26033e;display:flex;flex-direction:column;flex-wrap:wrap;gap:2em;justify-content:flex-start;min-height:100vh;padding:15px;width:100%}.logoWrapper{max-width:500px;width:60%}.logoWrapper .logo-md{width:100%}.sectionWrapper{background:#fff;border-radius:24px;box-shadow:0 8px 24px hsla(0,12%,90%,.332);max-width:500px;overflow:hidden;padding:45px;width:100%}.authHeading{font-size:40px;font-weight:600;line-height:1.2;margin-bottom:1em;text-align:center}.loginLink{font-weight:500;line-height:1.5;padding-top:2em;text-align:center}.inputWrapper{margin-top:1.5em}.landingContainer{flex-direction:column;margin:0 auto;max-width:1280px;position:relative}.headerWrapper,.landingContainer{align-items:center;display:flex;width:100%}.headerWrapper{height:100px;justify-content:space-between;padding:1em;position:absolute;z-index:2}.headerWrapper .logoWrapper{width:50%}.headerWrapper .logoWrapper img{width:150px}.navWrapper{align-items:center;display:flex;justify-content:flex-end;width:50%}.navWrapper .navList{display:flex;gap:3em;white-space:nowrap}.navWrapper .navList li{list-style:none}.navWrapper .navList li a{color:#ede1e1;font-size:24px}.flexWrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin-top:10em;width:100%}.iframeContainer{overflow:hidden;padding-top:56.25%;position:relative;width:100%}.responsive-iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.landingSectionWrapper,.landingSectionWrapper2{display:flex;padding:1.5em 0;width:100%}.landingImageWrapper{width:60%}.landingImageWrapper img{object-fit:cover;width:100%}.leftLandingSection{display:flex;flex-direction:column;justify-content:center;margin-top:1em;width:40%}.leftLandingSection h1{max-width:400px}.newFeatureContainer{align-items:center;background-color:hsla(0,0%,47%,.166);border-radius:24px;display:flex;height:40px;width:275px}.newFeatureText{font-size:14px;padding-left:1em}.newFeatureTitle{background-color:hsla(0,0%,100%,.442);border-radius:24px;color:#9c32f1;font-weight:600;padding-bottom:3%;padding-top:3%;text-align:center;width:25%}.headingTitle{color:#26033e;font-size:48px;font-style:normal;font-weight:600;line-height:72px}.landingText{color:rgba(0,0,0,.5);font-size:20px;font-weight:300;line-height:30px;max-width:350px;padding-top:1em}.buttonWrapper{width:50%}.buttonWrapper button{width:200px}.buttonWrapper a{color:#fff;text-decoration:none}.landingSectionWrapper2 .leftLandingSection{align-items:flex-end;padding:0 1em;text-align:right}.landingSectionWrapper2 .buttonWrapper{display:flex;justify-content:flex-end}@media only screen and (max-width:390px){.newFeatureContainer{margin-right:1em;min-width:300px}.headerWrapper,.leftLandingSection{padding:0 2em}}.navListSelectLng{align-items:center;display:flex}.navListLogIn a,.navListSignUp a{color:#161434!important;font-size:1.25em!important}@media only screen and (max-width:810px){.landingSectionWrapper2{display:flex;flex-direction:column-reverse!important}.navListLogIn,.navListSelectLng,.navListSignUp{display:none}.headerWrapper{padding-right:1em}.leftLandingSection{flex-direction:column;padding:1em}.newFeatureText{font-size:14px}.landingSectionWrapper,.landingSectionWrapper2{flex-direction:column}}.landingAvatarWrapper,.landingAvatarWrapper img{width:50px!important}@media only screen and (max-width:1280px){.leftLandingSection{padding-left:1em;width:100%}.rightLandingSection{padding-right:1em;width:100%}.landingImageWrapper{margin-top:1em;width:100%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#26033e;text-decoration:none}a:hover{text-decoration:underline}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5;min-height:100vh}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.heading1{font-size:32px}.heading1,.heading2{color:#26033e;font-weight:700}.heading2{font-size:24px}.heading3{color:#26033e;font-size:16px;font-weight:600}.displayNone{display:none!important}.notVisible{visibility:hidden}body{font-family:Poppins,sans-serif}
/*# sourceMappingURL=main.8125563a.css.map*/