.header{background-color:#576490;display:flex;flex-direction:row;justify-content:space-between;padding:1.25rem 1rem}@media screen and (min-width:768px){.header{padding:1.25rem 4rem}}.header__title{font-size:1.25rem;margin:0}@media screen and (min-width:768px){.header__title{font-size:1.75rem}}.header__menu-division{align-items:center;background-color:#576490;color:#fff;display:flex;justify-content:end}.header__menu{background:none;font-size:1.25rem;margin-left:3rem;z-index:2}@media screen and (min-width:768px){.header__menu{font-size:1.5rem}}@media screen and (min-width:1280px){.header__menu{font-size:1.75rem}}.nav__sidebar{background-color:#576490;display:flex;height:100vh;justify-content:center;left:100%;position:fixed;top:0;transition:.85s;width:3.5rem}@media screen and (min-width:768px){.nav__sidebar{width:7rem}}@media screen and (min-width:1280px){.nav__sidebar{width:11rem}}.nav__sidebar--active{left:83%;transition:.35s;z-index:3}@media screen and (min-width:768px){.nav__sidebar--active{left:87.2%}}@media screen and (min-width:1280px){.nav__sidebar--active{left:93%}}.nav__sidebar-icons{height:2rem;margin-top:3.25rem;width:1.25rem}@media screen and (min-width:768px){.nav__sidebar-icons{width:1.6rem}}@media screen and (min-width:1280px){.nav__sidebar-icons{width:2rem}}.nav__sidebar-icons--close{height:1.25rem;margin-left:6rem;margin-right:5rem;margin-top:.75rem;width:1rem}@media screen and (min-width:768px){.nav__sidebar-icons--close{margin-right:2.5rem;width:1.25rem}}.nav__sidebar-logout{margin-top:30rem}ul{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.login{background:linear-gradient(180deg,#05031d 55%,#c0aad3);min-height:100vh;padding:2rem 1rem;width:100%}@media screen and (min-width:768px){.login{padding:3rem 5rem}}@media screen and (min-width:1280px){.login{margin:0 auto;max-width:50rem;padding:2rem 9rem}}.login__title{color:#fff;font-size:3rem}.login__redirect{display:flex;flex-direction:row;font-size:14px;gap:.5rem;justify-content:space-around;margin:0 auto}.login__text{font-weight:300}.login__link{color:#a88bc1;cursor:pointer}.guest{color:#474545;font-size:12px;margin-top:.5rem}.guest__title{margin:0 0 .5rem;text-decoration:underline}.guest__text{margin:0 0 .25rem}.auth{background:linear-gradient(180deg,#05031d 55%,#c0aad3)}.signup{min-height:100vh;padding:2rem 1rem;width:100%}@media screen and (min-width:768px){.signup{padding:3rem 5rem}}@media screen and (min-width:768px)and (min-width:1280px){.signup{margin:0 auto;max-width:50rem;padding:2rem 9rem}}.signup__title{color:#fff;font-size:3rem}.form{background-color:#fff;border-radius:.25rem;padding:2rem}.form,.form__group{display:flex;flex-direction:column}.form__redirect{color:#061a40;font-size:.75rem;margin:0;padding-top:1.5rem;text-align:center}.form__redirect:hover{cursor:pointer}.waveform{height:52px}.waveform__button{background:#fff;border:none;display:flex;justify-content:flex-start;margin-top:.75rem;padding:0;width:50%}.waveform__image{width:.875rem}.waveform__image:hover{cursor:pointer}@media screen and (min-width:768px){.waveform__image{width:1.25rem}}@media screen and (min-width:1280px){.waveform__image{width:1.5rem}}.waveform__icons{align-items:center;display:flex;flex-direction:row}.waveform__like-icon{height:7px;position:relative;width:1.8rem}@media screen and (min-width:768px){.waveform__like-icon{width:82px}}.waveform__like-icon:before{background-color:#000;border-radius:40px 40px 0 0;content:"";cursor:pointer;height:17px;left:14px;position:absolute;top:3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;transition:background .4s;width:10px}@media screen and (min-width:768px){.waveform__like-icon:before{height:21px;left:14px;top:0;width:14px}}.waveform__like-icon:after{background-color:#000;border-radius:40px 40px 0 0;content:"";cursor:pointer;height:17px;left:4px;position:absolute;top:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:background .4s;width:10px}@media screen and (min-width:768px){.waveform__like-icon:after{height:21px;left:0;top:0;width:14px}}.waveform__like-icon.active:after,.waveform__like-icon.active:before{background-color:#d65076}.waveform__heart-like-icon.active{-webkit-animation:active .05s ease;animation:active .05s ease}@-webkit-keyframes active{0%{-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes active{0%{-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.waveform__controls{align-items:center;display:flex;gap:2rem;width:100%}@media screen and (min-width:768px){.waveform__controls{gap:4rem;justify-content:space-between;margin-top:.75rem}}.audio{width:80%}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;display:block;margin:.625rem 0 0;max-width:6rem;outline:none;position:relative}@media screen and (min-width:768px){input[type=range]{max-width:15rem}}input[type=range]:after,input[type=range]:before{bottom:-5px;color:#888;display:inline-block;position:absolute;width:80%}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background:#222;border-radius:3px;height:3px;max-width:80%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#576490;border:none;border-radius:.7rem;box-shadow:none;cursor:pointer;height:.9375rem;margin:-5px 0 0;outline:none;width:3px}@media screen and (min-width:768px){ref{height:4rem}}#waveform>wave{cursor:pointer!important;height:2.75rem!important}@media screen and (min-width:768px){#waveform>wave{height:4rem!important}}@media screen and (min-width:1280px){#waveform>wave{height:5.5rem!important}}.tracksfeed{min-height:100vh;padding:2rem 1rem}@media screen and (min-width:768px){.tracksfeed{padding:3rem 5rem}}@media screen and (min-width:1280px){.tracksfeed{margin:0 auto;max-width:80rem;padding:2rem 9rem}}.tracksfeed__title{border-bottom:2px solid #fff;color:#fff;margin:0;padding-bottom:.5rem;width:36%}@media screen and (min-width:768px){.tracksfeed__title{font-size:3rem;margin:2rem 0;width:24%}}.track{background-color:#fff;border-radius:2px;margin-bottom:1rem;padding:1rem;width:100%}@media screen and (min-width:768px){.track{margin-bottom:2.5rem;padding:3rem 2.25rem 1.5rem}}@media screen and (min-width:1280px){.track{margin-bottom:3.5rem;padding:3rem 2.25rem 1.5rem 3.25rem}}.track__info{display:flex;flex-direction:column;gap:1rem;margin-right:1rem;width:30%}@media screen and (min-width:768px){.track__info{width:22%}}@media screen and (min-width:1280px){.track__info{width:16%}}.track__image{border-radius:50%;height:2.1875rem;object-fit:cover;width:2.1875rem}@media screen and (min-width:768px){.track__image{height:4rem;width:4rem}}.track__content{display:flex;justify-content:space-between}@media screen and (min-width:768px){.track__content{gap:1.4rem}}@media screen and (min-width:1280px){.track__content{gap:0}}.track__container{align-items:center;display:flex;flex-direction:column;padding-top:2rem}@media screen and (min-width:768px){.track__container{padding-top:2.5rem}}@media screen and (min-width:1280px){.track__container{padding-top:0}}.track__title{font-size:.58rem;font-weight:700;margin:0}.track__text-container{display:flex;flex-direction:column;margin:0 0 .25rem}.track__text{color:#05031d;font-size:.55rem;margin:0 0 .25rem}@media screen and (min-width:768px){.track__text{font-size:.85rem;margin-bottom:.5rem}}.track__text--bold{font-weight:700}@media screen and (min-width:768px){.track__text--bold{font-size:1rem}}.tracks{background:linear-gradient(180deg,#05031d 55%,#c0aad3);width:100%}@media screen and (min-width:1280px){.tracks{background:linear-gradient(180deg,#05031d 21%,#c0aad3)}}.tracksview-container{background:linear-gradient(180deg,#05031d 55%,#c0aad3)}.tracksview{min-height:100vh;padding:2rem 1rem;width:100%}@media screen and (min-width:768px){.tracksview{padding:2rem 5rem}}@media screen and (min-width:1280px){.tracksview{margin:0 auto;max-width:80rem;padding:2rem 9rem}}.tracksview__waveform{border-bottom:1px solid #e1e1e1;display:flex;justify-content:space-between;padding-bottom:1rem}@media screen and (min-width:768px){.tracksview__waveform{padding-bottom:1.5rem}}.tracksview__heading{color:#fff}@media screen and (min-width:768px){.tracksview__heading{font-size:2.25rem}}@media screen and (min-width:1280px){.tracksview__heading{font-size:3rem;margin:2rem auto}}.tracksview__image{border-radius:50%;height:2.1875rem;margin-top:.95rem;object-fit:cover;width:2.1875rem}@media screen and (min-width:768px){.tracksview__image{height:4rem;margin-left:1rem;width:4rem}}@media screen and (min-width:1280px){.tracksview__image{height:7rem;margin-left:2rem;margin-top:-.5rem;width:7rem}}.tracksview__selected{background-color:#fff;border-radius:.25rem;display:flex;flex-direction:column;padding:1.5rem 1rem}@media screen and (min-width:768px){.tracksview__selected{padding:1.75rem 2rem}}.tracksview__details-section{display:flex;flex-direction:row;justify-content:flex-start;margin-top:.5rem}.tracksview__details{border-bottom:1px solid #e1e1e1;margin-top:.5rem;padding-bottom:1rem}.tracksview__content{font-size:.6875rem;margin:0}@media screen and (min-width:768px){.tracksview__content{font-size:.75rem}}@media screen and (min-width:1280px){.tracksview__content{font-size:1rem}}.tracksview__title{font-size:.875rem;font-weight:600;margin:0;width:33%}@media screen and (min-width:768px){.tracksview__title{font-size:1rem;width:38%}}@media screen and (min-width:1280px){.tracksview__title{font-size:1.125rem}}.tracksview__icon{margin-bottom:.75rem;width:1.125rem}.tracksview__icon:hover{cursor:pointer}@media screen and (min-width:768px){.tracksview__icon{margin-bottom:1.25rem;width:1.5rem}}.stems__title{font-size:1.25rem;margin:1rem 0 0}@media screen and (min-width:768px){.stems__title{font-size:1.5rem}}@media screen and (min-width:1280px){.stems__title{font-size:1.75rem}}.stems__files-container{display:flex;flex-direction:column;margin-top:1rem}.stems__file{border-bottom:1px solid #f1f1f1;border-radius:.1875rem;color:#05031d;font-size:.85rem;padding:.5rem 0;text-decoration:none;width:100%}@media screen and (min-width:768px){.stems__file{padding:.75rem 0}}@media screen and (min-width:1280px){.stems__file{font-size:1.125rem}}.producer{background:linear-gradient(180deg,#05031d 55%,#c0aad3);min-height:100vh;padding:2rem 1rem;width:100%}@media screen and (min-width:768px){.producer{padding:2rem 5rem}}@media screen and (min-width:1280px){.producer{margin:0 auto;max-width:80rem;padding:2rem 9rem}}.producer__name{color:#fff}@media screen and (min-width:768px){.producer__name{font-size:2.5rem;margin:2rem 0 1rem}}@media screen and (min-width:1280px){.producer__name{font-size:3rem;margin:2rem auto;max-width:80rem}}.producer__profile{background-color:#fff}.producer__image{border-radius:5%;height:5rem;object-fit:cover;width:6rem}@media screen and (min-width:768px){.producer__image{height:6rem;width:7rem}}@media screen and (min-width:1280px){.producer__image{height:10rem;width:12rem}}.profile{padding:1rem}@media screen and (min-width:768px){.profile{display:flex;flex-direction:row;justify-content:space-between;padding:2rem}}.profile__details{display:flex;flex-direction:column}.profile__text{font-size:.65rem;margin:0;width:100%}@media screen and (min-width:768px){.profile__text{font-size:.75rem}}@media screen and (min-width:1280px){.profile__text{font-size:1rem}}.profile__title{font-weight:600;margin:0 0 .5rem;width:100%}@media screen and (min-width:768px){.profile__title{font-size:1.25rem}}@media screen and (min-width:1280px){.profile__title{font-size:1.75rem;margin:0 0 .75rem}}.profile__layout{display:flex;flex-direction:row}@media screen and (min-width:768px){.profile__layout{flex-direction:column;gap:1rem;width:30%}}@media screen and (min-width:1280px){.profile__layout{gap:2.75rem}}.profile__subdivision--left{width:75%}.profile__subdivision--right{width:25%}@media screen and (min-width:768px){.catalogue{width:89%}}@media screen and (min-width:1280px){.catalogue{border-left:1px solid #e1e1e1;padding:0 0 0 1rem}}@media screen and (min-width:768px){.catalogue__heading{margin:0 0 1rem 1rem}}@media screen and (min-width:1280px){.catalogue__heading{font-size:2rem}}@media screen and (min-width:768px){.catalogue__content{width:100%}}.producer-profile{background:linear-gradient(180deg,#05031d 55%,#c0aad3)}.upload{min-height:100vh;padding:2rem 1rem;width:100%}@media screen and (min-width:768px){.upload{padding:2rem 5rem}}@media screen and (min-width:1280px){.upload{margin:0 auto;max-width:80rem;padding:2rem 9rem}}.upload__content{background-color:#fff;border-radius:.25rem;display:flex;flex-direction:column;padding:1.5rem 1rem}@media screen and (min-width:768px){.upload__content{padding:2rem 2.5rem}}.upload__title{color:#fff;font-weight:600}@media screen and (min-width:768px){.upload__title{font-size:2.5rem;margin:2rem 0 1rem}}@media screen and (min-width:1280px){.upload__title{font-size:3rem;margin:2rem 0}}.upload__form{display:flex;flex-direction:column}.form__label{font-size:.875rem;font-weight:500;margin-bottom:.5rem}@media screen and (min-width:768px){.form__label{font-size:1rem;margin-bottom:.5rem}}.form__input{border:none;border-bottom:1px solid #e1e1e1;border-radius:.25rem;margin-bottom:1.5rem;padding:.45rem}@media screen and (min-width:768px){.form__input{margin-bottom:1.75rem}}.form__input:focus{border:none;border-bottom:1px solid #e1e1e1;outline:.25px solid #afafaf}.form__input--padding{padding:.5rem .5rem 1rem}.form__button{background-color:#576490;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.75rem;font-weight:700;height:2rem;width:100%}@media screen and (min-width:768px){.form__button{font-size:1rem;height:2.5rem}}.form__button:focus{outline:none}.form__button:hover{-webkit-transform:translateY(-.1rem);transform:translateY(-.1rem);transition:.25s}input::-webkit-file-upload-button{background-color:#fff;border:1px solid #afafaf;border-radius:3px;color:#576490;font-size:1rem;font-weight:400;margin-left:.5rem;margin-top:.5rem}input::file-selector-button{background-color:#fff;border:1px solid #afafaf;border-radius:3px;color:#576490;font-size:1rem;font-weight:400;margin-left:.5rem;margin-top:.5rem}input::-webkit-file-upload-button:hover{background-color:#576490;border:1px solid #afafaf;color:#fff;-webkit-transition:.5s;transition:.5s}input::file-selector-button:hover{background-color:#576490;border:1px solid #afafaf;color:#fff;transition:.5s}input[type=file]{color:#afafaf;padding-left:1rem}.upload-page{background:linear-gradient(180deg,#05031d 55%,#c0aad3)}.profile-page{min-height:100vh;padding:2rem 1rem;width:100%}@media screen and (min-width:768px){.profile-page{padding:2rem 5rem}}@media screen and (min-width:1280px){.profile-page{margin:0 auto;max-width:80rem;padding:2rem 9rem}}.profile-page__name{color:#fff}@media screen and (min-width:768px){.profile-page__name{font-size:2.5rem;margin:2rem 0 1rem}}@media screen and (min-width:1280px){.profile-page__name{font-size:3rem;margin:2rem auto;max-width:80rem}}.info{background-color:#fff;border-radius:.25rem;padding:1rem}@media screen and (min-width:768px){.info{display:flex;flex-direction:row;justify-content:space-between;padding:2rem}}@media screen and (min-width:1280px){.info{margin:0 auto;max-width:80rem;padding:2rem}}.info__details{display:flex;flex-direction:column}.info__text{font-size:.65rem;margin:0;width:100%}@media screen and (min-width:768px){.info__text{font-size:.75rem}}@media screen and (min-width:1280px){.info__text{font-size:1rem}}.info__image{border-radius:5%;height:5rem;object-fit:cover;width:6rem}@media screen and (min-width:768px){.info__image{height:6rem;width:7rem}}@media screen and (min-width:1280px){.info__image{height:10rem;width:12rem}}.info__title{font-weight:600;margin:0 0 .5rem;width:100%}@media screen and (min-width:768px){.info__title{font-size:1.25rem}}@media screen and (min-width:1280px){.info__title{font-size:1.75rem;margin:0 0 .75rem}}.info__layout{display:flex;flex-direction:row}@media screen and (min-width:768px){.info__layout{flex-direction:column;gap:1rem;width:30%}}@media screen and (min-width:1280px){.info__layout{gap:2.75rem}}.info__subdivision--left{width:75%}.info__subdivision--right{width:25%}@media screen and (min-width:768px){.liked{border-left:1px solid #e1e1e1;width:89%}}@media screen and (min-width:1280px){.liked{padding:0 0 0 1rem}}@media screen and (min-width:768px){.liked__heading{margin:0 0 1rem 1rem}}@media screen and (min-width:1280px){.liked__heading{font-size:2rem;margin:0 0 1rem 1rem}}@media screen and (min-width:768px){.liked__content{width:100%}}.card{background-color:#fff;border-bottom:1px solid #e1e1e1;border-radius:2px;margin-bottom:1rem;padding:1rem;width:100%}.card:hover{-webkit-transform:translateY(-.15rem);transform:translateY(-.15rem);transition:.25s}.card__info{display:flex;flex-direction:column;gap:1rem;margin-right:1.5rem;width:25%}.card__image{border-radius:50%;height:2.1875rem;object-fit:cover;width:2.1875rem}@media screen and (min-width:1280px){.card__image{height:4rem;width:4rem}}.card__content{display:flex;justify-content:space-between;width:89%}.card__container{align-items:center;display:flex;flex-direction:column;padding-top:2rem}.card__title{font-size:.65rem;font-weight:700;margin:0}.card__text-container{display:flex;flex-direction:column;margin:0 0 .25rem}.card__text{color:#05031d;font-size:.65rem;margin:0 0 .25rem}@media screen and (min-width:1280px){.card__text{font-size:.85rem;margin-bottom:.5rem}}.card__text--bold{font-weight:700}@media screen and (min-width:1280px){.card__text--bold{font-size:1rem}}.profilepage{background:linear-gradient(180deg,#05031d 55%,#c0aad3)}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;margin:0;min-height:100vh;padding:0}a{color:#fff;text-decoration:none}
/*# sourceMappingURL=main.c974851f.css.map*/