img[data-v-9710c302]{margin:0 auto;-o-object-fit:contain;object-fit:contain;width:100%}.images-container[data-v-ba50d1df]{display:flex;flex-wrap:wrap}.upload-button[data-v-ba50d1df]{align-items:center;border:1px dashed #9a9a9a;border-radius:8px;display:flex;flex-direction:column;height:120px;justify-content:center;transition:all .1s;width:120px}.upload-button[data-v-ba50d1df]:hover{border:1px dashed #3b82f6;transition:all .1s}.upload-button[data-v-ba50d1df]:hover *{color:#3b82f6}.upload-button .plus-icon[data-v-ba50d1df]{opacity:.7}.desktop-image-card img[data-v-ba50d1df],.mobile-image-card img[data-v-ba50d1df]{border:1px dashed #3b82f6;border-radius:8px;cursor:pointer;height:120px;-o-object-fit:contain;object-fit:contain;position:relative;width:120px}.desktop-image-card .overlay[data-v-ba50d1df]{background:#00000080;border-radius:8px;bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s ease-in-out 0s;width:100%}.desktop-image-card:hover .overlay[data-v-ba50d1df]{opacity:1}.desktop-image-card .details[data-v-ba50d1df]{left:50%;opacity:0;padding-left:1em;padding-right:1em;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .1s ease-in-out 0s;width:100%}.desktop-image-card .details .icon[data-v-ba50d1df]{color:#fff}.desktop-image-card:hover .details[data-v-ba50d1df]{left:50%;opacity:1;top:50%}.mobile-image-card .details[data-v-ba50d1df]{background-color:#e9e8e8;border-radius:4px;display:flex;justify-content:space-around;margin-top:8px;padding:6px}.mobile-image-card .details .icon[data-v-ba50d1df]{color:#000}.mobile-image-card .details .delete-icon[data-v-ba50d1df]{color:red}