{"version":3,"sources":["webpack:///./src/components/schemas/SchemaFour.vue?3565","webpack:///src/components/schemas/SchemaFour.vue","webpack:///./src/components/schemas/SchemaFour.vue?432a","webpack:///./src/components/schemas/SchemaFour.vue?ee46","webpack:///./src/components/schemas/SchemaFour.vue?319f","webpack:///./src/assets/img/schemas/4/symbol.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","callback","visibilityOfContentChanged","expression","staticClass","_m","staticRenderFns","attrs","src","__webpack_require__","SchemaFourvue_type_script_lang_js_","methods","isVisible","entry","target","classList","add","schemas_SchemaFourvue_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_SchemaFour_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_SchemaFour_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default","n","module","exports","p"],"mappings":"gJAAA,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,eAA4B,CAAAT,EAAA,QAAaS,YAAA,gCAA0Cb,EAAAc,GAAA,GAAAV,EAAA,QAAuBS,YAAA,oCACjYE,EAAA,YAAoC,IAAAf,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QAAkBS,YAAA,uBAAkC,CAAAT,EAAA,OAAYS,YAAA,2BAAAG,MAAA,CAA8CC,IAAMC,EAAQ,eCY/NC,EAAA,CACAZ,KAAA,aAEAa,QAAA,CACAT,2BADA,SACAU,EAAAC,GACAD,GACAC,EAAAC,OAAAC,UAAAC,IAAA,WCnBmWC,EAAA,0BCQnWC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACA3B,EACAgB,GACF,EACA,KACA,KACA,MAIee,EAAA,WAAAH,+CCnBf,IAAAI,EAAAb,EAAA,QAAAc,EAAAd,EAAAe,EAAAF,GAAmiBC,EAAG,0BCAtiBE,EAAAC,QAAiBjB,EAAAkB,EAAuB","file":"src/assets/js/chunk-0568dcf8.5fadbd99.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-four\"},[_c('span',{staticClass:\"schema-four__left-ieroglyph\"}),_vm._m(0),_c('span',{staticClass:\"schema-four__right-ieroglyph\"})])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"schema-four__symbol\"},[_c('img',{staticClass:\"schema-four__symbol--img\",attrs:{\"src\":require(\"@/assets/img/schemas/4/symbol.svg\")}})])}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n    .schema-four(v-observe-visibility='{callback: visibilityOfContentChanged}')\n\n        span.schema-four__left-ieroglyph\n\n        span.schema-four__symbol\n            img.schema-four__symbol--img(src='@/assets/img/schemas/4/symbol.svg')\n\n        span.schema-four__right-ieroglyph\n\n</template>\n\n<script>\nexport default {\n    name: 'SchemaFour',\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-four {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: calc(var(--width-grid-column) * 3);\n    margin-top: -1px;\n    background-color: #333333;\n\n    @media (--viewport-tablet) {\n        align-items: flex-start;\n        height: 120vw;\n    }\n\n    &__symbol {\n        position: relative;\n        z-index: 5;\n        opacity: 0;\n        max-width: var(--width-grid-column);\n\n        @media (--viewport-tablet) {\n            max-width: 40vw;\n        }\n    }\n\n    &__left-ieroglyph {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: calc(var(--width-grid-column) * 3);\n        height: calc((var(--width-grid-column) * 3) / (798 / 608));\n        background: url('../../assets/img/schemas/4/hieroglyph-left.png') no-repeat 50% 50% / cover;\n        opacity: 0;\n        transform: translateX(-30px);\n\n        &::before {\n            content: '';\n            display: inline-block;\n            position: absolute;\n            width: 200%;\n            height: 200%;\n            left: -50%;\n            top: -50%;\n            background: radial-gradient(circle closest-side, rgba(219, 64, 64, 0.23) 32%, rgba(219, 64, 64, 0) 90%);\n        }\n\n        @media (--viewport-tablet) {\n            width: 80vw;\n            height: calc(80vw * (608 / 798));\n            top: unset;\n            bottom: 5vw;\n        }\n    }\n\n    &__right-ieroglyph {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: calc(var(--width-grid-column) * 3);\n        height: calc((var(--width-grid-column) * 3) / (748 / 479));\n        background: url('../../assets/img/schemas/4/hieroglyph-right.png') no-repeat 50% 50% / cover;\n        opacity: 0;\n        transform: translateX(30px);\n\n        &::before {\n            content: '';\n            display: inline-block;\n            position: absolute;\n            width: 200%;\n            height: 200%;\n            left: -50%;\n            top: -50%;\n            background: radial-gradient(circle closest-side, rgba(219, 64, 64, 0.23) 32%, rgba(219, 64, 64, 0) 90%);\n        }\n\n        @media (--viewport-tablet) {\n            width: 40vw;\n            height: calc(40vw * (479 / 748));\n            top: 40vw;\n        }\n    }\n\n    &.show {\n        .schema-four {\n            &__symbol {\n                opacity: 1;\n                transition: opacity 2s ease 0.5s;\n            }\n\n            &__left-ieroglyph {\n                opacity: 1;\n                transform: translateX(0);\n                transition: opacity 2s ease 1s, transform 3.5s cubic-bezier(0.23, 1, 0.32, 1) 1s;\n            }\n\n            &__right-ieroglyph {\n                opacity: 1;\n                transform: translateX(0);\n                transition: opacity 2s ease 1s, transform 3.5s cubic-bezier(0.23, 1, 0.32, 1) 1s;\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!./SchemaFour.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!./SchemaFour.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SchemaFour.vue?vue&type=template&id=2233a6d9&lang=pug&\"\nimport script from \"./SchemaFour.vue?vue&type=script&lang=js&\"\nexport * from \"./SchemaFour.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SchemaFour.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!./SchemaFour.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!./SchemaFour.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"src/assets/img/symbol.c4af82c3.svg\";"],"sourceRoot":""}