.drop-file-control{display:flex;flex-direction:column;gap:10px}.drop-file-input{position:relative;height:200px;border:2px dashed var(--border-color);border-radius:20px;display:flex;align-items:center;justify-content:center;background-color:var(--input-bg)}.drop-file-input input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.drop-file-input:hover,.drop-file-input.dragover{opacity:.6}.drop-file-input__label{text-align:center;color:var(--txt-second-color);font-weight:600;padding:10px}.drop-file-input__label img{width:100px}.drop-file-preview__item{position:relative;display:grid;grid-template-columns:min-content auto min-content;align-items:center;gap:10px;background-color:var(--input-bg);padding:15px;border-radius:20px}.drop-file-preview__item img{width:50px}.drop-file-preview__item__info{display:flex;flex-direction:column;justify-content:space-between}.drop-file-preview__item__del{background-color:var(--box-bg);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--box-shadow);cursor:pointer}.drop-file-preview__item:hover .drop-file-preview__item__del{opacity:1}:root{line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--body-bg: #f5f8ff;--box-bg: #fff;--input-bg: #f5f8ff;--txt-color: #2f2d2f;--txt-second-color: #ccc;--border-color: #4267b2;--box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}#app{max-width:600px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:1em;padding:.5em}.form-control{display:flex;flex-direction:column;text-align:left}.form-control input,.form-control textarea{border-radius:.5em;border:1px solid rgb(197,209,219);outline:none;padding:.3em}.submit{font-size:16px;border-radius:.5em;border:none;background-color:#0080e5;color:#fff;outline:none;width:fit-content;padding:.4em 2em;margin:auto;cursor:pointer}.submit:disabled{background-color:#f5f5f5;color:#999;cursor:unset}.error{color:#ef2a2ac7}@media (prefers-color-scheme: dark){:root{color:#ccc;background-color:#1a1a1a}}