{"version":3,"file":"blocks/flip-box/style-index.css","mappings":";;;AAAA;;;;;EAAA;AAOC;EACI;EACA;AAAL;;AAEC;EACI;AACL;;AACC;EACI;EACA;EACA;EACA;EAIA;EAIA;AAEL;;AAAC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGL;;AADC;EACI;EACA;AAIL;;AAFC;;EAEI;EACA;EACA;AAKL;;AAHC;EACI;EACA;EACA;EAEA;AAML;;AAJC;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;AAOL;;AALC;EACI;EACA;EACA;AAQL;;AANC;EAGI;AASL;;AAPC;EACI;EACA;AAUL;;AARC;EAGI;EAGA;AAWL;;AARC;EAGI;EAGA;AAWL;;AATC;;EAEI;EACA;EACA;EAGA;EAGA;AAYL;;AAVC;EAGI;AAaL;;AAVC;;EAKI;AAaL;;AAXC;EAII;AAcL;;AAZC;EAII;AAeL;;AAbC;;EAKI;AAgBL;;AAdC;EAII;AAiBL;;AAfC;EAII;AAkBL;;AAhBC;;EAKI;AAmBL;;AAjBC;EAII;AAoBL;;AAlBC;EAII;AAqBL;;AAnBC;;EAKI;AAsBL;;AApBC;EAII;AAuBL;;AArBC;EAII;AAwBL;;AAtBC;EACI;AAyBL;;AAvBC;EACI;AA0BL;;AAxBC;EACI;AA2BL;;AAzBC;EACI;AA4BL;;AA1BC;EACI;AA6BL;;AA3BC;EACI;AA8BL;;AA5BC;EACI;AA+BL;;AA7BC;EACI;AAgCL;;AA9BC;EACI;AAiCL;;AA/BC;EACI;AAkCL;;AAhCC;EACI;AAmCL;;AAjCC;EACI;AAoCL;;AAjCC;;EAEI;EACA;EACA;EAGA;AAoCL;;AAlCC;EAII;AAqCL;;AAnCC;EAII;AAsCL;;AApCC;EAII;AAuCL;;AArCC;EAII;AAwCL;;AAtCC;EAII;AAyCL;;AAvCC;EAII;AA0CL;;AAxCC;EAII;AA2CL;;AAzCC;EAII;AA4CL;;AA1CC;EAII;AA6CL;;AA3CC;EAII;AA8CL;;AA5CC;EAII;AA+CL;;AA7CC;EAII;AAgDL;;AA9CC;EAII;AAiDL;;AA/CC;EAII;AAkDL;;AAhDC;EAII;AAmDL;;AAjDC;EAII;AAoDL;;AAjDC;EACI;AAoDL;;AAlDC;EACI;EACA;EACA;EACA;AAqDL;;AAnDC;EACI;EACA;EACA;EACA;AAsDL;;AApDC;EACI;OAAA;AAuDL;;AArDC;EACI;OAAA;AAwDL;;AAtDC;EACI;OAAA;AAyDL;;AAvDC;EACI;EACA;EAEA;AA0DL;;AAxDC;EACI;EACA;AA2DL;;AAzDC;EACI;AA4DL,C","sources":["webpack://wpmozo-blocks-and-addons/./src/blocks/flip-box/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n .wpmozo-bna-flip-box-main {\n     position: relative;\n     perspective: 1000px;\n }\n .wpmozo-bna-flip-box-main * {\n     box-sizing: border-box;\n }\n .wpmozo-bna-flip-box-wrap {\n     position: relative;\n     margin-left: auto;\n     margin-right: auto;\n     text-align: center;\n     -webkit-transform-style: preserve-3d;\n     -moz-transform-style: preserve-3d;\n     -ms-transform-style: preserve-3d;\n     transform-style: preserve-3d;\n     -webkit-backface-visibility: hidden;\n     -moz-backface-visibility: hidden;\n     -ms-backface-visibility: hidden;\n     backface-visibility: hidden;\n }\n .wpmozo-bna-flip-box-side {\n     min-height: 200px;\n     width: 100%;\n     background-size: cover;\n     background-position: center;\n     background-repeat: no-repeat;\n     display: flex;\n     justify-content: center;\n     padding: 30px;\n }\n .wpmozo-bna-flip-box-description {\n     word-break: break-word;\n     white-space: break-spaces;\n }\n .wpmozo-bna-flip-box-wrap.layout1 .wpmozo-bna-flip-box-back, \n .wpmozo-bna-flip-box-wrap.layout2 .wpmozo-bna-flip-box-back {\n     position: absolute;\n     top: 0;\n     left: 0;\n }\n .wpmozo-bna-hexagon-wrap {\n     position: relative;\n     display: inline-block;\n     border: none;\n     -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);\n     clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);\n }\n .wpmozo-bna-hexagon-wrap:before {\n     position: absolute;\n     content: \"\";\n     top: 2px;\n     left: 2px;\n     width: calc(100% - 4px);\n     height: calc(100% - 4px);\n     -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);\n     clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);\n }\n .wpmozo-bna-hexagon-shape i {\n     position: relative;\n     z-index: 99;\n     padding: 20px;\n }\n .wpmozo-bna-flip-box-wrap.layout1 .wpmozo-bna-flip-box-inner {\n     -webkit-backface-visibility: hidden;\n     -moz-backface-visibility: hidden;\n     backface-visibility: hidden;\n }\n .wpmozo-bna-flip-box-side .wpmozo-bna-flip-box-inner {\n     width: 100%;\n     display: flex;\n }\n .wpmozo-bna-flip-box-wrap.layout1 {\n     -webkit-perspective: 1000px;\n     -moz-perspective: 1000px;\n     perspective: 1000px;\n     -webkit-backface-visibility: hidden;\n     -moz-backface-visibility: hidden;\n     backface-visibility: hidden;\n }\n\n .wpmozo-bna-flip-box-main .layout1 {\n     -webkit-perspective: 1000px;\n     -moz-perspective: 1000px;\n     perspective: 1000px;\n     -webkit-backface-visibility: hidden;\n     -moz-backface-visibility: hidden;\n     backface-visibility: hidden;\n }\n .wpmozo-bna-flip-box-main .layout1 .wpmozo-bna-flip-box-back,\n .wpmozo-bna-flip-box-main .layout1 .wpmozo-bna-flip-box-front {\n     display: flex;\n     justify-content: center;\n     width: 100%;\n     -webkit-backface-visibility: hidden;\n     -moz-backface-visibility: hidden;\n     backface-visibility: hidden;\n     -webkit-transform-style: preserve-3d;\n     -ms-transform-style: preserve-3d;\n     transform-style: preserve-3d;\n }\n .wpmozo-bna-flip-box-main .layout1 .wpmozo-bna-flip-box-inner {\n     -webkit-backface-visibility: hidden;\n     -moz-backface-visibility: hidden;\n     backface-visibility: hidden;\n }\n\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"top\"] .wpmozo-bna-flip-box-front,\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"top\"]:hover .wpmozo-bna-flip-box-back {\n     -webkit-transform: rotateX(0);\n     -moz-transform: rotateX(0);\n     -ms-transform: rotateX(0);\n     transform: rotateX(0);\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"top\"] .wpmozo-bna-flip-box-back {\n     -webkit-transform: rotateX(-180deg);\n     -moz-transform: rotateX(-180deg);\n     -ms-transform: rotateX(-180deg);\n     transform: rotateX(-180deg);\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"top\"]:hover .wpmozo-bna-flip-box-front {\n     -webkit-transform: rotateX(180deg);\n     -moz-transform: rotateX(180deg);\n     -ms-transform: rotateX(180deg);\n     transform: rotateX(180deg);\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"bottom\"] .wpmozo-bna-flip-box-front,\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"bottom\"]:hover .wpmozo-bna-flip-box-back {\n     -webkit-transform: rotateX(0);\n     -moz-transform: rotateX(0);\n     -ms-transform: rotateX(0);\n     transform: rotateX(0);\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"bottom\"] .wpmozo-bna-flip-box-back {\n     -webkit-transform: rotateX(180deg);\n     -moz-transform: rotateX(180deg);\n     -ms-transform: rotateX(180deg);\n     transform: rotateX(180deg);\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"bottom\"]:hover .wpmozo-bna-flip-box-front {\n     -webkit-transform: rotateX(-180deg);\n     -moz-transform: rotateX(-180deg);\n     -ms-transform: rotateX(-180deg);\n     transform: rotateX(-180deg);\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"left\"] .wpmozo-bna-flip-box-front,\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"left\"]:hover .wpmozo-bna-flip-box-back {\n     -webkit-transform: rotateY(0);\n     -moz-transform: rotateY(0);\n     -ms-transform: rotateY(0);\n     transform: rotateY(0);\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"left\"] .wpmozo-bna-flip-box-back {\n     -webkit-transform: rotateY(180deg);\n     -moz-transform: rotateY(180deg);\n     -ms-transform: rotateY(180deg);\n     transform: rotateY(180deg);\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"left\"]:hover .wpmozo-bna-flip-box-front {\n     -webkit-transform: rotateY(-180deg);\n     -moz-transform: rotateY(-180deg);\n     -ms-transform: rotateY(-180deg);\n     transform: rotateY(-180deg);\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"right\"] .wpmozo-bna-flip-box-front,\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"right\"]:hover .wpmozo-bna-flip-box-back {\n     -webkit-transform: rotateY(0);\n     -moz-transform: rotateY(0);\n     -ms-transform: rotateY(0);\n     transform: rotateY(0);\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"right\"] .wpmozo-bna-flip-box-back {\n     -webkit-transform: rotateY(-180deg);\n     -moz-transform: rotateY(-180deg);\n     -ms-transform: rotateY(-180deg);\n     transform: rotateY(-180deg);\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"right\"]:hover .wpmozo-bna-flip-box-front {\n     -webkit-transform: rotateY(180deg);\n     -moz-transform: rotateY(180deg);\n     -ms-transform: rotateY(180deg);\n     transform: rotateY(180deg);\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"diagonal-left\"] .wpmozo-bna-flip-box-back {\n     transform: rotate3d(1, 1, 0, 180deg);\n }\n .wpmozo-bna-flip-box-main:hover .layout1[flip-direction=\"diagonal-left\"] .wpmozo-bna-flip-box-front {\n     transform: rotate3d(1, 1, 0, -180deg);\n }\n .wpmozo-bna-flip-box-main:hover .layout1[flip-direction=\"diagonal-left\"] .wpmozo-bna-flip-box-back {\n     transform: none;\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"diagonal-right\"] .wpmozo-bna-flip-box-back {\n     transform: rotate3d(1, 1, 0, -180deg);\n }\n .wpmozo-bna-flip-box-main:hover .layout1[flip-direction=\"diagonal-right\"] .wpmozo-bna-flip-box-front {\n     transform: rotate3d(1, 1, 0, 180deg);\n }\n .wpmozo-bna-flip-box-main:hover .layout1[flip-direction=\"diagonal-right\"] .wpmozo-bna-flip-box-back {\n     transform: none;\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"diagonal-left-inverted\"] .wpmozo-bna-flip-box-back {\n     transform: rotate3d(1, -1, 0, -180deg);\n }\n .wpmozo-bna-flip-box-main:hover .layout1[flip-direction=\"diagonal-left-inverted\"] .wpmozo-bna-flip-box-front {\n     transform: rotate3d(1, -1, 0, 180deg);\n }\n .wpmozo-bna-flip-box-main:hover .layout1[flip-direction=\"diagonal-left-inverted\"] .wpmozo-bna-flip-box-back {\n     transform: none;\n }\n .wpmozo-bna-flip-box-main .layout1[flip-direction=\"diagonal-right-inverted\"] .wpmozo-bna-flip-box-back {\n     transform: rotate3d(-1, 1, 0, -180deg);\n }\n .wpmozo-bna-flip-box-main:hover .layout1[flip-direction=\"diagonal-right-inverted\"] .wpmozo-bna-flip-box-front {\n     transform: rotate3d(-1, 1, 0, 180deg);\n }\n .wpmozo-bna-flip-box-main:hover .layout1[flip-direction=\"diagonal-right-inverted\"] .wpmozo-bna-flip-box-back {\n     transform: none;\n }\n\n .wpmozo-bna-flip-box-main .layout2 .wpmozo-bna-flip-box-back,\n .wpmozo-bna-flip-box-main .layout2 .wpmozo-bna-flip-box-front {\n     display: flex;\n     justify-content: center;\n     width: 100%;\n     -webkit-backface-visibility: hidden;\n     -moz-backface-visibility: hidden;\n     backface-visibility: hidden;\n }\n .wpmozo-bna-flip-box-main .layout2[flip-direction=\"top\"] {\n     -webkit-transform: rotateX(90deg) translateY(-50%) rotateX(-90deg);\n     -moz-transform: rotateX(90deg) translateY(-50%) rotateX(-90deg);\n     -ms-transform: rotateX(90deg) translateY(-50%) rotateX(-90deg);\n     transform: rotateX(90deg) translateY(-50%) rotateX(-90deg);\n }\n .wpmozo-bna-flip-box-main .layout2[flip-direction=\"top\"] .wpmozo-bna-flip-box-front {\n     -webkit-transform: rotateX(90deg) translateY(50%) rotateX(-90deg);\n     -moz-transform: rotateX(90deg) translateY(50%) rotateX(-90deg);\n     -ms-transform: rotateX(90deg) translateY(50%) rotateX(-90deg);\n     transform: rotateX(90deg) translateY(50%) rotateX(-90deg);\n }\n .wpmozo-bna-flip-box-main .layout2[flip-direction=\"top\"] .wpmozo-bna-flip-box-back {\n     -webkit-transform: translateY(50%) rotateX(-90deg);\n     -moz-transform: translateY(50%) rotateX(-90deg);\n     -ms-transform: translateY(50%) rotateX(-90deg);\n     transform: translateY(50%) rotateX(-90deg);\n }\n .wpmozo-bna-flip-box-main:hover .layout2[flip-direction=\"top\"] {\n     -webkit-transform: rotateX(90deg) translateY(-50%);\n     -moz-transform: rotateX(90deg) translateY(-50%);\n     -ms-transform: rotateX(90deg) translateY(-50%);\n     transform: rotateX(90deg) translateY(-50%);\n }\n .wpmozo-bna-flip-box-main .layout2[flip-direction=\"bottom\"] {\n     -webkit-transform: rotateX(-90deg) translateY(50%) rotateX(90deg);\n     -moz-transform: rotateX(-90deg) translateY(50%) rotateX(90deg);\n     -ms-transform: rotateX(-90deg) translateY(50%) rotateX(90deg);\n     transform: rotateX(-90deg) translateY(50%) rotateX(90deg);\n }\n .wpmozo-bna-flip-box-main .layout2[flip-direction=\"bottom\"] .wpmozo-bna-flip-box-front {\n     -webkit-transform: rotateX(90deg) translateY(50%) rotateX(-90deg);\n     -moz-transform: rotateX(90deg) translateY(50%) rotateX(-90deg);\n     -ms-transform: rotateX(90deg) translateY(50%) rotateX(-90deg);\n     transform: rotateX(90deg) translateY(50%) rotateX(-90deg);\n }\n .wpmozo-bna-flip-box-main .layout2[flip-direction=\"bottom\"] .wpmozo-bna-flip-box-back {\n     -webkit-transform: translateY(-50%) rotateX(90deg);\n     -moz-transform: translateY(-50%) rotateX(90deg);\n     -ms-transform: translateY(-50%) rotateX(90deg);\n     transform: translateY(-50%) rotateX(90deg);\n }\n .wpmozo-bna-flip-box-main:hover .layout2[flip-direction=\"bottom\"] {\n     -webkit-transform: rotateX(-90deg) translateY(50%);\n     -moz-transform: rotateX(-90deg) translateY(50%);\n     -ms-transform: rotateX(-90deg) translateY(50%);\n     transform: rotateX(-90deg) translateY(50%);\n }\n .wpmozo-bna-flip-box-main .layout2[flip-direction=\"left\"] {\n     -webkit-transform: rotateY(-90deg) translateX(-50%) rotateY(90deg);\n     -moz-transform: rotateY(-90deg) translateX(-50%) rotateY(90deg);\n     -ms-transform: rotateY(-90deg) translateX(-50%) rotateY(90deg);\n     transform: rotateY(-90deg) translateX(-50%) rotateY(90deg);\n }\n .wpmozo-bna-flip-box-main .layout2[flip-direction=\"left\"] .wpmozo-bna-flip-box-front {\n     -webkit-transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);\n     -moz-transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);\n     -ms-transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);\n     transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);\n }\n .wpmozo-bna-flip-box-main .layout2[flip-direction=\"left\"] .wpmozo-bna-flip-box-back {\n     -webkit-transform: translateX(50%) rotateY(90deg);\n     -moz-transform: translateX(50%) rotateY(90deg);\n     -ms-transform: translateX(50%) rotateY(90deg);\n     transform: translateX(50%) rotateY(90deg);\n }\n .wpmozo-bna-flip-box-main:hover .layout2[flip-direction=\"left\"] {\n     -webkit-transform: rotateY(-90deg) translateX(-50%);\n     -moz-transform: rotateY(-90deg) translateX(-50%);\n     -ms-transform: rotateY(-90deg) translateX(-50%);\n     transform: rotateY(-90deg) translateX(-50%);\n }\n .wpmozo-bna-flip-box-main .layout2[flip-direction=\"right\"] {\n     -webkit-transform: rotateY(90deg) translateX(50%) rotateY(-90deg);\n     -moz-transform: rotateY(90deg) translateX(50%) rotateY(-90deg);\n     -ms-transform: rotateY(90deg) translateX(50%) rotateY(-90deg);\n     transform: rotateY(90deg) translateX(50%) rotateY(-90deg);\n }\n .wpmozo-bna-flip-box-main .layout2[flip-direction=\"right\"] .wpmozo-bna-flip-box-front {\n     -webkit-transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);\n     -moz-transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);\n     -ms-transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);\n     transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);\n }\n .wpmozo-bna-flip-box-main .layout2[flip-direction=\"right\"] .wpmozo-bna-flip-box-back {\n     -webkit-transform: translateX(-50%) rotateY(90deg);\n     -moz-transform: translateX(-50%) rotateY(-90deg);\n     -ms-transform: translateX(-50%) rotateY(-90deg);\n     transform: translateX(-50%) rotateY(-90deg);\n }\n .wpmozo-bna-flip-box-main:hover .layout2[flip-direction=\"right\"] {\n     -webkit-transform: rotateY(90deg) translateX(50%);\n     -moz-transform: rotateY(90deg) translateX(50%);\n     -ms-transform: rotateY(90deg) translateX(50%);\n     transform: rotateY(90deg) translateX(50%);\n }\n\n .wpmozo-bna-flip-box-button-wrap{\n     margin-top: 10px;\n }\n .wpmozo-bna-flip-box-button-wrap-inner {\n     display: inline-block;\n     white-space: nowrap;\n     transition-duration: .3s;\n     transition-property: transform;\n }\n .wpmozo-bna-flip-box-button {\n     display: inline-flex;\n     flex-flow: row wrap;\n     align-items: center;\n     font-size: 20px;\n }\n .wpmozo-bna-flip-box-button:not(.show-on-hover) {\n     column-gap: 10px;\n }\n .wpmozo-bna-flip-box-button.show-on-hover {\n     column-gap: 0px;\n }\n .wpmozo-bna-flip-box-button.show-on-hover:hover {\n     column-gap: 10px;\n }\n .wpmozo-bna-flip-box-button.show-on-hover i {\n     opacity: 0;\n     transition-duration: .2s;\n     -webkit-transition-property: all !important;\n     transition-property: all !important;\n }\n .wpmozo-bna-flip-box-button.show-on-hover:hover i {\n     opacity: 1;\n     margin-left: 0;\n }\n .wpmozo-bna-flip-box-button.show-on-hover:hover i {\n     display: block;\n }\n"],"names":[],"sourceRoot":""}