body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{overflow-x:hidden}body{background-color:#262529}html{height:100%}label{font-size:13px}#root{height:100%}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{background-color:#000;width:100%;height:100%;color:#fff;margin-top:0;flex-direction:column}h1{margin:0;display:inline}.msg-card-container{display:flex;width:500px;background-color:#fff;flex-direction:column;align-items:center;justify-content:space-between;border-radius:10px;padding-bottom:15px}.msg-card-container li{list-style-type:none;display:flex;font-size:18px;color:#000;border:1px solid #cbcbcb;border-radius:5px;font-weight:500;padding:5px 5px 5px 15px;align-items:center}.msg-card-container li span{margin-left:10px;display:flex;list-style-type:none;font-size:12px}.msg-card-container .selected{border:2px solid #d60b0b}.msg-card-container li:hover{background-color:#cbcbcb;cursor:pointer}.msg-card-container ul{padding-left:0;width:90%;overflow-y:auto}.msg-buttons-container{width:90%;height:50px;display:flex;justify-content:space-around;grid-gap:10px;gap:10px}.msg-button{width:145px;border-radius:10px;font-size:16px;font-weight:600;height:40px}.btn-positive{background-color:#000;color:#fff}.btn-negative{color:#000;background-color:#fff}.subtitle-text{color:#333;font-size:18px;font-weight:700}.svg-button{background-color:initial;border:none;display:flex;height:25px;width:25px;background-size:cover;outline:none;transition:transform .3s ease}.svg-button:hover{transform:scale(1.3)}.btn-svg-container{background-color:#d9d9d9;height:30px;width:30px;border-radius:10px;border:none;display:flex;justify-content:center;align-items:center;margin-left:10px;cursor:pointer;transition:transform .3s ease,filter .3s ease}.btn-svg-container:hover{border:2px solid #000;filter:invert(100%);transform:scale(1.3);transition:transform .3s ease-in}.btn-svg-container:hover :active{transform:translateY(2px)}.form-card-update-plan{display:flex;flex-direction:column;align-items:center;grid-gap:25px;gap:25px}@font-face{font-family:Inter-SemiBold;src:url(/static/media/Inter-SemiBold.465266b2.ttf) format("truetype")}button:hover{cursor:pointer}.main-header{background-color:#fff;justify-content:space-between;top:0;left:0;position:fixed;z-index:700;width:100%;height:70px}.header-content,.main-header{display:flex;align-items:center}.header-content{grid-gap:16px;gap:16px;margin-right:20px}.menu-icon{display:none}.menu-wrapper{display:none;position:relative}.menu-container{display:none;flex-direction:column;width:250px;grid-gap:5px;gap:5px;padding:10px;background-color:#fff;border-radius:10px;position:absolute;top:100%;right:0;box-shadow:0 2px 6px rgba(0,0,0,.2)}.menu-title{font-size:16px}.logout-menu-btn,.menu-title{font-family:Inter-Medium,sans-serif}.logout-menu-btn{margin-top:10px;border-radius:5px;padding:10px;border:none;font-size:12px;color:#fff;background-color:#000}@media (max-width:700px){.menu-wrapper{display:flex;position:relative;padding-bottom:5px}.header-content{display:none}.menu-icon{display:flex;border:none;cursor:pointer;height:25px;width:25px;margin-right:20px}}.menu-container:hover,.menu-wrapper:hover .menu-container{display:flex}.logo{position:relative;left:50%;transform:translateX(-50%);width:120px}.card{background-color:#fff;border-radius:10px;padding:45px 92px;display:flex;flex-direction:column;align-items:center}.scale-up-center{animation:scale-up-center .5s}@keyframes scale-up-center{0%{transform:scale(.3)}to{transform:scale(1)}}.form-input{background-color:#d9d9d9;font-family:Inter-Regular,sans-serif;font-size:14px;border:0;border-radius:10px;height:35px;width:100%;box-sizing:border-box;padding:2px 7px}.dropdown{border:1px solid #000;font-size:14px}.text-btn{background-color:transparent;font-family:Inter-SemiBold,sans-serif;font-size:13px;border:0;border-bottom:2px solid;padding:0}.text-btn.primary{color:#203875;border-color:#203875}.text-btn.secondary{color:#262529;border-color:#262529}.container{background-color:transparent;display:flex;align-items:center;justify-content:center;margin-top:68px;min-height:calc(100vh - 68px);padding:15px 0}.title{color:#000;font-size:25px;margin-bottom:12px;width:100%;font-family:Inter-Bold,sans-serif}.form-btn{border-radius:10px;height:38px;min-width:150px;width:100%;font-family:Inter-SemiBold,sans-serif;font-size:14px}.form-btn.primary{background-color:#203875;color:#fff;border:0}.form-btn.secondary{background-color:#d9d9d9;color:#203875;border:1.5px solid #203875}.form-btn.primary:disabled,.form-btn.primary:disabled:hover{background-color:#cbcbcb}.form-btn.secondary:hover{background-color:#bebebe}.form-btn.primary:hover{background-color:#132146}.form-btn.secondary.icon{background-color:hsla(0,0%,85.1%,0);display:flex;justify-content:center;align-items:center;margin-top:30px;grid-gap:11px;gap:11px;height:50px}.register-container{display:flex;flex-direction:column;background-color:#262529;min-height:100vh}.forgot-pass-btn{background-color:transparent;font-size:14px;border:0;margin-top:9px}.btns-container{width:100%;grid-gap:13px;gap:13px;display:flex;flex-direction:column;align-items:center}.btns-container.login{margin-top:38px}.btns-container.register{margin-top:30px}.loading{padding:20px;grid-gap:10px;gap:10px;width:100%}.loading,.modal-error{color:#000;align-items:center;display:flex;flex-direction:column}.modal-error{padding:30px;justify-content:space-around;font-size:16px;font-family:Inter-Regular}@media (max-width:768px){.card{padding:45px}}.collections-view-container{flex-direction:column;background-color:#262529;height:100%;overflow-x:hidden}.settings-btn{border:0;padding:0;width:37px;height:35px;margin-left:14px}.home-container{background-color:transparent;display:flex;flex-direction:row;justify-content:center;margin-top:68px;height:auto;padding:24px 20px 24px 24px;width:100%}.home-left-section-container{width:60%;padding:0 24px 24px}.collections-section,.home-left-section-container{display:flex;flex-direction:column}.collections-title{color:#e9e9e9;font-size:24px;font-family:Inter-SemiBold,sans-serif;margin:0 0 12px}.collection-card{background-color:#fff;border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center}.collection-name{text-align:center;margin-top:10px;width:100%;font-size:14px}.collection-btn-container{display:flex;width:100%;height:67px;font-size:12px;text-align:center;margin-top:13px;font-family:Inter-Regular,sans-serif}.seemore-btn{background-color:initial;display:flex;flex-direction:column;align-items:center;padding:2px;grid-gap:5px;gap:5px;font-family:Inter-Regular;font-size:18px;width:auto;color:#fff;border:none;border-bottom:1px solid #fff}.seemore-btn:hover{font-weight:700;border-bottom:2px solid #fff}.collections-section-header{display:flex;justify-content:space-between;align-items:center;margin:0}.collection-button{border:1px solid #262529;border-radius:5px;padding:6px 7px;display:flex;align-items:center;width:100%;flex-direction:column;justify-content:center}.collection-button:hover{background-color:rgba(0,0,0,.05);cursor:pointer}.projects-section{background-color:#fff;border-radius:10px;height:296px;display:flex;flex-direction:column;padding-left:20px;overflow:hidden}.projects-title{color:#000;font-size:24px;font-family:Inter-SemiBold,sans-serif;margin:15px 0 0;z-index:10}.project-btn{border:0;box-shadow:-1px 4px 8px rgba(0,0,0,.3);height:21px;width:28px;background-repeat:no-repeat;background-position:50%}.project-btn.open{background-color:#fcfcfc}.project-btn.delete{background-color:#ef3c3c}.favs-title{color:#000;font-size:24px;font-family:Inter-SemiBold,sans-serif;margin:0}.favs-card{background-color:#fff;height:100%;width:100%;padding:20px;border-radius:10px;display:flex;flex-direction:column}.fav-item{color:#000;font-size:16px;font-family:Inter-Bold,sans-serif;margin:0;width:45%}.fav-item-container{border:1px solid #262529;border-radius:5px;padding:6px 7px;display:flex;align-items:center}.fav-play-icon{width:25px;height:25px}.fav-play-icon:hover{cursor:pointer}.loading-favs{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);z-index:300;border-radius:10px}.loading-collections,.loading-favs{display:flex;justify-content:center;align-items:center}.loading-collections{min-height:35vh;height:35%;background-color:transparent;z-index:1000}.projects-container{z-index:400;display:flex;height:100%;align-items:center;margin-bottom:30px;grid-gap:30px;gap:30px;overflow-x:auto}.project-card{min-width:229px;display:flex;flex-direction:column;justify-content:center;border:1px solid;border-radius:5px;padding:13px 14px 6px 11px;background:linear-gradient(180deg,#de9494,transparent)}.project-img{width:81px;height:85px}.project-description{display:flex;flex-direction:column}.project-name{font-family:Inter-SemiBold,sans-serif;font-size:16px}.project-last-change{font-family:Inter-Regular,sans-serif;font-size:12px}.new-project-btn{display:flex;flex-direction:column;align-items:center;border:1px solid #000;border-radius:10px;padding:13px 22px;grid-gap:5px;gap:5px;height:min-content;width:min-content;font-family:Inter-Regular,sans-serif;font-size:16px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.new-project-btn:hover{background-color:rgba(0,0,0,.05);cursor:pointer}.settings-wrapper{display:flex;position:relative;padding-bottom:5px}.settings-container{display:none;flex-direction:column;width:250px;grid-gap:5px;gap:5px;padding:10px;background-color:#fff;border-radius:10px;position:absolute;top:100%;right:0;box-shadow:0 2px 6px rgba(0,0,0,.2)}.collection-cards-container{display:flex;justify-content:flex-start;grid-gap:20px;gap:20px;margin-bottom:24px;overflow-x:auto;padding-bottom:10px}.settings-btns{border-radius:5px;padding:10px;border:none;font-family:Inter-Medium,sans-serif;font-size:12px;background-color:#fff}.home-right-section-container{display:flex;height:-moz-fit-content;height:fit-content}.settings-btns:hover{background-color:#f2f2f2}.settings-container:hover,.settings-wrapper:hover .settings-container{display:flex}.collection-cover{background-color:initial;width:225px}.form-card-new-project{display:flex;flex-direction:column;align-items:center;grid-gap:25px;gap:25px}@media (max-width:768px){.home-container{flex-direction:column;justify-content:flex-start}.home-left-section-container{padding:0;width:100%}.collections-section,.home-right-section-container{width:100%}.collection-card{width:auto}.collection-btn-container{justify-content:center}.favs-card{margin-top:20px;height:auto;min-height:auto;padding:15px;border-radius:20px;box-sizing:border-box}.collection-cover{height:150px;width:150px}.collection-cards-container{display:flex;justify-content:flex-start;padding:0 0 10px;box-sizing:border-box;width:100%}.collections-title,.favs-title,.projects-title{font-size:22px}}@media (max-width:480px){.collections-view-container{overflow-x:auto}.collections-section{width:100%}.collection-card{width:auto}.collection-button{width:50px;height:50px}.collection-btn-container{justify-content:center}.collection-cover{height:120px;width:120px}.collection-cards-container{display:flex;padding:0 0 10px;box-sizing:border-box;width:100%}.new-project-btn,.seemore-btn{flex-direction:row;align-items:center;justify-content:center;transform:scale(.9)}.projects-section{padding-top:10px}.favs-card{height:auto;min-height:auto;padding:15px;border-radius:20px;box-sizing:border-box}.collections-title,.favs-title,.projects-title{font-size:20px}.favs-title{padding-bottom:7px}.projects-title{margin:0 0 15px}.projects-background{box-sizing:border-box;width:100%;height:auto;padding:15px}.projects-container{flex-direction:column;margin:0;grid-gap:10px;gap:10px;padding-right:20px}.project-card{flex-direction:row-reverse;width:100%;box-sizing:border-box;justify-content:space-between;align-items:center;padding:10px 15px}.project-img{display:none}.loading-favs{border-radius:20px}.home-left-section-container{padding:0;width:100%}}@font-face{font-family:Inter-Bold;src:url(/static/media/Inter-Bold.ba74cc32.ttf) format("truetype")}@font-face{font-family:Inter-Medium;src:url(/static/media/Inter-Medium.cad10543.ttf) format("truetype")}@font-face{font-family:Inter-Regular;src:url(/static/media/Inter-Regular.ea587988.ttf) format("truetype")}.collections-container{display:flex;flex-direction:column;background-color:#262529;height:100%;padding:24px 20px 24px 24px;margin-top:68px}.collections-view-container{display:flex;flex-direction:row;justify-content:center;width:100%}.collections-card{display:flex;background-color:#fff;height:-moz-fit-content;height:fit-content;width:100%;min-width:290px;max-width:950px;border-radius:10px;flex-direction:column;padding:33px 55px}.collections-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.collections-header{color:#000;font-size:16px;font-family:Inter-SemiBold;margin:22px 21px 22px 105px;display:flex;grid-gap:50px;gap:50px}.collection-container{border:1px solid #262529;border-radius:5px;padding:8px 21px 8px 10px}.collection-container,.collection-samples-abierto{display:flex;flex-direction:column;align-items:center}.collection-samples-abierto{justify-content:center;margin-top:7px;width:100%}.collection-samples-cerrado{display:none}.collection-name{width:170px}.collection-item-name,.collection-name{font-family:Inter-Medium,sans-serif;font-size:16px;color:#000}.collection-item-plan{font-family:Inter-Bold,sans-serif;font-size:14px;color:#000}.collection-item-error-msg{font-family:Inter-Regular,sans-serif;font-size:12px;color:red}.collection-img{width:41px;height:41px;background-color:#000;border-radius:5px}.samples-title{padding:0 21px 6px;font-family:Inter-SemiBold,sans-serif;font-size:14px;color:#000;border-bottom:1px solid #262529}.sample-container{display:flex;align-items:center;justify-content:space-between;position:relative;top:-1px;width:100%;padding:5px 0;border-top:1px solid #262529}.sample-name{font-family:Inter-SemiBold,sans-serif;font-size:14px;color:#000;width:-moz-fit-content;width:fit-content}.tags-container{display:flex;flex-wrap:wrap;grid-gap:3px;gap:3px;width:250px}.tag{background-color:#d9d9d9;border-radius:10px;padding:3px 10px;font-family:Inter-SemiBold,sans-serif;font-size:15px;color:#000}.arrow-btn{border:0;padding:0;width:24px;height:24px}.arrow-btn.cerrado{transform:rotate(-90deg)}.arrow-btn.abierto{transform:rotate(90deg)}@media (max-width:768px){.collections-card{padding:20px 25px}}@media (max-width:480px){.tags-container{width:150px}}header{position:fixed;top:0;left:0;width:100%;height:250px;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:height .3s ease-in-out}header.scrolled{height:150px}.landing-container{display:flex;margin-top:250px;flex-direction:column;background-color:#262529}.landing-container.scrolled{top:150px}.info-estudio{display:flex;flex-direction:row,}.info-estudio-wrapper{display:flex;flex-direction:column;padding-left:20px;align-items:center;justify-content:center}.logo-landing{position:relative}.img-estudio-landing{width:500px}@media (max-width:768px){.img-estudio-landing{width:100%}.info-estudio{flex-direction:column}}.studio-container{background-color:#000;width:100%;height:100%;color:#fff;margin-top:0;display:flex;flex-direction:column}.sprites-container{background-color:#fff;width:100%;border:none;overflow-x:hidden;height:100%}.current-time-pointer{position:relative;width:3px;background-color:#7fff00;height:100%}.audio-controls-channel{box-sizing:border-box;width:330px;height:111px;background:hsla(0,0%,62.7%,.93);display:flex;flex-direction:row;justify-content:flex-end}.eq-knob-container{display:flex;justify-content:center;flex-direction:column;align-items:center}.eq-knob-input{width:30px;height:44px;z-index:1;position:absolute;opacity:0;cursor:pointer}.eq-knob-svg{display:flex;width:30px;height:30px}.eq-knob-svg img{width:25px;height:25px;object-fit:cover}.current-time{margin-left:10px;background-color:#d9d9d9;border:none;display:inline;border-radius:10px;height:30px;display:flex;justify-content:center;align-items:center;padding-left:5px;padding-right:5px}.current-time span{display:flex;font-size:18px;color:#333}.volume-container{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding-top:10px}.volume-container label{display:flex;justify-content:center;padding-top:2px;padding-bottom:5px}.volume-range-controller{width:70px;height:10px;z-index:1;display:flex;-webkit-appearance:none;background:transparent;outline:none;transform:rotate(270deg)}.volume-range-controller::-webkit-slider-thumb{appearance:none;width:10px;height:30px;border-radius:0;background:#fff;cursor:pointer;box-shadow:0 0 11px 8px rgba(0,0,0,.26);margin-top:-10px}.volume-range-controller::-webkit-slider-runnable-track{display:flex;appearance:none;height:10px;border-radius:3px;background:#282c34;cursor:pointer}.volume-range-controller::-moz-range-thumb{appearance:none;width:10px;height:30px;border-radius:0;background:#fff;cursor:pointer;box-shadow:0 0 11px 5px rgba(0,0,0,.26);display:flex}.volume-range-controller::-moz-range-track{display:flex;appearance:none;height:10px;width:70px;border-radius:3px;background:#282c34;cursor:pointer;justify-content:center}.volume-bar{position:relative;width:20px;height:10px;background-color:#fff}.audio-controls-sample{display:flex;flex-direction:column;width:100%}.channel-settings{display:flex;flex-direction:row;justify-content:left}.display-name{display:flex;margin:5px;font-weight:600}.audio-controls-eq{flex-direction:row}.audio-controls-eq,.audio-controls-volume{display:flex;border-left:1px solid #757575}.audio-controls-volume{width:63px;height:100%;flex-direction:column;align-items:center;justify-content:space-around}.audio-controls-output-router-buttons{display:flex;flex-direction:column;align-items:center;width:20px;border-left:1px solid #757575;background-color:#fff}.audio-controls-output-router-buttons button{width:20px;height:50%;cursor:pointer}.channel-sprites{background-color:#eeeaea;width:100%;height:100%;display:flex;flex-direction:row}.btn-delete-channel{background-color:#ef3c3c;margin:5px}.btn-delete-channel,.btn-edit-channel{border-radius:3px;border:none;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));padding:5px;height:25px;width:25px}.btn-edit-channel{background-color:#fff;margin-top:5px;margin-left:0 px}.eq-container{display:flex;flex-direction:row;font-size:13px;height:50px}.eq-container label,input{width:90%}.eq-parameter{display:flex;flex-direction:column;width:50px;height:50px;align-content:center}.eq-parameter label{display:flex;justify-content:center;padding-top:2px;padding-bottom:5px}.sprite{display:block;position:relative}.channel-container{display:flex;flex-direction:row;width:100vw;height:100%;overflow:hidden;border:1px solid #d9d9d9}.project-controls{display:flex;width:100%;margin-bottom:10px;margin-top:5px;align-items:center}.btn-project-controls{background-color:initial;border:none;display:flex;transition:transform .1s ease,background-color .3s ease}.project-controls-btn-container{background-color:#d9d9d9;width:100px;height:30px;display:flex;justify-content:space-around;align-items:center;border-radius:10px;margin-left:10px}.btn-play{background-image:url(/static/media/playIcon.581ae048.svg)}.btn-stop{background-image:url(/static/media/stopIcon.77f90d40.svg)}.btn-pause{background-image:url(/static/media/pauseIcon.835ebe7e.svg)}.button-output-channel{padding:0;width:60px;height:60px;border:2px solid #333;background-color:#222;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;text-align:center;line-height:60px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.3);transition:transform .1s ease,background-color .3s ease}.button-output-channel:active{transform:translateY(2px)}.button-output-channel.mute{background-color:#ff8e09;border-color:#ff7515;border-radius:0 5px 0 0}.button-output-channel.mute:hover{background-color:#ffb366}.button-output-channel.solo{background-color:#29ace9;border-color:#1f89bb;border-radius:0 0 10px 0}.button-output-channel.solo:hover{background-color:#6bcff7}.button-output-channel.pressed{background-color:#555;border-color:#333;box-shadow:inset 0 4px 6px rgba(0,0,0,.5);color:#ddd}.fader-container{align-items:center}.fader-container,.tracks-container{display:flex;flex-direction:column}.project-info{display:flex;background-color:#262529;border:1px solid #fff;border-radius:10px;padding:5px 5px 5px 10px;margin:10px 20px;align-items:center;justify-content:space-between;min-width:300px}.project-info span{font-size:16px;font-weight:700}.project-info-btns{display:flex}.bpm-container{margin-left:10px;background-color:#d9d9d9;border:none;display:inline;border-radius:10px;height:30px;display:flex;padding-left:5px;padding-right:5px;color:#333}.bpm-container,.bpm-container input{justify-content:center;align-items:center;text-align:center;cursor:pointer}.bpm-container input{background-color:initial;border:none;width:40px;display:flex;padding-right:0;font-weight:700;font-size:20px}.modal{position:fixed;z-index:999;top:0;left:0;width:100%;min-height:100vh;background-color:rgba(28,45,74,.58);display:none;justify-content:center;align-items:center}.modal.is-open{display:flex}.modal-container{display:flex;position:relative;background-color:#fff;min-width:300px;max-width:600px;min-height:200px;max-height:90vh;overflow-y:auto;border-radius:10px;padding:20px}.modal-close-button{position:absolute;top:1rem;right:1rem}.msg-text-container{display:flex;justify-content:center;padding-left:20px;padding-right:20px;text-align:center}.toast-container{position:fixed;top:20px;right:20px;z-index:1000}.toast{background-color:#333;color:#fff;padding:10px 20px;margin-bottom:10px;border-radius:5px;opacity:.9;transition:opacity .5s ease-in-out}.toast.success{background-color:#4caf50}.toast.error{background-color:#f44336}.toast.info{background-color:#2196f3}
/*# sourceMappingURL=main.ae50ba41.chunk.css.map */