@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:rgba(0,0,0,.04)}.image-uploader input[type=file]{width:0;height:0;position:absolute;z-index:-1;opacity:0}.image-uploader .upload-text{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;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:rgba(241,130,141,.95);-webkit-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 (max-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 (max-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 (max-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 (max-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}}