{"version":3,"sources":["webpack:///./src/components/HomeView/MainScreen.vue","webpack:///./src/components/HomeView/MainScreen.vue?3403","webpack:///./src/components/HomeView/MainScreen.vue?b090","webpack:///./src/assets/book/main-video-i.svg","webpack:///./src/assets/book/main_doll@2x.jpg"],"names":["class","href","src","imgClass","alt","playVideo","components","KImage","methods","videoId","videoWidth","window","innerWidth","videoHeight","this","$swal","fire","width","background","html","showCloseButton","showConfirmButton","render","module","exports"],"mappings":"4IACSA,MAAM,c,EACP,yBAAiC,OAA5BA,MAAM,iBAAe,S,GACrBA,MAAM,kB,GACFA,MAAM,c,GACFA,MAAM,kB,EAEP,yBAAgC,OAA3BA,MAAM,gBAAc,S,EAGrB,yBAA0D,U,6BAAvD,gBAAY,yBAAI,M,6BAAA,mBAAe,yBAAI,M,6BAAA,sB,MAIzCA,MAAM,mB,EACP,yBAGK,W,6BAHD,8CACA,yBAAI,+BAAsC,QAAhCA,MAAM,eAAc,SAC9B,yBAAI,+BAAgD,QAA1CA,MAAM,cAAa,sB,MAG9BA,MAAM,cAAcC,KAAK,K,EAKxC,yBAAkC,OAA7BD,MAAM,kBAAgB,S,mJAxB/B,yBAyBM,MAzBN,EAyBM,CAxBF,EACA,yBAqBM,MArBN,EAqBM,CApBF,yBAmBM,MAnBN,EAmBM,CAlBF,yBAOM,MAPN,EAOM,CANF,yBAAoG,GAA3FE,IAAK,EAAQ,QAAmCC,SAAS,WAAWC,IAAI,mB,gBACjF,EACA,yBAGM,OAHDJ,MAAM,gBAAiB,QAAK,+BAAE,EAAAK,e,CAC/B,yBAAyF,GAAhFH,IAAK,EAAQ,QAAmCC,SAAS,eAAeC,IAAI,I,gBACrF,MAIR,yBAQM,MARN,EAQM,CAPF,E,4BAKA,yBAA6E,IAA7E,EAAuD,qBAAkB,M,GAA5B,kBAKzD,I,gBAKW,GACXE,WAAY,CACRC,SAAA,YAEJC,QAAS,CACLH,UADK,WAED,IAAII,EAAU,cACVC,EAAaC,OAAOC,WAAa,IAAMD,OAAOC,WAAa,IAC3DC,EAAcH,EAAa,KAC/BI,KAAKC,MAAMC,KAAK,CACZC,MAAOP,EAAW,KAClBQ,WAAY,UACZC,KAAM,oLAA6LT,EAAW,aAAeG,EAAY,wCAA0CJ,EAAQ,iIAC3RW,iBAAiB,EACjBC,mBAAmB,O,UCvCvC,EAAOC,OAASA,EAED,gB,2DCPf,W,qBCAAC,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-183bd472.417c8c6a.js","sourcesContent":["<template>\n    <div class=\"main-block\">\n        <div class=\"main-left-img\"></div>\n        <div class='container main'>\n            <div class='main-slide'>\n                <div class=\"main-img-block\">\n                    <KImage :src=\"require('@/assets/book/main_doll@2x.jpg')\" imgClass='main-img' alt=\"Будуарная кукла\"/>\n                    <div class=\"main-pink-sq\"></div>\n                    <div class=\"main-video-bt\" @click=\"playVideo()\">\n                        <KImage :src=\"require('@/assets/book/main-video-i.svg')\" imgClass='main-video-i' alt=\"\"/>\n                        <p>Посмотрите, <br> как создаются <br> подвижные куклы</p>\n                    </div>\n                </div>\n\n                <div class='main-slide-text'>\n                    <h1>Научитесь cоздавать невероятную авторскую\n                        <br><span class='main-bigger'>куклу</span>\n                        <br><span class='main-month'>всего за 1 месяц</span>\n                    </h1>\n\n                    <a class='main-button' href=\"#\" v-scroll-to=\"'#price'\">Хочу сделать куклу</a>\n\n                </div>\n            </div>\n        </div>\n        <div class=\"main-right-img\"></div>\n    </div>\n</template>\n<script>\n    import KImage from \"../Widgets/KImage\";\n    export default {\n        components: {\n            KImage\n        },\n        methods: {\n            playVideo() {\n                let videoId = 'unLBRZe17P8'\n                let videoWidth = window.innerWidth < 800 ? window.innerWidth : 800\n                let videoHeight = videoWidth / 1.77\n                this.$swal.fire({\n                    width: videoWidth+'px',\n                    background: '#eae2e0',\n                    html: \"<iframe frameborder=\\\"0\\\" allowfullscreen=\\\"1\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\\" title=\\\"YouTube video player\\\" width=\\\"\"+videoWidth+\"\\\" height=\\\"\"+videoHeight+\"\\\" src=\\\"https://www.youtube.com/embed/\"+videoId+\"?autoplay=1&controls=0&rel=0&modestbranding=0&loop=1&enablejsapi=1&origin=https%3A%2F%2Fkibanovadolls.ru&widgetid=1\\\"></iframe>\",\n                    showCloseButton: true,\n                    showConfirmButton: false,\n                    // closeButtonHtml: \"\"\n                })\n            }\n        }\n    }\n</script>\n<style>\n    /*.main-block {\n        max-width: 1920px;\n        background-image:\n        url('../assets/book/main-left@2x.jpg'),\n        url('../assets/book/main-right@2x.jpg');\n        background-size: 355px, 500px;\n        background-repeat:no-repeat;\n        background-position: \n        left,\n        right;\n        margin: 0 auto;\n    }*/\n\n    .main-block {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 50px;\n        /*background: url('../assets/book/main-bg@2x.jpg') no-repeat;\n        background-size: 100%;*/\n    }\n\n    .main-left-img {\n        flex-grow: 1;\n        background: url('~@/assets/book/main-left@2x.jpg') no-repeat;\n        background-size: 290px;\n        background-position: right;\n    }\n\n    .main-right-img {\n        flex-grow: 1;\n        background: url('~@/assets/book/main-right@2x.jpg') no-repeat;\n        background-size: 350px;\n        background-position: left;\n    }\n\n    .container.main {\n        width: 80%;\n        flex-shrink: 0;\n        margin-left: 50px;\n    }\n\n    .main-slide {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-top: -20px;\n    }\n\n    .main-slide-text {\n        max-width: 48%;\n    }\n\n    .main-slide-text h1 {\n        font-size: 55pt;\n        line-height: 0.9;\n        margin-bottom: 20px;\n    }\n\n    .main-slide-text h1 span.main-bigger {\n        font-size: 130pt;\n        line-height: 0.6;\n    }\n\n    .main-slide-text h1 span.main-month {\n        font: 60pt/0.8 'TheArtist', sans-serif;\n        position: relative;\n        left: 80px;\n    }\n\n    .main-slide-text::after {\n        content: '';\n        display: block;\n        width: 400px;\n        height: 135px;\n        background: url('~@/assets/book/main_curve.svg') no-repeat;\n        position: absolute;\n        bottom: -30px;\n        right: -150px;\n        z-index: 0;\n    }\n\n    .main-img-block {\n        width: 47%;\n        position: relative;\n    }\n\n    .main-img {\n        display: block;\n        width: 90%;\n        transform: rotate(-3deg);\n        position: relative;\n        z-index: 1;\n    }\n\n    .main-pink-sq {\n        display: block;\n        width: 50%;\n        height: 80%;\n        background-color: #FFB1A4;\n        position: absolute;\n        top: 40px;\n        right: 20px;\n        transform: rotate(-6deg);\n    }\n\n    /* .main-img::after {\n         content: 'Ghbdtn!';\n         display: block;\n         width:270px;\n         height: 580px;\n         background-color: black;\n         position: absolute;\n         right:500px;\n     }*/\n\n    .main-video-bt {\n        display: flex;\n        align-items: center;\n        padding: 10px 20px;\n        background-color: #FFB1A4;\n        font-weight: bold;\n        font-size: 11pt;\n        line-height: 13pt;\n        position: absolute;\n        bottom: 30px;\n        left: -20px;\n        z-index: 2;\n        background: url('~@/assets/book/main-video-bg.svg') no-repeat;\n        width: 280px;\n        height: 100px;\n        cursor: pointer;\n        transition: all 0.3s cubic-bezier(.54, 0, .4, 1.51);\n    }\n\n    .main-video-bt:hover {\n        transform: scale(1.05);\n    }\n\n    .main-video-i {\n        width: 77px;\n        margin-right: 20px;\n        animation: pulse 1s infinite;\n    }\n\n    @keyframes pulse {\n        0% {\n            transform: scale(1);\n        }\n        50% {\n            transform: scale(1.05);\n        }\n        0% {\n            transform: scale(1);\n        }\n    }\n\n    a.main-button {\n        display: inline-block;\n        position: relative;\n        font: 15pt 'Montserrat';\n        padding: 25px 100px 25px 40px;\n        background-color: #482431;\n        color: #FFB1A4;\n        cursor: pointer;\n        transition: all 0.3s cubic-bezier(.54, 0, .4, 1.51);\n    }\n\n    a.main-button:hover {\n        transform: scale(1.1);\n    }\n\n    /*.main-button .button {     \n        color: #FFB1A4;    \n        border: none;                \n        margin: 20px 0; \n        position: relative;\n        z-index: 100;\n    }*/\n    .main-button::after {\n        content: url('../../assets/book/button_hand.svg');\n        display: block;\n        width: 68px;\n        position: absolute;\n        top: 5px;\n        right: 20px;\n    }\n\n    .main-button::before {\n        content: url('../../assets/book/button-bord.svg');\n        display: block;\n        width: 300px;\n        height: 91px;\n        /*background-color: yellow;*/\n        position: absolute;\n        top: -10px;\n        left: 20px;\n        z-index: 0;\n    }\n\n</style>","import { render } from \"./MainScreen.vue?vue&type=template&id=41965fcd\"\nimport script from \"./MainScreen.vue?vue&type=script&lang=js\"\nexport * from \"./MainScreen.vue?vue&type=script&lang=js\"\n\nimport \"./MainScreen.vue?vue&type=style&index=0&id=41965fcd&lang=css\"\nscript.render = render\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./MainScreen.vue?vue&type=style&index=0&id=41965fcd&lang=css\"","module.exports = __webpack_public_path__ + \"img/main-video-i.10bd5f2a.svg\";","module.exports = __webpack_public_path__ + \"img/main_doll@2x.a765a851.jpg\";"],"sourceRoot":""}