{"version":3,"sourceRoot":"","sources":["../../../src/plugins/file-upload/scss/_file-upload.scss"],"names":[],"mappings":"AAAA,qBACE,WAGF,aACE,kBACA,WAEA,iBAGF,qDACE,YAGF,8GAIE,UAGF,4GAIE,UAGF,iDACE,UAGF,2CACE,aAGF,sBACE,oBAEA,2CACE,WACA,6BAIJ,qBACE,kBACA,WACA,YACA,MACA,OACA,aACA,uBACA,mBACA,sBAGF,wBACE,iBAGF,wBACE,iBAEA,SAGF,mBACE,UACA,WACA,YACA,kBACA,MACA,OACA,UACA,eAGF,gCACE,cAGF,kBACE,oBACA,kBACA,MACA,OACA,YACA,WACA,UACA,sBACA,mBAGF,oBACE,kBACA,MACA,OACA,aACA,UACA,WACA,YACA,8BACA,uBACA,sBAEA,mBAGF,mBACE,WAGF,sBACE,aACA,eACA,WACA,YAGF,qBACE,oCACA,eACA,kBACA,YACA,aACA,cACA,iBAGF,oBACE,WACA,YAGF,uBACE,eACA,QACA,SACA,wCACA,oCACA,gCACA,kBACA,WAGF,uBACE,kBACA,QACA,SACA,wCACA,oCACA,gCACA,gBACA,yBACA,gBACA,uBACA,eACA,WACA,WACA,mBACA,gBACA,0BACA,uBAGF,yBACE,WACA,YACA,iBAGF,6BACE,kBACA,WACA,YACA,MACA,OACA,6BACA,0BACA,aACA,uBACA,sBACA,aACA,UACA,mBAEF,6BACE,kBACA,WACA,SACA,UAGF,+BACE,YACA,aACA,mBACA,uBAGF,kCACE,WACA","file":"file-upload.min.css","sourcesContent":[".file-upload-wrapper {\n  width: 100%;\n}\n\n.file-upload {\n  position: relative;\n  width: 100%;\n  // box-shadow: $box-shadow-1;\n  min-height: 200px;\n}\n\n.file-upload:not(.has-error):hover .file-upload-mask {\n  opacity: 0.06;\n}\n\n.file-upload-input.has-multiple\n  ~ .file-upload-previews\n  .file-upload-preview:hover\n  .file-upload-preview-details {\n  opacity: 1;\n}\n\n.file-upload:hover\n  .file-upload-input:not(.has-multiple)\n  ~ .file-upload-previews\n  .file-upload-preview-details {\n  opacity: 1;\n}\n\n.file-upload.has-error:hover .file-upload-errors {\n  opacity: 1;\n}\n\n.file-upload.has-error .file-upload-errors {\n  display: flex;\n}\n\n.file-upload.disabled {\n  pointer-events: none;\n\n  .file-upload-message {\n    opacity: 0.5;\n    text-decoration: line-through;\n  }\n}\n\n.file-upload-message {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n\n.file-upload-cloud-icon {\n  font-size: 2.2rem;\n}\n\n.file-upload-main-error {\n  font-weight: bold;\n  // color: $danger;\n  margin: 0;\n}\n\n.file-upload-input {\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.file-upload-input.has-multiple {\n  z-index: unset;\n}\n\n.file-upload-mask {\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  opacity: 0;\n  background-color: #000;\n  transition: 0.2s all;\n}\n\n.file-upload-errors {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(243, 65, 65, 0.8);\n  justify-content: center;\n  flex-direction: column;\n\n  transition: 0.2s all;\n}\n\n.file-upload-error {\n  color: #fff;\n}\n\n.file-upload-previews {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  height: 100%;\n}\n\n.file-upload-preview {\n  background-color: var(--mdb-body-bg);\n  cursor: pointer;\n  position: relative;\n  flex-grow: 1;\n  flex-basis: 0;\n  min-width: 25%;\n  max-height: 200px;\n}\n\n.file-upload-render {\n  width: 100%;\n  height: 100%;\n}\n\n.file-upload-file-icon {\n  font-size: 80px;\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  position: absolute;\n  color: #777;\n}\n\n.file-upload-extension {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  margin-top: 10px;\n  text-transform: uppercase;\n  font-weight: 900;\n  letter-spacing: -0.03em;\n  font-size: 1rem;\n  color: #fff;\n  width: 42px;\n  white-space: nowrap;\n  overflow: hidden;\n  -o-text-overflow: ellipsis;\n  text-overflow: ellipsis;\n}\n\n.file-upload-preview-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.file-upload-preview-details {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  color: rgba(255, 255, 255, 0.959);\n  background: rgba(0, 0, 0, 0.7);\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  display: flex;\n  opacity: 0;\n  transition: 0.2s all;\n}\n.file-upload-remove-file-btn {\n  position: absolute;\n  right: 15px;\n  top: 10px;\n  z-index: 3;\n}\n\n.file-upload-details-container {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.file-uplod-preview-details-inner {\n  width: 100%;\n  text-align: center;\n}\n"]}