{"version":3,"sources":["components/gallery/assets/gallery-frontend.css","components/gallery/assets/gallery-frontend.scss","components/common/assets/_common.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACKf;EACC,kBAAkB;ADHpB;;ACQE;EACC,UAAU;EACV,kCCIqC;EA0BvC,cAAc;EACd,WAFiC;AFhClC;;ACCG;EAOC,OAAO;EACP,oBAAiB;EAAjB,iBAAiB;EACjB,MAAM;EC4BT,YD1BoC;EC2BpC,kBAAkB;EAClB,WD5B0C;ADH3C;;ACRG;EAeC,UAAU;ADHd;;ACUE;EAEC,eAAe;EACf,eCVuB;EDWvB,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,kCCvBqC;EA+BvC,YAtByB;EAuBzB,kBAAkB;EAClB,WAxByB;AFS1B;;ACFG;EAYC,cCtB4B;AFgBhC;;ACUE;EACC,OAAO;ADPV;;ACMG;ECWF,YDPoB;ECQpB,sBAAsB;EACtB,eApCyB;EAqCzB,gBAAgB;EAChB,YAtCyB;EAuCzB,iBAAiB;EACjB,QAAQ;EACR,MAAM;EACN,WA1CyB;EAsBzB,YAtByB;EAuBzB,kBAAkB;EAClB,WAxByB;AFgC1B;;ACDE;EACC,QAAQ;ADIX;;ACLG;ECGF,YDCoB;ECApB,sBAAsB;EACtB,eApCyB;EAqCzB,gBAAgB;EAChB,YAtCyB;EAuCzB,iBAAiB;EACjB,QAAQ;EACR,MAAM;EACN,WA1CyB;EAsBzB,YAtByB;EAuBzB,kBAAkB;EAClB,WAxByB;AFmD1B;;ACZE;EACC,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,gBAAgB;EAChB,SAAS;EACT,UAAU;ECvBZ,YDyBmC;ECxBnC,kBAAkB;EAClB,WDuByC;ADgB1C;;ACxBG;EAWC,8BAA8B;EAC9B,eAAe;EACf,WAAW;EACX,aAAa;EACb,UAAU;EACV,6CChEoC;EA0BvC,cAAc;EACd,WDuCgC;ADiBjC;;ACnCG;EAsBE,yBChE2B;AFiFhC","file":"gallery-frontend.css","sourcesContent":["@charset \"UTF-8\";\n.bpf-content--format-gallery {\n  position: relative;\n}\n\n.bpf-content__gallery-image {\n  opacity: 0;\n  transition: opacity 1s ease-in-out;\n  display: block;\n  width: 100%;\n}\n\n.bpf-content__gallery-image:not(:first-child) {\n  left: 0;\n  object-fit: cover;\n  top: 0;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n\n.bpf-content__gallery-image.active {\n  opacity: 1;\n}\n\n.bpf-content__gallery-prev, .bpf-content__gallery-next {\n  cursor: pointer;\n  font-size: 40px;\n  text-align: center;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: color 0.3s ease-in-out;\n  height: 40px;\n  position: absolute;\n  width: 40px;\n}\n\n.bpf-content__gallery-prev:hover, .bpf-content__gallery-next:hover {\n  color: #808080;\n}\n\n.bpf-content__gallery-prev {\n  left: 0;\n}\n\n.bpf-content__gallery-prev:after {\n  content: \"\";\n  font-family: dashicons;\n  font-size: 40px;\n  font-weight: 400;\n  height: 40px;\n  line-height: 100%;\n  right: 0;\n  top: 0;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  width: 40px;\n}\n\n.bpf-content__gallery-next {\n  right: 0;\n}\n\n.bpf-content__gallery-next:after {\n  content: \"\";\n  font-family: dashicons;\n  font-size: 40px;\n  font-weight: 400;\n  height: 40px;\n  line-height: 100%;\n  right: 0;\n  top: 0;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  width: 40px;\n}\n\n.bpf-content__gallery-pagination {\n  bottom: 20px;\n  display: flex;\n  justify-content: center;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  height: auto;\n  position: absolute;\n  width: 100%;\n}\n\n.bpf-content__gallery-pagination li {\n  background-color: currentColor;\n  cursor: pointer;\n  height: 5px;\n  margin: 0 5px;\n  padding: 0;\n  transition: background-color 0.3s ease-in-out;\n  display: block;\n  width: 40px;\n}\n\n.bpf-content__gallery-pagination li:hover, .bpf-content__gallery-pagination li.active {\n  background-color: #808080;\n}\n","// import mixins and variables\r\n@import '../../common/assets/common.scss';\r\n\r\n.bpf-content {\r\n\r\n\t&--format-gallery {\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t&__gallery {\r\n\r\n\t\t&-image {\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: $frontend-opacity-transition;\r\n\r\n\t\t\t@include bpfDisplayBlock();\r\n\r\n\t\t\t&:not(:first-child) {\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\ttop: 0;\r\n\r\n\t\t\t\t@include bpfPositionAbsolute(100%, 100%);\r\n\t\t\t}\r\n\r\n\t\t\t&.active {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-navigation {\r\n\t\t}\r\n\r\n\t\t&-prev,\r\n\t\t&-next {\r\n\t\t\tcursor: pointer;\r\n\t\t\tfont-size: $frontend-arrow-size;\r\n\t\t\ttext-align: center;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t\ttransition: $frontend-color-transition;\r\n\r\n\t\t\t@include bpfPositionAbsolute($frontend-arrow-size, $frontend-arrow-size);\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $frontend-color--medium;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-prev {\r\n\t\t\tleft: 0;\r\n\r\n\t\t\t&:after {\r\n\t\t\t\t@include bpfIcon('\\f341', $frontend-arrow-size);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-next {\r\n\t\t\tright: 0;\r\n\r\n\t\t\t&:after {\r\n\t\t\t\t@include bpfIcon('\\f345', $frontend-arrow-size);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-pagination {\r\n\t\t\tbottom: 20px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\tlist-style: none;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\r\n\t\t\t@include bpfPositionAbsolute(auto, 100%);\r\n\r\n\t\t\tli {\r\n\t\t\t\tbackground-color: currentColor;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\theight: 5px;\r\n\t\t\t\tmargin: 0 5px;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\ttransition: $frontend-background-color-transition;\r\n\r\n\t\t\t\t@include bpfDisplayBlock(40px);\r\n\r\n\t\t\t\t&:hover,\r\n\t\t\t\t&.active {\r\n\t\t\t\t\tbackground-color: $frontend-color--medium;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","// backend variables\r\n$backend-transition-timing: 0.15s;\r\n$backend-transition-easing: ease-in-out;\r\n$backend-opacity-transition: opacity $backend-transition-timing $backend-transition-easing;\r\n\r\n$backend-distance: 12px;\r\n$backend-distance--large: $backend-distance;\r\n$backend-distance--small: $backend-distance--large / 2;\r\n\r\n$backend-color--light: #ffffff;\r\n\r\n$backend-icon: 20px;\r\n$backend-icon-inner: $backend-icon - 2;\r\n$backend-icon-offset: 3px;\r\n\r\n// frontend variables\r\n$frontend-transition-timing: 0.3s;\r\n$frontend-transition-easing: ease-in-out;\r\n$frontend-opacity-transition: opacity 1s $frontend-transition-easing; // hardcode timing, for gallery transitions only\r\n$frontend-color-transition: color $frontend-transition-timing $frontend-transition-easing;\r\n$frontend-background-color-transition: background-color $frontend-transition-timing $frontend-transition-easing;\r\n\r\n$frontend-color--light: #ffffff;\r\n$frontend-color--medium: #808080;\r\n$frontend-color--dark: #000000;\r\n\r\n$frontend-arrow-size: 40px;\r\n$frontend-bullet-size: 10px;\r\n$frontend-icon-size: 40px;\r\n$frontend-icon-distance: 1em;\r\n\r\n$frontend-link-quote-distance: 2.5em;\r\n\r\n// mixins\r\n@mixin bpfClearfix() {\r\n\t&:after {\r\n\t\tclear: both;\r\n\t\tcontent: '';\r\n\t\tdisplay: table;\r\n\t}\r\n}\r\n\r\n@mixin bpfDisplayBlock($width:100%,$important:null) {\r\n\tdisplay: block $important;\r\n\twidth: $width;\r\n}\r\n\r\n@mixin bpfPositionAbsolute($height,$width) {\r\n\theight: $height;\r\n\tposition: absolute;\r\n\twidth: $width;\r\n}\r\n\r\n@mixin bpfBackgroundStyle() {\r\n\tbackground-color: lighten($frontend-color--medium, 30);\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n}\r\n\r\n@mixin bpfIcon($content,$size) {\r\n\tcontent: $content;\r\n\tfont-family: dashicons;\r\n\tfont-size: $size;\r\n\tfont-weight: 400;\r\n\theight: $size;\r\n\tline-height: 100%;\r\n\tright: 0;\r\n\ttop: 0;\r\n\twidth: $size;\r\n\r\n\t@include bpfPositionAbsolute($size, $size);\r\n}\r\n\r\n@mixin bpfResetText() {\r\n\tborder: 0 !important;\r\n\tcolor: inherit !important;\r\n\tmargin: 0 !important;\r\n\tpadding: 0 !important;\r\n\r\n\t&:before,\r\n\t&:after {\r\n\t\tdisplay: none !important;\r\n\t}\r\n}\r\n\r\n@mixin bpfClearForeignContent() {\r\n\t.bpf-content {\r\n\r\n\t\t* {\r\n\r\n\t\t\t&:not([class*=\"bpf-content\"]) {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"]}