body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--canvas-height:230px;--background-color:#282831;--link-color:#007bff}body{background:url(/static/media/background.7e3b104cb182bd751b9a.svg) #282831 no-repeat 50% fixed;background:url(/static/media/background.7e3b104cb182bd751b9a.svg) var(--background-color) no-repeat center center fixed;background-size:cover}.App{display:flex;height:100vh}.button{background-color:#282831;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;height:43px;min-width:100px;padding:6px 12px;pointer-events:all;text-align:center}.non-visible{visibility:hidden!important}.button-important{border-width:2px;font-weight:700}.icon-btn svg{height:100%}.icon-btn:not(:last-child){margin-right:15px}.slice-btn{align-items:center;display:flex;font-size:18px;justify-content:center;width:230px}.slice-btn svg{margin-left:15px}.info-btn{background:none;border:0;padding:0}.mode-btn:not(.selected){border:none}#mark-btn{border-bottom-right-radius:0;border-top-right-radius:0}#adjust-btn{border-radius:0}#delete-btn{border-bottom-left-radius:0;border-top-left-radius:0}.mode-btn__divider{border-left:1px solid hsla(0,0%,100%,.5);height:40%;width:1px}.mode-btn-wrapper{align-items:center;display:inline-flex;margin-left:auto;margin-right:2.5%}.overlay{align-items:center;background-color:rgba(40,40,49,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.overlay .close-btn{left:80%;position:relative;top:10%}.main{margin-bottom:auto;margin-top:auto}input[type=file]{left:-9999rem;position:absolute}.file-name{background-color:#282831;color:#fff;padding-left:15px}.file-label{pointer-events:none}*{box-sizing:border-box}canvas{border:1px solid #fff;padding-bottom:20px;padding-top:20px}.canvasWrapper{background-color:#282831;margin-bottom:30px;margin-top:40px;position:relative}.canvasWrapper,canvas{height:230px;height:var(--canvas-height);position:relative;width:100%}canvas{position:absolute}.info{color:#fff;margin-top:10px}#frame-drawing,#frame-keeping{opacity:.5}#audio{display:none}.deleteBtn{margin-left:auto}.frames{display:flex;width:100%}.frame,.frames{height:100%;position:absolute}.frame{border:3px dashed #add8e6;border-radius:15px}.frame.selected{border:5px dashed gold}.frame.keep:not(.selected){border:2px dashed #bcf5d2}.frame.keep{background-color:rgba(188,245,210,.3)}.frame.delete:not(.selected){border:2px dashed #f5b4b0}.frame.delete{background-color:hsla(3,78%,83%,.3)}.upper-row{display:flex}.play-bar{height:20px;margin-bottom:15px;overflow:visible;position:relative}.play-bar__bar{border:1px solid #add8e6;height:230px;height:var(--canvas-height);pointer-events:none;position:absolute;top:-260px}.playbar-indicator{border:1px solid rgba(173,216,230,.5);height:100%;pointer-events:none;position:relative;width:1}.time-indicator{background:url(/static/media/time_hint.dfc2cb5b026b6a987fe5.svg) #282831 no-repeat 50% fixed;background-size:100% 100%;cursor:pointer;min-width:2.5rem;padding-inline:5px;pointer-events:all;position:absolute;text-align:center;top:230px;top:var(--canvas-height);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}.time-indicator__text{position:relative;top:2px}.options-select,.time-indicator{-webkit-user-select:none;user-select:none}.down-buttons-wrapper{display:flex}.slice-btn{box-shadow:0 .125rem .25rem hsla(0,0%,100%,.075);min-width:8rem}.options-wrapper{align-items:center;display:flex;margin-left:auto;position:relative}.options-wrapper+.options-wrapper{margin-inline:30px}.options-wrapper label{color:#fff;position:absolute;top:-25px}.options-select{--padding-left:15px;-webkit-appearance:none;appearance:none;background-image:url(/static/media/chevron-down.c8b417ac7ced28f1c847.svg);background-position:right var(--padding-left) center;background-repeat:no-repeat;border-radius:6px;color:#6c757d;font-size:14px;height:38px;padding-left:var(--padding-left);padding-right:calc(var(--padding-left)*3)}.download-links{display:flex;left:50%;max-width:50%;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.file-label.choose-file-prompt{align-items:center;color:#007bff;color:var(--link-color);cursor:pointer;display:flex;font-size:80px;height:100%;justify-content:center;line-height:100%;pointer-events:all;position:absolute;-webkit-text-decoration:underline solid 5px;text-decoration:underline solid 5px;width:100%}.choose-file-prompt svg{color:#fff;margin-left:30px;text-decoration:none}.pop-up{background-color:#282831;background-color:var(--background-color);border:2px solid #fff;border-radius:6px;color:#fff}.pop-up>*{align-items:center;display:flex;flex-direction:column;justify-content:center}.pop-up .body{display:flex;font-size:25px}.pop-up .title{display:flex;font-size:80px}.pop-up__close-btn{margin:60px 30px 30px auto}.pop-up__shortcuts .title{align-items:center;display:flex;margin-top:30px}.pop-up__shortcuts .title svg{margin-right:30px}.pop-up__shortcuts .body{display:flex;margin-top:50px;margin-inline:120px}.pop-up__shortcuts .description,.pop-up__shortcuts .shortcut{display:flex;flex-direction:column}.pop-up__shortcuts .shortcut{color:#007bff;color:var(--link-color);margin-right:45px}.pop-up__loading{max-width:600px}.pop-up__loading .title{margin-top:60px}.pop-up__loading .body{margin-top:30px}.pop-up__loading .footer{display:flex;margin:60px 30px 30px}.pop-up__loading .footer .pop-up__close-btn{margin:0}.pop-up__loading .info-text{margin-inline:30px}.pop-up__download-links .title{margin:60px}.pop-up__download-links .title svg{margin-right:30px}
/*# sourceMappingURL=main.49ff7a68.css.map*/