:root{--checkbox-color:#fff;--checkbox-size:20px;--prefix-width:24px;--suffix-width:24px;--space-button-width:24px}@media(min-width:768px){:root{--prefix-width:48px;--suffix-width:48px;--space-button-width:40px}}.form-group .image-upload-drop-zone,.image-upload-drop-zone{border:1px dashed #e5e7eb;border-radius:8px;cursor:pointer;display:block;margin-bottom:0;padding:4rem 2rem;position:relative;text-align:center;transition:.3s}.form-group .image-upload-drop-zone:focus-within,.image-upload-drop-zone:focus-within{border-color:#0162dd}.form-group .image-upload-drop-zone:hover,.image-upload-drop-zone:hover{border-color:#0162dd}.image-upload .browse-text{color:#0162dd;cursor:pointer;margin-bottom:0}.image-upload .max-size-text{color:#9ca3af;font-size:14px;font-weight:500}.image-upload-text{color:#1f2937;font-size:16px;font-weight:500;margin-bottom:5px;text-align:center}.image-upload .file-input{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.image-upload .preview-container{display:grid;flex-wrap:wrap;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:20px}@media only screen and (min-width:768px){.image-upload .preview-container{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:992px){.image-upload .preview-container{grid-template-columns:repeat(4,1fr)}}.image-upload .preview-item{align-items:stretch;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:.9rem;box-shadow:0 10px 24px #0f172a0f;display:flex;flex-direction:column;gap:.7rem;overflow:hidden;padding:.65rem;position:relative;text-align:left}.image-upload .preview-image{border-radius:.7rem;display:block;height:140px;max-height:140px;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-upload .preview-name{color:#0d133e;font-size:14px;font-weight:500;margin-bottom:0;overflow:hidden;padding-right:2rem;text-overflow:ellipsis;white-space:nowrap}.image-upload .remove-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab8;border:1px solid hsla(0,0%,100%,.24);border-radius:999px;box-shadow:0 8px 18px #0f172a2e;color:#fff;cursor:pointer;display:inline-flex;height:2rem;justify-content:center;padding:0;position:absolute;right:.95rem;top:.95rem;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;width:2rem}.image-upload .remove-btn:focus-visible,.image-upload .remove-btn:hover{background:#ec564d;box-shadow:0 10px 22px #dc262647;transform:scale(1.06)}.image-upload .remove-btn:focus-visible{outline:2px solid rgba(37,99,235,.24);outline-offset:2px}