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}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root{height:100vh;width:100vw}#container{background-color:#ffb6c1;border:1px solid #faf7f7;position:relative}#draghandle{bottom:0;position:absolute;right:0;transform:translate(0)}.btn-wave{background-color:#f39c12;border:none;border-radius:5px;color:#fff;cursor:pointer;overflow:hidden;padding:1rem 2rem;position:relative}.btn-wave:after{animation:wave 1s infinite;background:#fff3;border-radius:50%;content:"";height:300%;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:300%}@keyframes wave{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(0)}}.div-drag-n-drop{display:flex}.div-drag-n-drop,.row{justify-content:center}.content-image{border-color:#ff5e00;border-radius:8px;border-style:dashed;width:fit-content;block-size:fit-content;margin:auto;padding:50px 80px}.drag-drop{background:#fff;border:1px solid var(--border-color);border-radius:8px}.document-uploader,.drag-drop{justify-content:center}.document-uploader{align-items:center;background-color:#f4fbff;border:2px dashed #4282fe;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:10px;position:relative;&.active{border-color:#6dc24b}.upload-info{align-items:center;display:flex;margin-bottom:1rem;svg{font-size:36px;margin-right:1rem}div{p{font-size:16px;margin:0}p:first-child{font-weight:700}}}.file-list{display:flex;flex-direction:column;gap:.5rem;width:100%;&__container{height:100%;overflow:auto;width:100%}}.file-item{align-items:center;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:.5rem;.file-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;p{color:#333;font-size:14px;margin:0}}.file-actions{cursor:pointer;svg{color:#888;font-size:18px}&:hover{svg{color:#d44}}}}.browse-btn{align-items:center;background-color:var(--primary-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;padding:.5rem 1rem;&:hover{background-color:initial}}.success-file{align-items:center;color:#6dc24b;display:flex;p{font-size:14px;font-weight:700;margin:0}}input[type=file]{display:none}}.modal{align-items:center;background-color:#000000a6;bottom:0;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;padding:1.5em 1em;position:fixed;right:0;top:0;width:100%;z-index:999999}.modal.modal-fade{animation:fade-in 1s linear 1;animation-fill-mode:forwards;opacity:0}.modal>.modal-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.modal>.modal-close{align-items:center;background:hsla(0,0%,100%,.749);border:1px solid #c3c0c0;border-radius:50%;box-sizing:border-box;color:#5e5e5e;cursor:pointer;display:flex;display:inline-block;font-size:1.25em;height:42px;justify-content:center;padding:7px;position:absolute;right:15px;text-align:center;top:10px;width:42px;z-index:999999}.modal>.modal-close:hover{background:hsla(0,0%,100%,.989)}.modal>.modal-body{background-color:#78796c;border:1px solid #ffffff40;border-radius:3px;color:#c3c0c0;margin:0 auto;max-height:100%;overflow-x:hidden;overflow-y:hidden;padding:60px;position:relative;z-index:2}@keyframes fade-in{0%{animation-timing-function:cubic-bezier(.2242,.7499,.3142,.8148);opacity:0}to{opacity:1}}.App{font-family:Arial,sans-serif;text-align:center}.header{background-color:#282c34;color:#fff;padding:20px}.plan-selector{margin:20px 0}.plan-selector button{border:none;border-radius:5px;cursor:pointer;margin:0 10px;padding:10px 20px}.plan-selector button.active{background-color:#61dafb;color:#fff}.plans{display:flex;justify-content:center}.plan{border:1px solid #ccc;border-radius:10px;margin:10px;padding:20px;width:200px}.plan h2{margin-top:0}.plan button{background-color:#61dafb;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.plan button:hover{background-color:#21a1f1}
/*# sourceMappingURL=react-app--image_resize.main.5db30e35.css.map*/