{"version":3,"sources":["webpack:///./src/components/schemas/SchemaTwo.vue?ea8a","webpack:///src/components/schemas/SchemaTwo.vue","webpack:///./src/components/schemas/SchemaTwo.vue?c78a","webpack:///./src/components/schemas/SchemaTwo.vue?d054","webpack:///./src/components/schemas/SchemaTwo.vue?dff9","webpack:///./src/assets/img/schemas/2/monk.png","webpack:///./src/assets/img/schemas/2/monk-back.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","callback","visibilityOfContentChanged","expression","staticClass","_m","staticRenderFns","attrs","src","__webpack_require__","alt","SchemaTwovue_type_script_lang_js_","methods","isVisible","entry","target","classList","add","schemas_SchemaTwovue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_index_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SchemaTwo_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_index_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SchemaTwo_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default","n","module","exports","p"],"mappings":"yHAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,WAAA,EAAaC,KAAA,qBAAAC,QAAA,uBAAAC,MAAA,CAAiEC,SAAAV,EAAAW,4BAAyCC,WAAA,2CAAsDC,YAAA,cAA2B,CAAAb,EAAAc,GAAA,MAClTC,EAAA,YAAoC,IAAAf,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBS,YAAA,qBAAgC,CAAAT,EAAA,OAAYS,YAAA,6BAAwC,CAAAT,EAAA,OAAYS,YAAA,wCAAAG,MAAA,CAA2DC,IAAMC,EAAQ,QAAsCC,IAAA,MAAYf,EAAA,OAAYS,YAAA,wCAAAG,MAAA,CAA2DC,IAAMC,EAAQ,QAAiCC,IAAA,YCQrcC,EAAA,CACAb,KAAA,YAEAc,QAAA,CACAV,2BADA,SACAW,EAAAC,GACAD,GACAC,EAAAC,OAAAC,UAAAC,IAAA,WCfkWC,EAAA,0BCQlWC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACA5B,EACAgB,GACF,EACA,KACA,KACA,MAIegB,EAAA,WAAAH,+CCnBf,IAAAI,EAAAd,EAAA,QAAAe,EAAAf,EAAAgB,EAAAF,GAAkiBC,EAAG,+CCAriBE,EAAAC,QAAiBlB,EAAAmB,EAAuB,yDCAxCF,EAAAC,QAAiBlB,EAAAmB,EAAuB","file":"src/assets/js/chunk-82111b98.730f3fa7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"observe-visibility\",rawName:\"v-observe-visibility\",value:({callback: _vm.visibilityOfContentChanged}),expression:\"{callback: visibilityOfContentChanged}\"}],staticClass:\"schema-two\"},[_vm._m(0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"schema-two__inner\"},[_c('div',{staticClass:\"schema-two__img-container\"},[_c('img',{staticClass:\"schema-two__img schema-two__img--back\",attrs:{\"src\":require(\"@/assets/img/schemas/2/monk-back.png\"),\"alt\":\"\"}}),_c('img',{staticClass:\"schema-two__img schema-two__img--monk\",attrs:{\"src\":require(\"@/assets/img/schemas/2/monk.png\"),\"alt\":\"\"}})])])}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n    .schema-two(v-observe-visibility='{callback: visibilityOfContentChanged}')\n        .schema-two__inner\n            .schema-two__img-container\n                img.schema-two__img.schema-two__img--back(src='@/assets/img/schemas/2/monk-back.png', alt='')\n                img.schema-two__img.schema-two__img--monk(src='@/assets/img/schemas/2/monk.png', alt='')\n</template>\n\n<script>\nexport default {\n    name: 'SchemaTwo',\n\n    methods: {\n        visibilityOfContentChanged(isVisible, entry) {\n            if (isVisible) {\n                entry.target.classList.add('show');\n            }\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n@import '~poly-fluid-sizing';\n@import '@/assets/css/vars.scss';\n\n@keyframes float {\n    0% {\n        transform: translateY(0px);\n    }\n    50% {\n        transform: translateY(-20px);\n    }\n    100% {\n        transform: translateY(0px);\n    }\n}\n\n.schema-two {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: var(--color-chapter-gray-bg) url('../../assets/img/schemas/2/wall-bg.jpg') repeat 50% 50% / 400px auto;\n\n    @media (--viewport-tablet) {\n        background-size: 200px auto;\n    }\n\n    &__inner {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100%;\n        height: 100%;\n        padding: 150px 0;\n        background: url('../../assets/img/schemas/2/hieroglyphs.png') no-repeat 50% 50% / 90% auto;\n        opacity: 0;\n        transition: opacity 3s ease 0.2s;\n\n        $mapPaddingTopBottom: (\n            320px: 30px,\n            768px: 70px,\n            769px: 50px,\n            1920px: 150px\n        );\n        @include poly-fluid-sizing('padding-top', $mapPaddingTopBottom);\n        @include poly-fluid-sizing('padding-bottom', $mapPaddingTopBottom);\n    }\n\n    &__img-container {\n        display: inline-block;\n        position: relative;\n        width: calc((var(--width-grid-gap) * 3) + (var(--width-grid-column) * 4));\n        height: calc(((var(--width-grid-gap) * 3) + (var(--width-grid-column) * 4)) * (798 / 882));\n        margin: 0;\n\n        @media (--viewport-tablet) {\n            width: calc(var(--width-grid-column-mobile) * 2);\n            height: calc((var(--width-grid-column-mobile) * 2) * (798 / 882));\n            max-width: var(--width-max-mobile);\n            max-height: calc(var(--width-max-mobile) * (798 / 882));\n            margin-left: auto;\n            margin-right: auto;\n        }\n    }\n\n    &__img {\n        position: absolute;\n        width: 100%;\n        height: auto;\n        opacity: 0;\n\n        &--monk {\n            transition: opacity 2s ease 1s;\n            animation: float 6s ease-in-out infinite;\n        }\n\n        &--back {\n            transition: opacity 2.5s ease-out 2s, transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;\n            transform-origin: 50% 50%;\n            transform: scale(0.9);\n        }\n    }\n\n    &.show {\n        .schema-two {\n            &__inner {\n                opacity: 1;\n            }\n\n            &__img {\n                opacity: 1;\n\n                &--back {\n                    transform: scale(1);\n                }\n            }\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SchemaTwo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SchemaTwo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SchemaTwo.vue?vue&type=template&id=8fd2160a&lang=pug&\"\nimport script from \"./SchemaTwo.vue?vue&type=script&lang=js&\"\nexport * from \"./SchemaTwo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SchemaTwo.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--7-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SchemaTwo.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--7-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SchemaTwo.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"src/assets/img/monk.4f099f03.png\";","module.exports = __webpack_public_path__ + \"src/assets/img/monk-back.7d390db4.png\";"],"sourceRoot":""}