/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/anti-fraud/AntiFraud.vue?vue&type=style&index=0&id=5bf307bc&lang=less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/.anti-fraud-wrap .verification-step .icon-face{padding-top:12px}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.anti-fraud-wrap .verification-step .loading-container{position:relative;width:190px;height:190px;margin:0 auto}
.anti-fraud-wrap .verification-step .loading-circle{position:absolute;width:100%;height:100%;border:8px solid var(--default-brand-primary-color);border-top:8px solid transparent;border-radius:50%;animation:spin 1.5s linear infinite}
.anti-fraud-wrap .verification-step .loading-image{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:50%}
.anti-fraud-wrap .photo-approved .icon-face{margin:10px;margin-top:12px}
.anti-fraud-wrap .photo-approved .container{position:relative;width:190px;height:190px;margin:0 auto}
.anti-fraud-wrap .photo-approved .circle{position:absolute;width:100%;height:100%;border:9px solid green;border-radius:50%}
.anti-fraud-wrap .photo-approved .image{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:50%}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/components/next-level/NextLevelList.vue?vue&type=style&index=0&id=0668b4c7&lang=less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/.benefits-list-container{margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,410px);grid-auto-rows:10px;justify-content:center}
.benefits-list-container .benefits-list-card{padding:0;margin:10px 10px;overflow:hidden;border-radius:4px}
.benefits-list-container .-hasTitle{grid-row-end:span 34}
.benefits-list-container .-hasTitle-hasCta{grid-row-end:span 40}
.benefits-list-container .-hasTitle-hasValidity{grid-row-end:span 38}
.benefits-list-container .-hasTitle-hasValidity-hasCta{grid-row-end:span 44}
.benefits-list-container .-hasTitle-hasHighlight{grid-row-end:span 40}
.benefits-list-container .-hasTitle-hasHighlight-hasCta{grid-row-end:span 46}
.benefits-list-container .-hasTitle-hasHighlight-hasValidity{grid-row-end:span 44}
.benefits-list-container .-hasTitle-hasHighlight-hasValidity-hasCta{grid-row-end:span 50}
.benefits-list-container .-hasTitle-hasDescription{grid-row-end:span 41}
.benefits-list-container .-hasTitle-hasDescription-hasCta{grid-row-end:span 47}
.benefits-list-container .-hasTitle-hasDescription-hasValidity{grid-row-end:span 45}
.benefits-list-container .-hasTitle-hasDescription-hasValidity-hasCta{grid-row-end:span 51}
.benefits-list-container .-hasTitle-hasDescription-hasHighlight{grid-row-end:span 47}
.benefits-list-container .-hasTitle-hasDescription-hasHighlight-hasValidity{grid-row-end:span 51}
.benefits-list-container .-hasTitle-hasDescription-hasHighlight-hasValidity-hasCta{grid-row-end:span 57}
.benefits-list-container .-hasDescription{grid-row-end:span 34}
.benefits-list-container .-hasDescription-hasCta{grid-row-end:span 40}
.benefits-list-container .-hasDescription-hasValidity{grid-row-end:span 38}
.benefits-list-container .-hasDescription-hasValidity-hasCta{grid-row-end:span 44}
.benefits-list-container .-hasDescription-hasHighlight{grid-row-end:span 40}
.benefits-list-container .-hasDescription-hasHighlight-hasCta{grid-row-end:span 44}
.benefits-list-container .-hasDescription-hasHighlight-hasValidity{grid-row-end:span 44}
.benefits-list-container .-hasDescription-hasHighlight-hasValidity-hasCta{grid-row-end:span 50}
.benefits-list-container .-hasHighlight{grid-row-end:span 33}
.benefits-list-container .-hasHighlight-hasCta{grid-row-end:span 39}
.benefits-list-container .-hasHighlight-hasValidity{grid-row-end:span 37}
.benefits-list-container .-hasHighlight-hasValidity-hasCta{grid-row-end:span 43}
.benefits-list-container .-hasValidity{grid-row-end:span 31}
.benefits-list-container .-hasValidity-hasCta{grid-row-end:span 37}
.benefits-list-container .-hasCta{grid-row-end:span 33}
.benefits-list-container .-hasOnlyImage{grid-row-end:span 24}
@media only screen and (max-width:720px){.benefits-list-container{grid-template-columns:repeat(auto-fill,calc(100% + 20px))}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/views/next-level/BenefitNextLevel.vue?vue&type=style&index=0&id=b2bd023c&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/.benefit-content[data-v-b2bd023c]{width:1230px}
@media only screen and (max-width:720px){.benefit-content[data-v-b2bd023c]{padding:2.4rem;width:100%}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/BenefitShowcase.vue?vue&type=style&index=0&id=ce320130&lang=less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/.benefit-showcase{width:100vw}
.benefit-showcase .detail{background-color:#80808021;overflow-x:auto;top:0;left:0;z-index:999}
.benefit-showcase .detail::-webkit-scrollbar{display:none}
.benefit-showcase__header,.benefit-showcase__content{width:100%}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/components/BenefitCard.vue?vue&type=style&index=0&id=4b64118c&lang=less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/.benefit-card{background-color:var(--benefit-bg-card);width:390px;border-radius:4px}
.benefit-card__super-benefit{position:absolute;height:64px;width:100%;border-radius:4px 4px 0 0;opacity:1;background:var(--secondary-color)}
.benefit-card__super-benefit span{color:var(--benefit-bg-card)}
.benefit-card__super-benefit .image-super-benefit{width:32px;height:32px;object-fit:cover;margin:0 0 0 16px}
.benefit-card__header{height:22rem;min-height:22rem;width:100%;position:relative}
.benefit-card__header .benefit-state{position:absolute;top:-1px;width:100%;height:6.4rem;border-radius:4px 4px 0 0;background-color:var(--benefit-bg-card);padding:1.4rem}
.benefit-card__header .benefit-state .text{color:var(--brand-primary-color)}
.benefit-card__header .benefit-state .redeemed-icon g{stroke:var(--brand-primary-color)}
.benefit-card__header .benefit-state .redeemed-icon path{stroke:var(--brand-primary-color)}
.benefit-card__header .benefit-state .nextlevel-icon g{stroke:var(--brand-primary-color)}
.benefit-card__header .benefit-state .nextlevel-icon g rect{fill:var(--brand-primary-color)}
.benefit-card__header .benefit-image{margin:0;cursor:pointer}
.benefit-card__header .benefit-image img{object-fit:cover;border-radius:4px 4px 0 0}
.benefit-card__content{flex:1 1 100%;color:var(--secondary-color)}
.benefit-card__content .card-title{height:5rem;margin-bottom:0;color:var(--secondary-color);overflow:hidden}
.benefit-card__content .card-short-description,.benefit-card__content .available{color:var(--secondary-color)}
.benefit-card__content .card-short-description{height:5rem}
.benefit-card__content .card-highlight{height:4rem}
.benefit-card__content .card-validity{height:2rem}
.benefit-card__content .card-cta-container{height:4rem}
.benefit-card__content .card-title,.benefit-card__content .card-short-description,.benefit-card__content .card-highlight,.benefit-card__content .card-validity,.benefit-card__content .card-cta-container{overflow:hidden}
.benefit-card__content .separator{border:.9px solid #363636;opacity:.4}
.benefit-card__content .redeemed{opacity:.4}
.benefit-card__content .default-chevron-color g use{stroke:var(--brand-primary-color)}
.benefit-card__content .show-mode-label{color:var(--secondary-color)}
@media only screen and (max-width:720px){.benefit-card{width:auto}
.benefit-card__content{justify-content:space-between}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/components/BenefitsFilters.vue?vue&type=style&index=0&id=30703712&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/.hide-section{display:none}
.benefits-filters-container .inputs label{font-size:1.6rem}
.benefits-filters-container .inputs input{height:40px;border:2px solid #363636;opacity:1}
.benefits-filters-container .keyword-search{max-width:100%}
.benefits-filters-container .keyword-search label{max-width:100%;white-space:nowrap;overflow:hidden}
.benefits-filters-container .section{gap:2.1rem}
.benefits-filters-container .section .average-price{margin-bottom:2.4rem;max-width:28.6rem}
.benefits-filters-container .section .average-price .price-label{flex:1 1 100%;margin-bottom:.8rem;white-space:nowrap;overflow:hidden}
.benefits-filters-container .section .average-price .span-text{margin:1.1rem .8rem auto .8rem}
.benefits-filters-container .section .average-price .input-average{width:auto;margin-bottom:0;flex:1 1 33%}
.benefits-filters-container .section .average-price .input-average input{width:129px}
.benefits-filters-container .section .average-price .max-input input{margin:1px 0 0 0}
.benefits-filters-container .section .date-section{margin-bottom:2.4rem;max-width:285px}
.benefits-filters-container .section .date-section .date-label{margin-bottom:.8rem;max-width:100%;white-space:nowrap;overflow:hidden}
.benefits-filters-container .section .date-section .average-date .hub-input label{width:180px;max-width:100%;white-space:nowrap;overflow:hidden}
.benefits-filters-container .section .date-section .average-date .hub-datepicker label{margin-bottom:0}
.benefits-filters-container .section .date-section .average-date .hub-datepicker input{font-family:var(--primary-font)}
.benefits-filters-container .section .date-section .average-date .starts-on-input .pop-up{top:65px;right:-215px}
.benefits-filters-container .section .date-section .average-date .starts-on-input .pop-up::after{top:-16px;right:295px;transform:rotate(315deg)}
.benefits-filters-container .section .date-section .average-date .ends-on-input .pop-up{top:65px;right:-80px}
.benefits-filters-container .section .date-section .average-date .ends-on-input .pop-up::after{top:-16px;right:102px;transform:rotate(315deg)}
.benefits-filters-container .section .date-section .average-date .span-text{margin:1.1rem .8rem auto .8rem}
.benefits-filters-container .section .date-section .average-date .wrapper-input{height:40px;opacity:1}
.benefits-filters-container .section .date-section .average-date .wrapper-input input{background:transparent}
.benefits-filters-container .clear-fields .button-clear-filters{cursor:pointer}
.benefits-filters-container .clear-fields .show-filters{width:100%;gap:2.5rem}
.benefits-filters-container .clear-fields .show-filters span{flex:0 1 auto;font-size:1.6rem}
.benefits-filters-container .clear-fields .hub-button{max-width:none}
.benefits-filters-container .hub-input .hub-input-field,.benefits-filters-container .hub-dropdown .hub-input-field,.benefits-filters-container .hub-multiselect .hub-input-field,.benefits-filters-container .hub-textarea .hub-input-field,.benefits-filters-container .hub-datepicker .hub-input-field,.benefits-filters-container .hub-input .hub-dropdown-select-container,.benefits-filters-container .hub-dropdown .hub-dropdown-select-container,.benefits-filters-container .hub-multiselect .hub-dropdown-select-container,.benefits-filters-container .hub-textarea .hub-dropdown-select-container,.benefits-filters-container .hub-datepicker .hub-dropdown-select-container,.benefits-filters-container .hub-multiselect select,.benefits-filters-container .hub-textarea select,.benefits-filters-container .hub-datepicker select,.benefits-filters-container .hub-dropdown select{height:40px;border:2px solid #363636;opacity:1;padding:0 1.2rem}
.benefits-filters-container .hub-datepicker .wrapper-input input:not(.hub-input-field),.benefits-filters-container .hub-datepicker.form-control .wrapper-input input:not(.hub-input-field),.benefits-filters-container .hub-datepicker .wrapper-input input,.benefits-filters-container .hub-datepicker.form-control .wrapper-input input{height:40px;border:2px solid #363636;opacity:1}
.benefits-filters-container .hub-datepicker .wrapper-input input{padding:0 1.2rem}
.benefits-filters-container .hub-dropdown{max-width:260px}
.benefits-filters-container .hub-dropdown label{white-space:nowrap;overflow:hidden}
.benefits-filters-container .separator{height:1px;background:#000;width:100%}
@media only screen and (max-width:720px){.benefits-filters-container{display:flex;align-items:center;flex-direction:column;gap:12px}
.benefits-filters-container .container{width:100%}
.benefits-filters-container .title{font-size:1.6rem}
.benefits-filters-container .content{width:95vw}
.benefits-filters-container .section{gap:0}
.benefits-filters-container .section .average-price{width:100%;max-width:none}
.benefits-filters-container .section .average-price .input-average input{width:100%}
.benefits-filters-container .section .date-section{margin-top:0;max-width:none;width:100%}
.benefits-filters-container .section .date-section .average-date{width:100%}
.benefits-filters-container .section .date-section .average-date .hub-datepicker{flex:1 1 100%;background-color:inherit;max-width:calc((100% - 25px) / 2)}
.benefits-filters-container .section .date-section .average-date .hub-datepicker .wrapper-input{background-color:#FFF}
.benefits-filters-container .section .date-section .average-date .hub-datepicker .pop-up{top:0;padding:0;margin-bottom:0}
.benefits-filters-container .section .date-section .average-date .ends-on-input .pop-up{left:-72px}
.benefits-filters-container .hub-dropdown{max-width:100%}
.benefits-filters-container .clear-fields{width:100%}
.benefits-filters-container .clear-fields .hub-button{min-height:4.8rem;max-height:4.8rem}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/components/Redeem/RedeemContent.vue?vue&type=style&index=0&id=f94d67f2&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/.qr-code[data-v-f94d67f2]{margin:0 15rem 11rem 0}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/components/Redeem/RedeemDealers.vue?vue&type=style&index=0&id=64bc56f0&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/.close-icon[data-v-64bc56f0]{position:absolute;top:12px;right:12px;cursor:pointer}
.dealer-selector-list .list-info[data-v-64bc56f0]{font-size:2.2rem;font-weight:bold;color:#000}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/components/Redeem/RedeemHeader.vue?vue&type=style&index=0&id=23319322&lang=less&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/.title[data-v-23319322]{text-transform:none}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/components/RedeemModal.vue?vue&type=style&index=0&id=298f4464&lang=less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/.redeem-component{background-color:rgba(191,190,190,0.5);left:0;top:0;z-index:1000}
.redeem-component .modal{background-color:white;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,0.2);left:50%;max-height:80%;overflow:auto;top:50%;transform:translate(-50%,-50%);width:415px}
.redeem-component .modal header{position:relative}
.redeem-component .modal header .close-icon-container{width:4.2rem;height:4.2rem;right:-24px;top:-16px}
.redeem-component .modal .content .description,.redeem-component .modal .content .redeem{text-align:center}
.redeem-component .modal .content .description .code,.redeem-component .modal .content .redeem .code{border:1px solid #7f8185}
@media only screen and (max-width:720px){.redeem-component .modal{top:60%;height:80%;width:100vw;overflow:auto}
.redeem-component .modal .content .description{overflow:hidden;margin-bottom:1rem;max-height:none}
}
.redeem-component .dealer-selector .form-container .location-auto-complete-input{width:100%}
.redeem-component.dealer-ddm .dealer-selector .form-container{opacity:.3;pointer-events:none}
.redeem-component.dealer-ddm .dealer-selector .dealer-selector-list{overflow:hidden}
.redeem-component .dealer-selector .form-container input{margin-bottom:16px}
.redeem-component .dealer-selector .form-container .search-location{width:100%;margin-left:0;margin-right:0}
.redeem-component .dealer-selector .form-container .location-button{margin:0;background:black;width:100%;max-width:100%;height:46px}
.redeem-component .dealer-selector .form-container .location-button svg path{fill:#fff}
.redeem-component .dealer-selector .form-container .location-button .hub-button__label{color:#fff}
.redeem-component .dealer-selector .form-container>input:not(.hub-input-field):not(.hub-datepicker-field){border:1px solid black;padding:15px !important}
.redeem-component .dealer-selector .dealer-selector-list .hub-radio{margin-bottom:auto;padding:15px 12px 0 15px}
.redeem-component .dealer-selector .dealer-selector-list .list-info{display:none}
.redeem-component .dealer-selector .dealer-selector-list>ul{margin-top:0}
.redeem-component .dealer-selector .dealer-selector-list>ul .dealer-selector-cell{align-items:center;height:auto;justify-content:flex-start}
.redeem-component .dealer-selector .dealer-selector-list>ul .dealer-selector-cell .dealer-info{padding:20px 10px 20px 0}
.redeem-component .dealer-selector .dealer-selector-list>ul .dealer-selector-cell .dealer-info .dealer-name{margin:0}
.redeem-component .dealer-selector .dealer-selector-list>ul .dealer-selector-cell .dealer-info .dealer-label{margin-top:unset;color:var(--default-brand-primary-color)}
.redeem-component .dealer-selector .dealer-selector-list>ul .dealer-selector-cell .dealer-tag{display:inline-block;padding:.5rem .5rem;border-radius:2px;text-transform:uppercase;background-color:var(--default-brand-success-color);color:white;font-weight:bold}
.redeem-component .dealer-selector .dealer-selector-list>ul .dealer-selector-cell .dealer-distance{background:0;font-size:1.4rem;justify-content:flex-start;padding-top:15px}
.redeem-component .dealer-selector .dealer-selector-list>ul .dealer-selector-cell .dealer-distance svg{width:25px;height:25px}
.redeem-component .dealer-selector .dealer-selector-list>ul .dealer-selector-cell .dealer-distance svg g path{fill:black}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/components/Warning.vue?vue&type=style&index=0&id=4d5a998f&lang=less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/.warning-component{align-items:center;background:var(--benefit-bg-card) 0 0 no-repeat padding-box;display:flex;flex-direction:column;height:145px;justify-content:center;opacity:1;width:100%}
.warning-component .icon svg g,.warning-component .icon svg path{stroke:var(--brand-primary-color)}
.warning-component .content{font-size:1.8rem;color:#363636}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/components/benefitDetail/ContentDetail.vue?vue&type=style&index=0&id=33f90716&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/.message-container-popup .confirm-popup-container{width:unset;padding:40px;min-height:unset}
.message-container-popup .confirm-popup-container .confirm-popup-content{margin:0;font-size:1.4rem;width:366px}
.content-detail{width:100%}
.content-detail .cta-close{display:flex;justify-content:end;right:14px;top:14px;cursor:pointer;padding:1rem;border:0;background-color:#fff}
.content-detail svg g g{fill:var(--brand-primary-color)}
.content-detail .wrapper{display:flex;flex-direction:column}
.content-detail .wrapper .description{flex:1 1 100%}
.content-detail .wrapper .description,.content-detail .wrapper .available-benefit,.content-detail .wrapper .like-benefit{color:var(--benefit-description-color,--secondary-color)}
.content-detail .wrapper .available-benefit,.content-detail .wrapper .like-benefit{display:flex;align-items:center}
.content-detail .wrapper .available-benefit .default-icon-color svg path,.content-detail .wrapper .like-benefit .default-icon-color svg path{stroke:#000 !important}
.content-detail .wrapper .available-benefit .icon,.content-detail .wrapper .like-benefit .icon{cursor:pointer}
.content-detail .separator{border:.9px solid #363636;margin:2rem 0}
.content-detail .actions{display:flex;flex-direction:column;align-items:center}
.content-detail .actions a{width:100%;min-height:5.5rem;margin-bottom:0;max-width:none}
.content-detail .actions a .hub-button__label{justify-content:center}
@media only screen and (min-width:961px) and (max-width:1366px){.content-detail .wrapper .description,.content-detail .wrapper .available-benefit,.content-detail .wrapper .validate-at,.content-detail .wrapper .like-benefit{text-align:start}
}
@media only screen and (max-width:720px){.content-detail .cta-close{position:absolute;right:0;top:0;background-color:var(--benefit-bg-card)}
.content-detail .cta-close path{stroke:var(--brand-primary-color)}
.content-detail .wrapper .description{max-height:none;overflow:unset}
.content-detail .actions .hub-button{min-height:4.8rem}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/components/benefitDetail/TagComponent.vue?vue&type=style&index=0&id=f122ac72&lang=less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/.tag-container span{border:1px solid;border-radius:72px;margin:3px;padding:2px 7px;text-transform:uppercase;display:inline-block}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/components/next-level/NextLevelModal.vue?vue&type=style&index=0&id=d8ce5f58&lang=less&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/.next-level-modal-component[data-v-d8ce5f58]{background-color:rgba(191,190,190,0.5);left:0;top:0;z-index:1000}
.next-level-modal-component[data-v-d8ce5f58] .close-icon[data-v-d8ce5f58]{position:absolute;right:0}
.next-level-modal-component[data-v-d8ce5f58] .modal[data-v-d8ce5f58]{background-color:white;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,0.2);left:50%;height:90%;top:50%;transform:translate(-50%,-50%);width:415px;overflow:auto}
.next-level-modal-component[data-v-d8ce5f58] .modal[data-v-d8ce5f58] header[data-v-d8ce5f58]{position:relative}
.next-level-modal-component[data-v-d8ce5f58] .modal[data-v-d8ce5f58] header[data-v-d8ce5f58] .close-icon[data-v-d8ce5f58]{position:absolute;right:0}
.next-level-modal-component[data-v-d8ce5f58] .modal[data-v-d8ce5f58] .next-level-modal-content[data-v-d8ce5f58] p[data-v-d8ce5f58],.next-level-modal-component[data-v-d8ce5f58] .modal[data-v-d8ce5f58] .next-level-modal-content[data-v-d8ce5f58] b[data-v-d8ce5f58],.next-level-modal-component[data-v-d8ce5f58] .modal[data-v-d8ce5f58] .next-level-modal-content[data-v-d8ce5f58] h1[data-v-d8ce5f58],.next-level-modal-component[data-v-d8ce5f58] .modal[data-v-d8ce5f58] .next-level-modal-content[data-v-d8ce5f58] h2[data-v-d8ce5f58],.next-level-modal-component[data-v-d8ce5f58] .modal[data-v-d8ce5f58] .next-level-modal-content[data-v-d8ce5f58] h3[data-v-d8ce5f58]{font-family:var(--primary-font)}
@media only screen and (max-width:720px){.next-level-modal-component[data-v-d8ce5f58] .modal[data-v-d8ce5f58]{height:80%;top:60%;width:100vw;overflow:auto}
.next-level-modal-component[data-v-d8ce5f58] .modal[data-v-d8ce5f58] .content[data-v-d8ce5f58] .description[data-v-d8ce5f58],.next-level-modal-component[data-v-d8ce5f58] .modal[data-v-d8ce5f58] .content[data-v-d8ce5f58] .general-conditions[data-v-d8ce5f58]{overflow:hidden;margin-bottom:1rem;max-height:none}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/views/BenefitsList.vue?vue&type=style&index=0&id=550ecfa7&lang=less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/.benefits-list-container{margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,410px);grid-auto-rows:10px;justify-content:center}
.benefits-list-container .benefits-list-card{padding:0;margin:10px 10px;overflow:hidden;border-radius:4px}
.benefits-list-container .-hasTitle{grid-row-end:span 34}
.benefits-list-container .-hasTitle-hasCta{grid-row-end:span 40}
.benefits-list-container .-hasTitle-hasValidity{grid-row-end:span 38}
.benefits-list-container .-hasTitle-hasValidity-hasCta{grid-row-end:span 44}
.benefits-list-container .-hasTitle-hasHighlight{grid-row-end:span 40}
.benefits-list-container .-hasTitle-hasHighlight-hasCta{grid-row-end:span 46}
.benefits-list-container .-hasTitle-hasHighlight-hasValidity{grid-row-end:span 44}
.benefits-list-container .-hasTitle-hasHighlight-hasValidity-hasCta{grid-row-end:span 50}
.benefits-list-container .-hasTitle-hasDescription{grid-row-end:span 41}
.benefits-list-container .-hasTitle-hasDescription-hasCta{grid-row-end:span 47}
.benefits-list-container .-hasTitle-hasDescription-hasValidity{grid-row-end:span 45}
.benefits-list-container .-hasTitle-hasDescription-hasValidity-hasCta{grid-row-end:span 51}
.benefits-list-container .-hasTitle-hasDescription-hasHighlight{grid-row-end:span 47}
.benefits-list-container .-hasTitle-hasDescription-hasHighlight-hasValidity{grid-row-end:span 51}
.benefits-list-container .-hasTitle-hasDescription-hasHighlight-hasValidity-hasCta{grid-row-end:span 57}
.benefits-list-container .-hasDescription{grid-row-end:span 34}
.benefits-list-container .-hasDescription-hasCta{grid-row-end:span 40}
.benefits-list-container .-hasDescription-hasValidity{grid-row-end:span 38}
.benefits-list-container .-hasDescription-hasValidity-hasCta{grid-row-end:span 44}
.benefits-list-container .-hasDescription-hasHighlight{grid-row-end:span 40}
.benefits-list-container .-hasDescription-hasHighlight-hasCta{grid-row-end:span 44}
.benefits-list-container .-hasDescription-hasHighlight-hasValidity{grid-row-end:span 44}
.benefits-list-container .-hasDescription-hasHighlight-hasValidity-hasCta{grid-row-end:span 50}
.benefits-list-container .-hasHighlight{grid-row-end:span 33}
.benefits-list-container .-hasHighlight-hasCta{grid-row-end:span 39}
.benefits-list-container .-hasHighlight-hasValidity{grid-row-end:span 37}
.benefits-list-container .-hasHighlight-hasValidity-hasCta{grid-row-end:span 43}
.benefits-list-container .-hasValidity{grid-row-end:span 31}
.benefits-list-container .-hasValidity-hasCta{grid-row-end:span 37}
.benefits-list-container .-hasCta{grid-row-end:span 33}
.benefits-list-container .-hasOnlyImage{grid-row-end:span 24}
@media only screen and (max-width:720px){.benefits-list-container{grid-template-columns:repeat(auto-fill,calc(100% + 20px))}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/views/BenefitHeader.vue?vue&type=style&index=0&id=50a1f4a7&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/.hide-sections[data-v-50a1f4a7]{display:none}
.title[data-v-50a1f4a7],.subtitle[data-v-50a1f4a7]{color:#363636}
.benefits-header[data-v-50a1f4a7]{overflow:auto;gap:36px}
.benefits-header[data-v-50a1f4a7] .section[data-v-50a1f4a7]{cursor:pointer}
.benefits-header[data-v-50a1f4a7] .section[data-v-50a1f4a7] .border[data-v-50a1f4a7]{border-bottom:1px solid #9d9a9a}
.benefits-header[data-v-50a1f4a7] .section[data-v-50a1f4a7] .selected-border[data-v-50a1f4a7]{border-bottom:8px solid var(--brand-primary-color)}
.benefits-header[data-v-50a1f4a7] .section[data-v-50a1f4a7] .circle[data-v-50a1f4a7]{width:90px;height:90px;background:transparent 0 0 no-repeat padding-box;border-radius:45px}
.benefits-header[data-v-50a1f4a7] .section[data-v-50a1f4a7] .icon[data-v-50a1f4a7]{top:0;width:90px;height:90px}
.benefits-header[data-v-50a1f4a7] .section[data-v-50a1f4a7] span[data-v-50a1f4a7]{text-align:center;letter-spacing:0;color:#363636;text-transform:uppercase;opacity:1}
.benefits-header[data-v-50a1f4a7] .section[data-v-50a1f4a7] .selected-text[data-v-50a1f4a7]{font-weight:700}
@media only screen and (max-width:720px){.benefits-header[data-v-50a1f4a7]{width:100vw;left:-2.4rem;position:relative}
.benefits-header[data-v-50a1f4a7] .section[data-v-50a1f4a7]:first-child{margin-left:2.4rem}
.benefits-header[data-v-50a1f4a7] .section[data-v-50a1f4a7]:last-child{margin-right:2.4rem}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/views/BenefitContent.vue?vue&type=style&index=0&id=687654cf&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/.benefit-content[data-v-687654cf]{width:1230px}
.benefit-content[data-v-687654cf] header[data-v-687654cf] .title[data-v-687654cf]{font-size:2.2rem}
.benefit-content[data-v-687654cf] header[data-v-687654cf] .results[data-v-687654cf],.benefit-content[data-v-687654cf] header[data-v-687654cf] .filter[data-v-687654cf]{display:inherit}
.benefit-content[data-v-687654cf] header[data-v-687654cf] .results[data-v-687654cf] .filter[data-v-687654cf] div[data-v-687654cf]{padding-top:5px;width:30px}
.benefit-content[data-v-687654cf] header[data-v-687654cf] .results[data-v-687654cf] .ordering-label[data-v-687654cf]{color:var(--brand-primary-color)}
.benefit-content[data-v-687654cf] .order-list[data-v-687654cf]{display:flex;flex-direction:column;position:absolute;right:0;top:24px;width:300px;margin:0;padding:0;z-index:999;background-color:var(--default-brand-background-color);list-style:none;border-radius:4px;border:2px solid var(--secondary-color)}
.benefit-content[data-v-687654cf] .order-list[data-v-687654cf] .order-option[data-v-687654cf]:not(:last-child){border-bottom:1px solid var(--default-brand-border-color)}
.benefit-content[data-v-687654cf] .order-list[data-v-687654cf] .order-option[data-v-687654cf]:first-child{border-radius:4px 4px 0 0}
.benefit-content[data-v-687654cf] .order-list[data-v-687654cf] .order-option[data-v-687654cf]:last-child{border-radius:0 0 4px 4px}
.benefit-content[data-v-687654cf] .order-list[data-v-687654cf] .order-option[data-v-687654cf]:hover{background-color:var(--default-brand-background-color);font-weight:bold}
@media only screen and (max-width:720px){.benefit-content[data-v-687654cf]{padding:2.4rem;width:100%}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/views/BenefitDetail.vue?vue&type=style&index=0&id=c602af2a&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/.benefit-detail-container[data-v-c602af2a]{padding:90px 70px 50px;width:100%;justify-content:center;background-color:var(--default-background-color-benefit-detail-modal)}
.benefit-detail-container[data-v-c602af2a]>.wrapper[data-v-c602af2a]{height:auto;margin:auto}
.benefit-detail-container[data-v-c602af2a] .cta-close[data-v-c602af2a]{cursor:pointer;z-index:300;border-color:transparent;background-color:transparent;height:42px;width:42px;right:0;top:0;padding:0;border:0;margin:0}
.benefit-detail-container[data-v-c602af2a] .cta-close[data-v-c602af2a][data-v-c602af2a]:hover{filter:none}
.benefit-detail-container[data-v-c602af2a] .cta-close[data-v-c602af2a][data-v-c602af2a]:hover{filter:brightness(50%)}
.benefit-detail-container[data-v-c602af2a] .cta-close[data-v-c602af2a] g[data-v-c602af2a]{fill:var(--brand-primary-color)}
.benefit-detail-container[data-v-c602af2a] .grid-template[data-v-c602af2a]{grid-template:"preview details" "legal-text details" / 60% 40%;height:auto;width:1258px}
.benefit-detail-container[data-v-c602af2a] .grid-preview[data-v-c602af2a]{grid-area:preview}
.benefit-detail-container[data-v-c602af2a] .preview[data-v-c602af2a] img[data-v-c602af2a]{width:100%;max-height:488px;object-fit:cover}
.benefit-detail-container[data-v-c602af2a] .details[data-v-c602af2a]{grid-area:details;background-color:inherit}
.benefit-detail-container[data-v-c602af2a] .grid-legal-text[data-v-c602af2a]{grid-area:legal-text;background-color:inherit}
.benefit-detail-container[data-v-c602af2a] .legal-text[data-v-c602af2a] p[data-v-c602af2a]{color:var(--benefit-description-color,--secondary-color);margin-top:0;margin-bottom:0}
@media only screen and (max-width:720px),(max-width:820px){.benefit-detail-container[data-v-c602af2a]{padding:0;right:0}
.benefit-detail-container[data-v-c602af2a]>.wrapper[data-v-c602af2a]{margin:0}
.benefit-detail-container[data-v-c602af2a]>.wrapper[data-v-c602af2a] .left-side[data-v-c602af2a]{height:27.6rem}
.benefit-detail-container[data-v-c602af2a]>.wrapper[data-v-c602af2a] .left-side[data-v-c602af2a] .grid-preview[data-v-c602af2a]{height:100%}
.benefit-detail-container[data-v-c602af2a]>.wrapper[data-v-c602af2a] .left-side[data-v-c602af2a] .grid-preview[data-v-c602af2a] img[data-v-c602af2a]{height:100%;object-fit:cover}
.benefit-detail-container[data-v-c602af2a] .legal-text[data-v-c602af2a]{margin:0}
.benefit-detail-container[data-v-c602af2a] .legal-text[data-v-c602af2a] p[data-v-c602af2a]{max-height:none;overflow:unset;min-height:140px;margin-top:0;margin-bottom:0}
.benefit-detail-container[data-v-c602af2a] .grid-template[data-v-c602af2a]{grid-template:"preview" "details" "legal-text";width:100%}
.benefit-detail-container[data-v-c602af2a] .cta-close[data-v-c602af2a]{right:0;top:0;background-color:inherit}
.benefit-detail-container[data-v-c602af2a] .cta-close[data-v-c602af2a] path[data-v-c602af2a]{stroke:var(--brand-primary-color)}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/benefit-showcase/views/benefit-id/BenefitShowcaseId.vue?vue&type=style&index=0&id=3334e98e&lang=less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/.message-container-popup .confirm-popup-container{width:unset;padding:40px;min-height:unset}
.message-container-popup .confirm-popup-container .confirm-popup-content{margin:0;font-size:1.4rem;width:366px}
.benefit-showcase-id-component .wrapper .go-back-page-vue{width:unset}
.benefit-showcase-id-component .wrapper .back-page{padding-left:0}
.benefit-showcase-id-component .wrapper .container .general-conditions{width:60%}
.benefit-showcase-id-component .wrapper .container .general-conditions .car-image{width:100%}
.benefit-showcase-id-component .wrapper .container .general-conditions .desktop-legal-text{text-align:center}
.benefit-showcase-id-component .wrapper .container .content-details{width:40%}
.benefit-showcase-id-component .wrapper .container .content-details .title,.benefit-showcase-id-component .wrapper .container .content-details .highlight{font-size:3.2rem}
.benefit-showcase-id-component .wrapper .container .content-details .short-description{font-size:2.4rem}
.benefit-showcase-id-component .wrapper .container .content-details .full-description,.benefit-showcase-id-component .wrapper .container .content-details .available,.benefit-showcase-id-component .wrapper .container .content-details .like-benefit,.benefit-showcase-id-component .wrapper .container .content-details .mobile-legal-text{font-size:1.6rem}
.benefit-showcase-id-component .wrapper .container .content-details .mobile-legal-text{display:none}
.benefit-showcase-id-component .wrapper .container .content-details .tag-container{margin:0 0 24px}
.benefit-showcase-id-component .wrapper .container .content-details .like-benefit{color:#363636}
.benefit-showcase-id-component .wrapper .container .content-details .like-benefit .default-icon-color{cursor:pointer}
.benefit-showcase-id-component .wrapper .container .content-details .like-benefit .default-icon-color svg path{stroke:#000 !important}
.benefit-showcase-id-component .wrapper .container .content-details .separator{height:1px;background:#363636}
.benefit-showcase-id-component .wrapper .container .content-details .actions a{margin:0 0 2rem;max-width:100%;width:100%}
@media only screen and (max-width:720px){.benefit-showcase-id-component .wrapper .container{display:inherit;flex-direction:column}
.benefit-showcase-id-component .wrapper .container .general-conditions,.benefit-showcase-id-component .wrapper .container .content-details{width:100%}
.benefit-showcase-id-component .wrapper .container .general-conditions .desktop-legal-text{display:none}
.benefit-showcase-id-component .wrapper .container .content-details .mobile-legal-text{display:flex}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/complement-user-data-nation/AddressFormNation.vue?vue&type=style&index=0&id=7f84633f&lang=less&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/.complement-user-data-address[data-v-7f84633f] .flex-content[data-v-7f84633f]{display:flex;justify-content:space-between;flex-wrap:wrap}
.complement-user-data-address[data-v-7f84633f] .flex-content[data-v-7f84633f] .number[data-v-7f84633f],.complement-user-data-address[data-v-7f84633f] .flex-content[data-v-7f84633f] .state[data-v-7f84633f]{width:35%}
.complement-user-data-address[data-v-7f84633f] .flex-content[data-v-7f84633f] .complement[data-v-7f84633f],.complement-user-data-address[data-v-7f84633f] .flex-content[data-v-7f84633f] .city[data-v-7f84633f]{width:60%}
.complement-user-data-address[data-v-7f84633f] .rules-checkbox-container[data-v-7f84633f]{padding-bottom:2.2rem}
.complement-user-data-address[data-v-7f84633f] .rules-checkbox-container[data-v-7f84633f] .input-container[data-v-7f84633f]{align-items:center}
.complement-user-data-address[data-v-7f84633f] .rules-checkbox-container[data-v-7f84633f] .input-container[data-v-7f84633f] a[data-v-7f84633f]{font-size:2rem;font-weight:bold;color:black;text-decoration:underline}
@media only screen and (max-width:720px){.complement-user-data-address[data-v-7f84633f] .flex-content[data-v-7f84633f] .hub-dropdown select[data-v-7f84633f]{height:60px}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/complement-user-data-nation/WizardGreetingsNation.vue?vue&type=style&index=0&id=a42f1454&lang=less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/.wizard-greetings-nation .greetings{color:black;font-size:2rem;font-weight:700;padding-top:15px}
.wizard-greetings-nation .greetings .user-name{font-weight:100}
.wizard-greetings-nation .info{font-size:2rem;font-weight:600;color:black;padding-top:15px}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/complement-user-data-nation/BasicUserDataFormNation.vue?vue&type=style&index=0&id=fc363124&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/.basic-user-data-form-nation[data-v-fc363124] .lgpd-privacy-policy[data-v-fc363124]{color:#151414;font-size:12px;font-weight:300}
.basic-user-data-form-nation[data-v-fc363124] .lgpd-privacy-policy[data-v-fc363124] a[data-v-fc363124]{color:inherit;text-decoration:underline}
@media only screen and (max-width:720px){.basic-user-data-form-nation[data-v-fc363124]{padding:0 20px}
}
.basic-user-data-form-nation[data-v-fc363124] .chassi-container[data-v-fc363124] .input-info-container[data-v-fc363124]{padding-left:0}
.basic-user-data-form-nation[data-v-fc363124] .chassi-container[data-v-fc363124] .input-info-container[data-v-fc363124] span[data-v-fc363124]:first-child{display:block;padding-left:20px;padding-bottom:2.5rem}
.basic-user-data-form-nation[data-v-fc363124] .chassi-container[data-v-fc363124] .chassi-error-container[data-v-fc363124]{border:1px solid red;background-color:#fff4f8;text-align:justify;padding:10px;color:red}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/complement-user-data-nation/WizardHeaderNation.vue?vue&type=style&index=0&id=27cb5d6f&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/.wizard-header[data-v-27cb5d6f]{background-color:#151414;display:flex;align-items:center;justify-content:center;height:88px}
.wizard-header[data-v-27cb5d6f] .title-header[data-v-27cb5d6f]{font-size:1.8rem;color:grey;text-transform:uppercase}
.bg-color[data-v-27cb5d6f]{background-color:grey}
.progressbar[data-v-27cb5d6f]{height:10px;transition:width .25s ease}
@media only screen and (max-width:960px){.wizard-header[data-v-27cb5d6f] .title-header[data-v-27cb5d6f]{width:250px;text-align:center}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/complement-user-data-nation/SuccessAgreementFormNation.vue?vue&type=style&index=0&id=35d98c82&lang=less&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/.complement-user-data-success[data-v-35d98c82] .title-description[data-v-35d98c82]{padding-top:10px}
@media only screen and (max-width:960px){.complement-user-data-success[data-v-35d98c82]{padding:20px}
.complement-user-data-success[data-v-35d98c82] .title-description[data-v-35d98c82]{width:80%}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/complement-user-data-nation/ComplementUserDataNation.vue?vue&type=style&index=0&id=9c4bfb9c&lang=less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/.hub-loyalty-program-component .flex-input{display:flex;justify-content:space-between}
.hub-loyalty-program-component .complement-user-data-nation{top:80px;z-index:1000;width:100%;bottom:0;position:fixed;overflow:auto;background-color:white}
.hub-loyalty-program-component .complement-user-data-nation .title{font-size:2rem;font-weight:600;color:black;padding-top:20px}
.hub-loyalty-program-component .complement-user-data-nation .wizard-form-container{padding-top:25px;padding-bottom:10px}
.hub-loyalty-program-component .complement-user-data-nation .input-info-container{width:100%;padding-left:20px;padding-bottom:35px;color:black;font-size:16px}
.hub-loyalty-program-component .complement-user-data-nation .container-complement{width:400px;height:auto;max-height:95%;background:white;padding-bottom:18px;margin-bottom:125px}
.hub-loyalty-program-component .complement-user-data-nation .container-complement.first-step{margin-top:50px}
.hub-loyalty-program-component .complement-user-data-nation .container-complement .wizard-controls{display:flex;justify-content:space-evenly;margin-bottom:30px;padding-bottom:50px}
.hub-loyalty-program-component .complement-user-data-nation .container-complement .wizard-controls .current-step{display:flex}
.hub-loyalty-program-component .complement-user-data-nation .container-complement .wizard-controls .current-step span{font-size:1.4rem;margin:auto;color:black}
.hub-loyalty-program-component .complement-user-data-nation .container-complement .wizard-controls .current-step .step-indicator-vue{margin-left:16px}
.hub-loyalty-program-component .complement-user-data-nation .container-complement .wizard-controls .current-step .step-indicator-vue .step-container .step-circle{width:9px;height:9px;border-color:black}
.hub-loyalty-program-component .complement-user-data-nation .container-complement .wizard-controls .current-step .step-indicator-vue .step-container .step-dash{visibility:hidden}
.hub-loyalty-program-component .complement-user-data-nation .container-complement .wizard-controls .current-step .step-indicator-vue .step-container.current-step .step-circle{background-color:black}
.hub-loyalty-program-component .complement-user-data-nation .container-complement .wizard-controls .current-step .step-indicator-vue .step-container.completed-step .step-circle{background-color:black;border-color:black}
.hub-loyalty-program-component .complement-user-data-nation .container-complement .wizard-controls .current-step .step-indicator-vue .step-container.completed-step .step-circle:after{visibility:hidden}
.hub-loyalty-program-component .complement-user-data-nation .container-complement .wizard-controls .hub-button{margin:0}
@media only screen and (max-width:720px){.hub-loyalty-program-component .complement-user-data-nation .container-complement{width:100%;margin-top:0 !important}
}
.hub-loyalty-program-component .complement-user-data-nation .form-control label{font-size:2rem;color:black}
.hub-loyalty-program-component .complement-user-data-nation .form-control .input-field-info{text-align:right;font-size:1.6rem}
.hub-loyalty-program-component .complement-user-data-nation .form-control .input-helper{font-size:1.6rem;color:black;text-decoration:underline}
.hub-loyalty-program-component .complement-user-data-nation .form-control .input-field-info{color:black}
@media only screen and (max-width:720px){.hub-loyalty-program-component .complement-user-data-nation{top:50px}
.hub-loyalty-program-component .complement-user-data-nation .container-complement{max-width:100%}
.hub-loyalty-program-component .complement-user-data-nation .container-complement .hub-input-field{height:60px}
.hub-loyalty-program-component .complement-user-data-nation .container-complement .wizard-controls{margin-bottom:20px}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/email-capture-redirect/EmailCaptureRedirect.vue?vue&type=style&index=0&id=19019e61&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/.email-capture-redirect-journey{display:flex;flex-direction:column;background:transparent;padding:20px}
.email-capture-redirect-journey .input-container{display:flex;flex-direction:column;gap:8px}
.email-capture-redirect-journey .hub-input .before-input-container{position:relative}
.email-capture-redirect-journey .hub-input input{background-color:var(--default-brand-background-color)}
.email-capture-redirect-journey .hub-input .cleaner{position:absolute;bottom:-25px;right:12px;content:url("../../../designs/wisdom/id/images/icon-x.svg");cursor:pointer}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/gamification-achievements-page-wrapper/GamificationAchievementsPageWrapper.vue?vue&type=style&index=0&id=319a659c&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/.game-achievements-wrapper[data-v-319a659c]{max-width:980px;margin:0 auto;padding-bottom:30px}
.game-achievements-wrapper[data-v-319a659c] .categories-list[data-v-319a659c]{display:flex;justify-content:space-between;list-style:none;padding:10px 0 40px 0}
.game-achievements-wrapper[data-v-319a659c] .categories-list[data-v-319a659c] .list-item[data-v-319a659c]{display:flex;align-items:center;flex-direction:column}
.game-achievements-wrapper[data-v-319a659c] .categories-list[data-v-319a659c] .list-item[data-v-319a659c] .category-title[data-v-319a659c]{font-size:1.3rem;font-style:normal;font-weight:700;color:#191919}
.game-achievements-wrapper[data-v-319a659c] .categories-list[data-v-319a659c] .list-item[data-v-319a659c] .category-content[data-v-319a659c]{font-size:1.3rem;font-weight:400;margin:unset}
.game-achievements-wrapper[data-v-319a659c] .badge-lists-wrapper[data-v-319a659c]{background:url('../../../designs/wisdom/base/images/jeep/achievemenst-badge-list-background.png') no-repeat;background-size:cover;border-radius:25px}
@media only screen and (max-width:720px){.game-achievements-wrapper[data-v-319a659c] .badge-lists-wrapper[data-v-319a659c]{background-repeat:repeat-y;border-radius:50px;background-size:cover}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/logged-in-username/LoggedInUsername.vue?vue&type=style&index=0&id=71c4484e&lang=less&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/.logged-in-username-component[data-v-71c4484e] .font-body[data-v-71c4484e]{line-height:unset}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyalty-home/LoyaltyButton.vue?vue&type=style&index=0&id=6fffb93f&lang=less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/.loyalty-hub-button{border:0;min-height:70px;width:100%;max-width:400px;padding:20px}
.loyalty-hub-button .left-content .loyalty-medal-image{width:30px;height:30px;margin-right:20px}
.loyalty-hub-button .left-content .loyalty-medal-image svg{width:100%;height:100%}
.loyalty-hub-button .left-content p{margin:0;text-align:left}
.loyalty-hub-button .loyalty-arrow svg path{stroke:var(--default-brand-primary-color)}
@media only screen and (max-width:720px),only screen and (min-width:721px) and (max-width:960px){.loyalty-hub-button{max-width:100%}
.loyalty-hub-button .font-h3{font-size:1.2rem}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyalty-home/LoyaltyDealershipChangeModal.vue?vue&type=style&index=0&id=1fca8f4b&lang=less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/.loyalty-dealership-change-modal{position:fixed;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);color:white;z-index:100}
.loyalty-dealership-change-modal__content{margin:5% auto;width:430px;height:auto;background-color:white;padding:24px}
.loyalty-dealership-change-modal__content-header{display:flex;justify-content:flex-end}
.loyalty-dealership-change-modal__content-header .header-close-button{width:18px;height:18px}
.loyalty-dealership-change-modal__content-header .header-close-button svg{width:100%;height:100%}
.loyalty-dealership-change-modal__content-header .header-close-button svg path{fill:var(--default-brand-primary-color)}
.loyalty-dealership-change-modal__content .loyalty-modal-image{height:200px;width:100%}
.loyalty-dealership-change-modal__content .loyalty-modal-image img{object-fit:contain;align-self:center}
.loyalty-dealership-change-modal__content .pre-title{font-weight:400}
.loyalty-dealership-change-modal__content .title{text-wrap:balance}
.loyalty-dealership-change-modal__content .text-content{overflow-y:scroll;max-height:200px}
@media only screen and (max-width:720px){.loyalty-dealership-change-modal{position:fixed;overflow:hidden}
.loyalty-dealership-change-modal__content{position:absolute;top:5%;overflow:hidden}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyalty-home/LoyaltyHeaderBanner.vue?vue&type=style&index=0&id=44b04ae6&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/.loyalty-header-banner[data-v-44b04ae6]{position:absolute;top:0;z-index:-1}
.loyalty-header-banner[data-v-44b04ae6] img[data-v-44b04ae6]{object-fit:cover}
@media only screen and (max-width:720px){.loyalty-header-banner[data-v-44b04ae6] img[data-v-44b04ae6]{height:344px}
}
@media only screen and (min-width:961px){.loyalty-header-banner[data-v-44b04ae6] img[data-v-44b04ae6]{height:440px}
}
@media only screen and (min-width:1367px){.loyalty-header-banner[data-v-44b04ae6] img[data-v-44b04ae6]{height:600px}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyalty-home/LoyaltyProfileCard.vue?vue&type=style&index=0&id=7f7ed9c8&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/.profile-card[data-v-7f7ed9c8]{min-width:40rem;max-width:64rem;margin-top:136px}
.profile-card[data-v-7f7ed9c8] .bg-transparent[data-v-7f7ed9c8]{background-color:transparent}
.profile-card[data-v-7f7ed9c8] .header-block[data-v-7f7ed9c8]{height:6rem}
.profile-card[data-v-7f7ed9c8] .header[data-v-7f7ed9c8]{top:0;left:calc(50% - 60px)}
.profile-card[data-v-7f7ed9c8] .header[data-v-7f7ed9c8] img[data-v-7f7ed9c8]{border-radius:50%;border:4px solid #2c75e0;width:136px;object-fit:cover}
.profile-card[data-v-7f7ed9c8] .header[data-v-7f7ed9c8] .background-gray[data-v-7f7ed9c8]{background-color:lightgray}
.profile-card[data-v-7f7ed9c8] .header[data-v-7f7ed9c8] .rank-badge[data-v-7f7ed9c8]{border-radius:4px;padding:10px;margin:0;transform:translateY(-20px)}
.profile-card[data-v-7f7ed9c8] .display-grid[data-v-7f7ed9c8]{display:grid;grid-template-columns:1fr 1fr 1fr}
.profile-card[data-v-7f7ed9c8] .divide-x>*+*[data-v-7f7ed9c8]{border-left:1px solid lightgray}
@media only screen and (max-width:720px){.profile-card[data-v-7f7ed9c8]{position:initial;max-width:37rem;margin-top:284px}
}
@media only screen and (min-width:1367px){.profile-card[data-v-7f7ed9c8]{margin-top:240px}
.profile-card[data-v-7f7ed9c8] .header-block[data-v-7f7ed9c8]{height:10rem}
.profile-card[data-v-7f7ed9c8] .header[data-v-7f7ed9c8]{left:calc(50% - 100px)}
.profile-card[data-v-7f7ed9c8] .header[data-v-7f7ed9c8] img[data-v-7f7ed9c8]{width:200px}
.profile-card[data-v-7f7ed9c8] svg[data-v-7f7ed9c8]{width:44px;height:44px}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyalty-home/LoyaltyHome.vue?vue&type=style&index=0&id=9e10fca8&lang=less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/.loyalty-home{display:flex;flex-direction:column}
.loyalty-home .home-header{display:grid;grid-template-columns:repeat(12,1fr)}
.loyalty-home .home-header-banner{grid-column-start:1;grid-column-end:grid-end}
.loyalty-home .home-header-profile-card{grid-column-start:2;grid-column-end:6}
@media only screen and (max-width:720px){.loyalty-home .home-header{display:flex;flex-direction:column;align-items:center;overflow:hidden}
}
.loyalty-home .loyalty-home-action-buttons{max-width:1366px;margin:auto;display:grid;grid-template-columns:minmax(250px,400px) minmax(250px,400px) minmax(250px,400px);gap:40px}
@media only screen and (max-width:720px),only screen and (min-width:721px) and (max-width:960px){.loyalty-home .loyalty-home-action-buttons{grid-template-columns:minmax(250px,100vw);gap:25px}
}
.loyalty-home.no-scroll{position:absolute}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyalty-home/LoyaltyNewDealershipModal.vue?vue&type=style&index=0&id=6a2eb4b6&lang=less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/.loyalty-new-dealership-modal{position:fixed;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);color:white;z-index:100}
.loyalty-new-dealership-modal .choose-dealer-label{padding-left:15px;margin:25px 0}
.loyalty-new-dealership-modal .hub-button{min-width:100%;margin-top:15px}
.loyalty-new-dealership-modal .dealer-selector .form-container input{width:100%}
.loyalty-new-dealership-modal .dealer-selector .form-container a{width:100%}
.loyalty-new-dealership-modal__content{margin:5% auto;width:430px;height:auto;min-height:570px;max-height:90vh;overflow-y:auto;background-color:white;padding:24px}
.loyalty-new-dealership-modal__content-header{display:flex;justify-content:flex-end}
.loyalty-new-dealership-modal__content-header .header-close-button{width:18px;height:18px}
.loyalty-new-dealership-modal__content-header .header-close-button svg{width:100%;height:100%}
.loyalty-new-dealership-modal__content-header .header-close-button svg path{fill:var(--default-brand-primary-color)}
.loyalty-new-dealership-modal__content .loyalty-modal-image{height:200px;width:100%}
.loyalty-new-dealership-modal__content .loyalty-modal-image img{object-fit:contain;align-self:center}
.loyalty-new-dealership-modal__content .pre-title{font-weight:400}
.loyalty-new-dealership-modal__content .title{text-wrap:balance}
.loyalty-new-dealership-modal__content .dealer-selector .form-container .location-auto-complete-input{width:100%}
@media only screen and (max-width:720px){.loyalty-new-dealership-modal{position:fixed;overflow:hidden;display:flex;justify-content:center}
.loyalty-new-dealership-modal__content{position:absolute;top:3%;max-width:360px;max-height:600px;padding-bottom:120px}
.loyalty-new-dealership-modal .dealer-selector .form-container{margin:0;width:100%}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyalty-medals-history/LoyaltyMedalsHistory.vue?vue&type=style&index=0&id=835185d2&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/#medals-history-page-subtitle[data-v-835185d2]{font-size:1.4rem}
#medals-history-empty[data-v-835185d2]{font-size:1.4rem}
@media only screen and (max-width:720px){#medals-history-modal[data-v-835185d2]{margin-top:20px;padding:40px}
#medals-history-list[data-v-835185d2]{width:100%}
#medals-history-page-subtitle[data-v-835185d2]{font-size:12px}
#medals-history-empty[data-v-835185d2]{font-size:12px}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyalty-medals-history/LoyaltyMedalsHistoryItem.vue?vue&type=style&index=0&id=f03bf96c&lang=less&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/.medals-history-item[data-v-f03bf96c]{min-height:80px;border-bottom:1px solid #f5f4f6}
.medals-history-item[data-v-f03bf96c] .medal-event[data-v-f03bf96c]{flex:7;justify-content:start}
.medals-history-item[data-v-f03bf96c] .medal-event[data-v-f03bf96c] .medal-event-info[data-v-f03bf96c]{width:-webkit-fill-available}
.medals-history-item[data-v-f03bf96c] .medal-event[data-v-f03bf96c] .medal-event-info[data-v-f03bf96c] .label[data-v-f03bf96c]{font-size:1.4rem}
.medals-history-item[data-v-f03bf96c] .medal-event[data-v-f03bf96c] .medal-event-info[data-v-f03bf96c] .time-label[data-v-f03bf96c]{font-size:1.2rem}
.medals-history-item[data-v-f03bf96c] .medals-quantity[data-v-f03bf96c]{flex:1;justify-content:end}
.medals-history-item[data-v-f03bf96c] .medals-quantity[data-v-f03bf96c] #label[data-v-f03bf96c]{font-size:1.6rem;font-weight:bold}
@media only screen and (max-width:720px){.medals-history-item[data-v-f03bf96c] .medal-event[data-v-f03bf96c]{flex:2}
.medals-history-item[data-v-f03bf96c] .medal-event[data-v-f03bf96c] .medal-event-info[data-v-f03bf96c] .label[data-v-f03bf96c]{font-size:12px}
.medals-history-item[data-v-f03bf96c] .medal-event[data-v-f03bf96c] .medal-event-info[data-v-f03bf96c] .time-label[data-v-f03bf96c]{font-size:12px}
.medals-history-item[data-v-f03bf96c] .medals-quantity[data-v-f03bf96c] #label[data-v-f03bf96c]{font-size:14px}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyalty-ranking/LoyaltyRankingItem.vue?vue&type=style&index=0&id=197ce553&lang=less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/.loyalty-ranking-item-wrapper{display:grid;grid-template-columns:1fr 20fr 2fr;padding:12px 0;border-bottom:1px solid var(--default-brand-border-color)}
.loyalty-ranking-item-wrapper .item-position-name{text-transform:capitalize}
.loyalty-ranking-item-wrapper .item-position-medals{color:#151414}
.loyalty-ranking-item-wrapper .item-position-medals .medal{width:24px;height:100%}
.loyalty-ranking-item-wrapper .item-position-medals .medal svg{width:100%;height:24px}
@media only screen and (max-width:720px){.loyalty-ranking-item-wrapper{grid-template-columns:2fr 10fr 2fr}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyalty-ranking/LoyaltyRanking.vue?vue&type=style&index=0&id=ee82e8c0&lang=less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/.loyalty-pagination{width:100%}
.loyalty-pagination .loyalty-pagination-back,.loyalty-pagination .loyalty-pagination-next{pointer-events:all}
.loyalty-pagination .loyalty-pagination-back .loyalty-pagination-arrow,.loyalty-pagination .loyalty-pagination-next .loyalty-pagination-arrow{width:20px}
.loyalty-pagination .loyalty-pagination-back .loyalty-pagination-arrow svg,.loyalty-pagination .loyalty-pagination-next .loyalty-pagination-arrow svg{height:20px;width:100%}
.loyalty-pagination .loyalty-pagination-back .loyalty-pagination-arrow svg path,.loyalty-pagination .loyalty-pagination-next .loyalty-pagination-arrow svg path{stroke:var(--default-brand-primary-color)}
.loyalty-pagination .loyalty-pagination-back.disabled,.loyalty-pagination .loyalty-pagination-next.disabled{pointer-events:none}
.loyalty-pagination .loyalty-pagination-back.disabled svg path,.loyalty-pagination .loyalty-pagination-next.disabled svg path{stroke:gray}
.loyalty-pagination .loyalty-pagination-back:hover,.loyalty-pagination .loyalty-pagination-next:hover{text-decoration:underline}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyalty-welcome-modal/LoyaltyWelcomeModal.vue?vue&type=style&index=0&id=3476bf06&lang=less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/.loyalty-welcome-modal{position:fixed;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);color:white;z-index:100}
.loyalty-welcome-modal .loyalty-welcome-modal-content{margin:5% auto;width:430px;height:auto;background-color:white;padding:24px}
.loyalty-welcome-modal .loyalty-welcome-modal-content .loyalty-welcome-modal-header{width:100%;display:flex;justify-content:flex-end}
.loyalty-welcome-modal .loyalty-welcome-modal-content .loyalty-welcome-modal-header .header-close-button{width:18px;height:18px}
.loyalty-welcome-modal .loyalty-welcome-modal-content .loyalty-welcome-modal-header .header-close-button svg{width:100%;height:100%}
.loyalty-welcome-modal .loyalty-welcome-modal-content .loyalty-welcome-modal-header .header-close-button svg path{fill:var(--default-brand-primary-color)}
.loyalty-welcome-modal .loyalty-welcome-modal-content .loyalty-welcome-modal-image{height:200px;width:100%}
.loyalty-welcome-modal .loyalty-welcome-modal-content .loyalty-welcome-modal-image img{object-fit:contain;align-self:center}
.loyalty-welcome-modal .loyalty-welcome-modal-content .loyalty-welcome-modal-pre-title{font-weight:normal;margin:8px 0}
.loyalty-welcome-modal .loyalty-welcome-modal-content .hub-button{max-width:none;width:100%}
.loyalty-welcome-modal .loyalty-welcome-modal-content .hub-button .hub-button__label{justify-content:center}
@media only screen and (max-width:720px){.loyalty-welcome-modal .loyalty-welcome-modal-content{width:100vw}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyaty-survey/components/SurveyOptions.vue?vue&type=style&index=0&id=6381d41a&lang=less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/#survey-options{padding:22px;border:1px solid #787b80}
#survey-options .hub-radio__content{text-transform:capitalize}
#survey-options .hub-button{width:100%}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyaty-survey/components/SurveyResults.vue?vue&type=style&index=0&id=78cd416a&lang=less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/#survey-results{border:1px solid #787b80;position:relative;padding:22px}
#survey-results .progress{gap:30px}
#survey-results .progress .progress-bar-indicator{height:40px;position:relative}
#survey-results .progress .progress-bar-indicator .current-progress{background-color:#ececee !important}
#survey-results .progress .container{height:100%;display:flex}
#survey-results .progress .container p{height:100%;color:#7a7d82;margin:0;margin-left:24px;position:absolute;align-items:center;display:flex}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyaty-survey/LoyaltySurvey.vue?vue&type=style&index=0&id=03668568&lang=less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/.survey{width:379px;margin:20px;border-bottom:0;position:relative}
.survey .hub-loader-vue{background:transparent}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyaty-survey/components/SurveyCountdown.vue?vue&type=style&index=0&id=437c2e74&lang=less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/#survey-countdown{padding:22px;border:1px solid #787b80;border-top:0;border-bottom:1px solid #787b80}
#survey-countdown>p{margin-bottom:20px}
#survey-countdown .digit{font-size:2.5rem;padding:12px;margin:0;width:fit-content;border:1px solid #7a7d82}
#survey-countdown .digit:nth-child(2){border-left:0}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/loyaty-survey/components/SurveyProgress.vue?vue&type=style&index=0&id=c7449bb0&lang=less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/.progress-bar{padding-left:50px;padding-bottom:47px;padding-right:50px;border:1px solid #787b80}
.progress-bar .progress-bar-indicator{position:relative;height:12px;border:1px solid #787b80;border-radius:5px}
.progress-bar .progress-bar-indicator .current-progress{position:relative;background-color:#2c75e0 !important;border-radius:4px}
.progress-bar .progress-bar-indicator .step{margin-top:5px;top:100%;color:#787b80;font-family:'PeugeotNew';font-size:1.2rem;line-height:2rem;position:absolute;right:0}
.progress-bar .progress-bar-indicator .step:nth-child(1){color:#2c75e0;font-weight:bold}
.progress-bar .progress-bar-indicator .step:nth-child(2){right:-20px}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/lucky-numbers/LuckyNumberCard.vue?vue&type=style&index=0&id=4b35e1d7&lang=less&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/.lucky-numbers-card[data-v-4b35e1d7]{width:174px;background-color:white;box-shadow:0 4px 7px #00000033;padding:1.6rem 1.6rem 2.4rem 1.6rem}
.lucky-numbers-card[data-v-4b35e1d7] .card-header[data-v-4b35e1d7]{margin-bottom:1.6rem;gap:1rem;font-size:16px;height:44px}
.lucky-numbers-card[data-v-4b35e1d7] .card-header[data-v-4b35e1d7] .card-header-icon[data-v-4b35e1d7]{width:44px;height:44px;padding:6px}
.lucky-numbers-card[data-v-4b35e1d7] .card-header[data-v-4b35e1d7] .text[data-v-4b35e1d7]{margin:0}
.lucky-numbers-card[data-v-4b35e1d7] .dotted-separator[data-v-4b35e1d7]{border-top:4px dotted #18131f1a;border-right:0;border-left:0;border-bottom:0;background:transparent}
.lucky-numbers-card[data-v-4b35e1d7] .lucky-number[data-v-4b35e1d7]{color:black;font-size:x-large;font-weight:bolder;letter-spacing:1.5px}
.lucky-numbers-card[data-v-4b35e1d7] .hasNumber[data-v-4b35e1d7]{margin-top:40px;margin-bottom:16px}
.lucky-numbers-card[data-v-4b35e1d7] .available-cta[data-v-4b35e1d7]{color:white;background-color:var(--brand-primary-color);border:0;width:100%;height:68px;font-size:16px;font-weight:bolder;padding:12px 24px}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/lucky-numbers/LuckyNumbers.vue?vue&type=style&index=0&id=12037bdc&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/.lucky-numbers-component[data-v-12037bdc] .section-title[data-v-12037bdc]{font-size:22px;font-weight:900}
.lucky-numbers-component[data-v-12037bdc] .error-container[data-v-12037bdc]{padding:0 12rem}
.lucky-numbers-component[data-v-12037bdc] .description-text[data-v-12037bdc]{font-size:16px}
.lucky-numbers-component[data-v-12037bdc] .earned-numbers-section[data-v-12037bdc] .numbers-list[data-v-12037bdc],.lucky-numbers-component[data-v-12037bdc] .available-numbers-section[data-v-12037bdc] .numbers-list[data-v-12037bdc]{column-gap:1.6rem;row-gap:1.6rem}
@media only screen and (max-width:720px){.lucky-numbers-component[data-v-12037bdc] .error-container[data-v-12037bdc]{padding:0 3.2rem}
.lucky-numbers-component[data-v-12037bdc] .earned-numbers-section[data-v-12037bdc] .numbers-list[data-v-12037bdc],.lucky-numbers-component[data-v-12037bdc] .available-numbers-section[data-v-12037bdc] .numbers-list[data-v-12037bdc]{grid-template-columns:repeat(2,1fr)}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/promotion-invite/PromotionInvite.vue?vue&type=style&index=0&id=0965aae0&lang=less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/.promotion-invite-container{position:fixed;top:var(--desktop-menu-top-height);left:0;width:100%;height:calc(100% - var(--desktop-menu-top-height));z-index:301;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:auto}
@media only screen and (max-width:720px){.promotion-invite-container{top:0;height:100%}
}
@media only screen and (min-width:721px) and (max-width:960px){.promotion-invite-container{top:var(--mobile-menu-top-height);height:calc(100% - var(--mobile-menu-top-height))}
}
.promotion-invite-container__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000006b}
.promotion-invite-container__overlay.mobile{background-color:unset}
.promotion-invite-container__modal{position:relative;background:#fff;width:90%;max-width:490px;min-height:575px;border-radius:var(--default-brand-border-radius);padding:24px;z-index:1001;background-color:var(--default-brand-background-color);display:flex;flex-direction:column;justify-content:center}
.promotion-invite-container__modal.mobile{width:100%;height:100%;min-height:100%;max-width:100%;border-radius:0;display:flex;flex-direction:column}
.promotion-invite-container__modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}
.promotion-invite-container__modal-title{margin:0}
.promotion-invite-container__modal-close-button{position:absolute;top:15px;right:15px}
.promotion-invite-container__modal-close-button .btn-close:before{content:"";display:block;background-image:url("../../../designs/wisdom/base/images/icon-close-circle.svg");width:21px;height:21px;background-repeat:no-repeat;background-size:cover;cursor:pointer}
.promotion-invite-container__modal-description{margin-top:0;margin-bottom:28px;font-size:1.8rem}
.promotion-invite-container__modal-invite-section__invite-link-container{display:flex;flex-direction:column;gap:16px}
.promotion-invite-container__modal-invite-section__invite-link-container__input{margin-bottom:20px}
.promotion-invite-container__modal-invite-section__invite-link-container__button{margin-top:20px}
.promotion-invite-container__modal-invite-section__invite-actions{padding:0;margin:0}
.promotion-invite-container__modal-invite-section__invite-actions__action-button-label{font-size:1.8rem;margin:12px 0;font-weight:bold;color:#151414}
.promotion-invite-container__modal-invite-section__invite-actions__action-button{cursor:pointer}
.fade-enter-active,.fade-leave-active{transition:opacity .3s}
.fade-enter,.fade-leave-to{opacity:0}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/promotion-modal/PromotionModal.vue?vue&type=style&index=0&id=2847b586&lang=less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/.promotion-modal{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(33,33,33,0.56);z-index:999;display:flex;justify-content:center;align-items:center}
.promotion-modal__dialog{width:388px;min-height:540px;background-color:#edede3;display:grid;grid-template-rows:auto 1fr;overflow:scroll}
.promotion-modal__dialog .promotion-modal-close-button{justify-self:end;margin:10px 10px 0 0;cursor:pointer}
.promotion-modal__content{padding:30px 60px 60px 60px}
.promotion-modal__content h1{font-size:32px}
.promotion-modal__content p{font-size:18px;font-weight:400;margin-bottom:0;text-align:center}
.promotion-modal__content .hub-button{padding:24px 30px}
.promotion-modal__content .lucky-number{margin-top:12px}
@media only screen and (max-width:720px){.promotion-modal__dialog{height:100vh;width:100vw}
.promotion-modal__dialog .hub-button{margin:8px 0 0 0}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/promotion-social-media/PromotionSocialMedia.vue?vue&type=style&index=0&id=2ea60ed6&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/.promotion-social-media-container{position:fixed;top:var(--desktop-menu-top-height);left:0;width:100%;height:calc(100% - var(--desktop-menu-top-height));z-index:301;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:auto}
.promotion-social-media-container .lucky-numbers{font-size:44px;font-weight:bold;letter-spacing:2.2px;margin:unset;margin-bottom:12px;padding-left:20px;padding-right:20px}
@media only screen and (max-width:720px){.promotion-social-media-container{top:0;height:100%}
}
@media only screen and (min-width:721px) and (max-width:960px){.promotion-social-media-container{top:var(--mobile-menu-top-height);height:calc(100% - var(--mobile-menu-top-height))}
}
.promotion-social-media-container__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000006b}
.promotion-social-media-container__overlay.mobile{background-color:unset}
.promotion-social-media-container__modal{position:relative;background:#fff;width:90%;max-width:490px;min-height:575px;border-radius:var(--default-brand-border-radius);padding:24px;z-index:1001;background-color:var(--default-brand-background-color);display:flex;flex-direction:column;justify-content:center}
.promotion-social-media-container__modal.mobile{width:100%;height:100%;min-height:100%;max-width:100%;border-radius:0;display:flex;flex-direction:column}
.promotion-social-media-container__modal-title{margin:0}
.promotion-social-media-container__modal-close-button{position:absolute;top:15px;right:15px}
.promotion-social-media-container__modal-close-button .btn-close:before{content:"";display:block;background-image:url("../../../designs/wisdom/base/images/icon-close-circle.svg");width:21px;height:21px;background-repeat:no-repeat;background-size:cover;cursor:pointer}
.promotion-social-media-container__modal-description{margin-top:0;margin-bottom:28px;font-size:1.8rem}
.promotion-social-media-container__modal-form__content{display:flex;flex-direction:column;gap:16px}
.promotion-social-media-container__modal-form__content__input{margin-bottom:20px}
.promotion-social-media-container__modal-form__content__button{margin-top:20px}
.fade-enter-active,.fade-leave-active{transition:opacity .3s}
.fade-enter,.fade-leave-to{opacity:0}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/qrcode-promotion-validate/QrcodePromotionValidate.vue?vue&type=style&index=0&id=9bce260a&lang=less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/.qrcode-promotion{min-height:65vh}
.qrcode-promotion__content{padding:0 31px}
.qrcode-promotion__content h1{font-size:32px}
.qrcode-promotion__content p{font-size:18px;font-weight:400;margin-bottom:0;text-align:center}
.qrcode-promotion__content .lucky-number{margin-top:12px}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/subscription-manager/NotificationMessage.vue?vue&type=style&index=0&id=0690ed0c&lang=less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/.notification-message{margin:50px 0;width:365px}
.notification-message h1{font-size:2.2rem}
.notification-message__description{font-size:1.6rem}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/subscription-manager/SubscriptionManager.vue?vue&type=style&index=0&id=db245aa4&lang=less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/.subscription-manager-container{position:fixed;top:var(--desktop-menu-top-height);left:0;z-index:301;width:100%;height:calc(100% - var(--desktop-menu-top-height));background-color:var(--default-brand-background-color);overflow:auto}
@media only screen and (max-width:720px){.subscription-manager-container{top:var(--mobile-menu-top-height);height:calc(100% - var(--mobile-menu-top-height))}
}
@media only screen and (min-width:721px) and (max-width:960px){.subscription-manager-container{top:var(--mobile-menu-top-height);height:calc(100% - var(--mobile-menu-top-height))}
}
.subscription-manager-container__content{margin:90px 0;width:365px}
.subscription-manager-container__content .go-back-page-vue{padding-left:unset;margin-bottom:40px;height:auto}
.subscription-manager-container__content .go-back-page-vue span{font-size:14px}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/subscription-manager/CreditCardFullView.vue?vue&type=style&index=0&id=67be49af&lang=less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/.credit-card__full-view{border-radius:12px}
.credit-card__full-view__logo{align-self:center}
.credit-card__full-view__logo svg{width:48px;height:auto;border:1px solid #cbcbcb}
.credit-card__full-view__number{letter-spacing:3.3px;word-spacing:22px}
.credit-card__full-view strong{font-size:2.2rem}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/subscription-manager/CreditCardRegister.vue?vue&type=style&index=0&id=04aaf204&lang=less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/.credit-card-register-container .hub-dropdown label{font-size:1.6rem}
.credit-card-register-container .hub-dropdown-selected{text-overflow:ellipsis}
.credit-card-register-container .credit-card-register p{font-size:1.6rem}
.credit-card-register-container .credit-card-register__form .hub-dropdown-select-container{height:42px;padding:8px 17px}
.credit-card-register-container .credit-card-register__form .hub-dropdown-option-container{top:56px}
.credit-card-register-container .credit-card-register__form .hub-input label{font-size:1.6rem}
.credit-card-register-container .credit-card-register__form .hub-input .hub-input-field{font-size:1.6rem;height:42px}
.credit-card-register-container .credit-card-register__form .hub-input .hub-input-field::placeholder{font-size:1.6rem}
.credit-card-register-container .credit-card-register__form__card-number-validated svg{position:absolute;top:35px;right:5px}
.credit-card-register-container .credit-card-register__form .before-input-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:7.5px}
.credit-card-register-container .credit-card-register__form .before-input-container label{margin:0}
.credit-card-register-container .credit-card-register__form .before-input-container .hub-tooltip-v2{cursor:pointer}
.credit-card-register-container .credit-card-register__form__security-code .hub-input-field{letter-spacing:3.3px}
.credit-card-register-container .credit-card-register__form--half .hub-input{width:calc(50% - 12px)}
.credit-card-register-container .credit-card-register__actions .hub-button .hub-button__label{width:fit-content}
@media only screen and (max-width:720px){.credit-card-register-container .credit-card-register__form .before-input-container .hub-tooltip-v2 .tooltip-content.right{right:-5px}
.credit-card-register-container .credit-card-register__form .before-input-container .hub-tooltip-v2 .tooltip-content.right::after{right:10px}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/subscription-manager/RegisteredCreditCards.vue?vue&type=style&index=0&id=0a0abd66&lang=less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/.registered-credit-cards-container .registered-credit-cards p{font-size:1.6rem}
.registered-credit-cards-container .registered-credit-cards__card{margin-bottom:20px;padding:20px;border-radius:4px}
.registered-credit-cards-container .registered-credit-cards__card__logo{align-self:center}
.registered-credit-cards-container .registered-credit-cards__card__logo svg{width:48px;height:auto;border:1px solid #cbcbcb}
.registered-credit-cards-container .registered-credit-cards__card__info{margin-left:20px}
.registered-credit-cards-container .registered-credit-cards__card__info strong{font-size:1.8rem}
.registered-credit-cards-container .registered-credit-cards__card__info p{padding-top:12px;margin:unset}
.registered-credit-cards-container .registered-credit-cards__card__status span{font-size:1.6rem;color:#8b8158;text-align:end}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/subscription-manager/SubscriptionPage.vue?vue&type=style&index=0&id=3cbd175e&lang=less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/.subscription-page-container p{margin:unset}
.subscription-page-container .subscribe-button{margin-top:20px}
.subscription-page-container .subscription-status-icon{width:17px;height:17px;border-radius:100%;display:inline-block}
.subscription-page-container .subscription-active{background-color:#80b41c}
.subscription-page-container .subscription-expired{background-color:red}
.subscription-page-container .section-title{margin:unset;font-size:2.2rem;color:#2a2a2a}
.subscription-page-container .subscription-content{background-color:#eceaea;border-radius:4px;padding:32px 20px;margin-top:20px}
.subscription-page-container .subscription-content__plan{margin-bottom:16px;font-size:1.8rem;color:#2a2a2a}
.subscription-page-container .subscription-content__plan--active{border-bottom:2px solid #2a2a2a;padding-bottom:16px}
.subscription-page-container .subscription-content__plan-status{gap:4px}
.subscription-page-container .subscription-content__plan-title{font-size:1.8rem;font-weight:bold;color:#2a2a2a;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(42,42,42,0.5)}
.subscription-page-container .subscription-content__plan-title span{font-size:1.6rem;font-weight:normal;text-transform:none}
.subscription-page-container .subscription-content__details{margin:unset;font-size:1.6rem;border-bottom:1px solid rgba(42,42,42,0.5);padding-bottom:16px;color:#2a2a2a}
.subscription-page-container .subscription-content__payment{margin-top:16px}
.subscription-page-container .subscription-content__payment>p{margin:unset;font-size:1.8rem;color:#2a2a2a;width:min-content}
.subscription-page-container .subscription-content__payment__card-logo svg{width:48px;height:auto;border:1px solid #cbcbcb}
.subscription-page-container .subscription-content__payment__card-number{align-content:center;font-size:1.8rem}
.subscription-page-container .subscription-content__payment__button{min-width:190px;padding:unset}
.subscription-page-container .subscription-content__payment__button span{font-size:1.6rem !important}
.subscription-page-container .subscription-content__change-card{font-size:1.6rem}
.subscription-page-container .usage-terms-text{margin:20px 0 0;font-size:1.6rem;color:#2a2a2a;text-align:center}
.subscription-page-container .usage-terms-text p{display:inline-block}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/subscription-manager/SubscriptionWarningModal.vue?vue&type=style&index=0&id=45740940&lang=less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/.top-right{display:flex;justify-content:flex-end;align-items:flex-start;padding-top:calc(43px + var(--desktop-menu-top-height));padding-right:39px}
@media only screen and (max-width:720px){.top-right{padding-top:unset;padding-right:unset}
}
.subscription-warning-modal{background-color:#18131F4D;position:fixed;top:0;left:0}
.subscription-warning-modal .subscription-warning{width:var(--subscription-warning-width);background-color:#fff}
.subscription-warning-modal .subscription-warning h1{font-size:2.2rem}
.subscription-warning-modal .subscription-warning__close-icon{align-self:end}
.subscription-warning-modal .subscription-warning__description{font-size:1.6rem}
@media only screen and (max-width:720px){.subscription-warning-modal .subscription-warning{border-radius:8px;width:100%;height:fit-content;position:fixed;bottom:0}
.subscription-warning-modal .subscription-warning__close-icon{align-self:center;transform:rotate(-90deg)}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/subscription-manager/UsageTerms.vue?vue&type=style&index=0&id=39600610&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/.usage-terms{max-width:614px;width:614px}
@media only screen and (max-width:720px){.usage-terms{width:365px}
}
@media only screen and (min-width:721px) and (max-width:960px){.usage-terms{width:365px}
}
.usage-terms-label{font-size:2.2rem}
.usage-terms-text{font-size:1.6rem;line-height:24px}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/CustomCommunicationChassi.vue?vue&type=style&index=0&id=a877fe98&lang=less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/.card-custom-chassi{min-height:230px;background-color:#e5e5e5;justify-content:space-between}
.card-custom-chassi .card-custom-chassi-car-info{max-width:390px;padding:40px 50px}
.card-custom-chassi .card-custom-chassi-car-info .short-name,.card-custom-chassi .card-custom-chassi-car-info .car-name{font-size:18px}
.card-custom-chassi .card-custom-chassi-car-info .short-name{margin:0}
.card-custom-chassi .card-custom-chassi-car-info .car-name{margin:4px 0}
.card-custom-chassi .card-custom-chassi-main-info .card-custom-chassi-main-info-content:not(:last-child){border-bottom:1px solid #707070}
.card-custom-chassi .card-custom-chassi-main-info>:last-child{padding-bottom:32px}
.card-custom-chassi .card-custom-chassi-main-info>:last-child .hub-collapsible-item-vue{border-bottom:0}
.card-custom-chassi .card-custom-chassi-main-info .hub-collapsible-item-vue .collapse-content{padding:0 0 32px 0}
.card-custom-chassi-image img{width:229px;height:130px;object-fit:contain}
.card-custom-chassi-main-info{background-color:#d8d8d8;width:385px;margin-left:auto}
.card-custom-chassi-main-info .featured-info{display:flex;align-items:center}
.card-custom-chassi-main-info .featured-info svg{width:40px;height:40px}
.card-custom-chassi-main-info .featured-info .featured-icon{width:45px;height:45px}
.card-custom-chassi-main-info .featured-info .main-title{width:75%;font-size:18px}
.card-custom-chassi-main-info .download-document-section{width:265px}
.card-custom-chassi-main-info .download-document-section .hub-loader-vue .content-loading-img{height:40px}
.card-custom-chassi-main-info .download-document-section a{width:auto;height:auto;min-height:40px}
.card-custom-chassi-main-info .download-document-section a span{width:fit-content;text-align:center}
.card-custom-chassi-main-info .description-info{font-size:18px}
.card-custom-chassi-main-info>.featured-info:not(:empty)+.description-info:not(:empty){border-bottom:1px solid #707070}
.card-custom-chassi .hub-collapsible-item-vue{background:#d8d8d8;font-size:18px}
.card-custom-chassi .hub-collapsible-item-vue .collapse-title{flex-direction:row-reverse}
.card-custom-chassi .hub-collapsible-item-vue .collapse-title .collapse-title-text{font-size:18px;text-transform:none}
.card-custom-chassi .hub-collapsible-item-vue .card-custom-chassi-additional-description{font-size:14px}
.card-custom-chassi .hub-collapsible-item-vue .card-custom-chassi-additional-description a{word-break:break-all}
@media only screen and (max-width:720px){.card-custom-chassi{width:100%;flex-direction:column}
.card-custom-chassi .card-custom-chassi-image{display:flex;justify-content:center}
.card-custom-chassi .card-custom-chassi-main-info{width:100%}
.card-custom-chassi .card-custom-chassi-main-info .download-document-section{width:100%;max-width:265px}
.card-custom-chassi .card-custom-chassi-car-info{padding:32px 32px}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/FaqModal.vue?vue&type=style&index=0&id=36139425&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/.faq-modal.hub-generic-container .hub-generic-modal .dialog-modal{height:690px;width:815px;border-radius:0;padding-left:150px;padding-right:150px;overflow:hidden}
.faq-modal.hub-generic-container .faq-modal-inner{height:100%}
.faq-modal.hub-generic-container .faq-modal-inner .faq-modal-questions{padding-left:50px;overflow-y:auto;height:100%;max-height:500px}
.faq-modal.hub-generic-container h2{font-size:3rem;text-transform:uppercase;position:relative;padding-left:100px;margin-bottom:60px}
.faq-modal.hub-generic-container h2:after{content:'';width:100%;position:absolute;top:80px;left:80px;width:300px}
.faq-modal.hub-generic-container .hub-faq-question .question-sentence{font-size:1.6rem;padding-bottom:25px;max-width:300px;font-weight:bold;text-transform:uppercase;padding-left:45px}
.faq-modal.hub-generic-container .hub-faq-question .question-sentence .plus-sign,.faq-modal.hub-generic-container .hub-faq-question .question-sentence .minus-sign{display:inline-flex;width:29px;height:29px;border-radius:50%;justify-content:center;align-items:center;position:absolute;left:26px;top:16px}
.faq-modal.hub-generic-container .hub-faq-question .question-sentence .plus-sign{font-size:2.8rem;font-weight:normal}
.faq-modal.hub-generic-container .hub-faq-question .question-sentence .minus-sign{font-size:1.4rem;font-weight:bold}
.faq-modal.hub-generic-container .hub-faq-question .question-answer{font-size:1.4rem}
.faq-modal.hub-generic-container .hub-faq-question.opened .question-answer{max-height:100% !important}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/UserInfoHelper.vue?vue&type=style&index=0&id=6dac5295&lang=less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/.need-help-headline{font-size:30px;color:black}
.cards{gap:3rem}
.cards .card{width:320px;padding:18px;border:1px solid black;font-size:1.8rem}
.cards .card__header{color:black;font-size:28px}
.cards .card .hub-button{width:100%}
.information{padding-bottom:65px}
.information__content{max-width:708px;font-size:1.8rem}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/VerifiedUserModal.vue?vue&type=style&index=0&id=b7277388&lang=less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/.verified-user-modal .hub-generic-modal .dialog-modal{height:auto;width:328px;border-radius:16px}
.verified-user-modal .hub-generic-modal .dialog-modal .verified-modal-img{display:flex;justify-content:center}
.verified-user-modal .hub-generic-modal .dialog-modal .verified-modal-img .verified-modal-icon{width:20%}
.verified-user-modal .hub-generic-modal .dialog-modal .verified-modal-inner{height:100%}
.verified-user-modal .hub-generic-modal .dialog-modal .verified-modal-inner .verified-modal-content h2{text-align:center;color:#1a1a1a;text-transform:uppercase;font-size:20px}
.verified-user-modal .hub-generic-modal .dialog-modal .verified-modal-inner .verified-modal-content p{font-size:14px;text-align:center;color:#4d4d4d}
.verified-user-modal .hub-generic-modal .dialog-modal .verified-modal-inner .verified-modal-button{display:flex;justify-content:center}
.verified-user-modal .hub-generic-modal .dialog-modal .verified-modal-inner .verified-modal-button .hub-button.hub-button--block{border-radius:8px;cursor:pointer}
@media only screen and (max-width:720px){.verified-user-modal .hub-generic-modal .dialog-modal{width:280px;height:auto}
.verified-user-modal .hub-generic-modal .dialog-modal .verified-modal-content h2{padding:0 10%}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/new-reservation/ContractFormalization.vue?vue&type=style&index=0&id=07f43fb5&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/.b2-formalization-wrap[data-v-07f43fb5] #proposal-formalization[data-v-07f43fb5] .hub-generic-modal[data-v-07f43fb5] .close-button[data-v-07f43fb5]:after{content:''}
.b2-formalization-wrap[data-v-07f43fb5] #proposal-formalization[data-v-07f43fb5] .hub-generic-modal[data-v-07f43fb5] .dialog-modal[data-v-07f43fb5]{margin:0 10px}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/new-reservation/NewReservationOrderDetails.vue?vue&type=style&index=0&id=2283b51e&lang=less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/.order-details{margin:auto;max-width:1036px}
.order-details__inner.loading{visibility:hidden}
.order-details .go-back-page-vue{padding-left:0}
.order-details__separator{width:100%;height:2px;background:#151414;margin:1.6rem 0}
.order-details__light-separator{width:100%;height:1px;margin:1.6rem 0;background:#f5f4f6}
.order-details__item{width:100%;display:flex;align-items:flex-start;flex-direction:column}
.order-details__item--timeline{margin:4rem 0}
.order-details__item--error{flex-direction:row;column-gap:3rem}
.order-details__item--error div:first-of-type{align-self:center;height:6rem;width:6rem}
.order-details__item--error div:first-of-type svg{height:inherit;width:inherit;display:inherit}
.order-details__item_steps{border:1px solid black;border-radius:var(--default-brand-border-radius);width:70%;padding:10px}
@media only screen and (max-width:720px){.order-details__item_steps{width:100%}
}
.order-details__item_steps .hub-button{width:100%;max-width:100%}
.order-details__actions--cancel{margin-top:0}
.order-details #proposal-formalization .hub-generic-modal .close-button:after{content:''}
.order-details #proposal-formalization .hub-generic-modal .dialog-modal{margin:0 10px}
#modal-upload-documents .hub-generic-modal{background-color:rgba(0,0,0,0.3)}
#modal-upload-documents .hub-generic-modal .dialog-modal{width:450px;min-height:356px}
#modal-upload-documents .hub-generic-modal .dialog-modal .new-reservation-upload-documents__inputs{max-height:420px}
#modal-upload-documents .hub-generic-modal .dialog-modal .new-reservation-upload-documents__upload-later{display:none}
#modal-upload-documents .hub-generic-modal .dialog-modal .new-reservation-upload-documents__upload-button{width:100%;margin-top:4rem}
#modal-upload-documents .hub-generic-modal .dialog-modal .new-reservation-upload-documents__upload-button.hub-button{max-width:unset}
#modal-upload-documents .hub-generic-modal .dialog-modal .new-reservation-upload-documents__upload-button span{justify-content:center}
#modal-ticket-balance .hub-generic-modal .dialog-modal{width:450px}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/new-reservation/NewReservationOrders.vue?vue&type=style&index=0&id=70f71422&lang=less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/.new-reservation-user-orders-component{max-width:1036px;margin:auto}
.new-reservation-user-orders-component .user-orders__card{width:100%;border:1px solid}
.new-reservation-user-orders-component .user-orders__card+.user-orders__card{margin-top:2.4rem}
.new-reservation-user-orders-component .user-orders__card__footer{display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin-top:auto}
.new-reservation-user-orders-component .user-orders__card__status{width:160px;flex-grow:1}
.new-reservation-user-orders-component .user-orders__card__status.cancelled{color:#151414}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/new-reservation/RedirectFormalization.vue?vue&type=style&index=0&id=40dcf3aa&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/#redirect-formalization[data-v-40dcf3aa]{max-width:430px}
#redirect-formalization[data-v-40dcf3aa] .wrapper[data-v-40dcf3aa]{width:80%;margin:0 auto}
#redirect-formalization[data-v-40dcf3aa] .qr-code[data-v-40dcf3aa]{height:150px}
#redirect-formalization[data-v-40dcf3aa] .qr-code[data-v-40dcf3aa] .hub-qrcode[data-v-40dcf3aa]{width:auto}
@media only screen and (min-width:961px){#redirect-formalization[data-v-40dcf3aa] .btn-link[data-v-40dcf3aa]{display:none}
}
@media only screen and (max-width:720px){#redirect-formalization[data-v-40dcf3aa] .qr-code[data-v-40dcf3aa],#redirect-formalization[data-v-40dcf3aa] .qrcode-disclaimer[data-v-40dcf3aa]{display:none}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/rental-proposal/RentalProposal.vue?vue&type=style&index=0&id=2a014790&lang=less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/.rental-proposal{display:flex;flex-direction:column;border-radius:16px;background-color:white;padding:40px;margin-bottom:24px}
.rental-proposal__header{display:flex;align-items:center;margin-bottom:16px}
.rental-proposal__header .proposal-header__status{display:flex;align-items:center;flex-grow:1;padding:8px;border-radius:4px;background-color:#fff7ea;border:.5px solid #856404}
.rental-proposal__header .proposal-header__status .status-icon{display:flex;margin-right:8px}
.rental-proposal__header .proposal-header__status svg .svg-path{stroke:#856404}
.rental-proposal__header .proposal-header__status span{font-size:1.2rem;font-weight:bold;line-height:1.6rem;letter-spacing:.5px;color:#856404}
.rental-proposal__header .proposal-header__code{flex-grow:1;font-size:1.2rem;font-weight:bold;text-align:right}
.rental-proposal__tag{font-weight:bold;display:flex;width:50%;justify-content:space-between;margin-bottom:1.6rem;padding-left:.4rem;padding-right:2rem}
.rental-proposal__content{display:flex;justify-content:space-between}
.rental-proposal__content .proposal-content__left,.rental-proposal__content .proposal-content__right{width:calc(50% - 15px)}
.rental-proposal__content .proposal-content__left{display:flex;justify-content:space-around;flex-direction:column;margin-right:15px}
.rental-proposal__content .proposal-content__left .proposal-title{display:flex;flex-direction:column;margin-bottom:24px}
.rental-proposal__content .proposal-content__left .proposal-title__model{font-size:2.4rem;font-weight:600;transition:font-size 200ms ease;color:var(--default-brand-primary-color)}
.rental-proposal__content .proposal-content__left .proposal-title__details{font-size:1.6rem;font-weight:600;color:#666}
.rental-proposal__content .proposal-content__left .proposal-price{display:flex;justify-content:space-between;margin-bottom:2rem}
.rental-proposal__content .proposal-content__left .proposal-price__icon_signature,.rental-proposal__content .proposal-content__left .proposal-price__icon_deadline{display:flex;align-items:center}
.rental-proposal__content .proposal-content__left .proposal-price__icon_signature .status-icon,.rental-proposal__content .proposal-content__left .proposal-price__icon_deadline .status-icon{background:#e6e6e6;width:40px;height:40px;border-radius:100%;display:flex;justify-content:center}
.rental-proposal__content .proposal-content__left .proposal-price__icon_signature .status-icon svg,.rental-proposal__content .proposal-content__left .proposal-price__icon_deadline .status-icon svg{width:2.5rem}
.rental-proposal__content .proposal-content__left .proposal-price__icon_signature .status-icon svg path,.rental-proposal__content .proposal-content__left .proposal-price__icon_deadline .status-icon svg path{fill:var(--default-brand-primary-color)}
.rental-proposal__content .proposal-content__left .proposal-price__icon_signature .price_details,.rental-proposal__content .proposal-content__left .proposal-price__icon_deadline .price_details,.rental-proposal__content .proposal-content__left .proposal-price__icon_signature .deadline,.rental-proposal__content .proposal-content__left .proposal-price__icon_deadline .deadline{display:flex;flex-direction:column;margin-left:1.2rem}
.rental-proposal__content .proposal-content__left .proposal-price__caption{font-size:1.2rem;font-weight:500;color:#4d4d4d}
.rental-proposal__content .proposal-content__left .proposal-price__value,.rental-proposal__content .proposal-content__left .proposal-price__date{font-size:1.4rem;font-weight:600;color:var(--default-brand-primary-color)}
.rental-proposal__content .proposal-content__left .proposal-price__value small,.rental-proposal__content .proposal-content__left .proposal-price__date small{font-size:1.6rem;font-weight:600;margin-right:8px}
.rental-proposal__content .proposal-content__left .proposal-price__value{color:var(--default-brand-primary-color)}
.rental-proposal__content .proposal-content__left .proposal-campaign_details{margin-bottom:12px}
.rental-proposal__content .proposal-content__left .proposal-campaign_details p{margin:0;font-size:12px}
.rental-proposal__content .proposal-content__left .proposal-cta{margin-top:2rem;margin-bottom:2rem}
.rental-proposal__content .proposal-content__left .hub-button--alternate{padding:0 3.6rem;border:solid 2px var(--default-brand-primary-color);background-color:#fff}
.rental-proposal__content .proposal-content__left .hub-button--alternate span{color:var(--default-brand-primary-color)}
.rental-proposal__content .proposal-content__left .hub-button--secondary{background-color:var(--default-flua-btn-color)}
.rental-proposal__content .proposal-content__left .hub-button--secondary span{color:var(--default-flua-btn-label-color)}
.rental-proposal__content .proposal-content__right{margin-left:15px}
.rental-proposal__content .car-profile-image{width:80%;display:block;margin:0 auto;object-fit:contain;transition:width 200ms ease}
.rental-proposal__content .btn-show-details{transition:height 100ms linear;padding:0}
.rental-proposal__details{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:16px;transition:height 200ms ease-in-out}
.rental-proposal__details .detail-item{width:50%;display:flex;align-items:center;margin-bottom:16px}
.rental-proposal__details .detail-item.align-center{align-items:center}
.rental-proposal__details .detail-item__icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:16px;border-radius:50%;background-color:#f5f4f6;z-index:1;background-image:linear-gradient(135deg,var(--default-brand-primary-color) 5.95%,color-mix(in srgb,var(--default-brand-primary-color) 55%,#000) 78.31%);border:2px solid var(--default-brand-primary-color)}
.rental-proposal__details .detail-item__icon .icon-svg{display:flex}
.rental-proposal__details .detail-item__icon .icon-svg svg{width:36px;height:auto}
.rental-proposal__details .detail-item__icon .icon-svg.white-stroke svg path{stroke:#fff}
.rental-proposal__details .detail-item__icon .dealer-icon svg path{stroke:white}
.rental-proposal__details .detail-item__icon-not-started{background-image:linear-gradient(135deg,#eaeaea 5.95%,#c7c7c7 78.31%);border:0}
.rental-proposal__details .detail-item__icon-not-started:before{background:#a2a2a2}
.rental-proposal__details .detail-item__icon-in-progress{background-image:linear-gradient(135deg,color-mix(in srgb,var(--default-flua-secondary-brackground) 100%,#fff) 5.95%,color-mix(in srgb,var(--default-flua-secondary-brackground) 75%,#000) 78.31%);border:0}
.rental-proposal__details .detail-item__icon-in-progress:before{background:color-mix(in srgb,var(--default-flua-secondary-brackground) 75%,#000)}
.rental-proposal__details .detail-item__icon-failed{background-image:linear-gradient(135deg,#f71b1b 5.95%,#bc0000 78.31%);border:0}
.rental-proposal__details .detail-item__icon-failed:before{background:#9b0000}
.rental-proposal__details .detail-item__icon-completed:before{background:#881888}
.rental-proposal__details .detail-item__info{display:flex;flex-direction:column}
.rental-proposal__details .detail-item__info .info-caption{font-size:1.4rem;font-weight:600;margin-bottom:4px;color:#666}
.rental-proposal__details .detail-item__info .transform-info-caption{text-transform:capitalize}
.rental-proposal__details .detail-item__info .info-text{font-size:2rem;font-weight:bold;color:#151414}
.rental-proposal__details .detail-item__info .info-text-date{font-size:2rem;font-weight:bold;color:color-mix(in srgb,var(--default-brand-primary-color) 55%,#000)}
.rental-proposal__details .detail-item__info .info-plus{font-size:1.4rem;font-weight:500}
.rental-proposal__details .detail-item__info .info-display{display:none}
.rental-proposal__details .detail-item__info .info-campaign{margin-top:4px;font-size:12px}
.rental-proposal__details .detail-item__info .info-caption-v2{font-size:1.6rem;font-weight:600;color:var(--default-brand-primary-color)}
.rental-proposal__details .detail-item__info .caption-not-started{color:#666}
.rental-proposal__details .detail-item__info .caption-in-progress{color:#f9a51a}
.rental-proposal__details .detail-item__info .caption-failed{color:#f44336}
.rental-proposal__details .detail-item__info .info-plus-v2{padding-top:2%;font-size:1.2rem;color:#666}
.rental-proposal__details .detail-item__info .info-steps{display:flex}
.rental-proposal__details .detail-item__info .info-steps .step{width:15%;border:2px solid var(--default-brand-primary-color);margin:3% 2% 0 0}
.rental-proposal__details .detail-item__info .info-steps .step-in-progress{border-color:#f9a51a}
.rental-proposal__details .detail-item__info .info-steps .step-failed{border-color:#f44336}
.rental-proposal__details .detail-item__info .info-steps .step-not-started{border-color:#b3b3b3}
.rental-proposal__details .detail-item__info .info-v2{width:100%}
.rental-proposal__details .proposal-timeline{width:100%;display:flex;flex-direction:column;align-items:flex-end}
.rental-proposal__details .proposal-timeline__header{width:100%;text-align:center;margin:4rem 0 5rem 0}
.rental-proposal__details .proposal-timeline__header--title{display:block;font-size:3.2rem;font-weight:700}
.rental-proposal__details .proposal-timeline__header--sub-title{font-size:1.4rem}
.rental-proposal__details .proposal-timeline__header:after{display:none}
.rental-proposal__details .proposal-timeline__header .detail-item__icon{background-image:linear-gradient(135deg,var(--default-brand-primary-color) 5.95%,color-mix(in srgb,var(--default-brand-primary-color) 55%,#000) 78.31%);border:0}
.rental-proposal__details .proposal-timeline__header .detail-item__icon .icon-svg svg path{fill:#fff}
.rental-proposal__details .proposal-timeline__status{width:calc(50% + 36px)}
.rental-proposal__details .proposal-timeline__status--item .detail-item__tooltip{position:absolute;padding:16px;color:white;font-size:1.2rem;left:-20px;transform:translateX(-100%);border-radius:4px;height:auto;max-width:200px;display:flex;align-items:center;text-align:center;text-transform:initial}
.rental-proposal__details .proposal-timeline__status--item .detail-item__tooltip:before{content:'';width:16px;height:16px;position:absolute;background:color-mix(in srgb,var(--default-flua-secondary-brackground) 60%,#000);right:-8px;transform:rotate(45deg)}
.rental-proposal__details .proposal-timeline__status .detail-item{position:relative;width:auto;margin-bottom:36px}
.rental-proposal__details .proposal-timeline__status .detail-item:not(:last-child):after{content:'';position:absolute;width:1px;height:calc(100% + 72px);background:#f5f4f6;left:36px;z-index:0;top:36px}
.rental-proposal__details .proposal-timeline__status .detail-item__info .info-caption{font-size:1.1rem;font-weight:500}
.rental-proposal__details__status-v2{display:flex;flex-direction:column-reverse}
.rental-proposal__details .detail-item-v2:not(:last-child):after{background:#f5f4f6;width:2px;top:-90px}
.rental-proposal__details .detail-item-v2 .white-fill svg path{fill:#fff}
.rental-proposal__details .detail-item-v2__tooltip{height:auto;background-color:color-mix(in srgb,var(--default-flua-secondary-brackground) 75%,#000);font-weight:300;font-size:1.2rem;text-align:left;border-radius:8px;box-shadow:inset 0 30px 60px 12px #0000002e,inset 0 18px 36px #0000002e}
.rental-proposal__details .featured-items{width:100%;display:flex;flex-direction:column}
.rental-proposal__details .featured-items__tab{display:flex;justify-content:center;align-items:center;margin:0 auto;cursor:pointer}
.rental-proposal__details .featured-items__tab .featured-tab__text{font-size:1.4rem;font-weight:bold}
.rental-proposal__details .featured-items__tab .featured-tab__icon,.rental-proposal__details .featured-items__tab .featured-tab__arrow{display:flex}
.rental-proposal__details .featured-items__tab .featured-tab__icon{margin-right:8px}
.rental-proposal__details .featured-items__tab .featured-tab__icon svg .svg-path{stroke:var(--default-brand-primary-color)}
.rental-proposal__details .featured-items__tab .featured-tab__arrow{margin-left:8px;transition:transform .2s ease .2s}
.rental-proposal__details .featured-items__tab.open .featured-tab__arrow{transform:rotate(180deg)}
.rental-proposal__details .featured-items__container>div{overflow:hidden}
.rental-proposal__details .featured-items__container>div ul{column-count:2;column-gap:30px;padding-left:25px;list-style:none}
.rental-proposal__details .featured-items__container>div ul li{font-size:1.2rem;font-weight:500;margin-bottom:8px}
.rental-proposal__details .featured-items__container>div ul li:before{content:"\2022";color:#fcd28d;font-weight:bold;display:inline-block;width:6px;margin-right:12px;margin-left:-18px;font-size:2rem;line-height:12px}
.rental-proposal .proposal-edit{display:flex;cursor:pointer}
.rental-proposal .proposal-edit span{font-size:14px;font-weight:600;padding-right:8px;margin-top:10%}
.rental-proposal .proposal-edit hub-svg{width:90%;vertical-align:top}
.rental-proposal .proposal-header__edit{display:flex;align-items:center;width:100%;justify-content:center}
.rental-proposal .proposal-header__edit span{cursor:pointer;font-size:1.4rem;font-weight:600;padding-right:8px}
.rental-proposal .proposal-header__edit svg{cursor:pointer}
.rental-proposal .proposal-header__edit svg g rect{fill:var(--default-brand-primary-color)}
.rental-proposal__resumed-timeline{display:flex;align-self:center;overflow-x:auto;scrollbar-width:thin;margin-bottom:10px;padding-bottom:16px;gap:50px;width:100%;cursor:grab}
.rental-proposal__resumed-timeline .detail-item{display:flex;flex-direction:column;align-items:center;position:relative}
.rental-proposal__resumed-timeline .detail-item:not(:last-child):after{content:'';position:absolute;width:100%;height:3px;background:#f5f4f6;left:72px;z-index:0;top:36px}
.rental-proposal__resumed-timeline .detail-item__icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:0;border-radius:50%;background-image:linear-gradient(135deg,var(--default-brand-primary-color) 5.95%,color-mix(in srgb,var(--default-brand-primary-color) 55%,#000) 78.31%);z-index:1}
.rental-proposal__resumed-timeline .detail-item__icon .icon-svg{width:40%;display:flex}
.rental-proposal__resumed-timeline .detail-item__icon .icon-svg svg{width:36px;height:auto}
.rental-proposal__resumed-timeline .detail-item__icon .white-fill svg path{fill:#fff}
.rental-proposal__resumed-timeline .detail-item__icon-not-started{background-image:linear-gradient(135deg,#eaeaea 5.95%,#c7c7c7 78.31%);border:0}
.rental-proposal__resumed-timeline .detail-item__icon-in-progress{background-image:linear-gradient(135deg,color-mix(in srgb,var(--default-flua-secondary-brackground) 100%,#fff) 5.95%,color-mix(in srgb,var(--default-flua-secondary-brackground) 75%,#000) 78.31%);border:0}
.rental-proposal__resumed-timeline .detail-item__icon-failed{background-image:linear-gradient(135deg,#f71b1b 5.95%,#bc0000 78.31%);border:0}
.rental-proposal__resumed-timeline .detail-item__info{display:flex;flex-direction:column;text-align:center;margin-right:0;padding-top:5%;width:90px}
.rental-proposal__resumed-timeline .detail-item__info .info-text{font-size:1.2rem;font-weight:bold}
.rental-proposal__resumed-timeline .detail-item__info .info-plus{font-size:1.0rem;font-weight:500}
.rental-proposal__resumed-timeline .detail-item__info .info-display{display:none}
.rental-proposal__title .proposal-title__model{color:var(--default-brand-primary-color)}
.rental-proposal__title .proposal-title__details{color:#666}
.rental-proposal .btn-hide-details{width:100%;max-width:320px;height:0;margin:0 auto;padding:0;transition:height 100ms linear}
.rental-proposal .btn-hide-details span{justify-content:center}
.rental-proposal.show-details .rental-proposal__content .proposal-title__model{font-size:3rem}
.rental-proposal.show-details .rental-proposal__content .car-profile-image{width:100%}
.rental-proposal.show-details .btn-show-details{height:0;transition:height 100ms linear}
.rental-proposal.show-details .btn-hide-details{height:40px;transition:height 100ms linear 150ms}
@media only screen and (max-width:720px){.rental-proposal{padding:24px}
.rental-proposal__header{flex-direction:column;margin-bottom:8px}
.rental-proposal__header .proposal-header__status{width:100%;justify-content:center}
.rental-proposal__header .proposal-header__code{order:-1;text-align:left;margin-bottom:8px}
.rental-proposal__tag{flex-direction:column;flex-wrap:wrap;width:80%}
.rental-proposal__tag .proposal-header__code{margin-bottom:6px}
.rental-proposal__content{flex-direction:column}
.rental-proposal__content .proposal-content__left,.rental-proposal__content .proposal-content__right{width:100%;margin:0}
.rental-proposal__content .proposal-content__left .proposal-title{margin-bottom:8px}
.rental-proposal__content .proposal-content__left .proposal-title__model{font-size:1.4rem}
.rental-proposal__content .proposal-content__left .proposal-title__details{font-size:1.2rem}
.rental-proposal__content .proposal-content__left .proposal-price{flex-direction:column}
.rental-proposal__content .proposal-content__left .proposal-price__icon_signature,.rental-proposal__content .proposal-content__left .proposal-price__icon_deadline{margin-bottom:5px}
.rental-proposal__content .proposal-content__left .proposal-price__value{font-size:1.4rem}
.rental-proposal__content .proposal-content__left .hub-button--alternate{margin-bottom:20px}
.rental-proposal__content .proposal-content__right{order:-1;margin-bottom:8px}
.rental-proposal__content .proposal-cta{margin-bottom:20px}
.rental-proposal__details{flex-direction:column}
.rental-proposal__details .detail-item{width:100%}
.rental-proposal__details .detail-item__icon{width:48px;height:48px}
.rental-proposal__details .detail-item__icon .icon-svg svg,.rental-proposal__details .detail-item__icon .status-icon svg{width:24px}
.rental-proposal__details .detail-item__info .info-caption{font-size:1.2rem}
.rental-proposal__details .detail-item__info .info-text{font-size:1.6rem}
.rental-proposal__details .detail-item__info .info-plus{font-size:1.2rem}
.rental-proposal__details .proposal-timeline{align-items:flex-start}
.rental-proposal__details .proposal-timeline__header--title{font-size:2.5rem;margin-bottom:1rem}
.rental-proposal__details .proposal-timeline__header--sub-title{font-size:1.1rem}
.rental-proposal__details .proposal-timeline .detail-item{margin-bottom:32px;width:100%}
.rental-proposal__details .proposal-timeline .detail-item:not(:last-child):after{height:calc(100% + 32px);left:24px}
.rental-proposal__details .featured-items__container>div ul{column-count:1}
.rental-proposal.show-details .rental-proposal__content .proposal-title__model{font-size:1.8rem}
.rental-proposal .rental-proposal__resumed-timeline{gap:25px}
.rental-proposal .rental-proposal__resumed-timeline .detail-item{z-index:1;text-align:-webkit-right}
.rental-proposal .rental-proposal__resumed-timeline .detail-item:not(:last-child):after{content:'';position:absolute;width:60px;height:3px;background:#f5f4f6;left:45px;z-index:0;top:16px}
.rental-proposal .rental-proposal__resumed-timeline .detail-item__icon{width:30px;height:30px}
.rental-proposal .rental-proposal__resumed-timeline .detail-item__icon .icon-svg{width:40%}
.rental-proposal .rental-proposal__resumed-timeline .detail-item__info{width:60px}
.rental-proposal .rental-proposal__resumed-timeline .detail-item__info .info-plus{display:none}
.rental-proposal .rental-proposal__resumed-timeline .detail-item__info .info-text{font-weight:normal;font-size:.9rem}
.rental-proposal .rental-proposal__tag{align-items:normal}
.rental-proposal .rental-proposal__details .proposal-timeline .detail-item-v2:not(:last-child):after{top:-70px}
.rental-proposal .rental-proposal__details .detail-item__icon .icon-svg-min svg{width:90%;vertical-align:top}
}
.rental-proposal .tooltip-detail{display:flex;align-items:center}
.rental-proposal .tooltip-detail .tooltip-icon{background-color:unset;display:flex;margin-left:1rem;cursor:pointer}
.rental-proposal .tooltip-detail .tooltip-icon svg path{stroke:var(--default-brand-primary-color)}
.rental-proposal .tooltip-detail .hub-generic-modal .dialog-modal{width:570px}
.rental-proposal .tooltip-detail .hub-generic-modal .dialog-modal .close-button{background:unset}
.rental-proposal .tooltip-detail .hub-generic-modal .dialog-modal .close-button::after{content:url('../../../designs/wisdom/base/images/flua/icon-close.svg')}
.rental-proposal .tooltip-detail .hub-generic-modal .dialog-modal .detail-modal{font-size:1.2rem;color:#151414;font-weight:500}
.rental-proposal .visibility-border{visibility:hidden}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/rental-proposal/RentalProposalComplementData.vue?vue&type=style&index=0&id=7b3c4f48&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/.rental-proposal-complement-data__title{max-width:500px;font-size:1.6rem;font-weight:700;margin:2.4rem auto}
.rental-proposal-complement-data__body{display:flex;align-items:flex-end;justify-content:center;margin-bottom:2.4rem}
.rental-proposal-complement-data__body .hub-input--cpf{max-width:290px}
.rental-proposal-complement-data__body .hub-button--save{margin-left:2.4rem;margin-bottom:2.5rem;height:48px;min-width:290px}
@media only screen and (max-width:720px){.rental-proposal-complement-data__body{display:flex;flex-direction:column}
.rental-proposal-complement-data__body .hub-input--cpf{max-width:none}
.rental-proposal-complement-data__body .hub-button--save{margin-left:0;width:100%}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/rental-proposal/RentalProposalDataUpdatedModal.vue?vue&type=style&index=0&id=2f79add4&lang=less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/.rental-proposal-data-updated-modal{display:flex;align-items:center;justify-content:center;flex-direction:column}
.rental-proposal-data-updated-modal__header{font-size:1.8rem}
.rental-proposal-data-updated-modal__body{font-size:1.4rem;margin-bottom:1.2rem}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/rental-proposal/RentalProposalPlaceholder.vue?vue&type=style&index=0&id=13b1de6a&lang=less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/.rental-proposal-placeholder{pointer-events:none;display:flex;flex-direction:column;border-radius:16px;background-color:white;padding:40px;margin-bottom:24px}
.rental-proposal-placeholder__header{display:flex;align-items:center;margin-bottom:16px}
.rental-proposal-placeholder__content{display:flex;justify-content:space-between}
.rental-proposal-placeholder__content .proposal-content__left,.rental-proposal-placeholder__content .proposal-content__right{width:calc(50% - 15px)}
.rental-proposal-placeholder__content .proposal-content__left{filter:blur(10px);display:flex;justify-content:space-around;flex-direction:column;margin-right:15px}
.rental-proposal-placeholder__content .proposal-content__left .proposal-title{display:flex;flex-direction:column;margin-bottom:24px}
.rental-proposal-placeholder__content .proposal-content__left .proposal-title__model{font-size:2.4rem;font-weight:600;transition:font-size 200ms ease}
.rental-proposal-placeholder__content .proposal-content__left .proposal-title__details{font-size:1.6rem;font-weight:600}
.rental-proposal-placeholder__content .proposal-content__left .proposal-price{display:flex;flex-direction:column}
.rental-proposal-placeholder__content .proposal-content__left .proposal-price__caption{font-size:1.2rem;font-weight:bold}
.rental-proposal-placeholder__content .proposal-content__left .proposal-price__value{font-size:3.2rem;font-weight:600;margin-bottom:24px}
.rental-proposal-placeholder__content .proposal-content__left .proposal-price__value small{font-size:1.6rem;font-weight:600;margin-right:8px}
.rental-proposal-placeholder__content .proposal-content__left .proposal-cta{margin-top:2rem}
.rental-proposal-placeholder__content .proposal-content__right{margin-left:15px;display:flex}
.rental-proposal-placeholder__content .car-profile-image{width:80%;display:block;margin:0 auto;object-fit:contain;transition:width 200ms ease}
.rental-proposal-placeholder__content .btn-show-details{transition:height 100ms linear;padding:0}
@media only screen and (max-width:720px){.rental-proposal-placeholder{padding:24px}
.rental-proposal-placeholder__header{flex-direction:column;margin-bottom:8px}
.rental-proposal-placeholder__content{flex-direction:column}
.rental-proposal-placeholder__content .proposal-content__left,.rental-proposal-placeholder__content .proposal-content__right{width:100%;margin:0}
.rental-proposal-placeholder__content .proposal-content__left{filter:none}
.rental-proposal-placeholder__content .proposal-content__left .proposal-title{filter:blur(10px);margin-bottom:8px}
.rental-proposal-placeholder__content .proposal-content__left .proposal-title__model{font-size:1.4rem}
.rental-proposal-placeholder__content .proposal-content__left .proposal-title__details{font-size:1.2rem}
.rental-proposal-placeholder__content .proposal-content__left .proposal-price{filter:blur(10px)}
.rental-proposal-placeholder__content .proposal-content__left .proposal-price__value{font-size:2.4rem}
.rental-proposal-placeholder__content .proposal-content__right{order:-1;margin-bottom:8px}
.rental-proposal-placeholder__content .proposal-actions{filter:blur(10px)}
.rental-proposal-placeholder__content .proposal-cta{margin-top:2rem}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/rental-proposal/RentalProposals.vue?vue&type=style&index=0&id=7897cbeb&lang=less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/.rental-proposals{margin-bottom:64px;cursor:default}
.rental-proposals .go-back-page-vue{padding:0}
.rental-proposals .no-proposals-found{max-width:500px;font-size:1.6rem;font-weight:500;text-align:center;margin:30px auto}
.rental-proposals h1{color:#151414}
.rental-proposals hr{position:relative;width:100%;height:3px;display:flex;align-items:center;justify-content:center;border:0;margin:16px 0}
.rental-proposals hr:before{content:'';width:100%;height:1px;background-color:#f5f4f6}
.rental-proposals hr.notch:after{content:'';position:absolute;width:72px;height:3px;background-color:#f9a51a}
.rental-proposals__empty{display:flex;justify-content:center;align-items:center;margin-left:-2.4rem}
.rental-proposals__empty .banner{margin-left:2.4rem}
.rental-proposals__warning{border-radius:16px;background-color:#fff;padding:20px 20px 10px 40px;margin-bottom:15px}
.rental-proposals__warning .close-modal{background-position:center;background:url('../../../designs/wisdom/id/images/icon-close-warning.svg') no-repeat;border:0;cursor:pointer;height:28px;width:28px;float:right}
.rental-proposals__warning .title{font-size:1.6rem;font-weight:600;color:var(--default-brand-primary-color);padding-bottom:10px}
.rental-proposals__warning .text{font-size:1.2rem;font-weight:400;color:color-mix(in srgb,#151414 60%,transparent);padding-bottom:5px}
.rental-proposals__warning .text-info{font-size:1.2rem;font-weight:600;color:var(--default-brand-primary-color)}
@media only screen and (max-width:720px){.rental-proposals{margin-top:12px}
.rental-proposals__empty{flex-direction:column;margin-top:-2.4rem;margin-left:0}
.rental-proposals__empty .banner{margin-left:0;margin-top:2.4rem}
.rental-proposals__warning{margin-top:30px}
.rental-proposals__warning .title{font-size:1.2rem}
.rental-proposals .go-back-page-vue{display:none}
.rental-proposals .proposal-timeline__status{width:100%}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/reservation/ReservationCancelModal.vue?vue&type=style&index=0&id=0209a478&lang=less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/.reservation-cancel-modal-vue{text-align:center;max-width:100%;margin:0 auto;width:100%;height:100%;background-color:#fff;position:fixed;left:0;z-index:9;overflow:auto}
.reservation-cancel-modal-vue .cancel-modal{display:flex;flex-direction:column;width:70%;margin:90px auto;padding:30px;margin-bottom:120px}
.reservation-cancel-modal-vue .cancel-modal .header__image{width:100%;display:flex;justify-content:center}
.reservation-cancel-modal-vue .cancel-modal .body{display:flex;flex-direction:column;padding:40px}
.reservation-cancel-modal-vue .cancel-modal .body__title{text-align:left;font-weight:bold;font-size:2.4rem;letter-spacing:0;opacity:1;margin:0}
.reservation-cancel-modal-vue .cancel-modal .body__text{text-align:left;font-weight:normal;font-size:1.6rem;letter-spacing:0;opacity:1;margin:10px 0}
.reservation-cancel-modal-vue .cancel-modal .body__form .optionsCancel .hub-radio{height:40px}
.reservation-cancel-modal-vue .cancel-modal .body__form .optionsCancel .hub-radio label .hub-radio__content{font-weight:normal;font-size:1rem}
.reservation-cancel-modal-vue .cancel-modal .body__form .others{display:none}
.reservation-cancel-modal-vue .cancel-modal .body__form .othersOpen{display:flex;margin:auto;height:60px}
.reservation-cancel-modal-vue .cancel-modal .footer{display:flex;flex-direction:row;justify-content:space-evenly}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/reservation/ReservationCancelSuccessModal.vue?vue&type=style&index=0&id=27412622&lang=less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/.reservation-cancel-success-modal-vue{text-align:center;max-width:100%;margin:0 auto;width:100%;height:100%;background-color:#fff;position:fixed;left:0;z-index:99;overflow:auto}
.reservation-cancel-success-modal-vue .cancel-success{display:flex;flex-direction:column;width:70%;margin:90px auto;padding:30px;margin-bottom:120px;align-items:center}
.reservation-cancel-success-modal-vue .cancel-success__image{width:100%;padding:40px 0}
.reservation-cancel-success-modal-vue .cancel-success__title{text-align:left;font-weight:normal;font-size:2.6rem;letter-spacing:0;opacity:1;padding:28px}
.reservation-cancel-success-modal-vue .cancel-success__text{text-align:left;font-weight:normal;font-size:1.6rem;opacity:1;padding-bottom:52px}
.reservation-cancel-success-modal-vue .cancel-success__buttons{display:flex;width:100%;justify-content:flex-end}
.reservation-cancel-success-modal-vue .cancel-success__buttons .icon-download{width:14px;height:18px}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/reservation/ReservationCarFeaturesModal.vue?vue&type=style&index=0&id=c81af2b2&lang=less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/.reservation-car-features-modal.hub-generic-container .hub-generic-modal{padding:4rem 0}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal{width:100%;max-width:1256px;background-color:#edede3;max-height:100%;overflow-y:auto;padding:3.2rem 0;display:grid;grid-template-areas:'car' 'divider' 'summary' 'features';grid-row-gap:3rem}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .close-button{background:0}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .section{max-width:800px;width:100%;margin:0 auto}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .section__title{font-size:2.4rem}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car{grid-area:car;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:6rem}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car__header .car-img{width:100%;max-width:360px}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car__header .car-name{text-transform:uppercase}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car__prices{padding-top:1.3rem;display:flex;flex-direction:column;justify-content:space-between}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car__prices .price-item{display:flex;justify-content:space-between;padding:.5rem 0}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car__prices .price-item .label{min-width:96px}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car__prices .price-item-hide{display:inherit;justify-content:space-between;margin-bottom:10px}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car__prices .price-item-hide .label{align-items:center;display:flex;min-width:96px}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car__prices .price-item-hide .label-price{font-size:2.5rem}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car__prices .price-warning{font-size:1.2rem;line-height:1.25}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car-summary-divider{grid-area:divider;display:flex;justify-content:center}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car-summary-divider svg rect{fill:transparent}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary-container{background:rgba(217,217,216,0.37);padding:3rem 0}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary{grid-area:summary}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__title{font-size:1.8rem;margin:0;margin-top:1.7rem}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__content{margin-top:3rem;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:6rem}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__infos-container{display:flex;flex-direction:column}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__infos-container--optionals,.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__infos-container--accessories,.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__infos-container--services{margin-top:5rem}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__infos{padding:0;list-style:none;display:flex;flex-wrap:wrap}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__infos .info-item{width:50%;margin-top:2.6rem}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__infos .info-item p{margin:0}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__infos--column{flex-direction:column;height:100%;justify-content:space-between}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__infos--column .info-item{width:100%}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .features{grid-area:features;padding-bottom:3.2rem}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .features .hub-button{background:#18131f}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .features .hub-button__label{color:#edede3}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .label{font-size:1rem;font-weight:500;line-height:1.27;color:#18131f}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .label--big{font-size:1.4rem;line-height:1.29}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .label--strong{font-weight:bold}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .text-upper{text-transform:uppercase}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .text-capitalize::first-letter {text-transform:uppercase}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .text-capitalize{text-transform:lowercase}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .divider{height:.1rem;background-color:#18131f;margin:1rem 0}
@media only screen and (min-width:721px) and (max-width:960px){.reservation-car-features-modal.hub-generic-container .hub-generic-modal{padding:0}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .section{padding:0 3.2rem}
}
@media only screen and (max-width:720px){.reservation-car-features-modal.hub-generic-container .hub-generic-modal{padding:0}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .section{padding:0 3.2rem}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .car{grid-template-columns:auto}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__content{grid-template-columns:auto}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .summary__infos{margin-bottom:2.7rem}
.reservation-car-features-modal.hub-generic-container .hub-generic-modal .dialog-modal .features{padding-bottom:3.2rem}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/reservation/ReservationDownloadTicketModal.vue?vue&type=style&index=0&id=5a9cdd7e&lang=less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/.reservation-download-ticket-modal-vue{text-align:center;max-width:100%;margin:0 auto;width:100%;height:100%;background-color:#fff;position:fixed;left:0;z-index:9;overflow:auto}
.reservation-download-ticket-modal-vue .download-ticket{display:flex;flex-direction:column;width:70%;margin:90px auto;align-items:flex-start;padding:30px;margin-bottom:120px}
.reservation-download-ticket-modal-vue .download-ticket__image{width:100%;padding:40px 0}
.reservation-download-ticket-modal-vue .download-ticket__title{text-align:left;font-weight:normal;font-size:2.6rem;letter-spacing:0;opacity:1;padding-bottom:28px}
.reservation-download-ticket-modal-vue .download-ticket__text{text-align:left;font-weight:normal;font-size:1.6rem;opacity:1;padding-bottom:52px}
.reservation-download-ticket-modal-vue .download-ticket__buttons{display:flex;width:100%;justify-content:flex-end}
.reservation-download-ticket-modal-vue .download-ticket__buttons .confirm-download-ticket{min-width:260px;height:40px;display:flex;justify-content:center;align-items:center;font-size:1.4rem;border-radius:5px;cursor:pointer;text-transform:uppercase}
.reservation-download-ticket-modal-vue .download-ticket__buttons .icon-download{width:24px;height:18px;padding-left:10px}
.reservation-download-ticket-modal-vue .download-ticket__buttons .message-error-download-ticket{font-size:1.4rem;cursor:pointer;text-transform:uppercase;border-radius:5px;padding:10px 50px}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/reservation/ReservationTermsModal.vue?vue&type=style&index=0&id=2f939c51&lang=less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/.reservation-terms-modal-vue{text-align:center;max-width:100%;margin:0 auto;width:100%;height:100%;background-color:#fff;position:fixed;left:0;z-index:9;overflow:auto}
.reservation-terms-modal-vue .terms-conditions{display:flex;flex-direction:column;width:70%;margin:90px auto;align-items:flex-start;padding:30px;margin-bottom:120px}
.reservation-terms-modal-vue .terms-conditions__title{text-align:left;font-weight:normal;font-size:2.6rem;letter-spacing:0;padding-bottom:28px}
.reservation-terms-modal-vue .terms-conditions__text{text-align:left;font-weight:normal;font-size:1.2rem}
.reservation-terms-modal-vue .terms-conditions__buttons{display:flex;width:100%;justify-content:flex-end}
.reservation-terms-modal-vue .terms-conditions__buttons .cancel-terms-conditions{margin-right:20px}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/reservation/ReservationTimeline.vue?vue&type=style&index=0&id=0f36a66c&lang=less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/.reservation-timeline .header{margin-bottom:16px}
.reservation-timeline .header .header--title{margin:0;font-size:2.8rem;line-height:3rem;text-transform:uppercase}
.reservation-timeline .header .header--sub-title{margin:0;font-size:1.8rem;line-height:3rem}
.reservation-timeline .detail-item{display:flex}
.reservation-timeline .detail-item+.detail-item{margin-top:50px}
.reservation-timeline .detail-item .detail-item__icon{width:50px;height:50px;border-radius:9px;margin-right:8px;display:flex;align-items:center;justify-content:center}
.reservation-timeline .detail-item .detail-item__icon .icon-svg{position:relative}
.reservation-timeline .detail-item .detail-item__icon .icon-svg.created{top:1px}
.reservation-timeline .detail-item .detail-item__icon .icon-svg.assembly{top:2px;left:.5px}
.reservation-timeline .detail-item .detail-item__icon .icon-svg.in-transit{top:2px;left:1px}
.reservation-timeline .detail-item .detail-item__icon .icon-svg.at-dealer svg{width:36px}
.reservation-timeline .detail-item .detail-item__info .info-caption{font-size:1.8rem;line-height:2.3rem}
.reservation-timeline .detail-item .detail-item__info .info-text{margin:0;font-size:2.4rem;line-height:3rem;margin-right:20px}
.reservation-timeline .detail-item .detail-item__info .info-dealer{font-size:2.4rem;line-height:3rem;text-transform:capitalize}
@media only screen and (max-width:720px){.reservation-timeline{margin-top:66px}
.reservation-timeline .header{margin-bottom:26px}
.reservation-timeline .header .header--sub-title{max-width:250px;line-height:2.3rem}
.reservation-timeline .detail-item .detail-item__info .info-text{max-width:229px}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/reservation/ReservationVoucherModal.vue?vue&type=style&index=0&id=8766ab6c&lang=less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/.hide-modal{display:none}
.voucher-background{width:100%;height:100%;background-color:#191919;position:fixed;top:0;left:0;opacity:.57;z-index:9}
.voucher-information{height:calc(100vh - 6rem);background:#fff;z-index:9;position:fixed;top:0;left:50%;transform:translateX(-50%);margin-top:3rem;overflow-y:auto;width:100%;max-width:967px}
.voucher-information .header{display:flex;flex-direction:column;width:100%;height:auto;max-width:684px;padding:0;margin:5.8rem auto 4.3rem}
.voucher-information .header .voucher-header .labelName{font-size:2.2rem;line-height:2.7rem;font-weight:bold}
.voucher-information .header .voucher-header .modal-close-button{cursor:pointer;position:absolute;right:42px;top:44px;width:30px;height:30px;border:1px solid;border-radius:50%;display:flex;align-items:center;justify-content:center}
.voucher-information .header .voucher-header .modal-close-button::after{content:'X';font-size:1.8rem;line-height:2.2rem;position:relative;top:1px}
.voucher-information .header .voucher-labels{margin-top:2.5rem}
.voucher-information .header .voucher-labels p{font-size:2.2rem;line-height:2.5rem;margin:2.5rem 0}
.voucher-information .header .voucher-details{width:100%;max-width:300px;height:auto;margin:1rem auto 8.4rem;padding:2rem}
.voucher-information .header .voucher-details .voucher-detail-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid;padding-bottom:9px;margin-bottom:16px}
.voucher-information .header .voucher-details .voucher-detail-header .voucher-title{font-size:1.2rem;font-weight:bold}
.voucher-information .header .voucher-details .voucher-detail-user{margin-bottom:20px}
.voucher-information .header .voucher-details .voucher-detail-user .voucher-content .info-title,.voucher-information .header .voucher-details .voucher-detail-user .voucher-more-informations .info-title{margin-top:19px;font-size:1.2rem;line-height:1.4rem;margin-bottom:0;font-weight:bold;text-transform:uppercase}
.voucher-information .header .voucher-details .voucher-detail-user .voucher-content .info-value,.voucher-information .header .voucher-details .voucher-detail-user .voucher-more-informations .info-value{margin-top:6px;margin-bottom:0;font-size:1.4rem;line-height:1.7rem;font-weight:normal}
.voucher-information .header .voucher-details .voucher-detail-user .voucher-more-informations{display:flex;flex-direction:column;margin-top:8px}
.voucher-information .header .voucher-details .voucher-detail-user .voucher-more-informations .info-title{font-size:2rem;line-height:2.4rem}
.voucher-information .header .voucher-details .voucher-detail-user .voucher-more-informations .info-value+.info-value{margin-top:19px}
.voucher-information .header .voucher-actions{width:100%;margin:0 auto;max-width:300px;padding-top:1rem;display:flex;justify-content:space-between}
.voucher-information .header .voucher-actions .voucher-action__title{text-transform:uppercase}
.voucher-information .header .voucher-action{cursor:pointer;text-align:center;font-size:1.3rem}
.voucher-information .header .voucher-action__icon{padding-top:1rem}
.voucher-information .header .voucher-action__icon svg{width:2rem;height:2rem}
.voucher-information .header .voucher-action__icon svg path{fill:#716d6d}
.voucher-information .header .voucher-contact .info-title{font-size:1.3rem;line-height:1.5rem;text-transform:uppercase;margin-top:0;margin-bottom:15px;font-weight:bold}
.voucher-information .header .voucher-contact .info-value{font-size:1.3rem;line-height:1.5rem;margin:0}
@media only screen and (max-width:720px){.voucher-background{margin-top:5rem}
.voucher-information{width:100%;margin-top:5rem}
.voucher-information .header{padding:3rem 8%;margin-top:4rem}
.voucher-information .header .voucher-header .labelName{width:80%}
.voucher-information .header .voucher-header .modal-close-button{top:25px;right:25px}
.voucher-information .header .voucher-labels{margin-top:2.3rem}
.voucher-information .header .voucher-labels p{margin:0;font-size:2rem;line-height:2.4rem}
.voucher-information .header .voucher-details{margin-top:61px;margin-bottom:52px}
.voucher-information .header .voucher-contact .info-value{margin-bottom:5rem}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/reservation/UserReservation.vue?vue&type=style&index=0&id=1f04ca80&lang=less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/.user-reservation-vue{margin:3rem 0 6rem}
.user-reservation-vue .collapseble-enter-active,.user-reservation-vue .collapseble-leave-active{transition:all .2s ease-in-out;overflow-y:hidden}
.user-reservation-vue .collapseble-enter,.user-reservation-vue .collapseble-leave-to{overflow-y:hidden;transform:translateY(-5%);opacity:0;height:0}
.user-reservation-vue .titleNotReservation{max-width:1036px;margin:auto;display:block}
.user-reservation-vue .titleNotReservation span{font-size:1.6rem;color:#151414;display:flex;align-items:center;max-width:1034px;margin:auto}
.user-reservation-vue .user-reservation-collapsble .title{cursor:pointer;font-size:1.6rem;font-weight:bold;color:#151414;display:flex;align-items:center;max-width:1034px;margin:auto}
.user-reservation-vue .user-reservation-collapsble .title svg{width:1.2rem;margin-left:1.9rem;transform:rotate(90deg);color:#151414}
.user-reservation-vue .user-reservation-collapsble .title svg path{width:1.2rem}
.user-reservation-vue .user-reservation-collapsble .title.open svg{width:1.2rem;margin-left:1.9rem;transform:rotate(-90deg)}
.user-reservation-vue .user-reservation-collapsble .hide{display:none}
.user-reservation-vue .user-reservation-collapsble .featured-items{height:calc(100vh - 10rem);background:#fff;z-index:9;position:fixed;top:0;left:50%;transform:translateX(-50%);margin-top:3rem;overflow-y:auto;width:100%;max-width:967px;padding:5rem;margin-top:8rem;box-shadow:0 .5rem 4.5rem black;border-radius:1rem}
.user-reservation-vue .user-reservation-collapsble .featured-items .modal-close-button{cursor:pointer;display:flex;justify-content:flex-end;padding:2rem;position:absolute;right:1rem;top:2rem}
.user-reservation-vue .user-reservation-collapsble .featured-items .modal-close-button::after{content:'X';font-size:1.8rem;line-height:1.2rem;position:relative;top:1px;border:1px solid;padding:.5rem;border-radius:3rem}
.user-reservation-vue .user-reservation-collapsble .featured-items .mg-top-list{margin-top:5rem}
.user-reservation-vue .user-reservation-collapsble .whatsapp-fab{position:fixed;bottom:0;right:2rem}
.user-reservation-vue .reservation-list{display:flex;align-items:center;min-height:411px;margin-top:4.3rem;width:calc(100% + 80px);margin-left:-40px}
.user-reservation-vue .reservation-list .reservation-grap{max-width:1100px;width:100%;margin:auto;display:flex;flex-direction:row;padding:30px 50px}
.user-reservation-vue .reservation-list .reservation-grap .info{min-width:326px;margin-right:50px;display:flex;flex-direction:column;justify-content:center;flex-grow:1}
.user-reservation-vue .reservation-list .reservation-grap .info .details{display:flex;flex-direction:column;margin-top:0}
.user-reservation-vue .reservation-list .reservation-grap .info .details .first-label{font-size:2.1rem;margin-bottom:5px;text-transform:uppercase}
.user-reservation-vue .reservation-list .reservation-grap .info .details .second-label{font-size:1.5rem;text-transform:uppercase;line-height:3rem}
.user-reservation-vue .reservation-list .reservation-grap .info .details .third-label{font-size:2.2rem;line-height:3rem;text-transform:uppercase}
.user-reservation-vue .reservation-list .reservation-grap .info .details .links{cursor:pointer;font-size:1.5rem;text-transform:uppercase;text-decoration:underline;margin-top:1.6rem}
.user-reservation-vue .reservation-list .reservation-grap .info .details .cancel-reservation .text-cancel{font-size:1.3rem;text-align:left;font-weight:normal;letter-spacing:-0.24px;opacity:1;margin:0;padding-top:50px;margin-bottom:30px}
.user-reservation-vue .reservation-list .reservation-grap .info .details .cancel-reservation .button-cancel{font-size:1.6rem;text-align:left;font-weight:normal;letter-spacing:-0.24px;opacity:1;margin:0;padding:4px 75px;border-radius:3px;cursor:pointer;text-transform:uppercase}
.user-reservation-vue .reservation-list .reservation-grap .info .value-reservation{align-items:center;display:flex;flex-direction:row;margin:1.5rem 3.5rem 0 0}
.user-reservation-vue .reservation-list .reservation-grap .info .value-reservation .coin{width:35px;height:35px;border-radius:100%;font-size:3rem;display:flex;justify-content:center;align-items:center}
.user-reservation-vue .reservation-list .reservation-grap .info .value-reservation .details-payment{display:flex;flex-direction:column;margin-left:20px}
.user-reservation-vue .reservation-list .reservation-grap .info .value-reservation .details-payment .first-label{font-size:1.5rem;font-weight:bold;margin-bottom:1.1rem;text-transform:uppercase}
.user-reservation-vue .reservation-list .reservation-grap .info .value-reservation .details-payment .second-label{font-size:3.5rem;line-height:3rem;font-weight:bold}
.user-reservation-vue .reservation-list .reservation-grap .info .value-reservation .details-payment .third-label{cursor:pointer;font-size:1.5rem;margin-top:1rem;text-decoration:underline;text-transform:uppercase}
.user-reservation-vue .reservation-list .reservation-grap .info .more-details{margin-top:2.5rem;max-width:326px}
.user-reservation-vue .reservation-list .reservation-grap .info .more-details span{font-size:1.2rem}
.user-reservation-vue .reservation-list .reservation-grap .reservation-image img{width:100%;min-width:530px}
@media only screen and (max-width:720px){.user-reservation-vue{margin:5.3rem 0 3.8rem}
.user-reservation-vue .user-reservation-collapsble .featured-items{height:calc(84vh);margin-top:5rem;padding:2rem}
.user-reservation-vue .user-reservation-collapsble .featured-items .mg-top-list{margin-top:7rem}
.user-reservation-vue .user-reservation-collapsble .featured-items .mg-top-list ul{margin-left:0}
.user-reservation-vue .user-reservation-collapsble .whatsapp-fab{right:0}
.user-reservation-vue .reservation-list{height:auto;margin-top:2.8rem}
.user-reservation-vue .reservation-list .reservation-grap{flex-direction:column-reverse;padding:20px}
.user-reservation-vue .reservation-list .reservation-grap .info{width:100%;max-width:326px;padding:20px}
.user-reservation-vue .reservation-list .reservation-grap .info .more-details{width:100%}
.user-reservation-vue .reservation-list .reservation-grap .reservation-image{margin-top:1.8rem}
.user-reservation-vue .reservation-list .reservation-grap .reservation-image img{width:100%;height:100%;min-width:auto}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-fidelity/ActivateCouponForm.vue?vue&type=style&index=0&id=b6d6af9c&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/.activate-coupon-form-wrapper{width:100%;max-width:1036px;margin:auto}
.activate-coupon-form-wrapper h1,.activate-coupon-form-wrapper h2{text-transform:uppercase}
.activate-coupon-form-wrapper .user-info-wrapper{display:grid;gap:20px}
.activate-coupon-form-wrapper .user-info-wrapper .first-info-column{grid-column:1}
.activate-coupon-form-wrapper .user-info-wrapper .first-info-column .model-version-textarea label{display:none}
.activate-coupon-form-wrapper .user-info-wrapper .first-info-column .model-version-textarea textarea{resize:none}
.activate-coupon-form-wrapper .user-info-wrapper .second-info-column{grid-column:2}
.activate-coupon-form-wrapper .divider{border:1px solid black;margin:24px 0;background-color:black;width:100%}
.activate-coupon-form-wrapper .dealer-selector .form-container{margin:auto;flex-wrap:nowrap;max-width:100%}
.activate-coupon-form-wrapper .dealer-selector .form-container input,.activate-coupon-form-wrapper .dealer-selector .form-container .hub-button{margin:0 10px;height:50px !important}
.activate-coupon-form-wrapper .dealer-selector .dealer-selector-list ul{overflow-y:overlay;margin-bottom:24px;scrollbar-color:transparent transparent}
.activate-coupon-form-wrapper .dealer-selector .dealer-selector-list ul::-webkit-scrollbar{background-color:transparent}
@media only screen and (max-width:720px){.activate-coupon-form-wrapper{margin-bottom:60px}
.activate-coupon-form-wrapper .user-info-wrapper .second-info-column{grid-column:1}
.activate-coupon-form-wrapper .dealer-selector .form-container{flex-direction:column}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-fidelity/ActivatedCoupon.vue?vue&type=style&index=0&id=ef94b65c&lang=less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/.activated-coupon-wrapper-component{width:100vw;max-width:1036px;margin:25px auto;display:flex}
.activated-coupon-wrapper-component .general-coupon-info{width:450px}
.activated-coupon-wrapper-component .general-coupon-info .dealer-info{margin:24px 0}
.activated-coupon-wrapper-component .general-coupon-info .dealer-info .dealer-title{margin-bottom:10px}
.activated-coupon-wrapper-component .how-to-use-voucher-text{width:50%}
.activated-coupon-wrapper-component .how-to-use-voucher-text .congratulations-section{margin-bottom:70px}
.activated-coupon-wrapper-component .how-to-use-voucher-text .congratulations-section h1{margin-top:0}
.activated-coupon-wrapper-component .how-to-use-voucher-text .steps-section{margin-bottom:70px}
.activated-coupon-wrapper-component .how-to-use-voucher-text .steps-section .font-body{margin-bottom:16px}
.activated-coupon-wrapper-component .how-to-use-voucher-text .hub-button{margin:auto 0 0 0}
@media only screen and (max-width:720px){.activated-coupon-wrapper-component{flex-direction:column;margin:25px auto 75px auto}
.activated-coupon-wrapper-component .general-coupon-info{width:400px}
.activated-coupon-wrapper-component .how-to-use-voucher-text{width:80%;margin-top:70px}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-fidelity/CarCoupon.vue?vue&type=style&index=0&id=f3148d56&lang=less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/.car-coupon-component{padding:25px;width:320px;border-radius:var(--default-brand-border-radius);background-image:url();background-size:50%;background-repeat:no-repeat;height:auto}
.car-coupon-component .coupon-code{font-size:16px;margin:5px 0 0 0}
.car-coupon-component .coupon-texts{padding-bottom:5px;margin:5px 0 0 0;border-bottom:1px white solid;width:100%;text-align:center}
.car-coupon-component .coupon-texts.texts-container{padding-bottom:0;min-height:90px}
.car-coupon-component .coupon-texts.texts-container .section-text{margin:0;text-transform:capitalize}
.car-coupon-component .coupon-texts.no-border{border-bottom:0}
.car-coupon-component:hover{transform:scale(1.05);transition:transform 100ms ease-in-out}
.car-coupon-component.coupon-expired{filter:grayscale(1);color:#40424a;pointer-events:none}
.car-coupon-component.coupon-expired .coupon-texts{color:#40424a;border-bottom:1px #40424a solid}
.car-coupon-component.coupon-expired .coupon-texts .section-text{color:#40424a}
.car-coupon-component.recently-activated-coupon{width:90%;pointer-events:none}
.car-coupon-component.recently-activated-coupon .car-coupon-image{position:relative}
.car-coupon-component.recently-activated-coupon .car-coupon-image .checked-icon{position:absolute;top:40%;left:45%;z-index:5;width:50px}
.car-coupon-component.recently-activated-coupon .car-coupon-image .car-image{filter:brightness(0.7)}
@media only screen and (max-width:720px){.car-coupon-component{min-width:280px}
.car-coupon-component.recently-activated-coupon{width:80%}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-fidelity/CarModels.vue?vue&type=style&index=0&id=3eb8ecce&lang=less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/.car-models-component{width:100%;position:relative;display:flex;align-items:center}
.car-models-component .models-nav{margin:0;padding:0;min-width:50px;max-width:50px}
.car-models-component .models-nav#previous-button{position:absolute;left:0}
.car-models-component .models-nav#next-button{position:absolute;right:0}
.car-models-component .models-nav svg path{fill:#fff}
.car-models-component .models-radio-group{display:flex;gap:16px;width:auto;padding:0 50px;overflow:hidden}
.car-models-component .models-radio-group .car-option img{width:200px}
.car-models-component .models-radio-group .car-option .hub-radio__content{font-size:16px;padding-left:10px;text-transform:capitalize}
@media only screen and (max-width:720px){.car-models-component .models-radio-group{overflow:auto;padding:0}
.car-models-component .models-nav{display:none}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-fidelity/UserFidelity.vue?vue&type=style&index=0&id=b240d674&lang=less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/.user-fidelity-wrapper-component{max-width:1036px;margin:20px auto}
.user-fidelity-wrapper-component .user-fidelity-component .fade-enter,.user-fidelity-wrapper-component .user-fidelity-component .fade-leave-to{transition:opacity .3s ease-in-out}
.user-fidelity-wrapper-component .user-fidelity-component .bullets{display:none}
.user-fidelity-wrapper-component .user-fidelity-component .user-fidelity-collapsible{padding-bottom:10px;border-bottom:1px solid black;margin-bottom:10px}
.user-fidelity-wrapper-component .user-fidelity-component .user-fidelity-collapsible .collapsible-title{width:100%;display:flex;justify-content:space-between;align-items:center}
.user-fidelity-wrapper-component .user-fidelity-component .available-user-fidelity-form{padding:16px 0;margin:60px 0}
.user-fidelity-wrapper-component .user-fidelity-component .available-user-fidelity-form .fidelity-logo{width:200px}
.user-fidelity-wrapper-component .user-fidelity-component .active-user-fidelity-form{padding:0;margin:10px 0}
.user-fidelity-wrapper-component .user-fidelity-component .available-fidelity-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:25px 0;scroll-snap-type:x mandatory}
.user-fidelity-wrapper-component .user-fidelity-component .available-fidelity-wrapper .available-fidelity-item{scroll-snap-align:center;cursor:pointer}
.user-fidelity-wrapper-component .user-fidelity-component .available-fidelity-wrapper .redeemed-fidelity-item{scroll-snap-align:center;cursor:pointer}
.user-fidelity-wrapper-component .user-fidelity-component .empty-fidelity-wrapper{display:grid;place-items:center;width:320px;height:380px;padding:25px;border:1px solid #40424a;border-radius:var(--default-brand-border-radius);text-align:center;margin-bottom:25px}
.user-fidelity-wrapper-component .user-fidelity-component .font-body{margin:24px 0}
@media only screen and (max-width:720px){.user-fidelity-wrapper-component .user-fidelity-component{margin:0 auto 80px auto}
.user-fidelity-wrapper-component .user-fidelity-component .fade-enter,.user-fidelity-wrapper-component .user-fidelity-component .fade-leave-to{transition:none}
.user-fidelity-wrapper-component .user-fidelity-component .available-user-fidelity-form,.user-fidelity-wrapper-component .user-fidelity-component .active-user-fidelity-form{display:block;margin:0}
.user-fidelity-wrapper-component .user-fidelity-component .available-user-fidelity-form .available-fidelity-wrapper,.user-fidelity-wrapper-component .user-fidelity-component .active-user-fidelity-form .available-fidelity-wrapper{display:flex;overflow:auto;gap:20px;margin:20px -20px;padding:0 20px}
.user-fidelity-wrapper-component .user-fidelity-component .bullets{display:block;height:45px;position:relative;width:100%}
.user-fidelity-wrapper-component .user-fidelity-component .bullets ul{list-style:none;padding:0;display:flex;justify-content:center;width:100%}
.user-fidelity-wrapper-component .user-fidelity-component .bullets ul li{width:8px;height:8px;border-radius:20px;border:1px solid #151414;margin:6px}
.user-fidelity-wrapper-component .user-fidelity-component .bullets ul .selected{border:1px solid #fff;background:#151414}
}
.user-badge ::-webkit-scrollbar{display:none}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-my-credit-cards/CreateCreditCardForm.vue?vue&type=style&index=0&id=03ed264c&lang=less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/.card-form-input label{line-height:2.4 !important}
.card-form-input input{border-radius:6px;border:2px solid #a2238d}
.card-form-input .img-brand{position:absolute;margin-top:35px;width:50px;right:7px}
.double-column .card-form-input{width:auto;min-width:44rem}
@media only screen and (max-width:720px){.double-column .card-form-input{max-width:156px;min-width:15rem}
.double-column .card-form-input label{max-width:min-content}
}
@media only screen and (max-width:720px){.create-card-button{position:fixed;inset-area:center;margin:auto auto 4rem}
}
.check-icon{width:18px;right:0;position:absolute;margin-top:6px}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-my-credit-cards/DeleteCreditCardInfoModal.vue?vue&type=style&index=0&id=d7cebd90&lang=less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/.delete-credit-card-info-modal{bottom:0;left:0;overflow-x:hidden;overflow-y:auto;right:0;top:0;z-index:201}
.delete-credit-card-info-modal .backdrop{bottom:0;left:0;right:0;top:0;z-index:1;background:#f5f4f6;opacity:1}
.delete-credit-card-info-modal__dialog{border-radius:5px;max-width:592px;z-index:2;background-color:#fff}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-my-credit-cards/DeleteCreditCardConfirmation.vue?vue&type=style&index=0&id=6b52ed2c&lang=less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/.delete-credit-card-confirmation{bottom:0;left:0;overflow-x:hidden;overflow-y:auto;right:0;top:56px;z-index:201;background-color:var(--default-flua-background-color)}
.delete-credit-card-confirmation__container .delete-icon{display:none}
@media only screen and (max-width:720px){.delete-credit-card-confirmation__container .delete-icon{display:block}
}
@media only screen and (max-width:720px){.delete-credit-card-confirmation__container{align-items:center}
.delete-credit-card-confirmation__container span{text-align:center}
.delete-credit-card-confirmation__container .font-title{font-size:2.2rem}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-my-credit-cards/DeleteCreditCardGroup.vue?vue&type=style&index=0&id=dcb9a4d0&lang=less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/.delete-credit-card-group .delete-info{color:#989898}
.delete-credit-card-group .delete-span{color:var(--flua-red-danger)}
.delete-credit-card-group .delete-option{cursor:pointer}
.delete-credit-card-group .delete-disabled{cursor:default}
.delete-credit-card-group .delete-disabled .delete-span{color:#989898}
.delete-credit-card-group .delete-disabled .delete-icon svg path{stroke:#989898}
.delete-credit-card-group .delete-disabled .arrow-delete-icon svg path{fill:#989898}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-my-credit-cards/CreditCardsCard.vue?vue&type=style&index=0&id=708832c7&lang=less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/.credit-card-card{background-color:white;height:112px;border-radius:10px;align-items:normal}
.credit-card-card input[type="radio"]{opacity:0;width:0;height:0}
.credit-card-card input[type="radio"]:checked ~ label{cursor:pointer}
.credit-card-card input[type="radio"]:checked ~ label svg g path{fill:#a2238d;stroke:none}
.credit-card-card .brand-img{width:100px;height:fit-content}
.credit-card-card.expanded{height:fit-content}
.credit-card-card.expanded .divider{height:1px;background-color:#cfcfcf;margin-block:15px}
@media only screen and (max-width:720px){.credit-card-card{height:fit-content}
.credit-card-card img{width:20%}
.credit-card-card .brand-img{width:50px}
.credit-card-card__info{max-width:max-content;align-items:center}
.credit-card-card__info span{text-wrap:wrap}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-my-credit-cards/MyContracts.vue?vue&type=style&index=0&id=50e8e9fc&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/.contract-card{background-color:white;height:136px;border-radius:10px;align-items:normal}
.contract-card .cta-button{margin-inline:auto}
.contract-card .uppercase{text-transform:uppercase}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-my-credit-cards/MyCreditCards.vue?vue&type=style&index=0&id=8e5a82ea&lang=less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/@media only screen and (max-width:720px){.my-credit-cards h1{font-size:2.2rem}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-proposals/UserProposals.vue?vue&type=style&index=0&id=ea6cfad8&lang=less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/.user-proposals-vue{width:100%;display:inline-block}
.user-proposals-vue .collapseble-enter-active,.user-proposals-vue .collapseble-leave-active{transition:all .2s ease-in-out;overflow-y:hidden}
.user-proposals-vue .collapseble-enter,.user-proposals-vue .collapseble-leave-to,.user-proposals-vue .collapseble-leave-active{transform:translateY(-10%);opacity:0;height:0;overflow-y:hidden}
.user-proposals-vue .without-cpf{margin:60px 0 0 0;max-width:480px;text-align:left;padding-bottom:60px}
.user-proposals-vue .without-cpf .title{font-size:3.6rem;line-height:1;font-weight:100;text-transform:uppercase}
.user-proposals-vue .without-cpf .text{font-size:1.6rem;line-height:1.29;font-weight:300;margin:10px 0 30px 0}
.user-proposals-vue .without-cpf .hub-button{margin:0}
.user-proposals-vue .user-proposals-collapsible{width:100%;display:inline-block;margin-bottom:30px}
.user-proposals-vue .user-proposals-collapsible .title{cursor:pointer;font-size:2rem;font-weight:bold;display:flex;align-items:center}
.user-proposals-vue .empty-proposals{width:315px;display:inline-block;padding-bottom:70px}
.user-proposals-vue .empty-proposals .title{font-size:3.8rem;font-weight:300;line-height:1.05;letter-spacing:-1.2px;max-width:320px;text-transform:uppercase;margin:7px 0 17px 0}
.user-proposals-vue .empty-proposals .text{width:334px;font-size:1.4rem;line-height:1.29;font-weight:300;margin:0}
.user-proposals-vue .user-proposals-form{width:100%;display:inline-block;position:relative}
.user-proposals-vue .user-proposals-form .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;width:62px;height:62px}
.user-proposals-vue .user-proposals-form .proposal-item{width:100%;display:inline-block;min-height:100px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item{display:flex;flex-direction:column;flex-wrap:wrap;margin-bottom:30px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .product-wrapper{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:40px;min-height:430px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .col-left{max-width:350px;margin-right:13px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .col-right{flex-grow:1;max-width:680px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .col-middle{width:100%;position:relative;display:flex;justify-content:center;align-items:center;margin-top:20px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-id{margin-bottom:20px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-id span{width:100%;font-size:1.2rem;display:inline-block;font-weight:700}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-products .mvs{font-size:3.8rem;font-weight:800;line-height:1.05}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-products .mvs .version{font-size:3.8rem;font-weight:300;line-height:1.11}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-products .price{font-size:3.8rem;font-weight:bold}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-quotation{display:flex;align-items:center;margin:35px 0 43px 0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-quotation .quotation-icon{display:flex;margin-right:22px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-quotation .quotation-icon .stroke{stroke-width:1.5px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-quotation .quotation-info{display:flex;flex-direction:column;font-size:1.4rem;font-weight:300;line-height:1.29}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-quotation .quotation-info .quotation-discount{font-size:1.6rem;font-weight:700;line-height:normal;margin-bottom:3px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-quotation .quotation-info .quotation-price{font-size:3.8rem;font-weight:700;line-height:1.05;letter-spacing:-1px;margin-bottom:5px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-dealer{display:flex;flex-direction:row;align-items:center;margin:35px 0 43px 0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-dealer .icon{background-image:url("../../../designs/wisdom/base/images/ico-location-round.svg");margin-right:22px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-dealer .dealer-info .legend{font-size:1.4rem;font-weight:300;line-height:1.29}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-dealer .dealer-info .delaer-name{font-size:1.6rem;font-weight:700;padding:4px 0;text-transform:uppercase}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-dealer .dealer-info .dealer-address,.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-dealer .dealer-info .dealer-tel{font-size:1.4rem;font-weight:300;line-height:1.29}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-specialist{display:flex;flex-direction:row;align-items:center;margin:55px 0 43px 0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-specialist .icon{background-image:url("../../../designs/wisdom/base/images/ico-phone-round.svg");margin-right:22px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-specialist .specialist-info .legend{font-size:1.4rem;font-weight:300;line-height:1.29}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-specialist .specialist-info .specialist-name{font-size:1.6rem;font-weight:700;padding:4px 0;text-transform:uppercase}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-specialist .specialist-info .specialist-tel{font-size:1.4rem;font-weight:300;line-height:1.29}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .actions{position:absolute;left:0;display:flex;flex-direction:column;top:30px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .actions .hub-button{width:215px;height:45px;margin-top:20px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .actions .hub-button span{font-size:1.3rem;font-weight:400}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .actions :first-child{margin-top:0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .car-image img{width:100%}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .product-timeline-wrapper{display:flex;justify-content:center}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline{display:inline-block}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .line-information{width:340px;display:flex;flex-direction:row;align-items:center;margin:0 0 0 95px;cursor:pointer}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .line-information .icon{background-image:url("../../../designs/wisdom/base/images/ico-clock-round.svg");margin-right:35px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .line-information .opacity-0{opacity:0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .line-information .information{width:178px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .line-information .information .title{font-size:1.6rem;font-weight:700}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .line-information .information .subtitle{font-size:1.4rem;font-weight:300;line-height:1.29;padding:5px 0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .line-information .information .collapsible{display:flex;align-items:center}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .line-information .information .collapsible span{font-size:1.1rem;font-weight:500}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .line-information .information .collapsible .collapsible-arrow{margin-left:13px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list{width:100%;display:flex;flex-direction:column;margin-top:58px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item{width:100%;display:flex;align-items:center;justify-content:flex-start;margin-bottom:42px;position:relative}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item:after{position:absolute;top:0;left:125px;z-index:-1;content:"";width:1px;height:calc(100% + 42px)}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item:first-child:after{height:calc(50% + 42px);top:50%}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item:last-child:after{height:50%}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .date{font-size:1.4rem;font-weight:300;line-height:1.29;width:57px;margin:0 37px 0 0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .icon.received{background-image:url("../../../designs/wisdom/base/images/ico-binoculars-round.svg")}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .icon.test-drive{background-image:url("../../../designs/wisdom/base/images/ico-steering-wheel-round.svg")}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .icon.sent,.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .icon.quotation{background-image:url("../../../designs/wisdom/base/images/ico-money-round.svg")}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .information{display:flex;flex-direction:column;width:270px;margin:0 0 0 37px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .information .stars{display:flex;align-items:center;justify-content:flex-start;margin:10px -5px 10px 0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .information .stars .star{margin:0 5px;width:15px;height:15px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .information .stars .star svg{width:15px;height:15px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .information .title{font-size:1.6rem;font-weight:700;width:150px;margin-bottom:5px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .information .text{font-size:1.4rem;font-weight:300;line-height:1.29}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .information .action .hub-button{padding:0;width:215px;height:36px;margin:13px 0 0 0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .information .action .hub-button .hub-button__label{font-size:1.2rem}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .last-quotation-tooltip{width:215px;height:110px;position:absolute;left:-260px;display:flex;align-items:center;padding:20px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .last-quotation-tooltip .tooltip-arrow{height:110px;position:absolute;right:-20px;border-top:55px solid transparent;border-bottom:55px solid transparent}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-timeline .events-list .event-item .last-quotation-tooltip .tooltip-text{font-size:1.4rem;font-weight:300;line-height:1.29}
.user-proposals-vue .test-drive-modal{width:100vw;height:100vh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:300}
.user-proposals-vue .test-drive-modal .test-drive-modal-container{position:relative;width:300px;min-height:250px;border-radius:4px;padding:35px 26px 28px 26px}
.user-proposals-vue .test-drive-modal .test-drive-modal-container .btn-close{position:absolute;top:10px;right:10px;cursor:pointer}
.user-proposals-vue .test-drive-modal .test-drive-modal-container .btn-close svg{width:25px;height:25px}
.user-proposals-vue .test-drive-modal .test-drive-modal-container .btn-close svg rect{stroke:none}
.user-proposals-vue .test-drive-modal .test-drive-modal-container .test-drive-modal-content .modal-title{max-width:150px;font-size:2rem;font-weight:700;display:inline-block;margin-bottom:20px}
.user-proposals-vue .test-drive-modal .test-drive-modal-container .test-drive-modal-content .information-text{font-size:1.4rem;font-weight:300;line-height:1.29;margin-bottom:25px}
.user-proposals-vue .test-drive-modal .test-drive-modal-container .test-drive-modal-content .information-text strong{font-size:1.3rem;display:block}
.user-proposals-vue .test-drive-modal .test-drive-modal-container .test-drive-modal-content .information-text span{font-size:inherit;font-weight:inherit;line-height:inherit}
@media only screen and (max-width:720px){.user-proposals-vue{margin-top:40px}
.user-proposals-vue .user-proposals-collapsible{margin-bottom:25px}
.user-proposals-vue .user-proposals-collapsible .title{font-size:1.6rem}
.user-proposals-vue .user-proposals-form .empty-proposals{padding-bottom:40px;width:auto}
.user-proposals-vue .user-proposals-form .empty-proposals .text{width:auto}
.user-proposals-vue .user-proposals-form .proposal-item{margin:0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item{margin-bottom:20px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .product-wrapper{width:100%;padding-bottom:0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .col-left,.user-proposals-vue .user-proposals-form .proposal-item .product-item .col-right{width:100%;margin:0;padding:0 15px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .col-middle{padding:0 15px;flex-direction:column;align-items:flex-start;margin:0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .col-middle .actions{top:0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .car-image{text-align:center}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .car-image .proposal-id{padding-top:0;text-align:left;margin:0;float:left}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .car-image .action{float:right;text-align:right;padding:0 15px 0 0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .car-image .action a{color:#73757d;font-size:1.1rem;display:flex;align-items:center}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .car-image .action a:before{content:url("../../../designs/wisdom/base/images/ico-clock-small.svg");width:12px;height:12px;margin-right:3px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .car-image img{width:90%;margin:0 auto;display:inline-block}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-products{margin-top:20px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-products .mvs .model-name{font-size:2.08rem}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-products .mvs .version{font-size:2.08rem}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-products .price{font-size:2.08rem}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-dealer{margin:20px 0 10px 0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-dealer .dealer-info .legend{font-size:1.4rem}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-dealer .dealer-info .delaer-name{font-size:1.6rem}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-dealer .dealer-info .dealer-address{font-size:1.4rem}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .proposal-dealer .dealer-info .dealer-tel{font-size:1.4rem}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .actions{width:100%;position:relative;margin-bottom:35px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .actions .hub-button{width:100%;max-width:250px;height:45px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .product-timeline-wrapper{width:100%;padding:0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .product-timeline-wrapper .proposal-timeline{margin-top:0;width:100%}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .product-timeline-wrapper .proposal-timeline .line-information{width:100%;margin:34px 0 40px 0}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .product-timeline-wrapper .proposal-timeline .event-item{align-items:flex-start}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .product-timeline-wrapper .proposal-timeline .event-item:after{top:62px;left:31px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .product-timeline-wrapper .proposal-timeline .event-item .information{width:unset}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .product-timeline-wrapper .proposal-timeline .event-item .information .title{width:auto;max-width:150px}
.user-proposals-vue .user-proposals-form .proposal-item .product-item .product-timeline-wrapper .proposal-timeline .event-item .information .action .hub-button{width:auto;max-width:250px;min-width:unset}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-badge/user-wishlist/UserWishlist.vue?vue&type=style&index=0&id=43f5ab26&lang=less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/.user-wishlist-vue{margin:30px 0}
.user-wishlist-vue .collapseble-enter-active,.user-wishlist-vue .collapseble-leave-active{transition:all .2s ease-in-out;overflow-y:hidden}
.user-wishlist-vue .collapseble-enter,.user-wishlist-vue .collapseble-leave-to{overflow-y:hidden;transform:translateY(-5%);opacity:0;height:0}
.user-wishlist-vue .user-wishlist-collapsble{width:100%;display:inline-block;margin-bottom:20px}
.user-wishlist-vue .user-wishlist-collapsble .title{cursor:pointer;font-size:2rem;font-weight:bold;display:flex;align-items:center}
.user-wishlist-vue .user-wishlist-collapsble .title svg{margin-left:.4rem;transition:all .3s ease-in-out}
.user-wishlist-vue .user-wishlist-collapsble .title.open svg{transform:rotate(180deg);transition:all .3s ease-in-out}
.user-wishlist-vue .user-wishlist-form .loader-container{position:fixed;width:100%;height:200px;left:0}
.user-wishlist-vue .user-wishlist-form .empty-wishlist{display:inline-block;width:100%}
.user-wishlist-vue .user-wishlist-form .empty-wishlist .text{width:334px;font-size:1.4rem;line-height:1.29;font-weight:300;margin:0}
.user-wishlist-vue .user-wishlist-form .normal-wishlist{margin-top:21px}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list{flex-wrap:wrap;display:flex;margin:0 -5px;width:calc(100% + 60px)}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car{width:320px;margin:0 12px 60px;padding:5px;border-radius:3px;display:flex;flex-direction:column;justify-content:space-between}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-header{display:flex;justify-content:space-between;align-items:center;padding:5px;min-height:34px}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-header .delete-car{background-image:url("../../../designs/wisdom/id/images/trash-can.svg");background-repeat:no-repeat;background-position:right top;width:100%;height:100%;cursor:pointer}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-header h3{font-size:1.4rem;font-weight:300;text-align:left;margin:0;width:calc(100% - 40px);height:2rem;overflow:hidden}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-header .delete-car-icon{cursor:pointer}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-body{padding-top:16px;display:flex;flex-direction:column;align-items:center}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-body .description{margin:0 0 4px}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-body .image-wrapper{min-height:140px}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-body img{display:block;margin:auto;width:80%}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-body .wishlist-car-info{padding-top:20px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-body .wishlist-car-info .wishlist-car-model{font-size:1.8rem;font-weight:500}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-body .wishlist-car-info .wishlist-car-version{font-size:1.4rem;font-style:italic;letter-spacing:.4px;text-transform:uppercase}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-body .wishlist-car-info .price-holder{display:flex}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-body .wishlist-car-info .price-holder .price-prefix{font-size:1rem;font-weight:500;line-height:20px;margin-right:10px}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-body .wishlist-car-info .price-holder .price{font-size:2.4rem;font-weight:bold;margin-top:0}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-footer{padding-top:40px;width:100%;display:flex;justify-content:center}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-footer .wishlist-button{flex-grow:1}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-footer .open-car-button,.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-footer .negotiate-car-button{height:50px}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-footer .open-car-button span,.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-footer .negotiate-car-button span{font-size:1.3rem;font-weight:400;font-style:normal}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car .user-car-footer .open-car-button span{font-weight:500}
@media only screen and (max-width:720px){.user-wishlist-vue{margin-top:30px}
.user-wishlist-vue .go-back-page-vue{position:absolute;top:0;left:5px}
.user-wishlist-vue .user-wishlist-collapsble .title{font-size:1.6rem}
.user-wishlist-vue .wishlist-header{flex-direction:column}
.user-wishlist-vue .wishlist-header .user-wishlist-header{padding-right:0;margin-bottom:10px}
.user-wishlist-vue .user-wishlist-form .empty-wishlist .text{width:unset}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list{width:100%;margin:0}
.user-wishlist-vue .user-wishlist-form .normal-wishlist .user-car-list .user-car{margin:0 0 20px 0;border-radius:0;padding-top:20px;width:100%}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-login/UserCodeConfirm.vue?vue&type=style&index=0&id=72a2ebe0&lang=less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/.ft-su-code-confirm #number-code .code-input input{width:40px;height:49px;border:var(--default-brand-border-width) solid var(--default-brand-border-color);border-radius:var(--default-brand-border-radius);font-size:35px;text-align:center;padding:0}
.ft-su-code-confirm #number-code .code-input.error input{border:var(--default-brand-border-width) solid #ff0a0a}
.ft-su-code-confirm #number-code .code-input.success input{border:var(--default-brand-border-width) solid #50e3c2}
.ft-su-code-confirm .error-code{color:#ff0a0a}
.ft-su-code-confirm .send-code-button{background-color:var(--default-brand-primary-color)}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-login/UserCodeConfirmReset.vue?vue&type=style&index=0&id=5e7dc3cf&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/.ft-su-code-confirm-reset #number-code .code-input input{width:40px;height:49px;border:var(--default-brand-border-width) solid var(--default-brand-border-color);border-radius:var(--default-brand-border-radius);font-size:35px;text-align:center;padding:0}
.ft-su-code-confirm-reset #number-code .code-input.error input{border:var(--default-brand-border-width) solid #ff0a0a}
.ft-su-code-confirm-reset #number-code .code-input.success input{border:var(--default-brand-border-width) solid #50e3c2}
.ft-su-code-confirm-reset .error-code{color:#ff0a0a}
.ft-su-code-confirm-reset .send-code-button{background-color:var(--default-brand-primary-color)}
.ft-su-code-confirm-reset .wrap-password{border-top:var(--default-brand-border-width) solid #151414}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-login/UserCodeHelpLogin.vue?vue&type=style&index=0&id=95889c10&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/.ft-su-email-help-config[data-v-95889c10]{height:100%}
.ft-su-email-help-config[data-v-95889c10] .content[data-v-95889c10] .font-h2[data-v-95889c10]{font-weight:bold}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-login/UserEmailConfirm.vue?vue&type=style&index=0&id=65b7bbd7&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/.ft-su-email-confirm[data-v-65b7bbd7] .resend-email-link[data-v-65b7bbd7]{cursor:pointer}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-login/UserFormPasswords.vue?vue&type=style&index=0&id=09b7a911&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/.content[data-v-09b7a911] .password-tips[data-v-09b7a911] p[data-v-09b7a911]{margin:0;padding-bottom:2px}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-my-orders/Order.vue?vue&type=style&index=0&id=f512fada&lang=less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/.order__header{font-weight:900;color:black;padding-bottom:16px}
.order__content{padding-bottom:47px}
.order__status{display:flex;align-items:end;font-size:1.6rem;min-height:38px}
.order__status a{font-weight:900;color:black;text-decoration:underline;cursor:pointer;width:50%}
.order__status__empty{padding-top:47px}
.order__status__pendent{color:#409435;width:50%;text-align:right}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-my-orders/OrderDetail.vue?vue&type=style&index=0&id=02c0be44&lang=less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/#order-detail{max-width:980px;margin:0 auto}
#order-detail .go-back-page-vue{padding-left:0}
#order-detail .detail{max-width:740px;display:flex;flex-direction:column}
#order-detail .detail_banner{border:1px solid black;padding:25px;max-width:740px}
#order-detail .detail_banner_nav{display:flex;justify-content:space-between;font-size:1.8rem}
#order-detail .detail_banner_nav a{font-weight:900;cursor:pointer;color:black;text-decoration:underline}
#order-detail .detail_banner .car{padding-top:35px;display:flex;flex-direction:row;flex-wrap:wrap-reverse;justify-content:space-between}
#order-detail .detail_banner .car__wpp-btn{bottom:0;max-width:455px}
#order-detail .detail_banner .car_h2{max-width:300px;font-size:2.8rem;color:black}
#order-detail .detail_banner .car_img{max-width:300px}
#order-detail .detail_banner .car_img img{width:100%}
#order-detail .detail_banner .car .hub-button{padding:20px;text-decoration:none}
#order-detail .detail__text{font-size:1.5rem;text-align:center}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-my-orders/OrderTimeline.vue?vue&type=style&index=0&id=67431118&lang=less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/.detail__timeline{margin:0 auto;padding-top:75px}
.detail__timeline__item{display:flex;flex-direction:row;padding-bottom:40px}
.detail__timeline__item .info{max-width:370px;padding-left:40px;font-size:1.8rem;margin:auto 0}
.detail__timeline__item .info__step{font-weight:900;color:black;margin:0}
.detail__timeline__item .info__text{margin:10px 0}
.detail__timeline__item .info a{font-weight:900;cursor:pointer;color:black;text-decoration:underline}
.detail__timeline__item .info .title{font-size:2.2rem}
.detail__timeline__item:not(:last-child):before{content:'';position:relative;width:1px;background:#ccc;top:40px;left:25px;z-index:-2}
.detail__timeline .custom-icon rect{fill:var(--customColorItem)}
.detail__timeline .default-background-icon rect{fill:var(--defaultBackground)}
.detail__timeline .icon-green rect{fill:#13b28a}
.detail__timeline .clickable{cursor:pointer}
.detail__date{display:flex;font-size:1.5rem;margin-left:9rem;margin-bottom:2rem}
@media only screen and (max-width:720px){.detail__date{justify-content:center;margin:0 0 2rem}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-my-orders/UserMyOrdersWrapper.vue?vue&type=style&index=0&id=0e0a905c&lang=less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/#user-my-orders-wrapper{max-width:980px;margin:0 auto}
#user-my-orders-wrapper h2{font-weight:bolder;font-size:30px;color:black;margin-top:0}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-my-orders/VoucherGenerator.vue?vue&type=style&index=0&id=2422da10&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/.voucher-generator .hub-loader-vue{position:fixed}
.voucher-modal{background-color:#fff;height:calc(100vh - 56px);left:0;overflow:auto;position:fixed;top:80px;z-index:1000000;text-transform:none}
.voucher-modal .modal-info{max-width:1200px;margin:0 auto}
.voucher-modal .modal-info .hub-button{background-color:inherit;min-width:inherit;height:inherit}
.voucher-modal .modal-info .hub-button svg{width:16px;height:16px}
.voucher-modal .modal-info .hub-button span{color:#151414;text-transform:none}
.voucher-modal .modal-info__top .go-back-page-vue{padding-left:0}
.voucher-modal .modal-info__top .info-details p{margin:0}
.voucher-modal .modal-info .dividing-line{border-top:1px solid #151414}
.voucher-modal .modal-info__bottom{max-width:980px;margin:0 auto}
.voucher-modal .modal-info__bottom .qrcode-image{border:1px solid #151414}
.voucher-modal .modal-info__bottom .qrcode-image .hub-qrcode{width:100%;height:100%}
.voucher-modal .modal-info__bottom .qrcode-token,.voucher-modal .modal-info__bottom .qrcode-date{margin-top:1.2rem}
.voucher-modal .modal-info__bottom .qrcode-value{margin:1.2rem 0}
.voucher-modal .modal-info__bottom .qrcode-advice{max-width:480px}
.voucher-modal .modal-info__bottom .hub-button{align-self:end}
@media only screen and (min-width:721px) and (max-width:960px),only screen and (max-width:720px){.voucher-modal{height:calc(100vh - 56px);top:50px}
}
@media only screen and (max-width:720px){.voucher-modal .modal-info__bottom .hub-button{align-self:center}
}
@media print{.voucher-modal{top:0;position:absolute;overflow:unset;padding-top:0 !important}
.voucher-modal .modal-info .hub-button{display:none}
.voucher-modal .modal-info__top .go-back-page-vue{display:none}
.voucher-modal .modal-info__top .info-banner{width:fit-content}
.voucher-modal .modal-info__bottom{max-width:740px}
.voucher-modal .modal-info__bottom .qrcode-image svg{width:200px;height:200px}
}
@media print{.navigator-menu.printableElement{display:inherit;visibility:visible}
.navigator-menu .hub-navigator-menu>ul.unPrintableElement{display:none !important}
.hub-page-content.unPrintableElement{display:none !important}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-promotion-redirect/UserPromotionRedirect.vue?vue&type=style&index=0&id=0e10d2cd&lang=less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/.user-promotion-redirect-container{display:none}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/user-promotion-validate/UserPromotionValidate.vue?vue&type=style&index=0&id=47e873c1&lang=less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/.confirmation-window{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(33,33,33,0.56);z-index:999;display:flex;justify-content:center;align-items:center}
.confirmation-window .confirmation-dialog{width:454px;background-color:#fff;display:flex;align-items:center}
.confirmation-window .confirmation-dialog .confirmation-dialog-content{margin:0 auto;padding:69px 60px 42px 60px;position:relative;display:flex;flex-direction:column}
.confirmation-window .confirmation-dialog .confirmation-dialog-content .acceptance-title{text-align:left;font-size:24px;font-weight:800}
.confirmation-window .confirmation-dialog .confirmation-dialog-content .acceptance-description p{font-size:17px;font-weight:400}
.confirmation-window .confirmation-dialog .confirmation-dialog-content .acceptance-confirmation-cta{align-self:center}
@media only screen and (max-width:720px){.confirmation-dialog{height:100vh}
.acceptance-confirmation-checkbox .input-container{align-items:center}
}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/access-denied/access-denied.less ***!
  \***************************************************************************************************************************/.access-denied{display:flex;flex-direction:column;justify-content:center;align-items:center;height:790px}
.access-denied__content{display:flex;flex-direction:column;width:50%;align-self:center;justify-content:center;align-items:center}
.access-denied__content img{width:178px;height:182px}
.access-denied__content__title{font-size:,3.6rem;font-weight:bold;text-align:center;color:#193656}
.access-denied__content__subtitle{font-size:,2.4rem;font-weight:500;text-align:center;color:#4a4a4a}
/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/event-participants/event-participants.less ***!
  \*************************************************************************************************************************************/.event-participants{margin-bottom:40px}
.event-participants header{margin:40px auto;width:90%}
.event-participants header .filter{display:flex;align-items:center}
.event-participants header .filter .form-data{width:calc(100% / 3)}
.event-participants header .filter .hub-button{margin-left:30px}
.event-participants header .actions{display:flex;justify-content:space-between}
.event-participants header .actions .print-link{height:32px;width:32px;background-image:url(../../../designs/wisdom/base/images/print-icon.svg);background-size:contain;background-repeat:no-repeat}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/external/external-application-form.less ***!
  \*********************************************************************************************************************************************/.external-application-form .generic-form-list{display:block}
.external-application-form .generic-form-list .header,.external-application-form .generic-form-list .content{display:flex}
.external-application-form .generic-form-list .header{width:100%;margin-bottom:30px}
.external-application-form .generic-form-list .header .add-btn{margin-right:10px}
.external-application-form .generic-form-list .content{margin-bottom:10px}
.external-application-form .generic-form-list .content .hub-button .hub-button__label{justify-content:center}
.external-application-form .generic-form-list .roles{margin-left:40px}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/external/external-list.less ***!
  \*********************************************************************************************************************************/.external-applications{margin-top:24px;padding:32px;border-radius:4px;flex:12}
.external-applications .external-actions{display:flex;justify-content:flex-end}
.external-applications .external-actions .hub-button{margin:0}
.external-applications header,.external-applications section{display:flex;flex-wrap:wrap;flex:1}
.external-applications header{padding-bottom:20px}
.external-applications header .sectionTitle{text-transform:uppercase;flex:1}
.external-applications .user-info-form{margin-top:30px;width:100%}
.external-applications .user-info-form .form-control{margin:0 15px 0;flex:1}
.external-applications .user-info-form .form-control .hub-input{margin-bottom:0}
.external-applications .external-list{margin-top:64px}
.external-applications .external-list .add-button{margin-right:15px}
.external-applications .external-list .list-content{flex:1}
.external-applications .external-list .list-content .admin-tag{margin-left:15px;text-transform:uppercase;font-weight:500}
.external-applications .external--roles-list{flex:12}
.external-applications .external--roles-list header{flex-direction:flex;justify-content:space-between}
.external-applications .external--roles-list header h2{margin:0 0 10px 0}
.external-applications .external--roles-list header p{margin:0}
.active-role{margin-bottom:15px}
/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/modules/game-player.less ***!
  \******************************************************************************************************************************/.generic-form-list .generic-form-content .title{font-weight:bolder}
.generic-form-list .generic-form-content .description{font-weight:normal}
/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/modules/offer-admin.less ***!
  \******************************************************************************************************************************/.offer-admin-form .radio-group{display:flex;margin:15px 0;margin-right:3rem}
.offer-admin-form .radio-group .hub-radio__content{padding-left:1.5rem;line-height:1.6rem;text-transform:none;font-size:1.3rem}
.offer-admin-form .radio-group .disabled .hub-radio__content{cursor:not-allowed}
.offer-admin-form .radio-group .disabled .hub-radio__radio{opacity:.8}
/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/modules/sso-abstract-form-with-modal.less ***!
  \***********************************************************************************************************************************************/.generic-form-sso header{display:flex}
.generic-form-sso .section{display:flex;margin-bottom:59px}
.generic-form-sso .section .sectionTitle{flex:1}
.generic-form-sso .add-button,.generic-form-sso .delete-button{width:initial}
.generic-form-sso .generic-form-list{display:flex;margin-top:32px;padding-bottom:16px}
.generic-form-sso .generic-form-list .generic-form-content{flex:1}
/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/modules/user-customer.less ***!
  \********************************************************************************************************************************/.checkbox-field{margin-bottom:16px}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/modules/user-inspector.less ***!
  \*********************************************************************************************************************************/.inspector .generic-form-list{display:block}
.inspector .generic-form-list .header,.inspector .generic-form-list .content{display:flex}
.inspector .generic-form-list .header{margin-bottom:30px}
.inspector .generic-form-list .header .add-btn{margin-right:10px}
.inspector .generic-form-list .content{margin-bottom:10px}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/modules/user-repairman.less ***!
  \*********************************************************************************************************************************/.user-repairman-form{display:flex;justify-content:flex-end;flex-direction:column}
/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/modules/user-sso-form.less ***!
  \********************************************************************************************************************************/.sso-form-container{width:500px}
.sso-form-container header{margin-bottom:32px}
.sso-form-container header h3{margin:0}
.sso-form-container section{display:flex}
.sso-form-container section .select-bar{flex-grow:1;justify-content:center;display:flex;width:80px}
.sso-form-container section .select-bar .input-range{-webkit-appearance:none;height:100%;outline:0;writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:20px}
.sso-form-container section .add-form{flex-grow:11}
.sso-form-container section .add-form ul{padding:0;margin:0;list-style-type:none}
.sso-form-container section .add-form ul label{text-transform:uppercase;font-size:12px}
.sso-form-container section .add-form .hub-dropdown{margin:25px 0}
.sso-form-container section .add-form .disabled div,.sso-form-container section .add-form .disabled .hub-dropdown-selected{background-color:transparent}
.sso-form-container footer{margin-top:59px;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}
.sso-form-container footer .hub-button{width:120px;margin:0}
.sso-form-container footer .cancel-button{margin-right:10px;border:0}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/modules/user-sso.less ***!
  \***************************************************************************************************************************/.jurisdiction-container{margin-top:32px}
.jurisdiction-container header{display:flex;margin-bottom:59px}
.jurisdiction-container header .sectionTitle{flex:1}
.jurisdiction-container .add-button,.jurisdiction-container .delete-button{width:initial}
.jurisdiction-container .jurisdiction-list{display:flex;margin-top:32px;padding-bottom:16px}
.jurisdiction-container .jurisdiction-list .jurisdiction-content{flex:1}
.jurisdiction-container .jurisdiction-list .jurisdiction-content ul li:not(:last-child){margin-bottom:5px}
/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/user-actions.less ***!
  \***********************************************************************************************************************/.actions-buttons{display:flex;margin-top:32px;margin-bottom:16px}
.actions-buttons .create-action{flex:1}
.actions-buttons.element-position{justify-content:flex-end}
.actions-buttons .general-actions{width:100%;display:flex;justify-content:flex-end}
.actions-buttons .general-actions .hub-button{margin:0 5px}
.actions-buttons .general-actions .hub-button:last-child{margin:0}
.actions-buttons .hub-button{max-width:200px;margin:0}
.actions-buttons .size-button{max-width:230px}
.actions-buttons.element-position{justify-content:flex-end}
/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/user-admin.less ***!
  \*********************************************************************************************************************/.user-container{flex:8;min-height:930px;margin-top:16px;border-radius:4px;padding:32px}
.user-container .sectionTitle{text-transform:uppercase;font-weight:500;margin-bottom:32px}
.user-container .admin-details-container{display:flex;justify-content:flex-end}
.user-container .admin-details-container .tab-container{width:90%}
.user-container .btn-commissioning{display:flex;align-content:flex-end}
.user-container .btn-commissioning .hub-button{width:initial}
.user-container .tooltip{position:relative;display:inline-block;border-bottom:0}
.user-container .tooltip .tooltiptext{visibility:hidden;width:initial !important;text-align:center;padding:8px;position:absolute;bottom:100%;left:50%;z-index:1;opacity:0;transform:translateX(-50%);transition:opacity 1s;border-radius:6px;margin-left:0 !important;font-size:.8rem}
.user-container .tooltip .tooltiptext:after{content:' ';position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid}
.user-container .tooltip:hover .tooltiptext{visibility:visible;opacity:1}
.user-container .tooltip section{margin-top:32px}
.user-container .user-profile .profile-picture>img{width:100%;border-radius:50%}
/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/user-form.less ***!
  \********************************************************************************************************************/.user-admin-form{display:flex}
.user-admin-form .form-container{max-width:initial}
.user-info-vue .user-info-form .user-info-form-wrapper .emails-list div{margin-bottom:32px}
/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/user-merge.less ***!
  \*********************************************************************************************************************/.merge-container{display:flex}
.merge-container .user-container{position:relative;margin-right:8px;margin-left:8px;border-width:2px}
.merge-container .user-container .label-container{position:absolute;left:50%;top:-9px;padding:4px 16px;border-radius:12px;line-height:1.14;transform:translateX(-50%)}
/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-admin/user-sidebar.less ***!
  \***********************************************************************************************************************/.user-admin-component .user-admin-container .sidebar-user .page-control{margin-bottom:15px}
.user-admin-component .user-admin-container .sidebar-user .page-control .previous{margin-left:11px}
.user-admin-component .sidebar-user{width:414px;margin-top:16px;margin-right:16px;border-radius:4px;position:relative;display:flex;flex-direction:column}
.user-admin-component .sidebar-user .hub-loader-vue{position:absolute}
.user-admin-component .sidebar-user .sidebar-filter-input{margin-bottom:0;display:flex;flex-wrap:wrap;padding:0 16px;width:100%;height:48px;border:0}
.user-admin-component .sidebar-user .sidebar-filter-input .hub-input{margin-bottom:0}
.user-admin-component .sidebar-user .sidebar-filter-input input{flex:1;height:100%;border:0}
.user-admin-component .sidebar-user .sidebar-filter-input input:focus{outline:0}
.user-admin-component .sidebar-user .sidebar-filter-input .checkbox input[type=checkbox]{accent-color:#597dda}
.user-admin-component .sidebar-user .sidebar-filter-input .icon-search{display:flex;align-items:center;cursor:pointer}
.user-admin-component .sidebar-user .sidebar-filter-input .icon-search .content-search-img{width:16px;height:16px}
.user-admin-component .sidebar-user .user-list{padding:0;margin:0;list-style-type:none}
.user-admin-component .sidebar-user .user-list li{padding:16px;display:flex;align-items:center;height:64px}
.user-admin-component .sidebar-user .user-list li .merge-checkbox{display:none}
.user-admin-component .sidebar-user .user-list li .avatar{width:32px;height:32px;border-radius:50%;margin-right:8px}
.user-admin-component .sidebar-user .user-list li .user-list-content{cursor:pointer;flex-wrap:wrap;display:flex;flex-direction:column;justify-content:center;width:100%}
.user-admin-component .sidebar-user .user-list li .user-list-content .user-list-name{line-height:1.14}
.user-admin-component .sidebar-user .user-list li .user-list-content .user-list-email{line-height:1}
.user-admin-component .sidebar-user .user-list li .merge-checkbox input{margin-left:8px}
.user-admin-component .sidebar-user .user-list li.enabled-hover-event:hover .merge-checkbox{display:inherit}
.user-admin-component .sidebar-user .user-list li.enabled-hover-event:hover .avatar{display:none}
.user-admin-component .sidebar-user .user-list li.bg-selected-checkbox{pointer-events:initial}
.user-admin-component .sidebar-user .user-list li.disabled-event-click{pointer-events:none}
.user-admin-component .sidebar-user.disabled-sidebar{filter:alpha(opacity=30);pointer-events:none;opacity:.3}
.user-admin-component .sidebar-user .loading-label{padding-top:16px;font-size:16px;color:#597dda;height:100%;align-self:center}
.user-admin-component .sidebar-user .tooltip-label{padding-left:18px;color:red}
/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-badge-wcd/user-badge-wcd.less ***!
  \*****************************************************************************************************************************/.user-badge-wcd-vue{color:#4a4a4a;display:flex;align-items:center;position:relative;margin-right:10px}
.user-badge-wcd-vue .badge-icon.selected{border:2px solid #193656;border-radius:20px}
.user-badge-wcd-vue .login-link{text-decoration:none;position:relative;color:#555;font-size:11px;padding-top:2px;margin-left:14px}
.user-badge-wcd-vue .login-link .bold{font-weight:bold}
.user-badge-wcd-vue .loader-wrapper{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;top:0;background-color:rgba(0,0,0,0.3)}
.user-badge-wcd-vue .loader-wrapper .loader{background-image:url("../../../designs/wisdom/base/images/loading.svg");background-repeat:no-repeat;background-position:center;background-size:100%;height:75px;width:75px}
.user-badge-wcd-vue .badge-unlogged-user,.user-badge-wcd-vue .badge-logged-user{display:flex;align-items:center;cursor:pointer}
.user-badge-wcd-vue .badge-unlogged-user .badge-logout-button,.user-badge-wcd-vue .badge-logged-user .badge-logout-button{margin-left:14px}
.user-badge-wcd-vue .badge-logged-user img{width:40px}
.user-badge-wcd-vue .confirmation-window{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(33,33,33,0.56);z-index:101;display:flex;justify-content:center;align-items:center}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog{width:400px}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content{background-color:#fff;margin:0 auto;text-align:center;border-radius:5px;padding:40px 10px 60px;position:relative}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .large-text{font-size:20px;font-weight:500;color:#40424a;margin:0 0 10px 0;text-align:left;padding-left:10px;word-wrap:break-word}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .form-field{display:inline-flex;flex-direction:column;margin:10px 0;width:300px}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .form-field>label{font-size:13px;font-weight:500;text-align:left}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .form-field input{font-size:14px;font-style:italic;color:#7f7f7f;border:0;border-bottom:2px solid #979797;margin-top:5px;padding:5px;width:100%}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .form-field input:focus{outline:0}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .dialog-message{text-align:center;padding:0}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .button-holder{padding-top:20px}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .button-holder .confirmation-button{background:#e50353;border:0;height:35px;padding:0 20px;color:white;margin:0 5px;width:fit-content;min-width:140px;outline-width:0;cursor:pointer}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .button-holder .btn-grey{background:#eceef6;color:#40424a;font-weight:500}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .button-holder .btn-logout{width:90px}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .button-holder .btn-cancel{min-width:unset}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content.extra-large-window{width:410px}
@media only all and (min-width:501px){.user-badge-wcd-vue .confirmation-window .confirmation-dialog .no-radius-top{border-top-left-radius:0;border-top-right-radius:0}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .image-container{border-top-left-radius:5px;border-top-right-radius:5px}
}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .image-container{flex-grow:1;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.9);padding:20px;position:relative}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .image-container .croppa-container{align-self:auto;border-radius:50%;overflow:hidden;background-color:#c7c7c7}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .btn-close:before{cursor:pointer;content:'';position:absolute;right:10px;top:10px;background-image:url('../../../designs/wisdom/base/images/icon-close.png');width:24px;height:24px;background-repeat:no-repeat;background-size:cover}
.user-badge-wcd-vue p.small-text{font-size:14px;font-weight:300;line-height:1.29;color:#40424a;margin:0 0 3px 0}
.user-badge-wcd-vue p.large-text{font-size:20px;font-weight:500;color:#40424a;margin:0 0 10px 0;text-align:left}
@media only all and (max-width:500px){.user-badge-wcd-vue{margin-right:0}
.user-badge-wcd-vue .badge-icon{margin-right:0;border-radius:50%;z-index:-1}
.user-badge-wcd-vue .login-link{display:none}
.user-badge-wcd-vue .confirmation-window{top:56px}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content{border-radius:0;width:100%}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .button-holder .confirmation-button{min-width:initial}
.user-badge-wcd-vue .confirmation-window .confirmation-dialog .image-container{padding:0}
}
/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-badge-wcd/user-login-wcd.less ***!
  \*****************************************************************************************************************************/.user-wcd-login{overflow:auto;position:fixed;top:56px;bottom:65px;left:0;width:100%;background:#FFF;background-size:cover}
.user-wcd-login .btn{color:white;display:block;font-size:13px;font-weight:500;margin-bottom:15px;text-align:center;text-decoration:none;width:320px;height:40px;border-radius:30px !important;background-color:#193656}
.user-wcd-login .login-container{display:flex;align-items:center;flex-direction:column}
.user-wcd-login .login-container .inner{background:white;margin-left:80px;padding:40px 20px;margin-left:0}
.user-wcd-login .login-container .inner .page-sign-in .header .badge,.user-wcd-login .login-container .inner .page-success .header .badge,.user-wcd-login .login-container .inner .page-email .header .badge{text-align:center}
.user-wcd-login .login-container .inner .page-sign-in .header .badge img,.user-wcd-login .login-container .inner .page-success .header .badge img,.user-wcd-login .login-container .inner .page-email .header .badge img{width:80px;margin-left:35px}
.user-wcd-login .login-container .inner .page-sign-in .header .info,.user-wcd-login .login-container .inner .page-success .header .info,.user-wcd-login .login-container .inner .page-email .header .info{text-align:center;position:relative}
.user-wcd-login .login-container .inner .page-sign-in .header .info .brand,.user-wcd-login .login-container .inner .page-success .header .info .brand,.user-wcd-login .login-container .inner .page-email .header .info .brand{position:relative;left:-60px;top:10px}
.user-wcd-login .login-container .inner .page-sign-in .header .info .brand img,.user-wcd-login .login-container .inner .page-success .header .info .brand img,.user-wcd-login .login-container .inner .page-email .header .info .brand img{width:90px}
.user-wcd-login .login-container .inner .page-sign-in .header .info .marker,.user-wcd-login .login-container .inner .page-success .header .info .marker,.user-wcd-login .login-container .inner .page-email .header .info .marker{width:40px;height:4px;background:#147db9;margin-bottom:10px}
.user-wcd-login .login-container .inner .page-sign-in .header .info .message,.user-wcd-login .login-container .inner .page-success .header .info .message,.user-wcd-login .login-container .inner .page-email .header .info .message{font-family:FuturaBT;font-size:24px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#193656}
.user-wcd-login .login-container .inner .page-sign-in .fields .form-ctrl,.user-wcd-login .login-container .inner .page-success .fields .form-ctrl,.user-wcd-login .login-container .inner .page-email .fields .form-ctrl{padding-top:20px}
.user-wcd-login .login-container .inner .page-sign-in .fields .form-ctrl label,.user-wcd-login .login-container .inner .page-success .fields .form-ctrl label,.user-wcd-login .login-container .inner .page-email .fields .form-ctrl label{font-family:FuturaBT;font-size:14px;font-weight:500;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#4a4a4a}
.user-wcd-login .login-container .inner .page-sign-in .fields .form-ctrl .form-field input,.user-wcd-login .login-container .inner .page-success .fields .form-ctrl .form-field input,.user-wcd-login .login-container .inner .page-email .fields .form-ctrl .form-field input{width:100%;height:40px;background-color:#fff;border:solid 1px rgba(74,74,74,0.5);font-family:FuturaBT;font-size:14px;font-weight:500;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#4a4a4a}
.user-wcd-login .login-container .inner .page-sign-in .buttons,.user-wcd-login .login-container .inner .page-success .buttons,.user-wcd-login .login-container .inner .page-email .buttons{align-items:center;display:flex;flex-direction:column;padding:6% 0 0}
.user-wcd-login .login-container .inner .page-sign-in .terms,.user-wcd-login .login-container .inner .page-success .terms,.user-wcd-login .login-container .inner .page-email .terms{display:flex;justify-content:center;padding:10px 0}
.user-wcd-login .login-container .inner .page-sign-in .terms p,.user-wcd-login .login-container .inner .page-success .terms p,.user-wcd-login .login-container .inner .page-email .terms p{text-align:center;margin:0;width:240px;font-family:FuturaBT;font-size:12px;font-weight:500;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a}
.user-wcd-login .login-container .inner .page-sign-in .terms a,.user-wcd-login .login-container .inner .page-success .terms a,.user-wcd-login .login-container .inner .page-email .terms a,.user-wcd-login .login-container .inner .page-sign-in .terms a:visited,.user-wcd-login .login-container .inner .page-success .terms a:visited,.user-wcd-login .login-container .inner .page-email .terms a:visited{color:#4a4a4a}
@media only all and (min-device-width:500px){.user-wcd-login{align-items:center;display:flex;justify-content:center;left:0;bottom:0;border-bottom:0;min-height:600px;min-width:400px;position:fixed;top:56px;width:100%;margin-bottom:0}
.user-wcd-login .login-container{display:flex;align-items:center;flex-direction:row}
.user-wcd-login .login-container .inner{background:white;margin-left:80px;padding:40px 20px}
}
/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-badge/user-badge.less ***!
  \*********************************************************************************************************************/.user-badge-vue{position:relative}
.user-badge-vue.full-disabled{display:none}
.user-badge-vue .badge-icon{width:40px;margin-right:5px;border-radius:50%}
.user-badge-vue .badge-icon.selected{border:2px solid #e50353}
.user-badge-vue .verified-user{padding-left:10px;padding-top:3%}
.user-badge-vue .login-link{text-decoration:none;position:relative;color:#40424a;font-size:1rem;padding-top:2px;font-weight:500;letter-spacing:.7px;text-transform:uppercase;margin-left:14px}
.user-badge-vue .login-link span{font-weight:800}
.user-badge-vue .loader-wrapper{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;top:0;background-color:rgba(0,0,0,0.5)}
.user-badge-vue .badge-unlogged-user,.user-badge-vue .badge-logged-user{display:flex;align-items:center;cursor:pointer}
.user-badge-vue .badge-unlogged-user .fiat-id-active::before,.user-badge-vue .badge-logged-user .fiat-id-active::before{content:url('../../../designs/wisdom/base/images/fiat-id-on.svg')}
.user-badge-vue .badge-unlogged-user .fiat-id-inactive::before,.user-badge-vue .badge-logged-user .fiat-id-inactive::before{content:url('../../../designs/wisdom/base/images/fiat-id-off.svg')}
.user-badge-vue .badge-logged-user .notification-badge{border-radius:10px;width:16px;height:16px;background-color:var(--default-brand-primary-color);position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:28px}
.user-badge-vue .badge-logged-user .notification-badge--content{font-size:.8rem;font-weight:bold;color:#151414}
.user-badge-vue .confirmation-window{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.5);z-index:101;display:flex;justify-content:center;align-items:center}
.user-badge-vue .confirmation-window.no-footer-menu{height:auto}
.user-badge-vue .confirmation-window .confirmation-dialog{width:400px;position:relative}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content{background-color:#fff;margin:0 auto;border-radius:5px;padding:40px 20px 60px;position:relative}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .large-text{font-size:2rem;font-weight:500;color:#40424a;margin:0 0 10px 0;text-align:left;word-wrap:break-word}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content ul{list-style:none;padding:0 20px 0 0;margin:0}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content ul li{margin-top:15px;padding-left:3em;text-indent:-15px}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content ul li::before{content:"\2022";color:#40424a;padding-right:8px}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .hub-input{text-align:left}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .form-field{display:inline-flex;flex-direction:column;margin:10px 0;width:300px}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .form-field>label{font-size:1.3rem;font-weight:500;text-align:left}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .dialog-message{text-align:center;padding:0}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .button-holder{padding-top:20px;display:flex;justify-content:space-around;gap:10px}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .button-holder .btn-grey{background:#eceef6;color:#40424a;font-weight:500}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content .button-holder .btn-cancel{min-width:unset}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content.extra-large-window{width:410px}
@media only screen and (min-width:961px){.user-badge-vue .confirmation-window .confirmation-dialog .no-radius-top{border-top-left-radius:0;border-top-right-radius:0}
.user-badge-vue .confirmation-window .confirmation-dialog .image-container{border-top-left-radius:5px;border-top-right-radius:5px}
}
.user-badge-vue .confirmation-window .confirmation-dialog .image-container{flex-grow:1;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.9);padding:20px;position:relative}
.user-badge-vue .confirmation-window .confirmation-dialog .image-container .croppa-container{align-self:auto;overflow:hidden;background-color:#c7c7c7}
.user-badge-vue .confirmation-window .confirmation-dialog .image-container-radius .croppa-container{border-radius:50%;background-color:#c7c7c7}
.user-badge-vue .confirmation-window .confirmation-dialog .btn-close:before{cursor:pointer;content:'';position:absolute;right:10px;top:10px;background-image:url('../../../designs/wisdom/base/images/icon-close.png');width:24px;height:24px;background-repeat:no-repeat;background-size:cover}
.user-badge-vue p.small-text{font-size:1.4rem;font-weight:300;line-height:1.29;color:#40424a;margin:0 0 3px 0}
.user-badge-vue p.large-text{font-size:2rem;font-weight:500;color:#40424a;margin:0 0 10px 0;text-align:left}
@media only screen and (max-width:720px){.user-badge-vue{margin-right:0}
.user-badge-vue .badge-icon{margin-right:0;border-radius:50%;z-index:-1}
.user-badge-vue .verified-user{display:none}
.user-badge-vue .login-link{display:none}
.user-badge-vue.disabled{display:none}
.user-badge-vue .confirmation-window{top:56px}
.user-badge-vue .confirmation-window .confirmation-dialog{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end}
.user-badge-vue .confirmation-window .confirmation-dialog .confirmation-dialog-content{border-radius:0;width:100%}
.user-badge-vue .confirmation-window .confirmation-dialog .image-container{padding:0}
.user-badge-vue .badge-unlogged-user .fiat-id-active::before,.user-badge-vue .badge-logged-user .fiat-id-active::before{content:''}
.user-badge-vue .badge-unlogged-user .fiat-id-inactive--mobile,.user-badge-vue .badge-logged-user .fiat-id-inactive--mobile{background-image:url('../../../designs/wisdom/base/images/fiat-id-off.svg');background-repeat:no-repeat;background-size:inherit}
.user-badge-vue .badge-unlogged-user .fiat-id-inactive::before,.user-badge-vue .badge-logged-user .fiat-id-inactive::before{content:''}
.user-badge-vue .badge-unlogged-user .fiat-id-active--mobile,.user-badge-vue .badge-logged-user .fiat-id-active--mobile{background-image:url('../../../designs/wisdom/base/images/fiat-id-on.svg');background-repeat:no-repeat;background-size:inherit}
.user-badge-vue .badge-unlogged-user .fiat-id-active::before,.user-badge-vue .badge-logged-user .fiat-id-active::before{content:''}
.user-badge-vue .badge-logged-user{flex-direction:column;align-items:center;justify-content:flex-end}
.user-badge-vue .badge-logged-user .badge-logout-button{text-transform:uppercase}
.user-badge-vue .badge-logged-user .notification-badge{left:35px}
.user-badge-vue #fiat-badge-icon{margin-right:0}
}
/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-badge/user-dealership.less ***!
  \**************************************************************************************************************************/.user-dealership-vue{display:flex;flex-direction:column;justify-content:center;height:700px;margin-bottom:20px}
.user-dealership-vue__container{height:100%;display:flex;flex-direction:column;width:100%;justify-content:space-between}
.user-dealership-vue__container .header{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:15px}
.user-dealership-vue__container .header__title{font-size:2.2rem;line-height:2.8rem;font-weight:bold;margin:0;justify-content:center;width:50%;text-transform:uppercase;color:#18131f}
.user-dealership-vue__container .body{display:flex;flex-direction:column;margin-bottom:15px;height:500px;justify-content:center}
.user-dealership-vue__container .body__title{font-size:1.4rem;font-weight:100;line-height:1.7rem;margin:0 0 10px;color:#716d6d}
.user-dealership-vue__container .body__dealership{display:flex;flex-direction:row;width:100%;height:70%;justify-content:space-between;margin-bottom:30px}
.user-dealership-vue__container .body__dealership .listDealership{width:50%;display:flex;flex-direction:column;height:100%;overflow:auto}
.user-dealership-vue__container .body__dealership .listDealership__values{height:85px;display:flex;width:100%;flex-direction:row;border-bottom:1px solid #b8b8b8}
.user-dealership-vue__container .body__dealership .listDealership__values .hub-checkbox{width:10%;display:flex;justify-content:center}
.user-dealership-vue__container .body__dealership .listDealership__values .informations{width:70%;display:flex;flex-direction:column;align-content:flex-start;justify-content:center}
.user-dealership-vue__container .body__dealership .listDealership__values .informations .statusStandard,.user-dealership-vue__container .body__dealership .listDealership__values .informations .statusGold,.user-dealership-vue__container .body__dealership .listDealership__values .informations .statusPlatinum,.user-dealership-vue__container .body__dealership .listDealership__values .informations .nameDealership,.user-dealership-vue__container .body__dealership .listDealership__values .informations .adressDealership{margin:0}
.user-dealership-vue__container .body__dealership .listDealership__values .informations .statusStandard,.user-dealership-vue__container .body__dealership .listDealership__values .informations .statusGold,.user-dealership-vue__container .body__dealership .listDealership__values .informations .statusPlatinum{border:1px solid #afadb1;font-size:.9rem;text-transform:uppercase;width:60px;text-align:center;padding:1px;border-radius:10px;margin-bottom:10px}
.user-dealership-vue__container .body__dealership .listDealership__values .informations .statusStandard{color:#856404;background:#ee8752;background:linear-gradient(180deg,#ee8752 0,#cb6724 100%)}
.user-dealership-vue__container .body__dealership .listDealership__values .informations .statusGold{color:#c18b0d;background:#f4f6cc;background:linear-gradient(180deg,#f4f6cc 0,#f8f2c8 50%,#e6d145 100%)}
.user-dealership-vue__container .body__dealership .listDealership__values .informations .statusPlatinum{color:#afadb1;background:#fcfcfc;background:linear-gradient(180deg,#fcfcfc 0,#eeeaf2 25%,#fff 75%,#efefef 100%)}
.user-dealership-vue__container .body__dealership .listDealership__values .informations .nameDealership{font-size:1.2rem;font-weight:bold;line-height:1.4rem;color:#18131f}
.user-dealership-vue__container .body__dealership .listDealership__values .informations .adressDealership{font-size:1.3rem;font-weight:300;line-height:1.6rem;color:#18131f}
.user-dealership-vue__container .body__dealership .listDealership__values .location{width:20%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.user-dealership-vue__container .body__dealership .listDealership__values .location .icon-location{background-image:url('../../../designs/wisdom/base/images/location-red.svg');content:'';width:20px;height:30px;cursor:pointer;background-size:20px;margin:0;background-repeat:no-repeat}
.user-dealership-vue__container .body__dealership .listDealership__values .location .distance{color:#a2238d;font-size:1.2rem;line-height:1.4rem;font-weight:500;margin:0}
.user-dealership-vue__container .body__dealership .listDealership__empty{height:350px;display:flex;width:100%;flex-direction:column}
.user-dealership-vue__container .body__dealership .listDealership__empty .imageEmpty{background-image:url('../../../designs/wisdom/base/images/empty-dealers-repairer.png');height:100%;background-size:80%;background-repeat:no-repeat;background-position:center left}
.user-dealership-vue__container .body__dealership .listDealership__empty .title{font-size:2rem;line-height:2.4rem;margin:0;text-align:center;font-weight:500;margin-bottom:10px}
.user-dealership-vue__container .body__dealership .listDealership__empty .subtitle{font-size:1.4rem;line-height:1.8rem;text-align:center;font-weight:100;margin:0 35px}
.user-dealership-vue__container .body__dealership .dealershipSelected{width:45%;display:flex;height:100%;flex-direction:column;justify-content:space-between}
.user-dealership-vue__container .body__dealership .dealershipSelected .informationDealership{font-size:1.4rem;line-height:1.7rem;font-weight:300;margin:0 0 10px;color:#716d6d}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected{height:230px;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:#faf8f5}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected{display:flex;width:100%;flex-direction:row;height:33%;align-items:center}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .hub-radio{width:15%;display:flex;justify-content:center;margin:0}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .hub-radio__control:checked+label .hub-radio__radio{background:0;background-image:url(../../../designs/wisdom/base/images/icon-awesome-bookmark-red.png);background-repeat:no-repeat;background-size:12px;background-position:center}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .hub-radio__control:checked:hover+label .hub-radio__radio,.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .hub-radio__control:checked:focus+label .hub-radio__radio{background:0;background-image:url(../../../designs/wisdom/base/images/icon-awesome-bookmark-red.png);background-repeat:no-repeat;background-size:12px;background-position:center}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .hub-radio__radio{border:0;border-radius:0;background:0;background-image:url(../../../designs/wisdom/base/images/icon-awesome-bookmark.png);background-repeat:no-repeat;background-size:12px;background-position:center}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .hub-radio__control:checked+label .user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .hub-radio__radio{background-image:url(../../../designs/wisdom/base/images/icon-awesome-bookmark-red.png)}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected{width:70%;display:flex;flex-direction:column}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected .statusStandard,.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected .statusGold,.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected .statusPlatinum,.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected .nameDealership{margin:0}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected .statusStandard,.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected .statusGold,.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected .statusPlatinum{font-size:.9rem;text-transform:uppercase;width:60px;text-align:center;padding:1px;border-radius:10px;margin-bottom:10px;border:1px solid #afadb1}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected .statusStandard{color:#856404;background:#ee8752;background:linear-gradient(180deg,#ee8752 0,#cb6724 100%)}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected .statusGold{color:#c18b0d;background:#f4f6cc;background:linear-gradient(180deg,#f4f6cc 0,#f8f2c8 50%,#e6d145 100%)}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected .statusPlatinum{color:#afadb1;background:#fcfcfc;background:linear-gradient(180deg,#fcfcfc 0,#eeeaf2 25%,#fff 75%,#efefef 100%)}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected .statusDealership{font-size:.9rem;text-transform:uppercase;width:60px;text-align:center;padding:1px;border-radius:10px;margin:0 0 10px;border:1px solid #afadb1}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .informationDealershipSelected .nameDealership{font-size:1.2rem;font-weight:bold;line-height:1.4rem;margin:0}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__selected .removeSelected{width:15%;display:flex;justify-content:center;font-size:1.6rem;line-height:2rem;cursor:pointer;color:#716d6d}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__empty{display:flex;width:100%;flex-direction:row;height:100%;justify-content:center;align-items:center}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__empty .text{font-size:1.6rem;font-weight:100;line-height:2rem;margin:0}
.user-dealership-vue__container .body__dealership .dealershipSelected .noteDealership{color:#18131f;font-size:1.2rem;line-height:1.4rem;font-weight:300;margin:10px 0 0}
.user-dealership-vue__container .body__dealershipSelected{display:flex;flex-direction:row;width:100%;height:70%;justify-content:space-between;margin-bottom:30px}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch{width:100%;display:flex;flex-direction:column;height:100%;overflow:auto}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values{height:85px;display:flex;width:100%;flex-direction:row;border-bottom:1px solid #b8b8b8}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .iconPreference{width:10%;display:flex;flex-direction:column;align-content:flex-start;justify-content:center;align-items:center}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .iconPreference .icon-preference{background-image:url(../../../designs/wisdom/base/images/icon-awesome-bookmark-red.png);content:'';width:20px;height:30px;cursor:pointer;background-size:20px;margin:0;background-repeat:no-repeat}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .informations{width:90%;display:flex;flex-direction:column;align-content:flex-start;justify-content:center}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .informations .statusStandard,.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .informations .statusGold,.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .informations .statusPlatinum,.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .informations .nameDealership{margin:0}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .informations .statusStandard,.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .informations .statusGold,.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .informations .statusPlatinum{border:1px solid #afadb1;font-size:.9rem;text-transform:uppercase;width:60px;text-align:center;padding:1px;border-radius:10px;margin-bottom:10px}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .informations .statusStandard{color:#856404;background:#ee8752;background:linear-gradient(180deg,#ee8752 0,#cb6724 100%)}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .informations .statusGold{color:#c18b0d;background:#f4f6cc;background:linear-gradient(180deg,#f4f6cc 0,#f8f2c8 50%,#e6d145 100%)}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .informations .statusPlatinum{color:#afadb1;background:#fcfcfc;background:linear-gradient(180deg,#fcfcfc 0,#eeeaf2 25%,#fff 75%,#efefef 100%)}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .informations .nameDealership{font-size:1.6rem;font-weight:100;line-height:2.0rem;color:#18131f}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch .borderValue{border-bottom:1px solid #b8b8b8}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch .borderValue:last-child{border-bottom:0}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__buttonChange{background-color:white;width:167px;font-size:1.4rem;font-weight:100;line-height:1.7rem;margin-top:20px}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__buttonChange span.hub-button__label{font-size:1.4rem;font-weight:100;line-height:1.7rem;color:#716d6d;border-bottom:1px solid #716d6d}
.user-dealership-vue__container .body .dealershipNotEconnect{display:flex;flex-direction:column}
.user-dealership-vue__container .body .dealershipNotEconnect__title{margin:0;font-size:1.6rem;line-height:1.8rem;color:#716d6d;font-weight:bold}
.user-dealership-vue__container .body .dealershipNotEconnect__subTitle{margin:0;font-size:1.2rem;line-height:1.4rem;color:#716d6d;font-weight:100;margin-bottom:10px}
.user-dealership-vue__container .body .dealershipNotEconnect .hub-dropdown{margin-top:5px;margin-bottom:0}
.user-dealership-vue__container .body .dealershipNotEconnect .hub-dropdown label{margin:0}
.user-dealership-vue__container .body .dealershipNotEconnect .hub-dropdown .hub-dropdown-option-container{background:white}
.user-dealership-vue__container .body .dealershipNotEconnect .hub-dropdown .hub-dropdown-option-container .hub-dropdown-selected{display:none}
.user-dealership-vue__container .body .dealershipNotEconnect .hub-dropdown .hub-dropdown-option-container ul{background:white}
.user-dealership-vue__container .footer{display:flex;flex-direction:row-reverse;height:40px}
.user-dealership-vue__container .footer__next{width:206px;font-size:1.4rem;font-weight:100;line-height:1.7rem;-webkit-transform:skewx(-30deg);-moz-transform:skewx(-30deg);-o-transform:skewx(-30deg);transform:skewx(-30deg);background-color:#a2238d}
.user-dealership-vue__container .footer__next ::after{content:'';height:100%;width:2px;position:relative;left:110px;display:inline-block;background-color:#a2238d}
.user-dealership-vue__container .footer__next span.hub-button__label{transform:skewx(30deg);font-size:1.4rem;font-weight:100;line-height:1.7rem}
@media only screen and (min-width:1170px){.user-dealership-vue .dealership-modal__container{justify-content:space-evenly}
}
@media only screen and (max-width:720px){.user-dealership-vue .go-back-page-vue{position:absolute;top:0;left:5px}
.user-dealership-vue__container{justify-content:space-between;overflow-y:auto;width:100%;padding-top:10px;overflow-x:hidden}
.user-dealership-vue__container .header{display:flex;flex-direction:column;align-items:center;margin-bottom:0}
.user-dealership-vue__container .header__title{font-size:2.0rem;line-height:2.4rem;font-weight:bold;text-transform:capitalize;color:#716d6d;margin:0 0 10px;width:100%;align-content:center;display:flex}
.user-dealership-vue__container .header__informativeModal{color:#a2238d;width:100%;display:flex;justify-content:flex-end;margin-bottom:10px}
.user-dealership-vue__container .body{height:800px}
.user-dealership-vue__container .body__title{margin:10px 0}
.user-dealership-vue__container .body__dealership{flex-direction:column;overflow:auto;height:700px}
.user-dealership-vue__container .body__dealership .listDealership{width:100%;margin-bottom:20px}
.user-dealership-vue__container .body__dealership .listDealership__values{height:120px}
.user-dealership-vue__container .body__dealership .listDealership__values .informations{width:80%;padding:5px}
.user-dealership-vue__container .body__dealership .listDealership__values .location{width:10%;text-align:center}
.user-dealership-vue__container .body__dealership .listDealership__empty{height:100%;display:flex;width:100%;flex-direction:column}
.user-dealership-vue__container .body__dealership .listDealership__empty .imageEmpty{height:100%;background-position:left center;background-size:237px}
.user-dealership-vue__container .body__dealership .dealershipSelected{width:100%}
.user-dealership-vue__container .body__dealership .dealershipSelected .listDealershipSelected__empty .text{font-size:1.4rem;line-height:1.8rem}
.user-dealership-vue__container .body__dealershipSelected{flex-direction:column;overflow:auto;height:300px}
.user-dealership-vue__container .body__dealershipSelected .listDealershipSearch__values .iconPreference .icon-preference{background-size:13px;background-position:center}
.user-dealership-vue__container .body__dealership{height:700px}
.user-dealership-vue__container .body .dealershipNotEconnect{margin-bottom:20px}
.user-dealership-vue__container .body .dealershipNotEconnect__empty .text{font-size:1.4rem;line-height:1.8rem}
}
/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-badge/user-garage.less ***!
  \**********************************************************************************************************************/.user-garage-vue .garage-header{display:flex;align-items:center}
.user-garage-vue .garage-header .user-garage-header{padding-right:20px;margin:0}
.user-garage-vue .garage-header .garage-selector{height:24px;width:170px}
.user-garage-vue .user-garage-form{margin-top:30px}
.user-garage-vue .user-garage-form .add-car-button{width:200px}
.user-garage-vue .user-garage-form .loader-container{position:fixed;width:100%;height:200px;left:0}
.user-garage-vue .user-garage-form .empty-garage{display:inline-block;width:100%}
.user-garage-vue .user-garage-form .empty-garage .title{font-size:3.6rem;color:#b0b4c3;max-width:320px;line-height:1;font-weight:100;text-transform:uppercase;margin-bottom:50px}
.user-garage-vue .user-garage-form .add-car-button{width:314px;height:50px}
.user-garage-vue .user-garage-form .add-car-button span{font-size:1.2rem;font-weight:300;text-align:center}
.user-garage-vue .user-garage-form .normal-garage .user-car-list{flex-wrap:wrap;display:flex;width:100%}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .my-garage-title{font-size:28px}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car{width:320px;margin:0 12px 60px;border:1px solid #bbbdc5;padding:5px;border-radius:3px;display:flex;flex-direction:column;justify-content:space-between;background:#fff}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-header{display:flex;justify-content:space-between;align-items:center;padding:5px;min-height:34px}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-header .delete-car{background-image:url('../../../designs/wisdom/id/images/trash-can.svg');background-repeat:no-repeat;background-position:right top;width:100%;height:100%;cursor:pointer}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-header h3{font-size:1.4rem;font-weight:500;text-align:left;color:#40424a;margin:0;width:calc(100% - 40px);height:2rem;overflow:hidden}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-header .delete-car-icon{cursor:pointer}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-body{padding-top:16px;display:flex;flex-direction:column;align-items:center}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-body .description{margin:0 0 4px}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-body .image-wrapper{min-height:140px}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-body img{display:block;margin:auto;width:80%}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-body .garage-car-info{height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-body .garage-car-info .garage-car-model{font-size:18px;font-weight:500;color:#40424a;height:80px;min-height:80px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-body .garage-car-info .garage-car-version{font-size:14px;font-style:italic;color:#7f7f7f;letter-spacing:.4px;text-transform:uppercase;height:20px;min-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-body .garage-car-info .price-holder{display:flex}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-body .garage-car-info .price-holder .price-prefix{font-size:10px;font-weight:500;color:#73757d;line-height:20px;margin-right:10px}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-body .garage-car-info .price-holder .price{font-size:24px;font-weight:bold;color:#40424a;margin-top:0}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-footer{padding-top:40px;width:100%;display:flex;justify-content:center}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-footer .garage-button{flex-grow:1}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car .user-car-footer .garage-button.disabled{background-color:#eceef6;color:#40424a}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .custom-communication-chassi-container{gap:3rem;max-width:100%}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .custom-communication-chassi-container .custom-communication-chassi{position:relative}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .custom-communication-chassi-container .custom-communication-chassi .delete-car{background-image:url('../../../designs/wisdom/id/images/trash-2.svg');background-repeat:no-repeat;background-position:center;width:25px;height:25px;cursor:pointer;top:16px;position:absolute;left:221px}
@media only screen and (max-width:720px){.user-garage-vue .go-back-page-vue{position:absolute;top:0;left:5px}
.user-garage-vue .garage-header{flex-direction:column}
.user-garage-vue .garage-header .user-garage-header{padding-right:0;margin-bottom:10px}
.user-garage-vue .user-garage-form{padding:0 16px}
.user-garage-vue .user-garage-form .add-car-button{width:100%}
.user-garage-vue .user-garage-form .normal-garage .user-car-list{width:100%;margin:0}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .user-car{margin:0 0 20px 0;border-radius:0;padding-top:20px;width:100%}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .custom-communication-chassi-container .custom-communication-chassi{position:relative}
.user-garage-vue .user-garage-form .normal-garage .user-car-list .custom-communication-chassi-container .custom-communication-chassi .delete-car{top:10px;right:10px;left:auto}
}
@media only screen and (max-width:720px){.set-bg-white{background:white}
}
@media only screen and (max-width:720px){.set-bg-none{background:0}
}
/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-badge/user-info.less ***!
  \********************************************************************************************************************/.user-info-vue .user-page-header{text-transform:uppercase}
.user-info-vue .verified-icon{width:8%;position:absolute;left:90%;top:25px;cursor:pointer}
.user-info-vue .user-info-form .user-info-form-wrapper{min-width:initial;max-width:initial;margin:initial}
.user-info-vue .user-info-form .user-info-form-wrapper .fields{margin-left:0}
.user-info-vue .user-info-form .user-info-form-wrapper .fields .hub-input,.user-info-vue .user-info-form .user-info-form-wrapper .fields .hub-dropdown,.user-info-vue .user-info-form .user-info-form-wrapper .fields .hub-radio{margin-bottom:initial;margin-right:30px;width:280px}
.user-info-vue .user-info-form .user-info-form-wrapper .fields .error-container{margin-right:0}
.user-info-vue .user-info-form .user-info-form-wrapper .fields .pass-eye{content:url('../../../designs/wisdom/id/images/icon-eye.svg');position:absolute;right:12px;top:22px;cursor:pointer}
.user-info-vue .user-info-form .user-info-form-wrapper .fields .pass-eye.slashed{content:url('../../../designs/wisdom/id/images/icon-eye-slash.svg')}
.user-info-vue .user-info-form .user-info-form-wrapper .radio-group-gender{width:auto;justify-content:flex-start}
.user-info-vue .user-info-form .user-info-form-wrapper.user-info-form-wrapper-flua .fields .hub-input,.user-info-vue .user-info-form .user-info-form-wrapper.user-info-form-wrapper-flua .fields .hub-dropdown,.user-info-vue .user-info-form .user-info-form-wrapper.user-info-form-wrapper-flua .fields .hub-radio{margin-right:0;width:270px}
.user-info-vue .user-info-form .user-info-form-wrapper.user-info-form-wrapper-flua .fields .hub-input input,.user-info-vue .user-info-form .user-info-form-wrapper.user-info-form-wrapper-flua .fields .hub-dropdown input,.user-info-vue .user-info-form .user-info-form-wrapper.user-info-form-wrapper-flua .fields .hub-radio input{width:unset}
.user-info-vue .user-info-form .access-data{max-width:650px}
.user-info-vue .user-info-form .cnpj-data .cnpj-info{margin-bottom:21px}
.user-info-vue .user-info-form.contact-options{margin-bottom:67px}
.user-info-vue .user-info-form.contact-options .hub-checkbox{margin-bottom:23px}
.user-info-vue .user-info-form.contact-options .contact-options__whatsApp .input-label::after{content:url('../../../designs/wisdom/base/images/icon-whatsapp-text.svg');margin-left:12px}
.user-info-vue .user-info-form.financial-disclaimer{margin:10px 10px 50px}
.user-info-vue .profile-picture{cursor:pointer;width:176px;min-height:176px;height:auto}
.user-info-vue .profile-picture__without-picture{width:100%;height:100%;padding:0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.user-info-vue .profile-picture__without-picture__container{background-color:#ececee;border-radius:50%;width:120px;height:120px;display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.user-info-vue .profile-picture__without-picture__container svg{width:35px;height:28px}
.user-info-vue .profile-picture__without-picture span{font-size:1.2rem;font-weight:800;text-transform:uppercase;text-align:center}
.user-info-vue .profile-picture img{width:100%;height:100%;border-radius:50%}
@media only screen and (max-width:720px){.user-info-vue .go-back-page-vue{position:absolute;top:0;left:5px}
.user-info-vue .user-info-form .user-info-form-wrapper .fields{margin:0 0 26px}
.user-info-vue .user-info-form .user-info-form-wrapper .fields div{margin-right:0}
.user-info-vue .user-info-form .user-info-form-wrapper .fields .hub-input,.user-info-vue .user-info-form .user-info-form-wrapper .fields .hub-dropdown{width:100%}
.user-info-vue .profile-picture{margin-left:auto;margin-right:auto}
}
/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-badge/user-login.less ***!
  \*********************************************************************************************************************/.user-login-vue{width:100%;min-width:300px;min-height:600px;position:fixed;top:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#0000006b;border-bottom:0;margin-bottom:0;z-index:300}
.user-login-vue .login-container{width:380px;min-height:560px;max-height:100%;height:auto;overflow:auto}
.user-login-vue .go-back-page-vue{padding-left:0}
.user-login-vue .btn-facebook.hub-button{background-color:#32579e}
.user-login-vue .btn-facebook.hub-button span{color:#fff}
.user-login-vue .btn-google.hub-button{background-color:#4285f4;display:flex;align-items:center}
.user-login-vue .btn-google.hub-button span{color:#fff}
.user-login-vue .btn-google.hub-button .icon{display:flex;align-items:center;justify-content:center;border-radius:2px;background:#fff;height:38px;min-width:38px;flex:1;margin-right:1rem}
.user-login-vue .hub-input input.hub-input-field{width:auto;padding-right:3.5rem}
.user-login-vue .hub-input .before-input-container{position:relative}
.user-login-vue .hub-input label{display:block;margin-bottom:.8rem}
.user-login-vue .hub-input .cleaner{position:absolute;bottom:-25px;right:12px;content:url('../../../designs/wisdom/id/images/icon-x.svg');cursor:pointer}
.user-login-vue .hub-input .pass-eye{content:url('../../../designs/wisdom/id/images/icon-eye.svg');position:absolute;bottom:-30px;right:8px;width:22px;cursor:pointer}
.user-login-vue .hub-input .pass-eye.slashed{content:url('../../../designs/wisdom/id/images/icon-eye-slash.svg')}
.user-login-vue .close-icon-message{position:absolute;top:15px;right:15px}
.user-login-vue .close-icon-message .btn-close:before{content:'';display:block;background-image:url('../../../designs/wisdom/base/images/icon-close.png');width:24px;height:24px;background-repeat:no-repeat;background-size:cover;cursor:pointer}
.user-login-vue .header{display:flex;align-items:center;justify-content:center}
.user-login-vue .header .badge{text-align:center}
.user-login-vue .header .badge .badge-image{width:53px;height:53px;display:block;background-image:url('../../../designs/wisdom/base/images/fiat-id-off.svg');background-repeat:no-repeat;background-size:contain}
.user-login-vue .header .info{position:relative}
.user-login-vue .header .info .message{width:120px;text-align:left}
.user-login-vue .ft-su-email-confirm .header,.user-login-vue .ft-si-rec-pass .header{display:block}
.user-login-vue .ft-su-email-confirm .header .badge img,.user-login-vue .ft-si-rec-pass .header .badge img{width:52px}
.user-login-vue .detail ul{list-style-type:disc}
.user-login-vue .buttons{align-items:center;display:flex;flex-direction:column;row-gap:1.2rem}
.user-login-vue .rich-text-wrapper p{font-size:inherit}
@media only screen and (max-width:720px){.user-login-vue{min-height:unset;margin-top:var(--menu-top-height)}
.user-login-vue .login-container{max-width:100%;max-height:100%;height:100%;width:100%;border-radius:0;padding-bottom:8.5rem}
.user-login-vue .login-container .detail{display:flex;flex-direction:column;align-items:center}
}
/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-badge/user-menu.less ***!
  \********************************************************************************************************************/.user-badge .user-menu-vue{background:#fff;height:calc(100% - 50px);left:0;overflow-y:scroll;overflow-x:hidden;padding:20px;position:fixed;top:50px;width:100%;z-index:-1}
.user-badge .user-menu-vue--active{display:inherit}
.user-badge .user-menu-vue--disabled{display:none}
.user-badge .user-menu-vue .hub-container{width:100%;max-width:1036px;margin:0 auto;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;min-height:130px}
.user-badge .user-menu-vue .user-profile{display:flex;align-items:flex-start;justify-content:space-between;z-index:1}
.user-badge .user-menu-vue .user-profile .col-left,.user-badge .user-menu-vue .user-profile .col-right{display:inline-block}
.user-badge .user-menu-vue .user-profile .profile-picture{display:inline-block}
.user-badge .user-menu-vue .user-profile .profile-picture>img{width:92px;border-radius:50%;border:1px solid #e50353;cursor:pointer;margin:0 28px 0 0}
.user-badge .user-menu-vue .user-profile .user-loyalty-program{margin-top:6px;display:flex;align-items:center}
.user-badge .user-menu-vue .user-profile .user-loyalty-program__info{display:inline-block;padding:3px 0;font-weight:300;font-size:1.4rem}
.user-badge .user-menu-vue .user-profile .user-loyalty-program__info-icon{margin:10px;width:20px;height:20px}
.user-badge .user-menu-vue .user-profile .page-navigation{width:100%;display:inline-block;margin-top:6px}
.user-badge .user-menu-vue .user-profile .page-navigation>ul{margin:0;padding:0}
.user-badge .user-menu-vue .user-profile .page-navigation>ul>li{width:100%;cursor:pointer;list-style:none;display:inline-block}
.user-badge .user-menu-vue .user-profile .page-navigation>ul>li span{display:inline-block;padding:3px 0;font-weight:300;font-size:1.4rem}
.user-badge .user-menu-vue .user-profile .user-detail{display:inline-block}
.user-badge .user-menu-vue .user-profile .user-detail p{margin:0}
.user-badge .user-menu-vue .user-profile .user-detail .user-name{font-weight:bold;font-size:2rem;color:#40424a;text-transform:uppercase}
.user-badge .user-menu-vue .user-profile .user-detail .user-location{font-size:1.2rem;font-weight:600;margin-top:20px}
.user-badge .user-menu-vue .user-profile .user-detail .change-location-link{font-style:italic;font-size:1.2rem;color:#7f7f7f;padding:5px 0;display:block;cursor:pointer}
.user-badge .user-menu-vue .hubID-tab{max-width:618px;display:inline-block}
.user-badge .user-menu-vue .hubID-tab .close-button{display:none}
.user-badge .user-menu-vue .hubID-tab .title{font-size:2rem;font-weight:bold;color:#40424a}
.user-badge .user-menu-vue .hubID-tab .text{margin:9px 0 18px 0;font-size:1.4rem;line-height:1.29;color:#40424a}
.user-badge .user-menu-vue .hubID-tab .hub-tabs,.user-badge .user-menu-vue .hubID-tab .hub-tabs-menus{display:inline-block;width:100%;height:50px}
.user-badge .user-menu-vue .hubID-tab .hub-tabs ul,.user-badge .user-menu-vue .hubID-tab .hub-tabs-menus ul{display:inline-block;width:100%;margin:0;padding:0;list-style:none}
.user-badge .user-menu-vue .hubID-tab .hub-tabs ul li,.user-badge .user-menu-vue .hubID-tab .hub-tabs-menus ul li{width:50%;height:50px;display:flex;align-items:center;justify-content:center;float:left;cursor:pointer;background:#fff;border:1px solid #4a4a4a}
.user-badge .user-menu-vue .hubID-tab .hub-tabs ul li:last-child,.user-badge .user-menu-vue .hubID-tab .hub-tabs-menus ul li:last-child{border-left:0}
.user-badge .user-menu-vue .hubID-tab .hub-tabs ul li span,.user-badge .user-menu-vue .hubID-tab .hub-tabs-menus ul li span{text-transform:uppercase;color:#40424a;font-size:1.2rem}
.user-badge .user-menu-vue .hubID-tab .hub-tabs ul li.active,.user-badge .user-menu-vue .hubID-tab .hub-tabs-menus ul li.active{background:#e50353;border-color:#e50353}
.user-badge .user-menu-vue .hubID-tab .hub-tabs ul li.active span,.user-badge .user-menu-vue .hubID-tab .hub-tabs-menus ul li.active span{color:#fff}
.user-badge .user-menu-vue .hubID-tab .hub-tabs-menus ul li{width:33.3%}
.user-badge .user-menu-vue .user-pages{width:100%;display:inline-block;margin-top:40px}
.user-badge .user-menu-vue .user-pages *>.collapsible-arrow{display:flex;margin-left:19px}
.user-badge .user-menu-vue .user-pages *>.collapsible-arrow svg{width:8px;height:13px;transform:rotate(-90deg)}
.user-badge .user-menu-vue .user-pages *.open .collapsible-arrow svg{transform:rotate(90deg)}
.user-badge .user-menu-vue .user-pages .user-page-header{margin:20px 0 40px}
.user-badge .user-menu-vue .user-pages .user-page-section{font-size:2rem;font-weight:bold;margin:20px 0}
.user-badge .user-menu-vue .user-pages .nav-section{display:none}
.user-badge .user-menu-vue .button-wrapper{width:280px;margin:10px 0 50px}
.user-badge .user-menu-vue .close-button{background-position:center;background:url('../../../designs/wisdom/base/images/fiat-flag-close-black.svg') no-repeat;border:0;cursor:pointer;height:28px;width:28px;position:absolute;right:82px;top:28px;z-index:200}
.user-badge .user-menu-vue .dropdown-user-menu{display:flex;justify-content:flex-end}
.user-badge .user-menu-vue .dropdown-user-menu--container{background:#fff;height:fit-content;min-width:250px;width:520px;margin-top:4px;border-radius:4px 4px 16px 16px;z-index:900}
.user-badge .user-menu-vue .dropdown-user-menu--container ul{list-style:none;padding:0}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li{color:var(--default-brand-primary-color);cursor:pointer;height:66px;font-size:1.2rem;font-weight:bold;border-bottom:1px solid color-mix(in srgb,#151414 10%,transparent);display:flex;align-items:center;padding:20px}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li:first-of-type{height:80px}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:0;height:80px}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li img,.user-badge .user-menu-vue .dropdown-user-menu--container ul li svg{width:24px;height:24px;margin-right:14px}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li img.verified-icon{width:14px;height:14px;margin-left:10px}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li .text span{display:block}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li .text .menu-item{display:flex;font-size:1.4rem;align-items:center}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li .text .menu-item .highlight{background-color:color-mix(in srgb,var(--default-flua-secondary-brackground) 20%,#fff);border-radius:3px;color:color-mix(in srgb,var(--default-brand-primary-color) 50%,#000);display:inline-block;font-size:.8rem;font-weight:bold;margin-left:14px;padding:4px 6px;text-transform:uppercase}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li .text .subtext{font-size:1.2rem;font-weight:500;color:color-mix(in srgb,#151414 60%,transparent);margin-top:4px;min-width:350px}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li .notification{background-color:var(--default-brand-primary-color);color:#fff;border-radius:50%;font-weight:bold;height:32px;width:46px;margin-left:60px;display:flex;justify-content:center;align-items:center}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li .notification--content{font-size:1.2rem;text-align:center;display:block;padding:12px}
@media only screen and (max-width:720px){.user-badge .user-menu-vue{display:flex;flex-flow:column;height:calc(100% -  121px);padding-top:0;top:56px;width:100%}
.user-badge .user-menu-vue .hub-container{height:calc(100% -  121px)}
.user-badge .user-menu-vue .hubID-tab{margin-top:30px}
.user-badge .user-menu-vue .hubID-tab .hub-tabs-menus ul li{width:100%}
.user-badge .user-menu-vue .hubID-tab .hub-tabs-menus ul li:first-child{border-bottom:0}
.user-badge .user-menu-vue .hubID-tab .hub-tabs-menus ul li:last-child{border-top:0;border-left:1px solid #4a4a4a}
.user-badge .user-menu-vue .user-profile{width:100%;padding:46px 28px 20px 28px;flex-direction:column}
.user-badge .user-menu-vue .user-profile .col-left,.user-badge .user-menu-vue .user-profile .col-right{width:100%}
.user-badge .user-menu-vue .user-profile .user-detail{margin:17px 0}
.user-badge .user-menu-vue .user-profile .user-detail .user-name{font-size:2.5rem;line-height:1}
.user-badge .user-menu-vue .user-profile .user-loyalty-program__info{text-transform:capitalize;font-size:1.7rem;line-height:1.4}
.user-badge .user-menu-vue .user-profile .page-navigation{width:100%}
.user-badge .user-menu-vue .user-profile .page-navigation ul{width:100%}
.user-badge .user-menu-vue .user-profile .page-navigation ul li{width:100%;border-bottom:1px solid #bbbdc5;padding:13px 0}
.user-badge .user-menu-vue .user-profile .page-navigation ul li:last-child{border:0}
.user-badge .user-menu-vue .user-profile .page-navigation ul li span{text-transform:capitalize;font-size:1.7rem;line-height:1.4}
.user-badge .user-menu-vue .close-button{height:26px;width:26px;right:16px;z-index:100}
.user-badge .user-menu-vue .user-pages{padding:0 20px;width:100%}
.user-badge .user-menu-vue .user-pages .user-page-header{text-align:center}
.user-badge .user-menu-vue .user-pages .user-loyalty-program{padding:0 20px}
.user-badge .user-menu-vue .user-pages .user-loyalty-program__info{font-size:1.8rem;font-weight:500;padding:20px 0}
.user-badge .user-menu-vue .user-pages .page-navigation{padding:0 20px}
.user-badge .user-menu-vue .user-pages .page-navigation>ul>li{font-size:1.8rem;font-weight:500;padding:20px 0;position:relative;display:flex;flex-flow:row-reverse;justify-content:space-between}
.user-badge .user-menu-vue .user-pages .page-navigation>ul>li:before{content:url('../../../designs/wisdom/base/images/arrow-next.svg')}
.user-badge .user-menu-vue .user-pages .page-navigation>ul>li:not(:last-child):after{content:'';width:90px;height:1px;position:absolute;background:#bbbdc5;bottom:0;left:15px}
.user-badge .user-menu-vue .user-location{display:block;padding:0 20px;width:100%}
.user-badge .user-menu-vue .user-location .location{margin-top:10px;text-align:center}
.user-badge .user-menu-vue .user-location .location .user-location{margin:0;font-size:1.2rem;font-weight:600;font-style:normal;font-stretch:normal;letter-spacing:normal;text-align:center;color:#4a4a4a}
.user-badge .user-menu-vue .user-location .location .change-location-link{font-size:1.2rem;font-weight:normal;font-style:italic;color:#7f7f7f;text-decoration:underline}
.user-badge .user-menu-vue .button-wrapper{margin:10px auto 30px}
.user-badge .user-menu-vue .dropdown-user-menu--container{width:100%;margin-top:0;border-radius:0 0 16px 16px}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li{height:80px}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li .text .subtext{margin-bottom:4px;min-width:auto}
.user-badge .user-menu-vue .dropdown-user-menu--container ul li .notification{margin-left:0;height:32px;min-width:32px}
}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-badge/user-reservation-login.less ***!
  \*********************************************************************************************************************************/.user-reservation-login .user-reservation-login__container{position:absolute;top:55px;right:5px;z-index:300}
.user-reservation-login .user-reservation-login__container .user-reservation-login__inner{width:200px;min-height:135px;margin:0;display:flex;align-items:center;justify-content:center;margin:0 auto;text-align:center;border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);padding:25px 10px 20px;background-color:#e3e3e3;font-size:1.4rem}
.user-reservation-login .user-reservation-login__container .user-reservation-login__inner.user-reservation-login__inner--authenticated{padding:10px;flex-direction:column;align-items:center}
.user-reservation-login .user-reservation-login__container .user-reservation-login__inner .user-reservation-login__inner__change-btn{width:125px;height:30px;padding:8px;background-color:#bfbfbf;cursor:pointer;font-size:1.2rem;text-transform:uppercase;font-weight:bold}
.user-reservation-login .user-reservation-login__container .user-reservation-login__inner .user-reservation-login__inner__continue-btn{width:125px;height:30px;padding:8px;font-size:1.2rem;background-color:#ffba00;margin-bottom:10px;cursor:pointer;text-transform:uppercase;font-weight:bold}
.user-reservation-login .user-reservation-login__container:after{content:'';position:absolute;top:0;left:50%;width:0;height:0;border:20px solid transparent;border-bottom-color:white;border-top:0;margin-left:30px;margin-top:-15px;border-bottom-color:#e3e3e3}
/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-badge/user-service.less ***!
  \***********************************************************************************************************************/.user-service{margin-bottom:50px}
.user-service__paragraph{text-align:center;font-size:1.4rem}
.user-service__table{border-spacing:0}
.user-service__table .header-cell,.user-service__table .table-cell{padding:0 15px}
.user-service__table .header-cell{text-transform:uppercase;padding-top:20px;padding-bottom:20px}
.user-service__table .hub-button{min-width:80px;height:30px;width:100px;padding:8px}
.user-service__table .hub-button--link-b2{text-decoration:underline}
.user-service .dialog-modal{overflow-y:scroll;height:500px}
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-badge/user-testdrive-cnh-modal.less ***!
  \***********************************************************************************************************************************/.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload{position:relative;width:100%}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .preview{box-shadow:0 1px 1px 0 rgba(0,0,0,0.5);border:solid .5px #bbbdc5;background-color:#fff;padding:8px;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:31px;border-radius:3px}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .preview .information{flex:1;font-size:1.2rem;color:#40424a;display:flex;align-items:center;justify-content:flex-start;padding-left:23px}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .preview .information .title{font-weight:bold}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .preview .information .title,.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .preview .information .name{width:100%}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .preview .remove-file{position:absolute;top:11px;right:11px}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .preview .image{width:73px;height:73px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .preview .image img{width:100%}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .upload-bar{width:100%;height:45px;background:#716d6d;display:flex;align-items:center;justify-content:center;position:relative;margin:20px 0;overflow:hidden}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .upload-bar span{font-size:1.2rem;color:#fff;position:relative;z-index:1}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .upload-bar .progress{position:absolute;width:70%;height:100%;background:linear-gradient(to right,rgba(229,3,83,0),#e50353,rgba(229,3,83,0));left:-70%}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .upload-bar.start .progress{animation:progressAnimationStrike 1.4s linear;animation-iteration-count:infinite}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .input-wrapper{margin-top:50px}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .input-wrapper input{display:none}
.user-testdrive-cnh-modal-vue .test-drive-modal-container .test-drive-modal-content .upload .input-wrapper .hub-button{width:250px}
@keyframes progressAnimationStrike{from{left:-70%}
to{left:100%}
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./src/components/user-badge/user-testdrive-details-modal.less ***!
  \***************************************************************************************************************************************/.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .dealer .name{margin-top:5px}
.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .dealer .name,.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .dealer .address,.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .dealer .tel{display:block}
.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .date-time .date,.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .date-time .time{width:49%;display:inline-block}
.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .review .has-error .label,.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .review .has-error .no-awnser{color:#e50353}
.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .review .review-title{font-size:1.4rem;font-weight:bold;line-height:1.29;color:#40424a;text-transform:uppercase;margin-bottom:20px}
.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .review-success .information-text{margin-bottom:80px}
.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .review-success .information-text strong{text-align:center;text-transform:uppercase}
.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .hub-button{border:1px solid #979797;background:#fff;padding:0;width:100%;height:45px}
.user-testdrive-details-modal-vue .test-drive-modal-container .test-drive-modal-content .hub-button .hub-button__label{font-size:1.2rem;color:#151414}
.user-testdrive-details-modal-vue .test-drive-modal-container .user-testdrive-review-vue{text-align:center}
.user-testdrive-details-modal-vue .test-drive-modal-container .user-testdrive-review-vue .stars{display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.user-testdrive-details-modal-vue .test-drive-modal-container .user-testdrive-review-vue .stars .star{margin:0 5px}
.user-testdrive-details-modal-vue .test-drive-modal-container .user-testdrive-review-vue .stars .star svg{width:30px;height:29px}
.user-testdrive-details-modal-vue .test-drive-modal-container .user-testdrive-review-vue .stars .star svg .selected{fill:#e50353}
.user-testdrive-details-modal-vue .test-drive-modal-container .user-testdrive-review-vue .label,.user-testdrive-details-modal-vue .test-drive-modal-container .user-testdrive-review-vue .no-awnser{font-size:1.2rem;font-weight:300;color:#73757d;margin:0 0 23px 0;display:inline-block;text-align:center;width:100%}
.user-testdrive-details-modal-vue .test-drive-modal-container .user-testdrive-review-vue .label{text-transform:uppercase}