{"version":3,"file":"dist/style.css","mappings":";;;AAAA;EACE;AACF;AACE;EACE;EACA;EACA;EACA;EACA;AACJ;AACE;EACE;EACA;EACA;AACJ;AACI;EACE;EACA;EACA;EACA;EACA;AACN;AAGE;EACE;EAAA;EACA;EAAA;EACA;AADJ;AAKM;EACE;EACA;EACA;KAAA;AAHR;AAQE;EACE;EACA;OAAA;AANJ;AAQI;EACE;OAAA;EACA;AANN;AAQM;EACE;AANR;AAaM;EACE;EACA;AAXR;AAaQ;EACE;AAXV;AAaQ;EACE;AAXV;AAaQ;EACE;AAXV;AAaQ;EACE;AAXV;AAaQ;EACE;EACA;AAXV;AAaQ;EACE;AAXV;AAaQ;EACE;AAXV;AAaQ;EACE;AAXV;AAaQ;EACE;AAXV;AAcM;EACE;AAZR;AAoBM;EACE;EACA;AAlBR;AAoBM;EACE;EACA;EACA;AAlBR;AAoBM;EACE;EACA;AAlBR;AAoBM;EACE;EACA;EACA;AAlBR;AAoBM;EACE;EACA;EACA;EACA;AAlBR;AAoBM;EACE;EACA;EACA;AAlBR;AAoBM;EACE;EACA;AAlBR;AAoBM;EACE;EACA;EACA;AAlBR;AAoBM;EACE;EACA;AAlBR;;AAyBA;EACE;EACA;EACA;EACA;AAtBF;;AA0BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAvBF;;AA2BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAxBF;;AA4BA;EACE;EACA;EACA;EACA;AAzBF;;AA4BA;EACE;AAzBF;;AA4BA;EACE;AAzBF;;AA4BA;EACE;IACE;EAzBF;;EA2BA;IACE;EAxBF;;EA0BA;IACE;EAvBF;;EAyBA;IACE;EAtBF;;EAwBA;IACE;EArBF;;EAuBA;IACE;EApBF;;EAsBA;IACE;EAnBF;;EAqBA;IACE;EAlBF;AACF;AAqBA;EACE;EACA;AAnBF;;AAsBA;EACE;EACA;EACA;EACA;AAnBF;;AAyBA;EACE;AAtBF;;AAwBA;EACE;AArBF;;AAwBA;EACE;EACA;AArBF;;AAwBA;EACE;AArBF;;AAwBA;EACE;EACA;AArBF;;AAyBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAtBF;;AAyBA;EACE;EACA;EACA;AAtBF;;AAwBA;EACE;AArBF;;AAwBA;EACE;EACA;EACA;EACA;AArBF;;AAuBA;EACE;AApBF;;AAuBA;EACE;EACA;EACA;EACA;AApBF;;AAsBA;EACE;AAnBF;;AAsBA;EACE;EACA;EACA;EACA;AAnBF;;AAqBA;EACE;AAlBF;;AAqBA;EACE;EACA;EACA;EACA;AAlBF;;AAoBA;EACE;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;EACA;AAjBF;;AAmBA;EACE;EACA;EACA;EACA;EACA;AAhBF;;AAmBA;EACE;AAhBF;;AAoBA;EACE;AAjBF;;AAmBA;EACE;AAhBF;;AAkBA;EACE;AAfF;;AAiBA;EACE;AAdF;;AAgBA;EACE;AAbF;;AAeA;EACE;AAZF;;AAeA;EACE;EACA;EACA;AAZF;;AAeA;EACE;MAAA;AAZF;;AAeA;EACE;EACA;EACA;AAZF;;AAeA;EACE;AAZF,C","sources":["webpack://image-gallery-block/./src/style.scss"],"sourcesContent":[".eb-gallery-img-wrapper {\n  overflow: hidden;\n\n  .eb-gallery-link-wrapper {\n    overflow: hidden;\n    display: block;\n    position: relative;\n    height: 100%;\n    width: 100%;\n  }\n  .eb-gallery-img-content{\n    position: relative;\n    display: block;\n    overflow: hidden;\n\n    .eb-gallery-img-caption {\n      position: absolute;\n      width: auto;\n      transform: translate(0%, 0%);\n      font-size: .8em;\n      line-height: 1em;\n    }\n  }\n\n  &.grid {\n    display: grid;\n    grid-template-columns: repeat(3, auto);\n    grid-auto-flow: dense;\n\n    .eb-gallery-img-content{\n\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n    }\n  }\n\n  &.masonry {\n    display: block;\n    columns: 3;\n\n    .eb-gallery-img-content{\n      break-inside: avoid;\n      display: block;\n\n      img {\n        display: block;\n      }\n    }\n  }\n\n  &.caption-on-hover {\n    .eb-gallery-img-content {\n      .eb-gallery-img-caption {\n        opacity: 0;\n        transition: all 0.4s ease-in-out;\n  \n        &.left.top {\n          left: -10px;\n        }\n        &.left.middle {\n          left: -10px;\n        }\n        &.left.bottom {\n          left: -10px;\n        }\n        &.center.top {\n          top: -10px\n        }\n        &.center.middle {\n          bottom: 0;\n          transform: translate(-50%, 20px);\n        }\n        &.center.bottom {\n          bottom: -10px;\n        }\n        &.right.top {\n          right: -10px;\n        }\n        &.right.middle {\n          right: -10px;\n        }\n        &.right.bottom {\n          right: -10px;\n        }\n      }\n      &:hover .eb-gallery-img-caption {\n        opacity: 1;\n      }\n    }\n  }\n\n  .eb-gallery-img-content,\n  &.caption-on-hover .eb-gallery-img-content:hover {\n    .eb-gallery-img-caption {\n      &.left.top {\n        left: 0px;\n        top: 0px\n      }\n      &.left.middle {\n        left: 0px;\n        top: 50%;\n        transform: translateY(-50%);\n      }\n      &.left.bottom {\n        left: 0px;\n        bottom: 0px\n      }\n      &.center.top {\n        left: 50%;\n        top: 0px;\n        transform: translateX(-50%);\n      }\n      &.center.middle {\n        left: 50%;\n        top: 50%;\n        bottom: auto !important;\n        transform: translate(-50%,-50%);\n      }\n      &.center.bottom {\n        left: 50%;\n        bottom: 0px;\n        transform: translateX(-50%);\n      }\n      &.right.top {\n        right: 0px;\n        top: 0px;\n      }\n      &.right.middle {\n        right: 0px;\n        top: 50%;\n        transform: translateY(-50%);\n      }\n      &.right.bottom {\n        right: 0px;\n        bottom: 0px;\n      }\n    }\n  }\n}\n\n// Sortable item styles\n.eb-lightbox-sortable-item {\n  display: flex;\n  justify-content: space-between;\n  border: 1px solid;\n  line-height: 2.5em;\n}\n\n// Sortable style\n.eb-lightbox-sortable-title {\n  cursor: pointer;\n  flex: 12;\n  padding-left: 5px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 200px;\n  white-space: nowrap;\n}\n\n// Upload button style\n.eb-gallery-upload-button {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 60px;\n  width: 100%;\n  background: #e3e3e3;\n  color: #666666;\n}\n\n// Image close button style\n.eb-lightbox-delete-icon {\n  position: absolute;\n  margin-left: 88%;\n  margin-top: 1%;\n  color: #f44336;\n}\n\n.eb-lightbox-image-wrapper {\n  position: relative;\n}\n\n.eb-is-sorting {\n  outline: 4px solid;\n}\n\n@media (min-width: 600px) {\n  .columns-8 a {\n    flex-basis: calc(12.5% - 16px);\n  }\n  .columns-7 a {\n    flex-basis: calc(14.28% - 16px);\n  }\n  .columns-6 a {\n    flex-basis: calc(16.667% - 16px);\n  }\n  .columns-5 a {\n    flex-basis: calc(20% - 16px);\n  }\n  .columns-4 a {\n    flex-basis: calc(25% - 16px);\n  }\n  .columns-3 a {\n    flex-basis: calc(33.33% - 16px);\n  }\n  .columns-2 a {\n    flex-basis: calc(50% - 16px);\n  }\n  .columns-1 a {\n    flex-basis: 100%;\n  }\n}\n\n.eb-gallery-img-link {\n  position: relative;\n  cursor: pointer;\n}\n\n.eb-lightbox-caption-input-wrapper {\n  display: flex;\n  justify-content: space-around;\n  flex-direction: column;\n  margin-top: 10px;\n}\n\n// Caption styles\n\n// 1st style\n.caption-style-1 {\n  overflow: hidden;\n}\n.caption-style-1 .eb-gallery-img-caption {\n  opacity: 0;\n}\n\n.caption-style-1 .eb-gallery-img {\n  transition: all 0.25s ease-in-out;\n  filter: grayscale(100%) !important;\n}\n\n.caption-style-1 .eb-gallery-img-content:hover .eb-gallery-img {\n  filter: grayscale(0%) !important;\n}\n\n.caption-style-1 .eb-gallery-img-content:hover .eb-gallery-img-caption {\n  opacity: 1;\n  transition: all 0.3s ease-in-out;\n}\n\n// 2nd style\n.eb-gallery-img-wrapper.caption-style-2 .eb-gallery-link-wrapper:after {\n  content: '';\n  position: absolute;\n  margin: 0px !important;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.3s ease-in-out;\n}\n\n.eb-gallery-img-wrapper.caption-style-2 .eb-gallery-link-wrapper .eb-gallery-img-caption {\n  z-index: 99;\n  transition: all 0.4s ease-in-out;\n  visibility: hidden;\n}\n.eb-gallery-img-wrapper.caption-style-2 .eb-gallery-link-wrapper:hover .eb-gallery-img-caption {\n  visibility: visible;\n}\n\n.eb-gallery-img-wrapper.caption-style-2.overlay-top .eb-gallery-link-wrapper:after {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 0;\n}\n.eb-gallery-img-wrapper.caption-style-2.overlay-top .eb-gallery-link-wrapper:hover:after {\n  height: 100%;\n}\n\n.eb-gallery-img-wrapper.caption-style-2.overlay-bottom .eb-gallery-link-wrapper:after {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 0;\n}\n.eb-gallery-img-wrapper.caption-style-2.overlay-bottom .eb-gallery-link-wrapper:hover:after {\n  height: 100%;\n}\n\n.eb-gallery-img-wrapper.caption-style-2.overlay-left .eb-gallery-link-wrapper:after {\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 100%;\n}\n.eb-gallery-img-wrapper.caption-style-2.overlay-left .eb-gallery-link-wrapper:hover:after {\n  width: 100%;\n}\n\n.eb-gallery-img-wrapper.caption-style-2.overlay-right .eb-gallery-link-wrapper:after {\n  top: 0;\n  right: 0;\n  width: 0;\n  height: 100%;\n}\n.eb-gallery-img-wrapper.caption-style-2.overlay-right .eb-gallery-link-wrapper:hover:after {\n  width: 100%;\n}\n\n.eb-gallery-img-wrapper.caption-style-2.zoom .eb-gallery-link-wrapper:after {\n  top: 50%;\n  left: 50%;\n  width: 0;\n  height: 0;\n  transform: scale(0);\n}\n.eb-gallery-img-wrapper.caption-style-2.zoom .eb-gallery-link-wrapper:hover:after {\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  transform: scale(1);\n}\n\n.caption-style-2 .eb-gallery-img {\n  transition: all 0.25s ease-in-out;\n}\n\n// SVG icon style\n.st0g {\n  fill: url(#SVGID_1_GALLERY);\n}\n.st1g {\n  fill: url(#SVGID_2_GALLERY);\n}\n.st2g {\n  fill: url(#SVGID_3_GALLERY);\n}\n.st3g {\n  fill: url(#SVGID_4_GALLERY);\n}\n.st4g {\n  fill: url(#SVGID_5_GALLERY);\n}\n.st5g {\n  fill: url(#SVGID_6_GALLERY);\n}\n\n.eb-lightbox-input-label-wrapper {\n  display: flex;\n  justify-content: space-around;\n  margin-bottom: 10px;\n}\n\n.eb-lightbox-input-label {\n  align-self: center;\n}\n\n.eb-lightbox-btn-wrapper {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 10px;\n}\n\n.eb-lightbox-save-btn {\n  margin-right: 10px;\n}\n"],"names":[],"sourceRoot":""}