{"version":3,"sources":["webpack:///./src/components/sign/SignCCL10X.vue","webpack:///src/components/sign/SignCCL10X.vue","webpack:///./src/components/sign/SignCCL10X.vue?20cb","webpack:///./src/components/sign/SignCCL10X.vue?bf0c","webpack:///./src/components/sign/SignCCL10X.vue?ffe4","webpack:///./src/components/sign/SignCCL10X.vue?1578","webpack:///./src/components/sign/SignCCL10X.vue?182b"],"names":["directives","rawName","expression","_c","staticClass","attrs","name","floaLogoRvb","_vm","$vuetify","staticStyle","_s","_v","render","staticRenderFns","components","LegalNotice","HeaderLayout","Contract","props","signbookError","Boolean","signbookUrl","String","signbookToken","signbookMerchantLogo","type","default","nthSignbook","Object","demand","isLoading","data","floaLogo","require","showDetailsMobile","computed","amountAsked","Number","parseFloat","product","toFixed","taeg","duration","totalAmount","insuranceSubscribed","totalAmountDueWithInsurance","totalAmountDue","insuranceCost","insuranceMonthly","totalMonthly","totalMonthlyWithInsurance","loanCost","methods","getMonthCost","monthNumber","paymentSchedules","amount","component"],"mappings":"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","file":"js/chunk-e87c4d66.33b355f9.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('HeaderLayout',{attrs:{\"signbook-merchant-logo\":_vm.signbookMerchantLogo}}),_c('v-container',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.mdAndDown),expression:\"$vuetify.breakpoint.mdAndDown\"}]},[_c('v-row',[_c('v-container',{staticClass:\"order-details\"},[_c('v-row',{attrs:{\"justify\":\"start\",\"align\":\"left\"}},[_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.md),expression:\"$vuetify.breakpoint.md\"}],staticClass:\"col-md-3\"},[_c('div',{staticClass:\"pt-2 pb-2\"},[_c('div',{staticClass:\"ml-1\"},[_vm._v(\" Votre proposition de\"),_c('br'),_c('strong',[_vm._v(\"FINANCEMENT\")])]),_c('img',{staticClass:\"logo-floa\",attrs:{\"width\":\"100\",\"src\":_vm.floaLogoRvb}}),_c('v-badge',{attrs:{\"id\":\"loan-duration-badge\",\"inline\":\"\",\"color\":\"white\",\"value\":`${ _vm.duration }X`,\"content\":`${ _vm.duration }X`}})],1)]),_c('v-col',{staticClass:\"align-self-center col-md-5 col-sm-6 col-7 offset-md-0 offset-sm-1 pl-5\"},[_c('v-row',[_c('div',{staticClass:\"text-md-body-1 text-sm-body-2 text-caption\"},[_c('b',[_vm._v(\"Montant d'achat :\")]),_vm._v(_vm._s(_vm.amountAsked)+\" €\")])]),_c('v-row',[_c('div',{staticClass:\"text-md-body-1 text-sm-body-2 text-caption\"},[_c('b',[_vm._v(\"Nombre de mensualités :\")]),_vm._v(\" 9\")])]),_c('v-row',[_c('div',{staticClass:\"text-md-body-1 text-sm-body-2 text-caption\"},[_c('b',[_vm._v(\"Montant 1ère mensualité :\")]),_vm._v(\" \"+_vm._s(_vm.getMonthCost(1))+\" €\")])]),_c('v-row',[_c('div',{staticClass:\"text-md-body-1 text-sm-body-2 text-caption\"},[_c('b',[_vm._v(\"Mensualités suivantes :\")]),_vm._v(\" \"+_vm._s(_vm.getMonthCost(2))+\" €\")])])],1),_c('v-col',{staticClass:\"align-self-center col-md-4 col-sm-5 col-5\"},[_c('v-row',[_c('div',{staticClass:\"text-md-body-1 text-sm-body-2 text-caption\"},[_c('b',[_vm._v(\"TAEG fixe :\")]),_vm._v(\" \"+_vm._s(_vm.taeg)+\" %\")])]),_c('v-row',[_c('div',{staticClass:\"text-md-body-1 text-sm-body-2 text-caption\"},[_c('b',[_vm._v(\"Montant total dû :\")]),_vm._v(\" \"+_vm._s(_vm.totalAmount)+\" €\")])]),_c('v-row',[_c('div',{staticClass:\"text-md-body-1 text-sm-body-2 text-caption\"},[_c('b',[_vm._v(\"Coût du crédit :\")]),_vm._v(\" \"+_vm._s(_vm.loanCost)+\" €\")])])],1)],1)],1)],1)],1),(_vm.signbookError == false)?_c('div',[_c('v-container',{staticClass:\"mt-5\"},[_c('v-row',{staticClass:\"mb-6\"},[_c('v-col',{staticClass:\"pt-0 mb-5\",attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"12\",\"lg\":\"3\"}},[_c('ul',{staticClass:\"desktop-breadcrumb hidden\",attrs:{\"id\":\"DesktopBreadcrumb\"}},[_c('li',{staticClass:\"desktop-breadcrumb__item item was-active\"},[_c('div',{staticClass:\"breadcrumb__item__label\"},[_vm._v(\" Vos données bancaires \")])]),_c('li',{staticClass:\"desktop-breadcrumb__item item was-active\"},[_c('div',{staticClass:\"breadcrumb__item__label\"},[_vm._v(\" Votre identité \")])]),_c('li',{staticClass:\"desktop-breadcrumb__item item was-active\"},[_c('div',{staticClass:\"breadcrumb__item__label\"},[_vm._v(\" Votre situation financière \")])]),_c('li',{staticClass:\"desktop-breadcrumb__item item active\"},[_c('div',{staticClass:\"breadcrumb__item__label\"},[_vm._v(\" Signature de votre contrat \")])]),_c('div',{staticClass:\"desktop-breadcrumb__bullet desktop-breadcrumb__progress\"})])]),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.lgAndUp),expression:\"$vuetify.breakpoint.lgAndUp\"}],staticClass:\"order-summary pt-0\",attrs:{\"cols\":\"12\",\"sm\":\"7\",\"md\":\"7\",\"lg\":\"3\",\"order-lg\":\"1\"}},[_c('div',{staticClass:\"pt-2 pb-2\",attrs:{\"id\":\"summary-top\"}},[_vm._v(\" Votre proposition de\"),_c('br'),_c('strong',[_vm._v(\"FINANCEMENT\")]),_c('br'),_c('img',{staticStyle:{\"display\":\"inline-block\",\"vertical-align\":\"top\"},attrs:{\"width\":\"100\",\"src\":_vm.floaLogoRvb}}),_c('v-badge',{attrs:{\"id\":\"loan-duration-badge\",\"inline\":\"\",\"color\":\"white\",\"value\":`${ _vm.duration }X`,\"content\":`${ _vm.duration }X`}})],1),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_c('b',[_vm._v(\"Montant d'achat :\")]),_c('span',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.amountAsked)+\" €\")])]),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_c('b',[_vm._v(\"Mensualités : \")]),_c('span',{staticClass:\"display-right\"},[_vm._v(\"9\")])]),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_c('b',[_vm._v(\"1ère mensualité : \")]),_c('span',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.getMonthCost(1))+\" €\")])]),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_c('b',[_vm._v(\"Autres mensualités : \")]),_c('span',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.getMonthCost(2))+\" €\")])]),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_c('b',[_vm._v(\"TAEG fixe : \")]),_c('span',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.taeg)+\" %\")])]),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_c('b',[_vm._v(\"Coût du crédit : \")]),_c('span',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.loanCost)+\" €\")])]),_c('hr',{staticClass:\"summary-hr\"}),_c('div',{staticClass:\"pt-3 pb-3 loan-cost-line\",attrs:{\"id\":\"summary-bottom\"}},[_c('b',[_vm._v(\"Montant total dû : \")]),_c('span',{staticClass:\"display-right floa-blue accent-4\"},[_vm._v(_vm._s(_vm.totalAmount)+\" €\")])])]),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.lgAndUp),expression:\"$vuetify.breakpoint.lgAndUp\"}],staticClass:\"d-lg-none\",attrs:{\"cols\":\"12\",\"md\":\"12\"}},[_c('hr',{staticClass:\"mt-3 mb-3\"})]),_c('Contract',{attrs:{\"gender\":_vm.demand.customers[0].gender,\"lastName\":_vm.demand.customers[0].lastName,\"is-loading\":_vm.isLoading}})],1),_c('v-row',[_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.lgAndUp),expression:\"$vuetify.breakpoint.lgAndUp\"}],staticClass:\"pt-0 mb-5\",attrs:{\"cols\":\"12\",\"sm\":\"5\",\"md\":\"5\",\"lg\":\"3\"}}),_c('v-col',{staticClass:\"pt-0 pl-0 pr-0\",attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('LegalNotice')],1)],1)],1)],1):_c('div',{staticClass:\"height-center\"},[_c('error')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <HeaderLayout :signbook-merchant-logo=\"signbookMerchantLogo\"></HeaderLayout>\n        <v-container v-show=\"$vuetify.breakpoint.mdAndDown\">\n            <v-row>\n                <v-container class=\"order-details\">\n                    <v-row justify=\"start\" align=\"left\">\n                        <v-col class=\"col-md-3\" v-show=\"$vuetify.breakpoint.md\">\n                            <div class=\"pt-2 pb-2\">\n                                <div class=\"ml-1\">\n                                    Votre proposition de<br />\n                                    <strong>FINANCEMENT</strong>\n                                </div>\n                                <img width=\"100\" :src=\"floaLogoRvb\" class=\"logo-floa\" />\n                                <v-badge id=\"loan-duration-badge\"\n                                         inline\n                                         color=\"white\"\n                                         :value=\"`${ duration }X`\"\n                                         :content=\"`${ duration }X`\">\n                                </v-badge>\n                            </div>\n                        </v-col>\n                        <v-col class=\"align-self-center col-md-5 col-sm-6 col-7 offset-md-0 offset-sm-1 pl-5\">\n                            <v-row>\n                                <div class=\"text-md-body-1 text-sm-body-2 text-caption\"><b>Montant d'achat :</b>{{ amountAsked }} €</div>\n                            </v-row>\n                            <v-row>\n                                <div class=\"text-md-body-1 text-sm-body-2 text-caption\"><b>Nombre de mensualités :</b> 9</div>\n                            </v-row>\n                            <v-row>\n                                <div class=\"text-md-body-1 text-sm-body-2 text-caption\"><b>Montant 1ère mensualité :</b> {{ getMonthCost(1) }} €</div>\n                            </v-row>\n                            <v-row>\n                                <div class=\"text-md-body-1 text-sm-body-2 text-caption\"><b>Mensualités suivantes :</b> {{ getMonthCost(2) }} €</div>\n                            </v-row>\n                        </v-col>\n                        <v-col class=\"align-self-center col-md-4 col-sm-5 col-5\">\n                            <v-row>\n                                <div class=\"text-md-body-1 text-sm-body-2 text-caption\"><b>TAEG fixe :</b> {{ taeg }} %</div>\n                            </v-row>\n                            <v-row>\n                                <div class=\"text-md-body-1 text-sm-body-2 text-caption\"><b>Montant total dû :</b> {{ totalAmount }} €</div>\n                            </v-row>\n                            <v-row>\n                                <div class=\"text-md-body-1 text-sm-body-2 text-caption\"><b>Coût du crédit :</b> {{ loanCost }} €</div>\n                            </v-row>\n                        </v-col>\n                    </v-row>\n                </v-container>\n            </v-row>\n        </v-container>\n        <div v-if=\"signbookError == false\">\n            <v-container class=\"mt-5\">\n                <v-row class=\"mb-6\">\n                    <!-- Breadcrumb -->\n                    <v-col cols=\"12\" sm=\"12\" md=\"12\" lg=\"3\" class=\"pt-0 mb-5\">\n                        <ul id=\"DesktopBreadcrumb\" class=\"desktop-breadcrumb hidden\">\n                            <li class=\"desktop-breadcrumb__item item was-active\">\n                                <div class=\"breadcrumb__item__label\">\n                                    Vos données bancaires\n                                </div>\n                            </li>\n                            <li class=\"desktop-breadcrumb__item item was-active\">\n                                <div class=\"breadcrumb__item__label\">\n                                    Votre identité\n                                </div>\n                            </li>\n                            <li class=\"desktop-breadcrumb__item item was-active\">\n                                <div class=\"breadcrumb__item__label\">\n                                    Votre situation financière\n                                </div>\n                            </li>\n                            <li class=\"desktop-breadcrumb__item item active\">\n                                <div class=\"breadcrumb__item__label\">\n                                    Signature de votre contrat\n                                </div>\n                            </li>\n                            <div class=\"desktop-breadcrumb__bullet desktop-breadcrumb__progress\"></div>\n                        </ul>\n                    </v-col>\n                    <v-col cols=\"12\" sm=\"7\" md=\"7\" lg=\"3\" class=\"order-summary pt-0\" order-lg=\"1\" v-show=\"$vuetify.breakpoint.lgAndUp\">\n                        <div id=\"summary-top\" class=\"pt-2 pb-2\">\n                            Votre proposition de<br />\n                            <strong>FINANCEMENT</strong><br />\n                            <img width=\"100\" :src=\"floaLogoRvb\" style=\"display: inline-block; vertical-align: top;\" />\n                            <v-badge id=\"loan-duration-badge\"\n                                     inline\n                                     color=\"white\"\n                                     :value=\"`${ duration }X`\"\n                                     :content=\"`${ duration }X`\"></v-badge>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            <b>Montant d'achat :</b><span class=\"display-right\">{{ amountAsked }} €</span>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            <b>Mensualités : </b><span class=\"display-right\">9</span>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            <b>1ère mensualité : </b><span class=\"display-right\">{{ getMonthCost(1) }} €</span>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            <b>Autres mensualités : </b><span class=\"display-right\">{{ getMonthCost(2) }} €</span>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            <b>TAEG fixe : </b><span class=\"display-right\">{{ taeg }} %</span>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            <b>Coût du crédit : </b><span class=\"display-right\">{{ loanCost }} €</span>\n                        </div>\n                        <hr class=\"summary-hr\" />\n                        <div id=\"summary-bottom\" class=\"pt-3 pb-3 loan-cost-line\">\n                            <b>Montant total dû : </b><span class=\"display-right floa-blue accent-4\">{{ totalAmount }} €</span>\n                        </div>\n                    </v-col>\n                    <v-col cols=\"12\" md=\"12\" class=\"d-lg-none\" v-show=\"$vuetify.breakpoint.lgAndUp\">\n                        <hr class=\"mt-3 mb-3\" />\n                    </v-col>\n                    <Contract\n                        :gender=\"demand.customers[0].gender\"\n                        :lastName=\"demand.customers[0].lastName\"\n                        :is-loading=\"isLoading\">\n                    </Contract>\n                </v-row>\n                <v-row>\n                    <v-col cols=\"12\" sm=\"5\" md=\"5\" lg=\"3\" class=\"pt-0 mb-5\" v-show=\"$vuetify.breakpoint.lgAndUp\" />\n                    <v-col cols=\"12\" lg=\"6\" class=\"pt-0 pl-0 pr-0\">\n                        <LegalNotice />\n                    </v-col>\n                </v-row>\n            </v-container>\n        </div>\n        <div class=\"height-center\" v-else>\n            <error></error>\n        </div>\n    </div>\n</template>\n\n<script>\nimport HeaderLayout from '../shared/HeaderLayout.vue';\nimport LegalNotice from '../shared/LegalNotice.vue';\nimport Contract from '../shared/Contract.vue';\n\n    export default {\n        name: 'SignCCL10X',\n        components: {\n            LegalNotice,\n            HeaderLayout,\n            Contract\n        },\n        props: {\n            signbookError: Boolean,\n            signbookUrl: String,\n            signbookToken: String,\n            signbookMerchantLogo: {\n                type: String,\n                default: ''\n            },\n            nthSignbook: Object,\n            demand: Object,\n            isLoading: {\n                type: Boolean,\n                default: true\n            }\n        },\n        data() {\n            return {\n                floaLogo: require('../../../public/img/logo_floa.svg'),\n                floaLogoRvb: require('../../../public/img/logo_floa_negative.svg'),\n                showDetailsMobile: false,\n            }\n        },\n        computed: {\n            amountAsked: function () {\n                return Number.parseFloat(this.demand.product.amountAsked).toFixed(2);\n            },\n            taeg: function () {\n                return this.demand.product.taeg;\n            },\n            duration: function () {\n                return this.demand.product.duration;\n            },\n            totalAmount: function () {\n                return Number.parseFloat(this.demand.product.insuranceSubscribed ? this.demand.product.totalAmountDueWithInsurance : this.demand.product.totalAmountDue).toFixed(2);\n            },\n            insuranceCost: function () {\n                return Number.parseFloat(this.demand.product.insuranceSubscribed ? (this.demand.product.insuranceMonthly * this.demand.product.duration) : 0).toFixed(2);\n            },\n            totalMonthly: function () {\n                return this.demand.product.insuranceSubscribed ? this.demand.product.totalMonthlyWithInsurance : this.demand.product.totalMonthly;\n            },\n            loanCost: function () {\n                return Number.parseFloat(this.demand.product.totalAmountDue - this.demand.product.amountAsked).toFixed(2);\n            }\n        },\n        methods: {\n            getMonthCost(monthNumber) {\n                return Number.parseFloat(this.demand.paymentSchedules.paymentSchedules[monthNumber - 1].amount).toFixed(2)\n            }\n        }\n    }\n</script>\n<style>\n    #app > div {\n        background-color: #F3F3F3 !important;\n    }\n\n    #app {\n        font-family: 'Poppins'\n    }\n\n    #loan-duration-badge > span > span {\n        margin-top: 14px;\n        background-color: #FFF !important;\n        border-color: #FFF !important;\n        color: #009FFF !important;\n        font-weight: bold !important;\n        font-size: 0.9em;\n        width: 45px;\n        height: 21px;\n    }\n\n    #toolbar {\n        text-align: center !important;\n    }\n\n    .toolbar-title {\n        margin-left: 25px;\n        font-size: 0.85em;\n        color: #808080;\n    }\n\n    .v-sheet.v-card:not(.v-sheet--outlined) {\n        box-shadow: none !important;\n    }\n\n    #summary-top {\n        background-color: #009FFF;\n        color: #FFF;\n        text-align: center;\n        border-top-left-radius: 12px;\n        border-top-right-radius: 12px;\n    }\n\n    .summary-middle {\n        padding-left: 15px;\n        padding-right: 15px;\n        background-color: #FFF;\n        font-size: 0.8em;\n        border-top: 1px solid #d3d3d3;\n    }\n\n    #summary-bottom {\n        padding-left: 15px;\n        padding-right: 15px;\n        background-color: #FFF;\n        font-size: 0.8em;\n        border-top: 0;\n        border-bottom-left-radius: 12px;\n        border-bottom-right-radius: 12px;\n    }\n\n    .display-right {\n        float: right;\n    }\n\n    .floa-color {\n        color: #009FFF;\n    }\n\n    .floa-color-muted {\n        color: #009FFF;\n        opacity: 0.3;\n    }\n\n    .summary-hr {\n        margin: 0 10px 0 15px;\n    }\n\n    .loan-cost-line {\n        font-size: 1.05em !important;\n        color: #000;\n    }\n\n    .recap-details-closed::before {\n        content: url(\"../../../public/img/recap_plus.svg\");\n    }\n\n    .recap-details-opened::before {\n        content: url(\"../../../public/img/recap_minus.svg\");\n    }\n\n    .recap-details::before {\n        position: relative;\n        left: -2px;\n    }\n\n    .recap-details {\n        font-size: 12px;\n    }\n\n    .order-details {\n        color: #fff;\n        background-color: #009fff;\n        border-radius: 10px 10px 10px 10px;\n        font-size: 16px;\n    }\n\n    .order-details::after {\n        content: \"\";\n        border-left: 15px solid transparent;\n        border-right: 15px solid transparent;\n        border-top: 15px solid #009fff;\n        position: absolute;\n        margin-top: 10px;\n        left: 50%;\n    }\n</style>\n\n<style scoped>\n    @-webkit-keyframes rotating {\n        from {\n            transform: rotate(0deg);\n        }\n\n        to {\n            transform: rotate(360deg);\n        }\n    }\n\n    .desktop-breadcrumb {\n        justify-self: end;\n        display: block;\n        justify-content: center;\n    }\n\n    .breadcrumb {\n        padding: 0;\n        margin: 0 15px 0 0;\n        justify-self: end;\n        position: static;\n    }\n\n    @media (min-width: 800px) {\n        .breadcrumb {\n            position: absolute;\n            right: 15px;\n        }\n    }\n\n    .breadcrumb__item {\n        transition: background-color 200ms ease-in-out;\n    }\n\n    .desktop-breadcrumb {\n        list-style-type: none;\n        padding: 0;\n        font-size: 0;\n        position: sticky;\n        top: 50px;\n        font-family: 'Poppins', Helvetica, serif;\n        font-weight: 500;\n        z-index: 1;\n        margin: auto;\n    }\n\n    @media (min-width: 600px) and (max-width: 1263px) {\n        .desktop-breadcrumb {\n            display: flex;\n        }\n    }\n\n    @media (min-width: 0px) and (max-width: 599px) {\n        .desktop-breadcrumb {\n            display: flex;\n        }\n    }\n\n    @media (min-width: 0px) and (max-width: 599px) {\n        .desktop-breadcrumb {\n            max-width: 400px;\n        }\n    }\n\n    @media (min-width: 600px) and (max-width: 959px) {\n        .desktop-breadcrumb {\n            max-width: 600px;\n        }\n    }\n\n    @media (min-width: 960px) and (max-width: 1263px) {\n        .desktop-breadcrumb {\n            max-width: 600px;\n        }\n    }\n\n    .order-summary {\n        font-size: 16px;\n        font-family: Poppins, sans-serif;\n    }\n\n    .desktop-breadcrumb__item {\n        font-size: 14px;\n        position: relative;\n        padding-right: 2rem;\n        padding-top: 1.25rem;\n        padding-bottom: 1.25rem;\n        color: #c0d9e5;\n        text-align: right;\n    }\n\n    @media (min-width: 600px) and (max-width: 1263px) {\n        .desktop-breadcrumb__item {\n            padding-right: 0;\n            width: 150px;\n        }\n    }\n\n    @media (min-width: 0px) and (max-width: 599px) {\n        .desktop-breadcrumb__item {\n            padding-right: 0;\n            width: 82.5px;\n            font-size: 12px;\n        }\n    }\n\n    .desktop-breadcrumb__item::after {\n        display: block;\n        position: absolute;\n        background: #c0d9e5;\n        border-radius: 50%;\n        content: '';\n        will-change: transform;\n        z-index: 3;\n        transition: transform 1000ms ease, background-color 1000ms ease, width 0.3s ease-in-out, height 0.3s ease-in-out right none, top 0.3s ease-in-out;\n        width: 12px;\n        height: 12px;\n        right: -3px;\n        top: 26px;\n        transition-delay: all 0.3s ease, right none;\n    }\n\n    .desktop-breadcrumb__item::before {\n        content: '';\n        display: flex;\n        justify-content: center;\n        position: absolute;\n        align-items: center;\n        top: 30px;\n        width: 6px;\n        height: 0;\n        right: 0;\n        z-index: 2;\n        background-color: #009fff;\n        transition: height 1s ease-in-out;\n    }\n\n    @media (min-width: 600px) and (max-width: 1263px) {\n        .desktop-breadcrumb__item::before {\n            width: 150px;\n            left: 50%;\n            right: 50%;\n            top: 17px;\n            transition: height none;\n            transition: width 1s ease-in-out;\n        }\n    }\n\n    @media (min-width: 0px) and (max-width: 599px) {\n        .desktop-breadcrumb__item::before {\n            width: 80px;\n            left: 50%;\n            right: 50%;\n            top: 17px;\n            transition: height none;\n            transition: width 1s ease-in-out;\n        }\n    }\n\n    .desktop-breadcrumb__item.was-active, .desktop-breadcrumb__item.active {\n        color: #009fff;\n    }\n\n    .desktop-breadcrumb__item.was-active::after, .desktop-breadcrumb__item.active::after {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 22px;\n        width: 22px;\n        right: -8px;\n        top: 20px;\n        background-color: #009fff;\n        background-repeat: no-repeat;\n        background-position: center;\n    }\n\n    @media (min-width: 600px) and (max-width: 1263px) {\n        .desktop-breadcrumb__item.was-active::after, .desktop-breadcrumb__item.active::after {\n            left: 50%;\n            right: 50%;\n            transform: translate(-50%, -50%);\n        }\n    }\n\n    @media (min-width: 0px) and (max-width: 599px) {\n        .desktop-breadcrumb__item.was-active::after, .desktop-breadcrumb__item.active::after {\n            left: 50%;\n            right: 50%;\n            transform: translate(-50%, -50%);\n        }\n    }\n\n    @media (min-width: 600px) and (max-width: 1263px) {\n        .desktop-breadcrumb__item.active::before {\n            display: none;\n        }\n    }\n\n    @media (min-width: 0px) and (max-width: 599px) {\n        .desktop-breadcrumb__item.active::before {\n            display: none;\n        }\n    }\n\n    .desktop-breadcrumb__item.was-active::before {\n        height: 100%;\n    }\n\n    @media (min-width: 600px) and (max-width: 1263px) {\n        .desktop-breadcrumb__item.was-active::before {\n            height: 6px;\n        }\n    }\n\n    .floa-blue {\n        color: #009fff;\n    }\n\n    @media (min-width: 0px) and (max-width: 599px) {\n        .desktop-breadcrumb__item.was-active::before {\n            height: 6px;\n        }\n    }\n\n    .desktop-breadcrumb__item.was-active::after {\n        background-image: url('../../../public/img/breadcrumbs-tick.svg');\n    }\n\n    .desktop-breadcrumb__item.active::after {\n        background-image: url('../../../public/img/breadcrumbs-ring.svg');\n    }\n\n    @media (min-width: 600px) and (max-width: 1263px) {\n        .desktop-breadcrumb__item.not-active::after {\n            left: 50%;\n            top: 20px;\n            transform: translate(-50%, -50%);\n        }\n    }\n\n    @media (min-width: 0px) and (max-width: 599px) {\n        .desktop-breadcrumb__item.not-active::after {\n            left: 50%;\n            top: 20px;\n            transform: translate(-50%, -50%);\n        }\n    }\n\n    .desktop-breadcrumb__item.active, .desktop-breadcrumb__item.was-active {\n        font-weight: bold;\n    }\n\n    .breadcrumb__item.-empty, .desktop-breadcrumb__item.-empty {\n        display: none;\n    }\n\n    .desktop-breadcrumb__progress {\n        position: absolute;\n        right: 0;\n        width: 6px;\n        background-color: #c0d9e5;\n        top: 28px;\n        bottom: 24px;\n    }\n\n    @media (min-width: 600px) and (max-width: 1263px) {\n        .desktop-breadcrumb__progress {\n            width: 450px;\n            height: 6px;\n            top: 20px;\n            left: 50%;\n            right: 50%;\n            transform: translate(-50%, -50%);\n        }\n    }\n\n    @media (min-width: 0px) and (max-width: 599px) {\n        .desktop-breadcrumb__progress {\n            width: 247.5px;\n            height: 6px;\n            top: 20px;\n            left: 50%;\n            right: 50%;\n            transform: translate(-50%, -50%);\n        }\n    }\n\n    @media (min-width: 1200px) {\n        .desktop-breadcrumb {\n            margin-right: 15px;\n        }\n\n        .breadcrumb__item__label {\n            overflow-y: visible;\n            max-height: 21px;\n        }\n    }\n\n    @media (min-width: 600px) and (max-width: 1263px) {\n        .breadcrumb__item__label {\n            min-width: fit-content;\n            position: relative;\n            left: 75px;\n            top: 40px;\n            transform: translate(-50%, -50%);\n            text-align: center;\n        }\n    }\n\n    @media (min-width: 0px) and (max-width: 599px) {\n        .breadcrumb__item__label {\n            min-width: fit-content;\n            position: relative;\n            left: 41.25px;\n            top: 43px;\n            transform: translate(-50%, -50%);\n            text-align: center;\n        }\n    }\n</style>\n\n<style scoped>\n    @import '../../assets/css/fonts.css';\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCL10X.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCL10X.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SignCCL10X.vue?vue&type=template&id=ef892730&scoped=true\"\nimport script from \"./SignCCL10X.vue?vue&type=script&lang=js\"\nexport * from \"./SignCCL10X.vue?vue&type=script&lang=js\"\nimport style0 from \"./SignCCL10X.vue?vue&type=style&index=0&id=ef892730&prod&lang=css\"\nimport style1 from \"./SignCCL10X.vue?vue&type=style&index=1&id=ef892730&prod&scoped=true&lang=css\"\nimport style2 from \"./SignCCL10X.vue?vue&type=style&index=2&id=ef892730&prod&scoped=true&lang=css\"\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  \"ef892730\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCL10X.vue?vue&type=style&index=1&id=ef892730&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCL10X.vue?vue&type=style&index=0&id=ef892730&prod&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCL10X.vue?vue&type=style&index=2&id=ef892730&prod&scoped=true&lang=css\""],"sourceRoot":""}