@font-face{font-family:"Comfortaa";src:local("Comfortaa"),url(/static/media/Comfortaa-Regular.99567c98.ttf) format("truetype");font-weight:400}@font-face{font-family:"Source Sans Pro";src:local("Source Sans Pro"),url(/static/media/SourceSansPro-Regular.efa76f83.ttf) format("truetype");font-weight:400}@font-face{font-family:"Source Sans Pro Bold";src:local("Source Sans Prop Bold"),url(/static/media/SourceSansPro-Bold.12e6acd2.ttf) format("truetype");font-weight:700}@font-face{font-family:"Source Sans Pro Light";src:local("Source Sans Pro Light"),url(/static/media/SourceSansPro-Light.201a9050.ttf) format("truetype");font-weight:100}body{margin:0;font-family:"Source Sans Pro",-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;font-weight:300}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1{margin:0}:root{--color-primary:#109dff;--color-secondary:#f06cdc;--color-light-gray:#707070;--color-dark-gray:#4a4a4a;--color-recording:red}.app-bg{overflow-x:hidden;background-color:#000;width:100vw;height:100vh}.app-container{display:flex;justify-content:flex-start;flex-direction:column;width:100%;height:100%}.display-actions-container{margin-top:auto;margin-bottom:3%}.contact-container{position:absolute;z-index:1;overflow-x:hidden;width:100vw;height:100vh;background-color:#000}.contact-header{display:flex;justify-content:flex-end;margin:2.5% 2.5% 0}.contact-content{text-align:center;margin-top:7%}.contact-input-container{margin-top:60px;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact-content__giftIcon{width:10%;margin-bottom:3.8%;display:block;margin-left:auto;margin-right:auto;fill:var(--color-primary)}.contact-content__logoMom{width:76%}.contact-input{outline:none;font-size:1.4rem;font-family:"Source Sans Pro Light",serif;font-weight:100;border-radius:99px;width:70%;height:7%;padding:15px 20px 15px 30px;box-sizing:border-box;border:1px solid transparent}.contact-input::-webkit-input-placeholder{font-size:1.4rem}.contact-input:-ms-input-placeholder{font-size:1.4rem}.contact-input::-ms-input-placeholder{font-size:1.4rem}.contact-input::placeholder{font-size:1.4rem}.contact-input--error{border:1px solid red;color:red}.send-btn{border:1px solid transparent;width:70%;outline:none;color:#fff;border-radius:99px;padding:15px 20px;margin-top:10%;background-color:var(--color-primary);font-size:1.4rem;font-family:"Source Sans Pro Bold",serif;cursor:pointer}.info-text{font-family:"Source Sans Pro Light",serif;font-weight:100;color:var(--color-primary);font-size:1.2rem;margin-top:7%}.close-btn{color:var(--color-dark-gray);cursor:pointer;font-size:1.6rem;margin-top:8%;display:inline-block}@media screen and (max-width:600px){.contact-content__logoMom{margin-top:20px}.contact-input,.send-btn{font-size:1.2rem}.info-text{width:180px;font-size:1.4rem;margin-right:auto;margin-left:auto}}@media screen and (min-width:600px){.contact-header{display:flex;justify-content:flex-end;margin:2.5% 2.5% 0}.contact-content__giftIcon{width:7%;margin-bottom:3%}.contact-content__logoMom{width:70%}.info-text{margin-top:2.5%;font-size:1.6rem}.contact-input{width:50%}.send-btn{width:50%;margin-top:6%}.close-btn{margin-top:5%}}@media screen and (min-width:960px){.contact-header{display:flex;justify-content:flex-end;margin:1.5% 1.5% 0}.contact-content{text-align:center;margin-top:7%}.contact-input-container{flex-direction:row}.contact-content__giftIcon{width:4.5%;margin-bottom:2%}.contact-content__logoMom{width:35%}.contact-input{width:20%}.send-btn{width:23%;margin-top:0;margin-left:15px}.info-text{margin-top:.8%;font-size:1.6rem}.close-btn{margin-top:3.5%}}@media screen and (min-width:1280px){.contact-input{width:17%}.send-btn{width:17%;margin-top:0;margin-left:15px}}.confirm-modal{display:none;width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.98);z-index:2;overflow:hidden}.confirm-modal--visible{display:block!important}.confirm-modal__content{height:auto;border-radius:10px;background-color:transparent;display:flex;flex-direction:column;margin-top:10%;padding:20px;margin-left:auto;margin-right:auto;position:relative}.content__message{color:#fff;font-size:1.7rem}.confirm-btn{border:1px solid transparent;width:150px;margin-left:auto;margin-right:auto;outline:none;color:#fff;border-radius:99px;padding:15px 20px;margin-top:3%;background-color:var(--color-primary);font-size:1.4rem;font-family:"Source Sans Pro Bold",serif;cursor:pointer}@media screen and (max-width:600px){.content__message{font-size:1.4rem}}.app-header{display:flex;justify-content:space-between;align-items:center;margin:2.5% 2.5% 0}.header-logo{width:40%}.header-btn{display:flex;align-items:center;border-radius:99px;background-color:var(--color-dark-gray);padding:16px;cursor:pointer}.header-btn:hover svg path{fill:var(--color-secondary)!important}.header-giftIcon{width:25px;fill:var(--color-primary)}.contact-section{display:flex;justify-content:flex-end;align-items:center;width:auto}.logoDjv{margin-right:10px;font-family:"Comfortaa","Source Sans Pro",serif;font-size:1.2rem;color:var(--color-primary)}@media screen and (max-width:600px){.header-btn{padding:10px}.header-giftIcon{width:15px}.app-header{margin:2% 2% 0}.header-logo{width:10%}.logoDjv{font-size:1.1rem}}@media screen and (min-width:960px){.app-header{margin:1.5% 1.5% 0}}@media screen and (min-width:1280px){.header-btn{padding:12px}.header-logo{width:22%}.header-giftIcon{width:22px}}@media screen and (min-width:1920px){.header-logo{width:21%}}@media screen and (min-width:2400px){.header-giftIcon{width:31px}}.music-display{display:block;color:#fff;font-size:2.6rem;font-family:"Source Sans Pro";font-weight:400;text-align:center;margin-bottom:2%}@media screen and (max-width:600px){.music-display{font-size:1.6em;margin-bottom:10%}}@media screen and (min-width:600px){.music-display{font-size:1.6em;margin-bottom:7%}}@media screen and (min-width:960px){.music-display{font-size:2em;margin-bottom:2.5%}}@media screen and (min-width:1280px){.music-display{font-size:2.5em;margin-bottom:2.5%}}@media screen and (min-width:1920px){.music-display{font-size:3em;margin-bottom:2.5%}}.player-actions-container{margin-top:15px;width:90%;display:flex;justify-content:space-between;align-items:center;margin-right:auto;margin-left:auto}.player-actions{display:flex;flex-grow:1;justify-content:center;flex-direction:row}.player-actions>:nth-child(2){margin-left:25px;margin-right:25px}.play-pause-btn{border-radius:99px;background-color:var(--color-dark-gray);padding:10px 17px;cursor:pointer}.play-pause-btn:hover svg path{fill:var(--color-secondary)!important}.share-btn{flex-grow:2}@media screen and (max-width:600px){.player-actions-container{margin-bottom:28%}}@media screen and (min-width:960px){.player-actions-container{width:37%}}@media screen and (min-width:1280px){.player-actions-container{width:33%}}.share-modal-container{position:absolute;z-index:1;overflow-x:hidden;width:100vw;height:100vh;background-color:#000}.share-header{display:flex;justify-content:flex-end;margin:1.5% 1.5% 0}.modal-container__shareIcon{width:10%;margin-top:5%}.shareIcon--align-center{display:block;margin-left:auto;margin-right:auto}.share-title{color:var(--color-primary);font-size:2rem;font-weight:300;margin-top:4%}.share-title--align-center{text-align:center}.share-buttons-container{margin-top:3%;display:grid;width:100%;height:55%;grid-template-columns:repeat(1,40%);justify-content:center;grid-gap:2%;gap:2%}.close-modal-text-btn{color:var(--color-dark-gray);cursor:pointer;margin-top:6%;font-size:1.6rem;display:block}.close-modal-text-btn--align-center{text-align:center}.share-button{border:none;outline:none;color:#fff;border-radius:99px;background-color:var(--color-primary);font-family:"Source Sans Pro Bold",serif;font-weight:700;font-size:1.7rem;padding:15px 0;cursor:pointer;display:flex;align-items:center;justify-content:center}@media screen and (min-width:960px){.share-buttons-container{grid-template-columns:repeat(2,20%);grid-row-gap:15%;row-gap:15%;height:30%}.modal-container__shareIcon{width:4.5%;margin-bottom:2%}.share-title{margin-top:2%}}@media screen and (min-width:1280px){.modal-container__shareIcon{width:3.5%;margin-bottom:2.5%}}@media screen and (min-width:1920px){.modal-container__shareIcon{width:3%}}.landscape-container{text-align:center;position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;background-color:#000;width:100vw;height:100vh}.loop-slider{flex-direction:column;width:auto;height:100%}.loop-slider,.sliders{display:flex;align-items:center}.sliders{flex-direction:row;justify-content:center;height:45%;margin-top:5%}.sliders>:nth-child(2){margin-left:7%}.sliders>:nth-child(3){margin-left:7%;margin-right:7%}@media screen and (max-width:600px){.sliders{height:35%;margin-top:20%;justify-content:space-evenly}.sliders>:nth-child(2){margin-left:0}.sliders>:nth-child(3){margin-left:0;margin-right:0}}@media screen and (min-width:600px){.sliders{height:40%;margin-top:17%;justify-content:space-evenly}.sliders>:nth-child(2){margin-left:0}.sliders>:nth-child(3){margin-left:0;margin-right:0}}@media screen and (min-width:960px){.sliders{justify-content:center;height:45%;margin-top:5%}.sliders>:nth-child(2){margin-left:10%}.sliders>:nth-child(3){margin-left:10%;margin-right:10%}}@media screen and (min-width:1280px){.sliders{margin-top:6%}}.container{position:absolute;z-index:1;overflow-x:hidden;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:flex-start;flex-direction:column}.container,.presentation-content{margin-bottom:auto;margin-top:auto}.presentation-content{text-align:center}.header{display:flex;justify-content:flex-end;flex-direction:row;margin:1% 1% 0}.presentation-text{font-size:1.6rem;align-self:center;font-family:"Source Sans Pro Light",serif}.presentation-text__primary{color:var(--color-primary)}.logo-presentation{width:35%;align-self:center}.mix-text{font-family:"Source Sans Pro Light",serif;font-size:1.6rem;align-self:center}.mix-text__primary{color:var(--color-primary)}.sound-text{font-family:"Source Sans Pro Light",serif;font-size:1.6rem;align-self:center;margin:5px 0 0}.sound-text__primary{color:var(--color-primary)}.copyright-text{margin-top:auto;font-size:1.6rem;align-self:center;font-family:"Source Sans Pro Light",serif;margin-bottom:15%;text-align:center}.copyright-text__primary{color:var(--color-primary)}.ready-btn{border:none;outline:none;color:#fff;border-radius:99px;background-color:var(--color-primary);font-size:2rem;align-self:center;font-family:"Source Sans Pro Bold",serif;font-weight:700;cursor:pointer;width:10%;padding:10px 7px}@media screen and (max-width:600px){.header{margin:2.5% 2.5% 0}.presentation-text{font-size:1.3rem}.logo-presentation{width:80%}.mix-text{font-size:1.3rem;width:180px;margin-left:auto;margin-right:auto;margin-bottom:35px}.ready-btn{width:37%;padding:7px;font-size:2rem}.sound-text{font-size:1.3rem;margin-top:25px}.copyright-text{font-size:1.1rem;margin-bottom:30%}}@media screen and (min-width:600px){.header{margin:2.5% 2.5% 0}.presentation-text{font-size:1.6rem}.logo-presentation{width:80%}.mix-text{font-size:1.6rem}.ready-btn{width:30%;padding:10px 7px;font-size:2.8rem}.sound-text{margin-top:25px;font-size:1.6rem}.copyright-text{font-size:1.3rem}}@media screen and (min-width:960px){.logo-presentation{width:50%}.ready-btn{width:20%;font-size:1.8rem;padding:15px 5px}}@media screen and (min-width:1280px){.header{margin:2% 2% 0}.presentation-text{font-size:1.6rem}.logo-presentation{width:40%}.mix-text{font-size:1.6rem}.ready-btn{width:13%;font-size:1.8rem}.sound-text{font-size:1.6rem}.copyright-text{font-size:1.3rem;margin-bottom:5%}}@media screen and (min-width:1920px){.header{margin:1.5% 1.5% 0}.presentation-text{font-size:1.6rem}.logo-presentation{width:25%}.mix-text{font-size:1.6rem}.ready-btn{width:10%;font-size:1.8rem}.sound-text{font-size:1.6rem}.copyright-text{font-size:1.3rem;margin-bottom:2%}}.loader-container{text-align:center;position:absolute;z-index:9;background-color:rgba(0,0,0,.9)}.loader-container,.loader-container div{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}
/*# sourceMappingURL=main.08bc5622.chunk.css.map */