@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;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!important;position:absolute!important;top:3px!important;right:3px!important;width:22px!important;height:22px!important;background-color:#ff3344!important;color:#ffffff!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;box-shadow:0 2px 6px rgba(0,0,0,.15)!important;transition:all .2s ease!important;z-index:10!important;line-height:1!important}.image-uploader .uploaded .uploaded-image:hover .delete-image{background-color:#e17f85!important;transform:scale(1.1)!important}.image-uploader .uploaded .uploaded-image .delete-image i{color:#fff!important;font-size:13px!important;line-height:1!important;margin:0!important;padding:0!important;display:inline-block!important}@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}}