{"version":3,"file":"js/895.dc9922ea.js","mappings":"ssBAuCI,MAAMA,GAAUC,EAAAA,EAAAA,IAAO,WACnBC,GAAQC,EAAAA,EAAAA,KACRC,EAAKC,IAAAA,MAAaC,UAAUC,W,OAGhCC,EAAAA,EAAAA,KAAc,KAENN,EAAMO,QAAQC,OACdR,EAAMS,SACNT,EAAMU,iBAAkB,EAC5B,I,y3BC3CR,MAAMC,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O","sources":["webpack://bro_app/./src/views/Welcome.vue","webpack://bro_app/./src/views/Welcome.vue?8de2"],"sourcesContent":["<template>\n    <section class=\"main_page\">\n        <div class=\"cont\">\n            <div class=\"title\">\n                {{ $t('message.main_page_title') }}\n            </div>\n\n            <button class=\"btn\" :class=\"{disabled: ua.device.type != 'Desktop'}\" @click.prevent=\"emitter.emit('initApp')\" v-if=\"!store.isKeplrConnected\">\n                {{ $t('message.btn_connect_wallet') }}\n            </button>\n\n            <router-link class=\"btn\" :class=\"{disabled: ua.device.type != 'Desktop'}\" to=\"/create_passport\" v-else>\n                {{ $t('message.btn_create_passport') }}\n            </router-link>\n\n            <div class=\"demo_desc\">\n                {{ $t('message.main_page_demo_text') }}\n\n                <router-link to=\"/account/cosmoshub?demo=true\">\n                    {{ $t('message.main_page_demo_link') }}\n                </router-link>\n            </div>\n        </div>\n\n        <img src=\"@/assets/images/main_page.png\" alt=\"\" class=\"img\">\n        <img src=\"@/assets/images/tablet_main_page.png\" alt=\"\" class=\"tablet_img\">\n\n        <img src=\"@/assets/images/bg_main_page.jpg\" alt=\"\" class=\"bg\">\n    </section>\n</template>\n\n\n<script setup>\n    import { inject, onBeforeMount } from 'vue'\n    import { useGlobalStore } from '@/stores'\n\n    import detect from 'detect.js'\n\n\n    const emitter = inject('emitter'),\n        store = useGlobalStore(),\n        ua = detect.parse(navigator.userAgent)\n\n\n    onBeforeMount(() => {\n        // Reset state if hit the main page\n        if (store.account.demo) {\n            store.$reset()\n            store.isAppFullLoaded = true\n        }\n    })\n</script>\n\n\n<style scoped>\n    .main_page\n    {\n        position: relative;\n        z-index: 3;\n\n        display: flex;\n\n        padding-top: 40px;\n\n        text-align: center;\n\n        justify-content: center;\n        align-items: flex-start;\n        align-content: flex-start;\n        flex-wrap: wrap;\n        flex: 1 0 auto;\n    }\n\n\n    .main_page .cont\n    {\n        position: relative;\n        z-index: 5;\n    }\n\n\n    .main_page .title\n    {\n        font-size: 44px;\n        font-weight: 600;\n        line-height: 120%;\n\n        width: 918px;\n        max-width: 100%;\n        margin-right: auto;\n        margin-left: auto;\n    }\n\n\n    .main_page .btn\n    {\n        color: currentColor;\n        font-weight: 600;\n\n        display: inline-block;\n\n        min-width: 180px;\n        margin-top: 40px;\n        padding: 20px;\n\n        transition: .2s linear;\n        vertical-align: top;\n        text-decoration: none;\n\n        border-radius: 17px;\n        background: #950fff;\n    }\n\n    .main_page .btn.disabled\n    {\n        cursor: default;\n        pointer-events: none;\n\n        background: #353535;\n    }\n\n    .main_page .btn:hover\n    {\n        background: #7700e1;\n        box-shadow: 2px 5px 15px rgba(149, 15, 255, .45);\n    }\n\n\n    .main_page .demo_desc\n    {\n        font-weight: 600;\n        line-height: 120%;\n\n        margin-top: 28px;\n\n        opacity: .7;\n    }\n\n\n    .main_page .demo_desc a\n    {\n        color: currentColor;\n\n        transition: color .2s linear;\n    }\n\n    .main_page .demo_desc a:hover\n    {\n        color: #950fff;\n    }\n\n\n\n    .main_page .img,\n    .main_page .tablet_img\n    {\n        position: absolute;\n        z-index: 3;\n        top: 300px;\n        right: 0;\n        left: 0;\n\n        display: block;\n\n        max-width: 80%;\n        margin: 0 auto;\n    }\n\n    .main_page .tablet_img\n    {\n        top: 280px;\n        left: 14px;\n\n        display: none;\n\n        max-width: none;\n    }\n\n\n\n    .main_page .bg\n    {\n        position: fixed;\n        z-index: 1;\n        top: 0;\n        left: 0;\n\n        width: 100%;\n        height: 100%;\n\n        object-fit: cover;\n        object-position: 50% 0;\n    }\n\n\n\n    @media print, (max-width: 1599px)\n    {\n        .main_page\n        {\n            padding-top: 32px;\n        }\n\n\n        .main_page .title\n        {\n            font-size: 34px;\n        }\n\n        .main_page .btn\n        {\n            margin-top: 30px;\n            padding: 16px 20px;\n        }\n\n\n        .main_page .demo_desc\n        {\n            font-size: 15px;\n\n            margin-top: 24px;\n        }\n\n\n        .main_page .img\n        {\n            top: 236px;\n\n            max-width: 75%;\n        }\n    }\n\n\n\n    @media print, (max-width: 1439px)\n    {\n        .main_page\n        {\n            padding-top: 32px;\n        }\n\n\n        .main_page .title\n        {\n            font-size: 34px;\n        }\n\n        .main_page .btn\n        {\n            margin-top: 30px;\n            padding: 16px 20px;\n        }\n\n\n        .main_page .demo_desc\n        {\n            font-size: 15px;\n\n            margin-top: 24px;\n        }\n\n\n        .main_page .img\n        {\n            top: 236px;\n\n            max-width: 70%;\n        }\n    }\n\n\n\n    @media print, (max-width: 1359px)\n    {\n        .main_page .title\n        {\n            font-size: 32px;\n        }\n\n\n        .main_page .btn\n        {\n            margin-top: 28px;\n        }\n\n\n        .main_page .demo_desc\n        {\n            font-size: 14px;\n\n            margin-top: 20px;\n        }\n\n\n        .main_page .img\n        {\n            top: 224px;\n        }\n    }\n\n\n\n    @media print, (max-width: 1279px)\n    {\n        .main_page .title\n        {\n            font-size: 30px;\n        }\n\n\n        .main_page .btn\n        {\n            margin-top: 28px;\n        }\n\n\n        .main_page .demo_desc\n        {\n            font-size: 14px;\n\n            margin-top: 20px;\n        }\n\n\n        .main_page .img\n        {\n            top: 224px;\n        }\n\n\n        .main_page .img\n        {\n            max-width: 90%;\n        }\n    }\n\n\n    @media print, (max-width: 1023px)\n    {\n        .main_page\n        {\n            padding-top: 60px;\n        }\n\n\n        .main_page .title\n        {\n            font-size: 32px;\n        }\n\n\n        .main_page .btn\n        {\n            margin-top: 40px;\n        }\n\n\n        .main_page .demo_desc\n        {\n            font-size: var(--font_size);\n\n            margin-top: 28px;\n        }\n\n\n        .main_page .img\n        {\n            top: 324px;\n\n            display: none;\n\n            max-width: 95%;\n        }\n\n        .main_page .tablet_img\n        {\n            display: block;\n        }\n\n\n        .main_page .bg\n        {\n            height: 120%;\n        }\n    }\n\n\n    @media print, (max-width: 767px)\n    {\n        .main_page\n        {\n            padding-top: 40px;\n        }\n\n\n        .main_page .title\n        {\n            font-size: 28px;\n        }\n\n\n        .main_page .btn\n        {\n            margin-top: 28px;\n        }\n\n\n        .main_page .demo_desc\n        {\n            font-weight: 400;\n\n            margin-top: 24px;\n        }\n\n\n        .main_page .tablet_img\n        {\n            top: 268px;\n\n            max-width: 100%;\n        }\n    }\n\n\n    @media print, (max-width: 479px)\n    {\n        .main_page .title\n        {\n            font-size: 26px;\n        }\n\n\n        .main_page .btn\n        {\n            margin-top: 40px;\n        }\n\n\n        .main_page .demo_desc\n        {\n            padding: 0 20px;\n        }\n\n\n        .main_page .tablet_img\n        {\n            top: 288px;\n        }\n    }\n\n</style>","import script from \"./Welcome.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Welcome.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Welcome.vue?vue&type=style&index=0&id=152060f0&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-152060f0\"]])\n\nexport default __exports__"],"names":["emitter","inject","store","useGlobalStore","ua","detect","navigator","userAgent","onBeforeMount","account","demo","$reset","isAppFullLoaded","__exports__"],"sourceRoot":""}