.my-uploader .fields{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,calc(50% - .5em));grid-gap:1em}.my-uploader .fields.single{grid-template-columns:repeat(1,100%)}.my-uploader .fields.single .file{width:100%;height:100%}.my-uploader .fields .file{width:100%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative}.my-uploader .fields .file:before{content:"";display:block;width:100%}.my-uploader .fields .file .img{position:absolute;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50%;top:0;left:0}.my-uploader .fields .file .img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.my-uploader .fields .file .icon-delete{cursor:pointer;width:1.6em;height:1.6em;color:#000;background-color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:.5em;bottom:.5em}.my-uploader .fields .file .icon-delete:before{font-size:.9em}.my-uploader .fields .file.add-btn{border-radius:.6em}.my-uploader .fields .file.add-btn .placehoder{width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:1}.my-uploader .fields .file.add-btn .placehoder.error .pp{color:#bb0a30}.my-uploader .fields .file.add-btn .placehoder .icon-font{width:1.778em;height:1.778em;color:#f2f2f2;background-color:#000;border-radius:50%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1.2em}.my-uploader .fields .file.add-btn .placehoder .icon-font:before{font-size:.8em}.my-uploader .fields .file.add-btn .placehoder .ph{font-size:1em;margin-bottom:3em}.my-uploader .fields .file.add-btn .placehoder .pp{font-size:.778em;width:78%;position:absolute;bottom:2.15em}.my-uploader .fields .file.add-btn .upload{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;opacity:0}.my-uploader .fields .file.add-btn .drag{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}.my-uploader .fields .file.add-btn .drag:before{content:"";margin:.6em;border-radius:.6em;border:2px dashed grey;width:calc(100% - 1.2em);height:calc(100% - 1.2em);display:block;opacity:0;-webkit-transition:all .3s cubic-bezier(.75,.02,.5,1);transition:all .3s cubic-bezier(.75,.02,.5,1)}.my-uploader .fields .file.add-btn .drag.hover:before{opacity:1}.my-uploader .fields .file.add-btn .drag.error:before{border-color:#bb0a30}.my-uploader .input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;outline:none;width:100%;height:100%;color:currentColor;font-size:1em;resize:none;font-family:Montserrat,Verdana,Geneva,sans-serif}.my-uploader .input::-webkit-input-placeholder{color:grey}.my-uploader .input::-moz-placeholder{color:grey}.my-uploader .input:-ms-input-placeholder{color:grey}.my-uploader .input::-ms-input-placeholder{color:grey}.my-uploader .input::placeholder{color:grey}.my-uploader.theme-error .label{color:#bb0a30}.my-uploader.theme-error .fields .file.add-btn{border-radius:.6em}.my-uploader.theme-error .fields .file.add-btn .placehoder .icon-font{background-color:#bb0a30}.my-uploader.theme-error .fields .file.add-btn .placehoder .ph,.my-uploader.theme-error .fields .file.add-btn .placehoder .pp{color:#bb0a30}.my-uploader.theme-error .fields .file.add-btn .drag:before{border-color:#bb0a30}