{"version":3,"sources":["../lib/src/components/ImgPreview/styles.scss"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;EACZ,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;EACE,aAAa;EACb,WAAW;EACX,iBAAe;EACf,kBAAkB;EAClB,2BAA2B;EAC3B,4BAA4B;EAC5B,kBAAkB;EAClB,sBAAsB;EACtB,8BAA4B;EAC5B,yBAAyB;EACzB,2BAA2B;EAC3B,uCAAuC;EACvC,mBAAmB;;EAEnB,qBAAqB;EACrB;IACE,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,QAAQ;IACR,YAAY;IACZ,eAAe;IACf,gBAAgB;IAChB,UAAU;EACZ;AACF;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,UAAU;EACV,WAAW;EACX,YAAY;EACZ,WAAW;EACX,eAAe;EACf,eAAe;AACjB;;AAGA;EACE,cAAc;EACd,kBAAkB;EAClB,SAAS;EACT,YAAY;EACZ,yBAAyB;EACzB,iBAAiB;EACjB,sBAAsB;EACtB,eAAe;EACf,qBAAqB;EACrB;IACE,cAAc;IACd,yBAAyB;IACzB,WAAW;IACX;MACE,eAAe;IACjB;;EAEF;AACF;;AAGA;EACE,aAAa;EACb,sBAAsB;EACtB,YAAY;EACZ,WAAW;EACX,6BAA6B;EAC7B,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,aAAa;EACb,YAAY;EACZ,mBAAmB;EACnB,YAAY;AACd","file":"fnDpZgSb.scss","sourcesContent":[".icon {\n  width: 100%;\n  height: 100%;\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.imgPreviewContainer {\n  height: 162px;\n  width: 100%;\n  // width: 358px;\n  position: relative;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n  text-align: center;\n  vertical-align: middle;\n  // background-color: #F3F4F4;\n  background-color: #333740;\n  background-position: center;\n  background-repeat: no-repeat !important;\n  white-space: nowrap;\n\n  z-index: 1 !important;\n  > img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n    max-width: 100%;\n    max-height: 100%;\n    z-index: 3;\n  }\n}\n\n.iconContainer {\n  position: absolute;\n  top: 5px;\n  right: 3px;\n  width: 20px;\n  height: 20px;\n  color: #fff;\n  font-size: 11px;\n  cursor: pointer;\n}\n\n\n.hintDropping {\n  display: block;\n  position: absolute;\n  top: 37px;\n  z-index: 999;\n  padding: 12px 40px 0 40px;\n  line-height: 18px;\n  color: #fff !important;\n  font-size: 13px;\n  white-space: pre-line;\n  > span {\n    display: block;\n    padding: 12px 40px 0 40px;\n    color: #fff;\n    > u {\n      cursor: pointer;\n    }\n\n  }\n}\n\n\n.fileIcon {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  color: #fff;\n  justify-content: space-around;\n  font-size: 30px;\n}\n\n.overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 162px;\n  z-index: 999;\n  background: #333740;\n  opacity: 0.9;\n}\n"]}