{"version":3,"file":"wadi-image-comparison.css","mappings":"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","sources":["webpack:///./extLib/style/twentytwenty.css","webpack:///./src/style/image-comparison.scss"],"sourcesContent":[".wa_image_comparison-horizontal .wa_image_comparison-handle:before, .wa_image_comparison-horizontal .wa_image_comparison-handle:after, .wa_image_comparison-vertical .wa_image_comparison-handle:before, .wa_image_comparison-vertical .wa_image_comparison-handle:after {\n  content: \" \";\n  display: block;\n  background: white;\n  position: absolute;\n  z-index: 30;\n  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);\n  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);\n  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }\n\n.wa_image_comparison-horizontal .wa_image_comparison-handle:before, .wa_image_comparison-horizontal .wa_image_comparison-handle:after {\n  width: 3px;\n  height: 9999px;\n  left: 50%;\n  margin-left: -1.5px; }\n\n.wa_image_comparison-vertical .wa_image_comparison-handle:before, .wa_image_comparison-vertical .wa_image_comparison-handle:after {\n  width: 9999px;\n  height: 3px;\n  top: 50%;\n  margin-top: -1.5px; }\n\n.wa_image_comparison-before-label, .wa_image_comparison-after-label, .wa_image_comparison-overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  height: 100%; }\n\n.wa_image_comparison-before-label, .wa_image_comparison-after-label, .wa_image_comparison-overlay {\n  -webkit-transition-duration: 0.5s;\n  -moz-transition-duration: 0.5s;\n  transition-duration: 0.5s; }\n\n.wa_image_comparison-before-label, .wa_image_comparison-after-label {\n  -webkit-transition-property: opacity;\n  -moz-transition-property: opacity;\n  transition-property: opacity; }\n\n.wa_image_comparison-before-label:before, .wa_image_comparison-after-label:before {\n  color: white;\n  font-size: 13px;\n  letter-spacing: 0.1em; }\n\n.wa_image_comparison-before-label:before, .wa_image_comparison-after-label:before {\n  position: absolute;\n  background: rgba(255, 255, 255, 0.2);\n  line-height: 38px;\n  padding: 0 20px;\n  -webkit-border-radius: 2px;\n  -moz-border-radius: 2px;\n  border-radius: 2px; }\n\n.wa_image_comparison-horizontal .wa_image_comparison-before-label:before, .wa_image_comparison-horizontal .wa_image_comparison-after-label:before {\n  top: 50%;\n  margin-top: -19px; }\n\n.wa_image_comparison-vertical .wa_image_comparison-before-label:before, .wa_image_comparison-vertical .wa_image_comparison-after-label:before {\n  left: 50%;\n  margin-left: -45px;\n  text-align: center;\n  width: 90px; }\n\n.wa_image_comparison-left-arrow, .wa_image_comparison-right-arrow, .wa_image_comparison-up-arrow, .wa_image_comparison-down-arrow {\n  width: 0;\n  height: 0;\n  border: 6px inset transparent;\n  position: absolute; }\n\n.wa_image_comparison-left-arrow, .wa_image_comparison-right-arrow {\n  top: 50%;\n  margin-top: -6px; }\n\n.wa_image_comparison-up-arrow, .wa_image_comparison-down-arrow {\n  left: 50%;\n  margin-left: -6px; }\n\n.wa_image_comparison-container {\n  -webkit-box-sizing: content-box;\n  -moz-box-sizing: content-box;\n  box-sizing: content-box;\n  z-index: 0;\n  overflow: hidden;\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none; }\n  .wa_image_comparison-container img {\n    max-width: 100%;\n    position: absolute;\n    top: 0;\n    display: block; }\n  .wa_image_comparison-container.active .wa_image_comparison-overlay, .wa_image_comparison-container.active :hover.wa_image_comparison-overlay {\n    background: rgba(0, 0, 0, 0); }\n    .wa_image_comparison-container.active .wa_image_comparison-overlay .wa_image_comparison-before-label,\n    .wa_image_comparison-container.active .wa_image_comparison-overlay .wa_image_comparison-after-label, .wa_image_comparison-container.active :hover.wa_image_comparison-overlay .wa_image_comparison-before-label,\n    .wa_image_comparison-container.active :hover.wa_image_comparison-overlay .wa_image_comparison-after-label {\n      opacity: 0; }\n  .wa_image_comparison-container * {\n    -webkit-box-sizing: content-box;\n    -moz-box-sizing: content-box;\n    box-sizing: content-box; }\n\n.wa_image_comparison-before-label {\n  opacity: 0; }\n  .wa_image_comparison-before-label:before {\n    content: attr(data-content); }\n\n.wa_image_comparison-after-label {\n  opacity: 0; }\n  .wa_image_comparison-after-label:before {\n    content: attr(data-content); }\n\n.wa_image_comparison-horizontal .wa_image_comparison-before-label:before {\n  left: 10px; }\n\n.wa_image_comparison-horizontal .wa_image_comparison-after-label:before {\n  right: 10px; }\n\n.wa_image_comparison-vertical .wa_image_comparison-before-label:before {\n  top: 10px; }\n\n.wa_image_comparison-vertical .wa_image_comparison-after-label:before {\n  bottom: 10px; }\n\n.wa_image_comparison-overlay {\n  -webkit-transition-property: background;\n  -moz-transition-property: background;\n  transition-property: background;\n  background: rgba(0, 0, 0, 0);\n  z-index: 25; }\n  .wa_image_comparison-overlay:hover {\n    background: rgba(0, 0, 0, 0.5); }\n    .wa_image_comparison-overlay:hover .wa_image_comparison-after-label {\n      opacity: 1; }\n    .wa_image_comparison-overlay:hover .wa_image_comparison-before-label {\n      opacity: 1; }\n\n.wa_image_comparison-before {\n  z-index: 20; }\n\n.wa_image_comparison-after {\n  z-index: 10; }\n\n.wa_image_comparison-handle {\n  height: 38px;\n  width: 38px;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  margin-left: -22px;\n  margin-top: -22px;\n  border: 3px solid white;\n  -webkit-border-radius: 1000px;\n  -moz-border-radius: 1000px;\n  border-radius: 1000px;\n  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);\n  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);\n  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);\n  z-index: 40;\n  cursor: pointer; }\n\n.wa_image_comparison-horizontal .wa_image_comparison-handle:before {\n  bottom: 50%;\n  margin-bottom: 22px;\n  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);\n  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);\n  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }\n.wa_image_comparison-horizontal .wa_image_comparison-handle:after {\n  top: 50%;\n  margin-top: 22px;\n  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);\n  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);\n  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }\n\n.wa_image_comparison-vertical .wa_image_comparison-handle:before {\n  left: 50%;\n  margin-left: 22px;\n  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);\n  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);\n  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }\n.wa_image_comparison-vertical .wa_image_comparison-handle:after {\n  right: 50%;\n  margin-right: 22px;\n  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);\n  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);\n  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }\n\n.wa_image_comparison-left-arrow {\n  border-right: 6px solid white;\n  left: 50%;\n  margin-left: -17px; }\n\n.wa_image_comparison-right-arrow {\n  border-left: 6px solid white;\n  right: 50%;\n  margin-right: -17px; }\n\n.wa_image_comparison-up-arrow {\n  border-bottom: 6px solid white;\n  top: 50%;\n  margin-top: -17px; }\n\n.wa_image_comparison-down-arrow {\n  border-top: 6px solid white;\n  bottom: 50%;\n  margin-bottom: -17px; }\n","@import \"../../extLib/style/twentytwenty.css\";\n.wa_image_comparison-container.active .wa_image_comparison-overlay .wa_image_comparison-before-label,\n.wa_image_comparison-container.active .wa_image_comparison-overlay .wa_image_comparison-after-label, .wa_image_comparison-container.active :hover.wa_image_comparison-overlay .wa_image_comparison-before-label,\n.wa_image_comparison-container.active :hover.wa_image_comparison-overlay .wa_image_comparison-after-label {\n  opacity: 1;\n}\n\n.wa_image_comparison-container {\n  height: 720px;\n  width: 100%;\n}\n.wa_image_comparison-container img {\n  width: 100%;\n  height: 100%;\n}\n.wa_image_comparison-container .wa_image_comparison-overlay.wa_image_comparison_label_show_on_hover .wa_image_comparison-after-label, .wa_image_comparison-container .wa_image_comparison-overlay.wa_image_comparison_label_show_on_hover .wa_image_comparison-before-label {\n  opacity: 0;\n}\n.wa_image_comparison-container .wa_image_comparison-overlay.wa_image_comparison_label_show_on_hover:hover .wa_image_comparison-after-label, .wa_image_comparison-container .wa_image_comparison-overlay.wa_image_comparison_label_show_on_hover:hover .wa_image_comparison-before-label {\n  opacity: 1;\n}\n.wa_image_comparison-container .wa_image_comparison-overlay:hover {\n  background-color: transparent;\n}\n.wa_image_comparison-container .wa_image_comparison-overlay .wa_image_comparison-after-label {\n  opacity: 1;\n}\n.wa_image_comparison-container .wa_image_comparison-overlay .wa_image_comparison-before-label {\n  opacity: 1;\n}\n\n.wa_image_comparison-handle.wa_hide_compass {\n  border: none;\n  box-shadow: none;\n}\n.wa_image_comparison-handle.wa_hide_compass:before {\n  margin-bottom: 0;\n}\n.wa_image_comparison-handle.wa_hide_compass:after {\n  margin-top: 0;\n}\n.wa_image_comparison-handle.wa_hide_compass .wa_image_comparison-left-arrow {\n  display: none;\n}\n.wa_image_comparison-handle.wa_hide_compass .wa_image_comparison-right-arrow {\n  display: none;\n}\n\n.wa_image_comparison-hide-drag-compass.wa_image_comparison-handle::before, .wa_image_comparison-hide-drag-compass.wa_image_comparison-handle::after {\n  display: none;\n}"],"names":[],"sourceRoot":""}