.image-upload-grid{grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:1rem;margin-top:.5rem;display:grid}.image-upload-grid .grid-item{background-color:#e4b1f51a;border-radius:.375rem;justify-content:center;align-items:center;width:256px;height:256px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.image-upload-grid .grid-item img{object-fit:cover;width:100%;height:100%}.image-upload-grid .grid-item .remove-btn{background-color:var(--color-primary);color:var(--color-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex;position:absolute;top:.25rem;right:.25rem;box-shadow:0 1px 2px #0003}.image-upload-grid .grid-item .remove-btn:hover{background-color:var(--color-primary-dark)}.image-upload-grid .add-placeholder{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}.image-upload-grid .add-placeholder .plus-icon{color:var(--color-primary);margin-bottom:.5rem;font-size:3rem}.image-upload-grid .add-placeholder span{text-align:center;color:var(--color-text);font-weight:500}.image-upload-grid .add-placeholder:hover{background-color:#ffa8771a}.image-upload-grid .add-placeholder:hover .plus-icon{color:var(--color-primary-dark)}.image-upload-grid .add-placeholder:hover span{color:var(--color-text)}