@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);body{--primary-color1:#111f2b;--primary-color2:#559cda;--hover-color1:#61a1d8;--font-heading1:pacifico;--font-general:Arial,Helvetica,sans-serif;font-family:var(--font-general)}*,:after,:before{box-sizing:border-box;margin:0}.navbar__title{position:absolute;top:0;font-family:var(--font-heading1);font-weight:100;color:var(--primary-color1);text-shadow:5px 5px 10px var(--primary-color1);width:100vw;text-align:center;font-size:32px}.hero-container{display:grid;place-items:center;width:100vw;height:100vh;background:url(/static/media/background.5d33269f.svg);background-repeat:no-repeat;background-position:bottom}.main-container{display:flex;flex-direction:column;background-color:#fff;width:200px;padding:20px;box-shadow:0 0 20px #000;border-radius:10px;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.main-container__instruction{color:red;font-size:.7rem}.main-container__file-name{text-align:center;font-size:.7rem}.audio-icon{font-size:150px;color:var(--primary-color1);transition:color 1s linear}.input__icon-container{display:grid;place-items:center;border:2px dashed var(--primary-color1);padding:15px 0;border-radius:10px;margin-bottom:10px}.grey-icon-button{color:grey}#audio-input__file{display:none}.audio-input__btn{display:grid;place-items:center;background:none;border:none;background:var(--primary-color2);height:25px;width:100px;margin:5px auto 0;border-radius:5px;cursor:pointer}.audio-input__btn:hover{opacity:.8}.audio-input .clear-btn{visibility:none;height:0;background-color:#ce3d3d;-webkit-transform:scale(0);transform:scale(0);transition:all .25s ease-in}.audio-input .show-btn{visibility:visible;height:25px;-webkit-transform:scale(1);transform:scale(1)}.audio-player{display:flex;flex-direction:column;position:relative;top:8vh;width:max(70vw,600px);margin:auto;height:92vh;bottom:0}.audio-player p{font-size:14px}.wave-form__notes-indicator{height:10px}.wave-form__notes-indicator div{position:absolute;display:inline-block;background-color:#00f;height:4px;width:4px;border-radius:2px}.wave-form__timeline{border-top:1px solid grey;display:flex;flex-direction:row;justify-content:space-between;color:grey;font-size:.7rem;margin-bottom:5px}.audio-player__controls{display:flex;flex-direction:row;justify-content:center;margin-bottom:10px}.controls__main{display:flex;flex-direction:row;justify-content:space-around}.controls__btn{margin:0 max(3%,10px)}.main__btn{margin:0 5px;font-size:1.3rem;color:var(--primary-color1);cursor:pointer}.volume-icon{display:inline-block}.controls__volume-btn{font-size:1.3rem;color:var(--primary-color1);cursor:pointer}.controls__volume-btn input{width:120px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.controls__toggle-btn{background-color:var(--primary-color2);font-size:.8rem;width:85px;height:20px;display:flex;flex-direction:row;padding:2px 5px;border-radius:20px;cursor:pointer}.toggle-btn__status{text-align:center;font-weight:700}.toggle-btn__circle{position:absolute;font-size:1.7rem;color:var(--primary-color1);-webkit-transform:translate(55px,-6px);transform:translate(55px,-6px);transition:all .5s linear}.toggle-btn--translate{-webkit-transform:translate(-10px,-6px);transform:translate(-10px,-6px)}.toggle-btn__status--change{text-indent:15px}.audio-player__notes{display:flex;flex-direction:column;flex:1 1;width:80%;align-self:center}.notes__saved-notes{background-color:#f5f5f5;flex:1 1;border-radius:10px 10px 0 0;padding:15px 20px;overflow:auto;max-height:58vh}.notes__current-note{background-color:grey;height:10%;border-radius:0 0 10px 10px}.saved-notes__note{margin-left:50px;text-indent:-16px;margin-bottom:10px}.saved-notes__note:before{display:inline-block;position:relative;content:attr(data-timestamp);-webkit-transform:translateX(-20px);transform:translateX(-20px)}.notes__current-note{display:flex;justify-content:center;align-items:center}.notes__current-note textarea{width:90%;height:80%;font-size:16px;border-radius:10px;padding:2px 5px}.notes__current-note button{height:80%;margin-left:5px;background-color:var(--primary-color2);border:none;border-radius:10px}.notes__current-note button:hover{background-color:var(--hover-color1);cursor:pointer}.notes__saved-notes::-webkit-scrollbar{width:.75em}.notes__saved-notes::-webkit-scrollbar-thumb{background-color:#a9a9a9;border-radius:5px}.error-container{display:flex;width:100vw;height:100vh;flex-direction:column;justify-content:center;align-items:center}.error-container h2{margin-bottom:25px}.error-container button{height:30px;background-color:var(--primary-color2);font-weight:700;border:none;border-radius:5px;transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in}.error-container button:hover{-webkit-transform:scale(1.2);transform:scale(1.2);cursor:pointer}
/*# sourceMappingURL=main.4d4959b3.chunk.css.map */