{"version":3,"file":"image-comparison.css","mappings":"AACC,sCACC,oDAGD,2HAIC,sBADA,qBAEA,eAHA,iBAGA,CAEA,iKAIC,oDADA,SAFA,kBACA,UAEA,CAEA,yKAGC,cADA,YADA,UAEA,CAGD,mLAMC,gCAFA,YAGA,oDANA,aACA,kBAGA,WAGA,iBALA,WAKA,CAEA,oCAVD,mLAWE,eAIF,iLAIC,YADA,OAGA,gBALA,kBACA,MAGA,SACA,CAEA,yLACC,cAGD,mMAEC,UADA,WAEA,gBAIF,mLAIC,oCAGA,SAEA,iBANA,YAEA,SAGA,iBAPA,kBAKA,MAJA,SAOA,CAEA,iMAQC,sBAPA,WAGA,YACA,UAEA,iBALA,kBAIA,QAGA,oFACA,sEAPA,UAOA,CAGD,+LAQC,sBAPA,WAGA,YACA,UAEA,gBALA,kBAIA,QAGA,oFACA,sEAPA,UAOA,CAIA,qNAEC,YACA,WACA,iBAHA,UAGA,CAGD,mNAKC,sBAHA,YACA,UACA,iBAHA,UAIA,CAMJ,6IACC,kBACA","sources":["webpack://b-blocks/./src/blocks/image-comparison/style.scss"],"sourcesContent":[".wp-block-b-blocks-image-comparison {\r\n\t* {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.comparison-slider-wrapper,\r\n\t.bBlocksImageComparison {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\tbackground-color: white;\r\n\t\tmax-width: 100%;\r\n\r\n\t\t.comparison-slider {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0;\r\n\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t>img {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t.overlay {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 250px;\r\n\t\t\t\tbottom: 20px;\r\n\t\t\t\tright: 20px;\r\n\t\t\t\tbackground-color: rgba(0, 0, 0, 0.4);\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\ttext-align: right;\r\n\r\n\t\t\t\t@media screen and (min-width : 767px) {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.resize {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\twidth: 50%;\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t>img {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.overlay {\r\n\t\t\t\t\tright: auto;\r\n\t\t\t\t\tleft: 20px;\r\n\t\t\t\t\ttext-align: left;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.divider {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 2px;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tbackground-color: rgba(256, 256, 256, 0.2);\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tmargin-left: -1px;\r\n\t\t\t\tcursor: ew-resize;\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\theight: 20px;\r\n\t\t\t\t\tleft: -9px;\r\n\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\tmargin-top: -10px;\r\n\t\t\t\t\tbackground-color: white;\r\n\t\t\t\t\ttransform: rotate(45deg);\r\n\t\t\t\t\ttransition: all 0.1s ease-in-out;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\twidth: 12px;\r\n\t\t\t\t\theight: 12px;\r\n\t\t\t\t\tleft: -5px;\r\n\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\tmargin-top: -6px;\r\n\t\t\t\t\tbackground-color: white;\r\n\t\t\t\t\ttransform: rotate(45deg);\r\n\t\t\t\t\ttransition: all 0.1s ease-in-out;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.draggable {\r\n\t\t\t\t\t&:before {\r\n\t\t\t\t\t\twidth: 30px;\r\n\t\t\t\t\t\theight: 30px;\r\n\t\t\t\t\t\tleft: -14px;\r\n\t\t\t\t\t\tmargin-top: -15px;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\t\theight: 20px;\r\n\t\t\t\t\t\tleft: -9px;\r\n\t\t\t\t\t\tmargin-top: -10px;\r\n\t\t\t\t\t\tbackground-color: #555;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.caption {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n}"],"names":[],"sourceRoot":""}