.form-item{grid-template-columns:180px minmax(500px,1fr);grid-template-areas:"label field"".error";align-items:center;gap:5px 30px;display:grid}.form-item .label-wrapper{grid-area:label}.form-item .field-wrapper{grid-area:field}.form-item .field-wrapper>:first-child{width:100%;min-width:350px}.form-item .error-wrapper{text-overflow:ellipsis;grid-area:error;max-width:350px;height:30px;line-height:14px;overflow:hidden}
.single-image-form-item{flex-direction:column;align-items:flex-start;gap:10px;display:flex}
.image-multiple-uploader-wrapper{flex-wrap:wrap;gap:20px;width:100%;display:flex}
.image-uploader-preview{width:fit-content;height:100%;position:relative}.image-uploader-preview .pi-trash{font-size:1.5rem}.image-uploader-preview .trash-icon-wrapper{visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#b0afaf5b;border:none;border-radius:10px;justify-content:center;align-items:center;width:110%;height:110%;transition:opacity .3s;display:flex;position:absolute;top:-5%;left:-5%}.image-uploader-preview .trash-icon-wrapper i{color:var(--primary-color)}.image-uploader-preview:hover .trash-icon-wrapper{visibility:visible;opacity:1;cursor:pointer}
.image-uploader-button{box-sizing:border-box;border:2px dashed gray;border-radius:5%;justify-content:center;align-items:center;transition:border .2s;display:flex}.image-uploader-button.invalid{border-color:#e24c4c}.image-uploader-button .plus-icon{color:gray;font-size:1.5rem;transition:color .2s}.image-uploader-button .load-icon{color:var(--primary-color);font-size:1.5rem}.image-uploader-button button{background-color:#0000;border:none;width:100%;height:100%}.image-uploader-button button:hover{cursor:pointer}.image-uploader-button:hover{border:2px dashed var(--primary-color);cursor:pointer}.image-uploader-button:hover .plus-icon{color:var(--primary-color)}.image-uploader-button .file-input{display:none}