.upload-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:40vh;min-height:300px}.upload-frame > div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-width:3px;border-style:dashed;border-color:#00d1b2;cursor:pointer;width:80%;height:100%}.image-container{width:100%;text-align:center}.image-container canvas{max-width:100%;max-height:400px;object-fit:contain}.image-container .progress-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.button .feather{transform:translateY(4px);margin-right:3px}.feather{transform:translateY(25%)}.base-menu .slider{margin:.5rem 0 !important}body{background:#f5f5f5}body > div{margin:0 auto;max-width:80rem}@media screen and (min-device-width:768px){body > div > .columns{height:100vh}body > div > .columns > .column{height:100%}}.icon{position:relative;top:calc(((var(--width) - 32px) / 2));margin-right:10px;width:var(--width);height:var(--width);--width:50px}.menu-down{padding:1rem 1.5rem}.field.is-horizontal,.field-body{align-items:center}.field.is-horizontal label{width:5.5rem;word-wrap:break-word}.field-label{flex-grow:0}.field.has-addons .control:first-child{width:100%}.output-format-radio .control{display:flex;flex-wrap:wrap;align-items:baseline}.output-format-radio .control span{padding-bottom:1rem}.output-format-radio .control svg{padding:3px}.modal-content{max-width:640px}.modal-box{background-color:#fff;padding:1.25rem;width:100%;border-radius:5px}.modal-box > div{text-align:right}.modal-box button{margin-top:10px}