@font-face{font-family:'Image Uploader Icons';src:url("../fonts/iu.eot");src:url("../fonts/iu.eot") format('embedded-opentype'),url("../fonts/iu.ttf") format('truetype'),url("../fonts/iu.woff") format('woff'),url("../fonts/iu.svg") format('svg');font-weight:400;font-style:normal}

[class*="iui-"],[class^="iui-"]{font-family:'Image Uploader Icons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.iui-close::before{content:"\e900"}

.iui-cloud-upload::before{content:"\e901"}

.image-uploader{min-height:10rem;border:2px dashed #d9d9d9;border-radius:4px;position:relative}

.image-uploader.drag-over{background-color:rgb(0 0 0 / 4%)}

.image-uploader input[type="file"]{width:0;height:0;position:absolute;z-index:-1;opacity:0}

.image-uploader .upload-text{position:absolute;inset:0;justify-content:center;align-items:center;flex-direction:column;display:none;opacity:0}

.image-uploader .upload-text i{display:block;font-size:3rem;margin-bottom:.5rem}

.image-uploader .upload-text span{display:block}

.image-uploader.has-files .upload-text{display:none}

.image-uploader .uploaded{padding:.5rem;line-height:0}

.image-uploader .uploaded .uploaded-image{display:inline-block;width:calc(16.6666667% - 1rem);padding-bottom:calc(16.6666667% - 1rem);height:0;position:relative;margin:.5rem;background:#f3f3f3;cursor:default;border-radius:4px}

.image-uploader .uploaded .uploaded-image img{width:100%;height:100%;object-fit:cover;position:absolute}

.image-uploader .uploaded .uploaded-image .delete-image{cursor:pointer;position:absolute;top:0;right:0;width:38px;height:38px;text-align:center;border-radius:0;padding:0 0 0 7px;line-height:1;background-color:rgb(241 130 141 / 95%);appearance:none;border:none}

.image-uploader .uploaded .uploaded-image:hover .delete-image{display:block;background-color:#f1828d}

.image-uploader .uploaded .uploaded-image .delete-image i{display:block;color:#fff;width:1.4rem;height:1.4rem;font-size:1.4rem;line-height:1.4rem}

@media screen and (width <=1366px){.image-uploader .uploaded .uploaded-image{width:calc(20% - 1rem);padding-bottom:calc(20% - 1rem)}

.add-gallery-button{width:calc(20% - 1rem);padding-bottom:calc(20% - 1rem)}}

@media screen and (width <=992px){.image-uploader .uploaded{padding:.4rem}

.image-uploader .uploaded .uploaded-image{width:calc(25% - .8rem);padding-bottom:calc(25% - .4rem);margin:.4rem}

.add-gallery-button{width:calc(25% - .8rem);padding-bottom:calc(25% - .4rem);margin:.4rem}}

@media screen and (width <=786px){.image-uploader .uploaded{padding:.3rem}

.image-uploader .uploaded .uploaded-image{width:calc(33.3333333333% - .6rem);padding-bottom:calc(33.3333333333% - .3rem);margin:.3rem}

.add-gallery-button{width:calc(33.3333333333% - .6rem);padding-bottom:calc(33.3333333333% - .3rem);margin:.3rem}}

@media screen and (width <=450px){.image-uploader .uploaded{padding:.2rem}

.image-uploader .uploaded .uploaded-image{width:calc(50% - .4rem);padding-bottom:calc(50% - .4rem);margin:.2rem}

.add-gallery-button{width:calc(50% - .4rem);padding-bottom:calc(50% - .4rem);margin:.2rem}}