@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@200;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&display=swap);@font-face{font-family:"nightInTokyo";src:url(/static/media/NightinTokyo.33df80ea.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--yellow);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--less-yellow)}html{overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:larger!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(var(--blue) 1vh,#000);background-attachment:fixed;background-color:#000;color:#fff!important;height:100vh}main{padding-top:2rem;width:100vw;padding-bottom:12vh}@media (max-width:425px){main{padding-bottom:20vh}}@media (min-width:426px){main{padding-right:3rem}}.general-container{background-color:var(--main-container-color);border-radius:.5rem;padding:1rem .5rem}.gradient-background{background:radial-gradient(var(--blue) 0,var(--dark-blue) 40%,#000 90%)}.xl-separator{padding-top:2rem}.m-separator{padding-top:.5rem}.s-separator{padding-top:.2rem}h1{padding-top:2rem;padding-left:2rem;font-size:3rem!important}h1,h2,h3,h4,h5{color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{text-decoration:none!important;color:#fff!important}.is-loading-component{background-color:var(--main-container-color-hover)!important}.error{min-width:100px;border-top:1px solid red;border-radius:5px;color:var(--yellow)}.errorModalREACT{position:fixed;width:50%;border:3px solid var(--yellow);border-radius:5px;color:red;left:25%;padding:3%}:root{--main-bg-color:#000;--main-container-color:rgba(97,97,97,0.28627450980392155);--main-container-color-opacity:#0c2033;--less-main-container-color:rgba(47,47,47,0.6235294117647059);--main-container-color-hover:#555;--main-modal-background:#203f5c;--main-modal-background-transparent:rgba(32,63,92,0.8901960784313725);--active-user:#78bd6f;--purple:#846ae9;--yellow:#ffc107;--less-yellow:rgba(255,193,7,0.1843137254901961);--blue:#08457e;--less-blue:rgba(8,69,126,0.615686274509804);--dark-blue:#122f4b}.playBar{margin:10%}.home-top-col-targets{margin-top:100px}.scroll-wrapper-tracks{width:130rem;padding-top:1rem;padding-bottom:1rem}@media (min-width:400px){.mobile-bottom-menu{display:none}.right-menu{position:fixed;right:-17rem;width:20rem;min-height:90vh;max-height:90vh;padding:1rem .2rem;background-color:var(--main-modal-background);transition:all .3s ease-in-out;display:flex;flex-direction:column;z-index:9}.right-menu>div{margin-bottom:1rem}.right-menu-icon{width:80%;height:80%}.right-menu:hover{right:0}.right-menu-row{width:100%;cursor:pointer}.no-hover:hover{background-color:var(--main-container-color)!important;cursor:default}.right-menu>div:first-child{margin:.5rem 0 5rem}.right-menu-row{display:flex;align-items:center;justify-content:center;min-height:3rem;max-height:3rem}.right-menu-row:hover{background-color:var(--main-container-color-hover)}.right-menu-row>div{min-height:2.8rem;max-height:2.8rem;display:flex;align-items:center}.right-menu-row>div:first-child,.right-menu-row>img{width:2.8rem}.right-menu-row>div:nth-child(2){width:17rem}.right-menu-row-title{padding-left:2rem}.display-none{display:none}}.right-menu-logout{position:absolute;bottom:0}.profile-picture-container{position:relative}.profile-circle-background{position:relative;width:90%;border-radius:50%;padding:.14rem;background-color:#002f00;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;top:0;left:0;border-radius:100%;box-shadow:inset 5px 5px 5px 0 var(--active-user)}.profile-circle-background:before{content:"";display:block;padding-top:100%}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.profile-picture{position:absolute;border-radius:50%;width:87.5%;min-height:87.5%;display:flex;align-items:center;justify-content:center;top:1.5%;left:1.5%;right:1.5%;bottom:1.5%;background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:#fff}.profile-picture>img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:85%}@media (max-width:425px){.profile-picture{width:80%;min-height:80%;top:2.5%;left:2.5%;right:2.5%;bottom:2.5%}}.input-label{transition:all .2s;touch-action:manipulation}.input-field{background-color:var(--main-container-color);border:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-family:inherit;-webkit-appearance:none;padding:0;cursor:text;color:#fff}.input-field:focus{outline:0;border-bottom:2px solid var(--yellow);border-right:hidden}.input-label{letter-spacing:.05em}.input-field:-ms-input-placeholder+.input-label{cursor:text;max-width:66.66%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left bottom;transform:translateY(2.125rem) scale(1.5)}.input-field:placeholder-shown+.input-label{cursor:text;max-width:66.66%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateY(2.125rem) scale(1.5);transform:translateY(2.125rem) scale(1.5)}::-webkit-input-placeholder{opacity:0;-webkit-transition:inherit;transition:inherit}.input-field:focus::-webkit-input-placeholder{opacity:1}.input-field:not(:-ms-input-placeholder)+.input-label{transform:translate(0) scale(1);cursor:pointer;color:var(--yellow)}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1);cursor:pointer;color:var(--yellow)}@media (max-width:425px){.right-menu{display:none}.mobile-bottom-menu{position:fixed!important;top:90vh;width:100vw;background-color:var(--main-modal-background);display:flex;z-index:20}.mobile-bottom-menu>div{width:100%}.mobile-bottom-menu-button{position:relative;width:25%;height:10vh;display:flex;justify-content:center;align-items:center}.mobile-bottom-menu-button>a>div{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}}.modal-background{position:fixed;z-index:10;right:0;top:0;width:100vw;height:100vh;background-color:var(--less-blue)}.track-upload{background-color:var(--main-modal-background);padding:2% 5%;position:absolute;left:50%;top:50%;width:50vw;min-width:300px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:1rem}.cancel-button{cursor:pointer}@media (max-width:425px){.track-upload{padding-top:5rem;padding-bottom:5rem}.upload-separator>div{margin-bottom:2rem}}.uploaded-file{display:flex;flex-direction:column;justify-content:center}.uploaded-file>img{max-width:5rem}.dialogue-box{position:fixed;display:none;width:170px;padding:5px 12px;z-index:11;border:2px solid #fff;border-radius:5px;background-color:var(--blue)}.dialogue-list{list-style:none;margin:0;padding:0}.dialogue-item{font-size:medium;cursor:pointer}.dialogue-item-link:hover{color:#7cfc00}.dialogue-item-disabled{font-size:medium;color:grey;cursor:default}.dialogue-item:hover{color:#7cfc00}.back-context{position:fixed;z-index:10;width:100vw;height:100vh}.existing-image{max-width:200px}.track-update{background-color:var(--main-modal-background);padding:2% 5%;position:absolute;z-index:10;left:45%;max-width:600px;width:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:1rem}.titleUpdate{color:#205b8f;margin-bottom:50px}.deleteModal{position:fixed;background-color:var(--main-modal-background);max-width:50%;left:25%;top:30%;z-index:100;border-radius:25px;display:flex;align-items:center;padding:5%}.delteTitle{color:tomato;margin-right:50px}.button{padding:.5em 4rem;border:1px solid var(--yellow);border-radius:8px;background-color:var(--main-container-color);color:var(--yellow)}.button:hover{background-color:var(--yellow);color:var(--main-container-color)}.small-button{padding:.5em 2rem;border:1px solid var(--yellow);border-radius:8px;background-color:var(--main-container-color);color:var(--yellow)}.information-modal{position:fixed;background-color:#deb887;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100;border-radius:25px;padding:30px}.info-modal-title{border-bottom:2px solid #000;margin-bottom:15px}.selectorModal{position:fixed;background-color:var(--main-modal-background);max-width:50%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100;border-radius:25px;display:grid;grid-template-columns:1fr;grid-gap:30px;align-items:center;padding:3%}.titleSelect{color:#bcc1bc}.submit-new-playlist-button{background-color:var(--main-modal-background);color:var(--yellow);border-radius:5px;border:1px solid var(--yellow);padding:10px;margin-left:50px}.share-modal{position:fixed;background-color:#deb887;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100;border-radius:25px;padding:30px}.share-modal-title{border-bottom:2px solid #000;margin-bottom:15px}.pointer{cursor:pointer}.track-row{height:3.2rem;background:var(--main-container-color);padding:.25rem;border-radius:.2rem;margin-bottom:.2rem;--bs-gutter-x:0rem}.track-field-centered{display:flex;align-items:center}.track-field-centered>p{margin-bottom:.2rem;font-size:.9rem;font-weight:600;overflow:hidden}.track-row:hover{background:var(--main-container-color-hover)}.track-row-img-container{width:2.7rem;height:2.7rem}.track-title{font-size:.9rem;font-weight:600}.track-author,.track-title{margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-author{font-size:.75rem;font-weight:lighter}.track-album{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-image-component-container{position:relative;display:block;border-radius:5%;--bs-gutter-x:0rem;margin-right:0;margin-left:0}.track-image-component-image{position:relative;top:0;left:0;width:auto;min-height:100%;background-repeat:no-repeat;background-size:cover;border-radius:5%}.track-image-component-image:before{padding-top:100%;content:"";display:block}.track-play-hover{position:absolute;top:10%;left:10%;width:80%}.track-play-hover:hover{background-image:url(/static/media/play-button-hover.8a0f4769.svg);background-repeat:no-repeat;background-size:cover}.track-play-hover:before{padding-top:100%;content:"";display:block}.blockTrack-Container-small{width:7.6rem;align-items:center}.blockTrack-Container-big{width:9.8rem;align-items:center}.blockTrack-background{background:var(--main-container-color);padding:.3rem;border-radius:2%;box-shadow:.1rem .1rem .5rem .2rem rgba(0,0,0,.3)}.blockTrack-img-container{--bs-gutter-x:0rem;margin-right:0;margin-left:0}.blockTrack-background:hover{background:var(--main-container-color-hover);box-shadow:.05rem .05rem 1rem .2rem hsla(0,0%,56.1%,.3)}.blockTrack-title{font-weight:400;font-size:1rem}.blockTrack-author,.blockTrack-title{margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.blockTrack-author{font-size:.8rem;font-weight:lighter}.liked{color:red}.block-playlist-container-small{width:7.6rem;align-items:center}.block-playlist-container-big{width:9.8rem;align-items:center}.block-playlist-background{background:var(--main-container-color);padding:.3rem;border-radius:2%;box-shadow:.1rem .1rem .5rem .2rem rgba(0,0,0,.3)}.block-playlist-img-container{--bs-gutter-x:0rem;margin-right:0;margin-left:0}.block-playlist-background:hover{background:var(--main-container-color-hover);box-shadow:.05rem .05rem 1rem .2rem hsla(0,0%,56.1%,.3)}.block-playlist-title{font-weight:400;font-size:1rem}.block-playlist-owner,.block-playlist-title{margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.block-playlist-owner{line-break:auto;font-size:.8rem;font-weight:lighter}.liked-playlist{color:#3cff00}.like-disabled{color:grey}.liked-songs{width:100%;height:100%;background:linear-gradient(#e66465,rgba(8,69,126,.403921568627451));border-radius:5px;padding:10px;margin-top:10px}.liked-icon-col{height:100%;display:flex;justify-content:center;align-items:center;position:relative}.liked-icon{size:150px;color:#3d3d3d}.liked-go-list{display:flex;justify-content:end;align-items:center;height:50%}.liked-go-icon{font-size:150px!important}.liked-go-info{display:flex;text-align:center;justify-content:flex-end;padding-top:18px;padding-right:8px;padding-left:8px;font-size:22px}.login-main{width:100vw;height:100vh}.login-register{background-color:var(--main-container-color);padding:0 5% 2%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:1rem}.login-register-button-centered{width:100%;display:flex;justify-content:center}.signNav{width:100%;min-height:3rem;display:flex;border-bottom:1px solid var(--yellow);margin-bottom:1rem}.signNav a:first-of-type{border-right:1px solid var(--yellow)}.signNav>a{font-size:22px;display:flex;align-items:center;justify-content:center;width:50%;text-decoration:none;color:#fff}.current{color:var(--yellow)!important;font-weight:700}.profile-user-title{display:flex;align-items:center}.profile-user-logout{justify-content:end}.profile-logout-icon{width:100px}@media (max-width:425px){.profile-logout-icon{width:50px}}.profile-view-profile-image{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.profile-input-row{min-height:2rem}.uploading-file{align-items:center;transition:all 1s ease-in-out;position:relative;padding:1rem}.uploading-file,.uploading-file>h3{display:flex;justify-content:center}.uploading-file>h3{width:100%}.uploading-file>button{width:1%;display:flex;justify-content:center}.upload-file-input{opacity:0;top:0;left:0;width:100%;height:100%;cursor:pointer;position:absolute}.upload-file-container{display:flex;align-items:center;justify-content:center;border:3px dashed hsla(0,0%,100%,.377);border-radius:1rem}.upload-file-input:hover~.upload-file-container{border-color:#fff}.change-profile-picture{content:" ";width:83%;height:100%;position:absolute;top:0;left:4%;border-radius:100%;opacity:0}.change-profile-picture:hover{display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.747);color:#000;opacity:1}.change-profile-picture:hover>h4{color:#000!important;display:flex}.profile-link-buttons{display:flex;justify-content:left;width:80%;margin-bottom:.5rem;padding:.5rem}.profile-link-buttons:hover{outline:1px solid var(--yellow);background-color:#3b3b3b}.link-cards-profile-size{height:6rem}.link-cards-profile-size>*{min-width:80%;max-width:80%}.profile-stats-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:4rem;border-radius:1rem;background-color:var(--main-container-color)}.profile-stats-container>span{font-size:2rem}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.register{margin:1% 10%;padding:10%}.registerForm{margin:10%}.field{display:flex;flex-flow:column-reverse;margin-bottom:1em}.img{margin:2% 25%;min-width:350px}.register-first-last-name{width:100%;display:flex;justify-content:center}.register-first-last-name>div{width:49%}.register-first-last-name>div:first-child{margin-right:2%}.reset-password-main{width:100vw;height:100vh}.reset-password-register{background-color:var(--main-container-color);width:50%;height:50%;padding:0 5% 2%;position:absolute;left:50%;right:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);border-radius:1rem}.playlist-row{height:3.2rem;background:var(--main-container-color);padding:.25rem;border-radius:.2rem;margin-bottom:.2rem;--bs-gutter-x:0rem}.playlist-field-centered{display:flex;align-items:center}.playlist-field-centered>p{margin-bottom:.2rem;font-size:.9rem;font-weight:600;overflow:hidden}.playlist-row:hover{background:var(--main-container-color-hover)}.playlist-row-img-container{width:2.7rem;height:2.7rem}.playlist-title{font-size:.9rem;font-weight:600}.playlist-owner,.playlist-title{margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.playlist-owner{font-size:.75rem;font-weight:lighter}.playlist-album{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.options-box{display:flex;justify-content:space-around;align-items:center;width:100%;height:100%;border-radius:5px;background-color:#fff}.option-element-playlist{color:#000;margin:0 5px;cursor:pointer}.option-element-playlist:hover{padding:1px}.option-element-playlist-disabled{color:#d3d3d3;margin:0 5px}.hoverBubble{background:#333;color:#fff;cursor:pointer;opacity:0;padding:5px;position:absolute;text-align:left;visibility:hidden;border-radius:3px;transition:all .25s}.bubblePosition{bottom:115%;height:inherit;left:0;min-height:200px;top:auto;width:190px}.bubblePosition:after,.hoverBubble:after{border:8px solid transparent;border-top-color:#333;bottom:-15px;content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;width:0}.owner-information:hover .hoverBubble{opacity:1;visibility:visible;transition:all .25s}.liked-playlist{color:#259403}.page{display:flex;align-items:center;height:100vh;width:100%}.track-view{width:80%;height:60vh;margin:0 auto}.track-image-container{margin-top:55px;width:60%;margin-left:20%;height:30vh;border-radius:10px;background-color:grey}.track-info-container{margin-top:35px;text-align:center}.main-playbar-container{position:fixed;top:90vh;height:10vh;max-height:10vh;width:98vw;background-color:var(--main-modal-background-transparent);justify-content:center;padding-top:1vh}.playbar-track-info-container{padding-left:3rem;max-height:10vh}.playbar-image{align-items:center;max-height:8vh}.playbar-info{height:8vh;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.playbar-buttons-container,.playbar-wave-container{justify-content:center;max-height:5vh}.playbar-wave-container{align-items:center}.playbar-wave{width:100%}.playbar-title{font-size:1.5rem}.playbar-author,.playbar-title{overflow:hidden;white-space:nowrap}.playbar-author{font-size:1rem}@-webkit-keyframes move{0%,25%{-webkit-transform:translateX(0);transform:translateX(0);left:0}75%,to{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:100%}}@keyframes move{0%,25%{-webkit-transform:translateX(0);transform:translateX(0);left:0}75%,to{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:100%}}.playbar-volume-container{height:8vh;align-items:center}.playbar-volume-container>div>input[type=range]{width:100%;-webkit-appearance:none;background-color:#fff;border-radius:10px;height:12px}.playbar-timer{min-height:100%;display:flex}.playbar-cast-container,.playbar-timer{justify-content:center;align-items:center}.playbar-cast-container{position:fixed;bottom:0;right:0;height:10vh;width:3rem;background-color:var(--purple);border-top:1px solid var(--yellow);margin:0}.cast-block,.cast-block>svg{display:block;width:100%;height:100%}@media (max-width:425px){.main-playbar-container,.playbar-cast-container{position:fixed;top:80vh;left:0;right:0;width:auto}.playbar-track-info-container{padding-left:0}.playbar-author>*,.playbar-title>*{padding:0;-webkit-animation:move 5s linear 0s infinite alternate;animation:move 5s linear 0s infinite alternate}.playbar-author>.min,.playbar-title>.min{min-width:100%}}@media (max-width:800px){.playbar-buttons-container{min-height:8vh!important}.playbar-buttons-container>div>div>svg{font-size:3rem}.playbar-fav-button{min-height:8vh!important}.playbar-fav-button>div>svg{font-size:3rem}.playbar-image,.playbar-info{max-height:7vh}.playbar-title{font-size:1rem}.playbar-author{font-size:.8rem}}@-webkit-keyframes ellipsis-movement{0%{left:0;text-overflow:ellipsis clip;overflow:hidden;white-space:nowrap}to{right:0;text-overflow:clip ellipsis;overflow:hidden;white-space:nowrap}}@keyframes ellipsis-movement{0%{left:0;text-overflow:ellipsis clip;overflow:hidden;white-space:nowrap}to{right:0;text-overflow:clip ellipsis;overflow:hidden;white-space:nowrap}}.playbar-isloading{display:flex;justify-content:center}
/*# sourceMappingURL=main.dd6e502c.chunk.css.map */