.drop-zone{max-width:720px;margin:30px auto 0;padding:30px 24px;border:2px dashed #9fc8bd;border-radius:22px;background:rgba(255,255,255,.72);transition:border-color .16s ease,background .16s ease,transform .16s ease}.drop-zone.is-dragging{border-color:var(--green);background:#e7f5f1;transform:scale(1.01)}.drop-zone.is-error{border-color:var(--bad);background:#fff2f0}.drop-icon{display:grid;width:48px;height:48px;margin:0 auto 10px;place-items:center;border-radius:15px;background:#e2f2ed;color:var(--green);font-size:25px;font-weight:850}.drop-zone>strong{display:block;font-size:20px}.drop-zone>p{margin:5px 0 0;color:var(--muted);font-size:13px}.drop-zone .upload-row{margin-top:18px}@media(max-width:480px){.drop-zone{padding:23px 16px}.drop-zone .upload-row{flex-direction:column}.drop-zone .upload-row>*{width:100%}}