@-webkit-keyframes dots-6071d02a {
    0% {
        content: ""
    }

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

    75% {
        content: "..."
    }
}

@keyframes dots-6071d02a {
    0% {
        content: ""
    }

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

    75% {
        content: "..."
    }
}

@-webkit-keyframes headShake-6071d02a {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake-6071d02a {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes flash-6071d02a {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes flash-6071d02a {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomIn-6071d02a {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1
    }
}

@keyframes zoomIn-6071d02a {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes swing-6071d02a {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing-6071d02a {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes button__preloader-6071d02a {
    0% {
        width: 0;
        left: 0
    }

    50% {
        width: 100%;
        left: 0
    }

    to {
        width: 0;
        left: 100%
    }
}

@keyframes button__preloader-6071d02a {
    0% {
        width: 0;
        left: 0
    }

    50% {
        width: 100%;
        left: 0
    }

    to {
        width: 0;
        left: 100%
    }
}

[data-v-6071d02a]:root {
    --light-grey-blue: #b1b5be;
    --gray: #e2e2e2;
    --dark-grey-blue: #2e2e54;
    --light-blue-grey: #d2d4d8;
    --white-two: #f7f7f7;
    --grey-blue: #69748c;
    --black: #000;
    --color-danger: #d10a34;
    --color-success: #52bc77;
    --color-danger-light: rgba(209,10,52,.05);
    --color-success-light: rgba(59,173,75,.05)
}

@-webkit-keyframes fade-hide-button-6071d02a {
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    to {
        opacity: .53
    }
}

@keyframes fade-hide-button-6071d02a {
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    to {
        opacity: .53
    }
}

.m-theme-light[data-v-6071d02a] {
    --m-text-white: #fff;
    --m-text-white-03: hsla(0,0%,100%,.6);
    --m-text-dark: #2e2e54;
    --m-text-dark-03: rgba(105,116,140,.6);
    --m-text-01: #2e2e54;
    --m-text-02: #53566f;
    --m-text-03: rgba(105,116,140,.6);
    --m-text-01-inverse: #fff;
    --m-text-02-inverse: hsla(0,0%,100%,.8);
    --m-text-03-inverse: hsla(0,0%,100%,.6);
    --m-text-positive: #339962;
    --m-text-positive-hover: #66cc95;
    --m-text-negative: #ee412b;
    --m-text-negative-hover: #f08475;
    --m-text-warning: #ffb72a;
    --m-text-warning-hover: #ffd075;
    --m-text-info: #2d81e0;
    --m-text-info-hover: #87b7ed;
    --m-bg-white: #fff;
    --m-bg-white-02: #f7f7f7;
    --m-base-01: #fff;
    --m-base-02: #f4f4f5;
    --m-base-03: #e8e8ee;
    --m-base-04: #d3d4db;
    --m-base-05: #a5a5b2;
    --m-base-06: #78788b;
    --m-base-07: #40405b;
    --m-base-08: #393955;
    --m-base-09: #32324f;
    --m-base-10: #292948;
    --m-base-11: #1e1e3e;
    --m-pink-primary: #d13980;
    --m-pink-primary-hover: #ba2b6e;
    --m-pink-primary-pressed: #a62662;
    --m-pink-secondary: #fbe8f3;
    --m-pink-secondary-hover: #f7d4e8;
    --m-pink-secondary-pressed: #f4bedd;
    --m-blue-primary: #66c0da;
    --m-blue-primary-hover: #3eb0d0;
    --m-blue-primary-pressed: #2b93b1;
    --m-blue-secondary: #e2f3f8;
    --m-blue-secondary-hover: #c1e6f0;
    --m-blue-secondary-pressed: #a5dae9;
    --m-clear: rgba(82,114,145,.08);
    --m-clear-hover: rgba(82,114,145,.16);
    --m-clear-pressed: rgba(82,114,145,.2);
    --m-transparent-03: rgba(17,17,34,.03);
    --m-transparent-05: rgba(17,17,34,.05);
    --m-transparent-10: rgba(17,17,34,.1);
    --m-transparent-20: rgba(17,17,34,.2);
    --m-transparent-25: rgba(17,17,34,.25);
    --m-transparent-50: rgba(17,17,34,.5);
    --m-transparent-75: rgba(17,17,34,.75);
    --m-transparent-90: rgba(17,17,34,.9);
    --m-transparent-100: #112;
    --m-positive-primary: #1fb141;
    --m-positive-primary-hover: #189a2e;
    --m-positive-primary-pressed: #0d731e;
    --m-positive-secondary: rgba(31,177,65,.12);
    --m-positive-secondary-hover: rgba(31,177,65,.24);
    --m-positive-secondary-pressed: rgba(31,177,65,.32);
    --m-negative-primary: #dd473b;
    --m-negative-primary-hover: #cb3d35;
    --m-negative-primary-pressed: #ba342e;
    --m-negative-secondary: rgba(221,71,59,.12);
    --m-negative-secondary-hover: rgba(221,71,59,.24);
    --m-negative-secondary-pressed: rgba(221,71,59,.32);
    --m-warning-primary: #fc0;
    --m-warning-primary-hover: #f0c000;
    --m-warning-primary-pressed: #e5b800;
    --m-warning-secondary: rgba(255,183,42,.12);
    --m-warning-secondary-hover: rgba(255,183,42,.24);
    --m-warning-secondary-pressed: rgba(255,183,42,.32);
    --m-info-primary: #6095ec;
    --m-info-secondary: rgba(96,149,236,.12);
    --m-info-secondary-hover: rgba(96,149,236,.24);
    --m-info-secondary-pressed: rgba(96,149,236,.32);
    --m-neutral-primary: #79818c;
    --m-neutral-secondary: hsla(215,8%,51%,.12);
    --m-neutral-secondary-hover: hsla(215,8%,51%,.24);
    --m-neutral-secondary-pressed: hsla(215,8%,51%,.32);
    --m-shadow-card: 0 0 0.25rem 0 rgba(0,0,0,.06),0 0.25rem 0.5rem 0 rgba(0,0,0,.04);
    --m-shadow-tooltip: 0 0.25rem 1rem 0 rgba(0,0,0,.08),0 0 0.125rem 0 rgba(0,0,0,.08);
    --m-shadow-dropdown: 0 2rem 2rem -1rem rgba(0,0,0,.08),0 0 1.5rem 0 rgba(0,0,0,.12)
}

.m-theme-light button[data-v-6071d02a],.m-theme-light[data-v-6071d02a] {
    font-family: aktiv-grotesk,sans-serif!important
}

.m-theme-dark[data-v-6071d02a] {
    --m-text-white: #fff;
    --m-text-white-03: hsla(0,0%,100%,.6);
    --m-text-dark: #2e2e54;
    --m-text-dark-03: rgba(105,116,140,.6);
    --m-text-01: #fff;
    --m-text-02: hsla(0,0%,100%,.8);
    --m-text-03: hsla(0,0%,100%,.6);
    --m-text-01-inverse: #2e2e54;
    --m-text-02-inverse: #53566f;
    --m-text-03-inverse: rgba(105,116,140,.6);
    --m-text-positive: #39ac6f;
    --m-text-positive-hover: #79d2a3;
    --m-text-negative: #f05642;
    --m-text-negative-hover: #f2988c;
    --m-text-warning: #ffc043;
    --m-text-warning-hover: #ffd788;
    --m-text-info: #438ee3;
    --m-text-info-hover: #87b7ed;
    --m-bg-white: #fff;
    --m-bg-white-02: #f7f7f7;
    --m-base-01: #1e1e3e;
    --m-base-02: #292948;
    --m-base-03: #32324f;
    --m-base-04: #393955;
    --m-base-05: #40405b;
    --m-base-06: #78788b;
    --m-base-07: #a5a5b2;
    --m-base-08: #d3d4db;
    --m-base-09: #e8e8ee;
    --m-base-10: #f4f4f5;
    --m-base-11: #fff;
    --m-pink-primary: #d64e8d;
    --m-pink-primary-hover: #cf307a;
    --m-pink-primary-pressed: #bb2b6e;
    --m-pink-secondary: rgba(198,70,160,.16);
    --m-pink-secondary-hover: rgba(198,70,160,.32);
    --m-pink-secondary-pressed: rgba(198,70,160,.4);
    --m-blue-primary: #7bc9df;
    --m-blue-primary-hover: #52b7d5;
    --m-blue-primary-pressed: #30a5c5;
    --m-blue-secondary: rgba(125,177,192,.16);
    --m-blue-secondary-hover: rgba(125,177,192,.32);
    --m-blue-secondary-pressed: rgba(125,177,192,.4);
    --m-clear: rgba(198,207,215,.16);
    --m-clear-hover: rgba(198,207,215,.32);
    --m-clear-pressed: rgba(198,207,215,.4);
    --m-transparent-03: hsla(0,0%,100%,.03);
    --m-transparent-05: hsla(0,0%,100%,.05);
    --m-transparent-10: hsla(0,0%,100%,.1);
    --m-transparent-20: hsla(0,0%,100%,.2);
    --m-transparent-25: hsla(0,0%,100%,.25);
    --m-transparent-50: hsla(0,0%,100%,.5);
    --m-transparent-75: hsla(0,0%,100%,.75);
    --m-transparent-90: hsla(0,0%,100%,.9);
    --m-transparent-100: #fff;
    --m-positive-primary: #23c749;
    --m-positive-primary-hover: #1bb034;
    --m-positive-primary-pressed: #0f8a24;
    --m-positive-secondary: rgba(35,199,73,.2);
    --m-positive-secondary-hover: rgba(35,199,73,.32);
    --m-positive-secondary-pressed: rgba(35,199,73,.4);
    --m-negative-primary: #e05b51;
    --m-negative-primary-hover: #d15049;
    --m-negative-primary-pressed: #cd3c35;
    --m-negative-secondary: rgba(224,91,81,.2);
    --m-negative-secondary-hover: rgba(224,91,81,.32);
    --m-negative-secondary-pressed: rgba(224,91,81,.4);
    --m-warning-primary: #ffd11a;
    --m-warning-primary-hover: #f2c10d;
    --m-warning-primary-pressed: #daad0b;
    --m-warning-secondary: rgba(255,199,89,.2);
    --m-warning-secondary-hover: rgba(255,199,89,.32);
    --m-warning-secondary-pressed: rgba(255,199,89,.4);
    --m-info-primary: #77a5ef;
    --m-info-secondary: rgba(119,165,239,.2);
    --m-info-secondary-hover: rgba(119,165,239,.32);
    --m-info-secondary-pressed: rgba(119,165,239,.4);
    --m-neutral-primary: #949aa4;
    --m-neutral-secondary: hsla(217,9%,55%,.12);
    --m-neutral-secondary-hover: hsla(216,8%,61%,.32);
    --m-neutral-secondary-pressed: hsla(216,8%,61%,.4);
    --m-shadow-card: 0 0 0.5rem 0 rgba(0,0,0,.06),0 0.25rem 0.5rem 0 rgba(0,0,0,.15);
    --m-shadow-tooltip: 0 0.5rem 1rem 0 rgba(0,0,0,.3),0 0 0.125rem 0 rgba(0,0,0,.3);
    --m-shadow-dropdown: 0 2rem 2rem -1rem rgba(0,0,0,.16),0 0 1.5rem 0 rgba(0,0,0,.22)
}

.m-toast-backdrop[data-v-6071d02a] {
    position: fixed;
    z-index: 9999999;
    max-width: 697px;
    top: 0
}

.m-toast-backdrop-right[data-v-6071d02a] {
    right: 0
}

.m-toast-backdrop-middle[data-v-6071d02a] {
    left: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.m-toast-backdrop-left[data-v-6071d02a] {
    left: 0
}

.masked-input[data-v-6071d02a] {
    display: block;
    position: relative
}

.masked-input>div.masked-input__placeholder[data-v-6071d02a] {
    width: calc(100% - 2px)!important;
    height: calc(100% - 2px)!important;
    padding: 1px 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: absolute;
    left: 1px;
    top: 1px;
    color: var(--color-bg-alpha7,var(--light-blue-grey));
    background-color: var(--color-bg-quiz,#fff);
    border: 1px solid transparent;
    line-height: 1;
    z-index: 1
}

@-moz-document url-prefix() {
    .masked-input>div.masked-input__placeholder span[data-v-6071d02a] {
        opacity: .55
    }
}

.control .icon {
    font-size: 1.5rem
}

.b-masked-input-placeholder {
    font-size: 15px;
    font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif
}

.phone-input-variants:dir(rtl) .b-masked-input-placeholder {
    padding-right: 54px!important
}

.m-tooltip {
    position: relative;
    overflow: visible!important
}

.m-tooltip:before {
    content: attr(data-tooltip);
    pointer-events: none;
    position: absolute;
    z-index: 1050;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 7rem;
    max-width: 13rem;
    border-radius: var(--maz-border-radius);
    border-width: var(--maz-border-width);
    padding: .25rem .5rem;
    text-align: center;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 5px 10px #0000000d
}

.m-tooltip--default:before {
    border-color: var(--maz-color-bg-light);
    background-color: var(--maz-color-bg);
    color: var(--maz-color-text)
}

.m-tooltip--default:is([class~=dark] *):before {
    border-color: var(--maz-color-bg-lighter);
    background-color: var(--maz-color-bg-light)
}

.m-tooltip--primary:before {
    border-color: var(--maz-color-primary-600);
    background-color: var(--maz-color-primary);
    color: var(--maz-color-primary-contrast)
}

.m-tooltip--secondary:before {
    border-color: var(--maz-color-secondary-600);
    background-color: var(--maz-color-secondary);
    color: var(--maz-color-secondary-contrast)
}

.m-tooltip--success:before {
    border-color: var(--maz-color-success-600);
    background-color: var(--maz-color-success);
    color: var(--maz-color-success-contrast)
}

.m-tooltip--warning:before {
    border-color: var(--maz-color-warning-600);
    background-color: var(--maz-color-warning);
    color: var(--maz-color-warning-contrast)
}

.m-tooltip--danger:before {
    border-color: var(--maz-color-danger-600);
    background-color: var(--maz-color-danger);
    color: var(--maz-color-danger-contrast)
}

.m-tooltip--info:before {
    border-color: var(--maz-color-info-600);
    background-color: var(--maz-color-info);
    color: var(--maz-color-info-contrast)
}

.m-tooltip--light:before {
    border-color: var(--maz-color-text-light);
    background-color: var(--maz-color-text-light);
    color: var(--maz-color-text-dark)
}

.m-tooltip--dark:before {
    border-color: var(--maz-color-text-dark);
    background-color: var(--maz-color-text-dark);
    color: var(--maz-color-text-light)
}

.m-tooltip--white:before {
    border-color: var(--maz-color-white);
    background-color: var(--maz-color-white);
    color: var(--maz-color-text-dark)
}

.m-tooltip--black:before {
    border-color: var(--maz-color-black);
    background-color: var(--maz-color-black);
    color: var(--maz-color-text-light)
}

.m-tooltip--theme:before {
    border-color: var(--maz-color-bg-theme);
    background-color: var(--maz-color-bg-theme);
    color: var(--maz-color-bg)
}

.m-tooltip--top:before {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    bottom: calc(100% + 16px);
    left: 50%;
    -webkit-transform: scale(0) translate(-50%);
    transform: scale(0) translate(-50%)
}

.m-tooltip--bottom:before {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    top: calc(100% + 16px);
    left: 50%;
    -webkit-transform: scale(0) translate(-50%);
    transform: scale(0) translate(-50%)
}

.m-tooltip--left:before {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    top: 50%;
    right: calc(100% + 16px);
    -webkit-transform: scale(0) translateY(-50%);
    transform: scale(0) translateY(-50%)
}

.m-tooltip--right:before {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    top: 50%;
    left: calc(100% + 16px);
    -webkit-transform: scale(0) translateY(-50%);
    transform: scale(0) translateY(-50%)
}

.m-tooltip--open.m-tooltip--bottom:before,.m-tooltip--open.m-tooltip--top:before,.m-tooltip:hover.m-tooltip--bottom:before,.m-tooltip:hover.m-tooltip--top:before {
    -webkit-transform: scale(1) translate(-50%);
    transform: scale(1) translate(-50%);
    opacity: 1
}

.m-tooltip--open.m-tooltip--left:before,.m-tooltip--open.m-tooltip--right:before,.m-tooltip:hover.m-tooltip--left:before,.m-tooltip:hover.m-tooltip--right:before {
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
    opacity: 1
}

html.--m-fullscreen-open {
    height: 100vh;
    overflow: hidden
}

.m-fullscreen-img[data-v-884a2c57] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    height: 100vh;
    width: 100vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--maz-bg-overlay);
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.m-fullscreen-img .m-fullscreen-img-scroller[data-v-884a2c57] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    width: 100vw;
    overflow: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-fullscreen-img img[data-v-884a2c57] {
    position: fixed;
    z-index: 1051;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.m-fullscreen-img .m-fullscreen-img-loader[data-v-884a2c57] {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-size: 3.75rem;
    line-height: 1
}

.m-fullscreen-img .m-fullscreen-btn[data-v-884a2c57] {
    position: absolute;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5rem;
    width: 7%;
    min-width: 5em;
    cursor: pointer;
    padding: 1rem;
    -webkit-transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.m-fullscreen-img .m-fullscreen-btn.--close[data-v-884a2c57] {
    right: 0;
    top: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.m-fullscreen-img .m-fullscreen-btn.--previous[data-v-884a2c57] {
    left: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.m-fullscreen-img .m-fullscreen-btn.--next[data-v-884a2c57],.m-fullscreen-img .m-fullscreen-btn.--previous[data-v-884a2c57] {
    top: 50%;
    height: 100vh;
    --tw-translate-y: -50%;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-fullscreen-img .m-fullscreen-btn.--next[data-v-884a2c57] {
    right: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.m-input[data-v-d86e95b0] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    vertical-align: top
}

.m-input.--xl[data-v-d86e95b0] {
    height: 4rem
}

.m-input.--xl .m-input-input[data-v-d86e95b0],.m-input.--xl .m-input-label[data-v-d86e95b0] {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.m-input.--lg[data-v-d86e95b0] {
    height: 3.5rem
}

.m-input.--lg .m-input-input[data-v-d86e95b0],.m-input.--lg .m-input-label[data-v-d86e95b0] {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.m-input.--md[data-v-d86e95b0] {
    height: 3rem
}

.m-input.--sm[data-v-d86e95b0] {
    height: 2.5rem
}

.m-input.--sm .m-input-input[data-v-d86e95b0],.m-input.--sm .m-input-label[data-v-d86e95b0] {
    font-size: .875rem;
    line-height: 1.25rem
}

.m-input.--xs[data-v-d86e95b0] {
    height: 2rem
}

.m-input.--xs .m-input-input[data-v-d86e95b0],.m-input.--xs .m-input-label[data-v-d86e95b0] {
    font-size: .75rem;
    line-height: 1rem
}

.m-input.--mini[data-v-d86e95b0] {
    height: 1.5rem
}

.m-input.--mini .m-input-input[data-v-d86e95b0],.m-input.--mini .m-input-label[data-v-d86e95b0] {
    font-size: .75rem;
    line-height: 1rem
}

.m-input.--block[data-v-d86e95b0] {
    width: 100%
}

.m-input-wrapper[data-v-d86e95b0] {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    overflow: hidden;
    border-width: var(--maz-border-width);
    border-style: solid;
    background-color: var(--maz-color-bg);
    -webkit-transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.m-input-wrapper.--default-border[data-v-d86e95b0] {
    border-color: var(--maz-border-color)
}

.m-input-wrapper.--default-border[data-v-d86e95b0]: is([class~=dark] *) {
    border-color:var(--maz-color-bg-lighter)
}

.m-input-wrapper-input[data-v-d86e95b0] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-input-wrapper-left[data-v-d86e95b0],.m-input-wrapper-right[data-v-d86e95b0] {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-input-wrapper-left[data-v-d86e95b0]>:not([hidden])~:not([hidden]),.m-input-wrapper-right[data-v-d86e95b0]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem*var(--tw-space-x-reverse));
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)))
}

.m-input-wrapper-left[data-v-d86e95b0],.m-input-wrapper-right[data-v-d86e95b0] {
    padding-top: .25rem;
    padding-bottom: .25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-input-wrapper-right[data-v-d86e95b0] {
    padding-right: .5rem
}

.m-input-wrapper-left[data-v-d86e95b0] {
    padding-left: .5rem
}

.m-input-wrapper.--rounded-none[data-v-d86e95b0] {
    border-radius: 0
}

.m-input-wrapper.--rounded-sm[data-v-d86e95b0] {
    border-radius: .125rem
}

.m-input-wrapper.--rounded-md[data-v-d86e95b0] {
    border-radius: .375rem
}

.m-input-wrapper.--rounded-lg[data-v-d86e95b0] {
    border-radius: var(--maz-border-radius)
}

.m-input-wrapper.--rounded-xl[data-v-d86e95b0] {
    border-radius: .75rem
}

.m-input-wrapper.--rounded-full[data-v-d86e95b0] {
    border-radius: 9999px
}

.m-input-input[data-v-d86e95b0] {
    margin: 0;
    height: 100%;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-style: none;
    background-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--maz-color-text);
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.m-input-input[data-v-d86e95b0]:-webkit-autofill,.m-input-input[data-v-d86e95b0]:-webkit-autofill:focus,.m-input-input[data-v-d86e95b0]:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--maz-color-text);
    -webkit-box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;
    box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.m-input-input[data-v-d86e95b0]::-webkit-input-placeholder {
    color: var(--maz-color-muted)
}

.m-input-input[data-v-d86e95b0]::-moz-placeholder {
    color: var(--maz-color-muted)
}

.m-input-input[data-v-d86e95b0]:-ms-input-placeholder {
    color: var(--maz-color-muted)
}

.m-input-input[data-v-d86e95b0]::-ms-input-placeholder {
    color: var(--maz-color-muted)
}

.m-input-input[data-v-d86e95b0]::placeholder {
    color: var(--maz-color-muted)
}

.m-input-label[data-v-d86e95b0] {
    pointer-events: none;
    position: absolute;
    left: .75rem;
    width: 100%;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
    line-height: 1.5rem;
    width: calc(100% + 1.3rem);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;
    transition: -webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .2s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms
}

.m-input:not(.--should-up) .m-input-label[data-v-d86e95b0] {
    width: calc(100% - .75rem)
}

.m-input.--should-up .m-input-label[data-v-d86e95b0] {
    -webkit-transform: scale(.8) translateY(-.65em);
    transform: scale(.8) translateY(-.65em)
}

.m-input[data-v-d86e95b0]:not(.--has-state) {
    color: var(--maz-color-muted)
}

.m-input.--has-z-2 .m-input-wrapper[data-v-d86e95b0] {
    z-index: 2
}

.m-input.--is-readonly .m-input-input[data-v-d86e95b0] {
    cursor: default
}

.m-input.--is-disabled .m-input-wrapper[data-v-d86e95b0] {
    background-color: var(--maz-color-bg-lighter);
    color: var(--maz-color-muted)
}

.m-input.--is-disabled .m-input-input[data-v-d86e95b0] {
    cursor: not-allowed;
    color: var(--maz-color-muted)
}

.m-input:not(.--is-disabled) .m-input-wrapper[data-v-d86e95b0]: is([class~=dark] *) {
    background-color:var(--maz-color-bg-light)
}

.m-input.--is-focused .m-input-wrapper[data-v-d86e95b0] {
    z-index: 3
}

.m-input.--has-label .m-input-label[data-v-d86e95b0] {
    padding-right: .75rem
}

[dir=rtl] .m-input.--has-label .m-input-label[data-v-d86e95b0] {
    padding-right: 0;
    padding-left: .75rem
}

.m-input.--has-label .m-input-input[data-v-d86e95b0] {
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: 1rem
}

.m-input.dark .m-input-input[data-v-d86e95b0]:-webkit-autofill,.m-input.dark .m-input-input[data-v-d86e95b0]:-webkit-autofill:focus,.m-input.dark .m-input-input[data-v-d86e95b0]:-webkit-autofill:hover,html.dark .m-input-input[data-v-d86e95b0]:-webkit-autofill,html.dark .m-input-input[data-v-d86e95b0]:-webkit-autofill:focus,html.dark .m-input-input[data-v-d86e95b0]:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--maz-color-text);
    -webkit-box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;
    box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.m-select[data-v-ca1ac71d] {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top
}

.m-select.--mini[data-v-ca1ac71d],.m-select.--xs[data-v-ca1ac71d] {
    font-size: .75rem;
    line-height: 1rem
}

.m-select.--sm[data-v-ca1ac71d] {
    font-size: .875rem;
    line-height: 1.25rem
}

.m-select.--md[data-v-ca1ac71d] {
    font-size: 1rem;
    line-height: 1.5rem
}

.m-select.--lg[data-v-ca1ac71d] {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.m-select.--xl[data-v-ca1ac71d] {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.m-select.--block[data-v-ca1ac71d] {
    width: 100%
}

.m-select[data-v-ca1ac71d]:not(.--disabled) .m-input-input {
    cursor: pointer
}

.m-select-input.--has-label[data-v-ca1ac71d] .m-input-input,.m-select-input[data-v-ca1ac71d] .m-input-input {
    padding-right: 0
}

.m-select-input__toggle-button[data-v-ca1ac71d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background-color: transparent;
    padding-left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-select-input[data-v-ca1ac71d] input {
    caret-color: transparent
}

.m-select-chevron[data-v-ca1ac71d] {
    font-size: 1.2em;
    color: var(--maz-color-text);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.m-select.--is-open .m-select-chevron[data-v-ca1ac71d] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.m-select .m-select-list[data-v-ca1ac71d] {
    position: absolute;
    z-index: 1050;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem;
    overflow: hidden;
    border-radius: var(--maz-border-radius);
    background-color: var(--maz-color-bg);
    padding: .5rem;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 5px 10px #0000000d
}

.m-select .m-select-list[data-v-ca1ac71d]:is([class~=dark] *) {
    border-width: var(--maz-border-width);
    border-color: var(--maz-color-bg-light)
}

.m-select .m-select-list-optgroup[data-v-ca1ac71d] {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: .125rem;
    text-align: start;
    font-size: .875em;
    color: var(--maz-color-muted)
}

.m-select .m-select-list[data-v-ca1ac71d] {
    min-width: 3.5rem
}

.m-select .m-select-list.--top[data-v-ca1ac71d] {
    bottom: 100%
}

.m-select .m-select-list.--left[data-v-ca1ac71d] {
    left: 0
}

.m-select .m-select-list.--right[data-v-ca1ac71d] {
    right: 0
}

.m-select .m-select-list.--bottom[data-v-ca1ac71d] {
    top: 100%
}

.m-select .m-select-list__scroll-wrapper[data-v-ca1ac71d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem;
    overflow: auto
}

.m-select .m-select-list__no-results[data-v-ca1ac71d] {
    padding: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-select .m-select-list-item[data-v-ca1ac71d],.m-select .m-select-list__no-results[data-v-ca1ac71d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-select .m-select-list-item[data-v-ca1ac71d] {
    width: 100%;
    cursor: pointer;
    gap: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: var(--maz-border-radius);
    background-color: transparent;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .5em;
    padding-bottom: .5em;
    text-align: start;
    font-size: 1em;
    -webkit-transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.m-select .m-select-list-item[data-v-ca1ac71d]:focus-within {
    background-color: var(--maz-color-bg-light)
}

.m-select .m-select-list-item[data-v-ca1ac71d]:hover {
    background-color: var(--maz-color-bg-light)
}

.m-select .m-select-list-item span[data-v-ca1ac71d] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-select .m-select-list-item.--is-keyboard-selected[data-v-ca1ac71d] {
    background-color: var(--maz-color-bg-light)
}

.m-select .m-select-list-item.--is-keyboard-selected[data-v-ca1ac71d]: is([class~=dark] *) {
    background-color:var(--maz-color-bg-lighter)
}

.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-ca1ac71d],.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-ca1ac71d]: hover {
    background-color:var(--2ab11811)
}

.m-select .m-select-list-item.--is-none-value[data-v-ca1ac71d] {
    color: var(--maz-color-muted)
}

.m-select .m-select-list-item.--is-selected[data-v-ca1ac71d] {
    color: var(--3f14cd90);
    background-color: var(--f2107810)
}

.m-select .m-select-list-item.--is-selected[data-v-ca1ac71d]: hover {
    background-color:var(--2ab11811)
}

.m-select .m-select-list-item.--is-selected.--transparent[data-v-ca1ac71d] {
    background-color: var(--maz-color-bg)
}

.m-select button.maz-custom[data-v-ca1ac71d] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: none
}

.m-country-selector[data-v-1e2814b9] {
    position: relative
}

.m-country-selector__country-flag[data-v-1e2814b9] {
    position: absolute;
    left: 13px;
    z-index: 4;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.m-country-selector__country-flag.--should-have-bottom-flag[data-v-1e2814b9] {
    bottom: 2px
}

.m-country-selector__select[data-v-1e2814b9] .m-input-label {
    padding: 0!important
}

.m-country-selector__select__item[data-v-1e2814b9] {
    width: 100%;
    font-size: .875rem;
    line-height: 1.25rem
}

.m-country-selector:not(.--no-flags) .m-country-selector__select[data-v-1e2814b9] .m-select-input input {
    padding-left: 2.5rem!important
}

.m-phone-number-input.--responsive .m-country-selector[data-v-1e2814b9] {
    min-width: 100%
}

@media (min-width: 425px) {
    .m-phone-number-input.--responsive .m-country-selector[data-v-1e2814b9] {
        min-width:inherit
    }
}

.m-phone-number-input.--responsive .m-country-selector__select[data-v-1e2814b9] {
    min-width: 100%
}

@media (min-width: 425px) {
    .m-phone-number-input.--responsive .m-country-selector__select[data-v-1e2814b9] {
        min-width:inherit
    }
}

.m-phone-number-input.--responsive .m-country-selector__select[data-v-1e2814b9] .m-select-input .m-input-wrapper {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (min-width: 425px) {
    .m-phone-number-input.--responsive .m-country-selector__select[data-v-1e2814b9] .m-select-input .m-input-wrapper {
        border-bottom-right-radius:var(--maz-border-radius);
        border-bottom-left-radius: var(--maz-border-radius);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

.m-phone-number-input.--row .m-country-selector__select[data-v-1e2814b9] .m-select-input .m-input-wrapper {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.m-phone-number-input.--col .m-country-selector[data-v-1e2814b9],.m-phone-number-input.--col .m-country-selector__select[data-v-1e2814b9] {
    min-width: 100%
}

.m-phone-number-input.--col .m-country-selector__select[data-v-1e2814b9] .m-select-input .m-input-wrapper {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--maz-border-radius)
}

.m-phone-input[data-v-f3c379ea] {
    min-width: 13rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.m-phone-input.--error[data-v-f3c379ea],.m-phone-input.--focused[data-v-f3c379ea] {
    z-index: 1
}

.m-phone-number-input.--responsive .m-phone-input[data-v-f3c379ea] {
    margin-top: -.125rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

@media (min-width: 425px) {
    .m-phone-number-input.--responsive .m-phone-input[data-v-f3c379ea] {
        margin-left:-.125rem;
        margin-top: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.m-phone-number-input.--responsive .m-phone-input.--border-radius[data-v-f3c379ea] .m-input-wrapper {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media (min-width: 425px) {
    .m-phone-number-input.--responsive .m-phone-input.--border-radius[data-v-f3c379ea] .m-input-wrapper {
        border-top-left-radius:0;
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--maz-border-radius)
    }
}

.m-phone-number-input.--row .m-phone-input[data-v-f3c379ea] {
    margin-left: -.125rem
}

.m-phone-number-input.--row .m-phone-input.--border-radius[data-v-f3c379ea] .m-input-wrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.m-phone-number-input.--col .m-phone-input[data-v-f3c379ea] {
    margin-top: -.125rem;
    margin-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.m-phone-number-input.--col .m-phone-input.--border-radius[data-v-f3c379ea] .m-input-wrapper {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--maz-border-radius)
}

.m-phone-number-input[data-v-19428cf1] {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top
}

.m-phone-number-input.--block[data-v-19428cf1] {
    width: 100%
}

.m-phone-number-input.--col[data-v-19428cf1],.m-phone-number-input.--responsive[data-v-19428cf1] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 425px) {
    .m-phone-number-input.--responsive[data-v-19428cf1] {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

*,:after,:before {
    border: 0 solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

button {
    background-color: transparent
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0
}

:root {
    --maz-color-white: #fff;
    --maz-color-white-contrast: #000;
    --maz-color-black: #000;
    --maz-color-black-contrast: #fff;
    --maz-color-primary-50: #e6f2ff;
    --maz-color-primary-100: #bddeff;
    --maz-color-primary-200: #94c9ff;
    --maz-color-primary-300: #6bb5ff;
    --maz-color-primary-400: #47a3ff;
    --maz-color-primary: #1f8fff;
    --maz-color-primary-600: #1975d2;
    --maz-color-primary-700: #145ca3;
    --maz-color-primary-800: #0e4277;
    --maz-color-primary-900: #092b4e;
    --maz-color-primary-alpha: rgba(31,143,255,.6);
    --maz-color-primary-alpha-20: rgba(31,143,255,.2);
    --maz-color-primary-alpha-10: rgba(31,143,255,.1);
    --maz-color-primary-alpha-05: rgba(31,143,255,.05);
    --maz-color-primary-contrast: #fff;
    --maz-color-secondary-50: #e2f9f3;
    --maz-color-secondary-100: #bbf1e3;
    --maz-color-secondary-200: #95e9d3;
    --maz-color-secondary-300: #6be1c1;
    --maz-color-secondary-400: #45d9b1;
    --maz-color-secondary: #1cce9f;
    --maz-color-secondary-600: #17ab83;
    --maz-color-secondary-700: #128768;
    --maz-color-secondary-800: #0d634c;
    --maz-color-secondary-900: #083f31;
    --maz-color-secondary-alpha: rgba(28,206,159,.6);
    --maz-color-secondary-alpha-20: rgba(28,206,159,.2);
    --maz-color-secondary-alpha-10: rgba(28,206,159,.1);
    --maz-color-secondary-alpha-05: rgba(28,206,159,.05);
    --maz-color-secondary-contrast: #fff;
    --maz-color-info-50: #e4f4f7;
    --maz-color-info-100: #b8e3ea;
    --maz-color-info-200: #92d3dd;
    --maz-color-info-300: #67c2d0;
    --maz-color-info-400: #40b3c4;
    --maz-color-info: #17a4ba;
    --maz-color-info-600: #13889a;
    --maz-color-info-700: #0f6876;
    --maz-color-info-800: #0b4c56;
    --maz-color-info-900: #073036;
    --maz-color-info-alpha: rgba(23,164,186,.6);
    --maz-color-info-alpha-20: rgba(23,164,186,.2);
    --maz-color-info-alpha-10: rgba(23,164,186,.1);
    --maz-color-info-alpha-05: rgba(23,164,186,.05);
    --maz-color-info-contrast: #fff;
    --maz-color-success-50: #f3f9e6;
    --maz-color-success-100: #e1f0c1;
    --maz-color-success-200: #cee79d;
    --maz-color-success-300: #bedf7c;
    --maz-color-success-400: #acd657;
    --maz-color-success: #99cd32;
    --maz-color-success-600: #7ea829;
    --maz-color-success-700: #658722;
    --maz-color-success-800: #496218;
    --maz-color-success-900: #2e3e0f;
    --maz-color-success-alpha: rgba(153,205,50,.6);
    --maz-color-success-alpha-20: rgba(153,205,50,.2);
    --maz-color-success-alpha-10: rgba(153,205,50,.1);
    --maz-color-success-alpha-05: rgba(153,205,50,.05);
    --maz-color-success-contrast: #fff;
    --maz-color-warning-50: #fff7e6;
    --maz-color-warning-100: #feeac3;
    --maz-color-warning-200: #fede9f;
    --maz-color-warning-300: #fdd077;
    --maz-color-warning-400: #fdc553;
    --maz-color-warning: #fcb831;
    --maz-color-warning-600: #d29928;
    --maz-color-warning-700: #a27720;
    --maz-color-warning-800: #785817;
    --maz-color-warning-900: #4d380f;
    --maz-color-warning-alpha: rgba(252,184,49,.6);
    --maz-color-warning-alpha-20: rgba(252,184,49,.2);
    --maz-color-warning-alpha-10: rgba(252,184,49,.1);
    --maz-color-warning-alpha-05: rgba(252,184,49,.05);
    --maz-color-warning-contrast: #212427;
    --maz-color-danger-50: #ffebeb;
    --maz-color-danger-100: #ffd2d1;
    --maz-color-danger-200: #ffbab8;
    --maz-color-danger-300: #ffa09e;
    --maz-color-danger-400: #ff8785;
    --maz-color-danger: #ff6e6b;
    --maz-color-danger-600: #d25856;
    --maz-color-danger-700: #a54745;
    --maz-color-danger-800: #7b3332;
    --maz-color-danger-900: #4c2020;
    --maz-color-danger-alpha: hsla(1,100%,71%,.6);
    --maz-color-danger-alpha-20: hsla(1,100%,71%,.2);
    --maz-color-danger-alpha-10: hsla(1,100%,71%,.1);
    --maz-color-danger-alpha-05: hsla(1,100%,71%,.05);
    --maz-color-danger-contrast: #fff;
    --maz-color-text-light: #d9d9d9;
    --maz-color-muted-light: rgba(0,0,0,.54);
    --maz-color-text-dark: #212427;
    --maz-color-muted-dark: hsla(0,0%,89%,.54);
    --maz-bg-overlay: rgba(0,0,0,.3);
    --maz-bg-color-light: #fff;
    --maz-bg-color-light-light: #f0f0f0;
    --maz-bg-color-light-lighter: #f7f7f7;
    --maz-bg-color-dark: #20212c;
    --maz-bg-color-dark-light: #313245;
    --maz-bg-color-dark-lighter: #3b3c54;
    --maz-border-width: 0.063rem;
    --maz-border-color: #e5e7eb;
    --maz-border-radius: 0.7rem;
    --maz-font-family: system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    --maz-color-text: var(--maz-color-text-dark);
    --maz-color-muted: var(--maz-color-muted-light);
    --maz-color-bg: var(--maz-bg-color-light);
    --maz-color-bg-light: var(--maz-bg-color-light-light);
    --maz-color-bg-lighter: var(--maz-bg-color-light-lighter);
    --maz-color-bg-theme: var(--maz-bg-color-dark);
    --maz-color-bg-theme-hover: var(--maz-bg-color-dark-lighter)
}

[class~=dark] {
    --maz-color-text: var(--maz-color-text-light);
    --maz-color-muted: var(--maz-color-muted-dark);
    --maz-color-bg: var(--maz-bg-color-dark);
    --maz-color-bg-light: var(--maz-bg-color-dark-light);
    --maz-color-bg-lighter: var(--maz-bg-color-dark-lighter);
    --maz-color-bg-theme: var(--maz-bg-color-light);
    --maz-color-bg-theme-hover: var(--maz-bg-color-light-lighter)
}

:root {
    --maz-container-padding-mobile: 1rem;
    --maz-container-padding-tablet: 2rem;
    --maz-container-padding-desktop: 2.5rem;
    --maz-container-padding-value: var(--maz-container-padding-mobile);
    --maz-container-width: calc(100% - var(--maz-container-padding-value)*2);
    --maz-container-padding: calc(50% - var(--maz-container-width)/2);
    --maz-container-max-width: 1440px
}

@media only screen and (width >= 1520px) {
    : root {
        --maz-container-width:var(--maz-container-max-width)
    }
}

@media (min-width: 576px) {
    :root {
        --maz-container-padding-value:var(--maz-container-padding-tablet)
    }
}

@media (min-width: 1024px) {
    :root {
        --maz-container-padding-value:var(--maz-container-padding-desktop)
    }
}

.maz-scale-enter-active,.maz-scale-leave-active {
    opacity: 1;
    -webkit-transition: all .2s cubic-bezier(.4,.52,.26,.9);
    transition: all .2s cubic-bezier(.4,.52,.26,.9);
    z-index: 1
}

.maz-scale-enter-from,.maz-scale-leave-to {
    opacity: .4;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: 1
}

.maz-scale-fade-enter-active,.maz-scale-fade-leave-active {
    opacity: 1;
    -webkit-transition: all .2s cubic-bezier(.4,.52,.26,.9);
    transition: all .2s cubic-bezier(.4,.52,.26,.9);
    z-index: 1
}

.maz-scale-fade-enter-from,.maz-scale-fade-leave-to {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    z-index: 1
}

.maz-scale-loading-enter-active,.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active,.maz-scale-loading-leave-active .app-loader__content {
    opacity: 1;
    -webkit-transition: all .5s cubic-bezier(.4,.52,.26,.9);
    transition: all .5s cubic-bezier(.4,.52,.26,.9)
}

.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 1
}

.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content {
    opacity: .4;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: 1
}

.maz-scale-loading-enter-from,.maz-scale-loading-leave-to {
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.4,.52,.26,.9);
    transition: all .5s cubic-bezier(.4,.52,.26,.9)
}

.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active {
    position: absolute;
    -webkit-transition: all .2s;
    transition: all .2s
}

.maz-slidevnext-enter-from,.maz-slidevprev-leave-to {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.maz-slidevnext-leave-to,.maz-slidevprev-enter-from {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.maz-slide-enter-active,.maz-slide-leave-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 998
}

.maz-slide-enter-from,.maz-slide-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    z-index: 998
}

.maz-slideinvert-enter-active,.maz-slideinvert-leave-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 998
}

.maz-slideinvert-enter-from,.maz-slideinvert-leave-to {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    z-index: 998
}

.maz-tags-enter-active,.maz-tags-leave-active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.maz-tags-enter-from,.maz-tags-leave-to {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.maz-tags-invert-enter-active,.maz-tags-invert-leave-active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,-webkit-transform .2s;
    transition: transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s,-webkit-transform .2s
}

.maz-tags-invert-enter-from,.maz-tags-invert-leave-to {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.maz-expand-enter-active,.maz-expand-leave-active {
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transition-property: opacity,height;
    transition-property: opacity,height
}

.maz-expand-enter-from,.maz-expand-leave-to {
    height: 0;
    opacity: 0
}

.maz-tab-transition-enter-from {
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.maz-tab-transition-leave,.maz-tab-transition-leave-active {
    position: absolute!important;
    top: 0
}

.maz-tab-transition-leave-to {
    position: absolute!important
}

.maz-tab-reverse-transition-enter-from,.maz-tab-transition-leave-to {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-active {
    position: absolute!important;
    top: 0
}

.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to {
    position: absolute!important;
    top: 0;
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::-ms-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.maz-sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border-width: 0;
    white-space: nowrap
}

.maz-pointer-events-none {
    pointer-events: none
}

.maz-invisible {
    visibility: hidden
}

.maz-fixed {
    position: fixed
}

.\!maz-absolute {
    position: absolute!important
}

.maz-absolute {
    position: absolute
}

.maz-relative {
    position: relative
}

.maz-inset-0 {
    inset: 0
}

.maz-inset-x-0 {
    left: 0;
    right: 0
}

.maz-bottom-0 {
    bottom: 0
}

.maz-z-default-backdrop {
    z-index: 1050
}

.\!maz-my-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}

.maz-my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.maz-my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.maz-ml-2 {
    margin-left: .5rem
}

.maz-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.maz-table {
    display: table
}

.maz-hidden {
    display: none
}

.maz-h-1 {
    height: .25rem
}

.maz-h-16 {
    height: 4rem
}

.maz-h-6 {
    height: 1.5rem
}

.maz-h-8 {
    height: 2rem
}

.maz-h-full {
    height: 100%
}

.maz-w-6 {
    width: 1.5rem
}

.maz-w-8 {
    width: 2rem
}

.maz-w-9 {
    width: 2.25rem
}

.maz-w-full {
    width: 100%
}

.maz-w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.maz-min-w-0 {
    min-width: 0
}

.maz-min-w-28 {
    min-width: 7rem
}

.maz-max-w-52 {
    max-width: 13rem
}

.maz-max-w-full {
    max-width: 100%
}

.maz-flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.maz-flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.-maz-rotate-180 {
    --tw-rotate: -180deg
}

.-maz-rotate-180,.maz-rotate-180 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.maz-rotate-180 {
    --tw-rotate: 180deg
}

.maz-cursor-zoom-in {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.maz-cursor-zoom-out {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.maz-flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.maz-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.maz-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.maz-justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.maz-gap-1 {
    gap: .25rem
}

.maz-gap-2 {
    gap: .5rem
}

.maz-space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.maz-overflow-hidden {
    overflow: hidden
}

.maz-overflow-x-auto {
    overflow-x: auto
}

.maz-truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.maz-truncate,.maz-whitespace-nowrap {
    white-space: nowrap
}

.maz-rounded {
    border-radius: var(--maz-border-radius)
}

.maz-rounded-xl {
    border-radius: .75rem
}

.maz-rounded-t {
    border-top-left-radius: var(--maz-border-radius);
    border-top-right-radius: var(--maz-border-radius)
}

.maz-border {
    border-width: var(--maz-border-width)
}

.maz-border-b {
    border-bottom-width: var(--maz-border-width)
}

.maz-border-t {
    border-top-width: var(--maz-border-width)
}

.maz-border-solid {
    border-style: solid
}

.\!maz-border-danger {
    border-color: var(--maz-color-danger)!important
}

.\!maz-border-success {
    border-color: var(--maz-color-success)!important
}

.\!maz-border-warning {
    border-color: var(--maz-color-warning)!important
}

.maz-border-black {
    border-color: var(--maz-color-black)
}

.maz-border-border {
    border-color: var(--maz-border-color)
}

.maz-border-color-light {
    border-color: var(--maz-color-bg-light)
}

.maz-border-danger {
    border-color: var(--maz-color-danger)
}

.maz-border-danger-600 {
    border-color: var(--maz-color-danger-600)
}

.maz-border-dark {
    border-color: var(--maz-color-text-dark)
}

.maz-border-info {
    border-color: var(--maz-color-info)
}

.maz-border-info-600 {
    border-color: var(--maz-color-info-600)
}

.maz-border-light {
    border-color: var(--maz-color-text-light)
}

.maz-border-primary {
    border-color: var(--maz-color-primary)
}

.maz-border-primary-600 {
    border-color: var(--maz-color-primary-600)
}

.maz-border-secondary {
    border-color: var(--maz-color-secondary)
}

.maz-border-secondary-600 {
    border-color: var(--maz-color-secondary-600)
}

.maz-border-success {
    border-color: var(--maz-color-success)
}

.maz-border-success-600 {
    border-color: var(--maz-color-success-600)
}

.maz-border-theme {
    border-color: var(--maz-color-bg-theme)
}

.maz-border-transparent {
    border-color: transparent
}

.maz-border-warning {
    border-color: var(--maz-color-warning)
}

.maz-border-warning-600 {
    border-color: var(--maz-color-warning-600)
}

.maz-border-white {
    border-color: var(--maz-color-white)
}

.maz-bg-black {
    background-color: var(--maz-color-black)
}

.maz-bg-color {
    background-color: var(--maz-color-bg)
}

.maz-bg-color-light {
    background-color: var(--maz-color-bg-light)
}

.maz-bg-danger {
    background-color: var(--maz-color-danger)
}

.maz-bg-danger-700 {
    background-color: var(--maz-color-danger-700)
}

.maz-bg-dark {
    background-color: var(--maz-color-text-dark)
}

.maz-bg-info {
    background-color: var(--maz-color-info)
}

.maz-bg-info-700 {
    background-color: var(--maz-color-info-700)
}

.maz-bg-light {
    background-color: var(--maz-color-text-light)
}

.maz-bg-overlay {
    background-color: var(--maz-bg-overlay)
}

.maz-bg-primary {
    background-color: var(--maz-color-primary)
}

.maz-bg-secondary {
    background-color: var(--maz-color-secondary)
}

.maz-bg-success {
    background-color: var(--maz-color-success)
}

.maz-bg-success-700 {
    background-color: var(--maz-color-success-700)
}

.maz-bg-theme {
    background-color: var(--maz-color-bg-theme)
}

.maz-bg-warning {
    background-color: var(--maz-color-warning)
}

.maz-bg-warning-700 {
    background-color: var(--maz-color-warning-700)
}

.maz-bg-white {
    background-color: var(--maz-color-white)
}

.maz-p-2 {
    padding: .5rem
}

.maz-p-3 {
    padding: .75rem
}

.maz-p-4 {
    padding: 1rem
}

.maz-px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.maz-py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.maz-py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.maz-pb-1 {
    padding-bottom: .25rem
}

.maz-text-center {
    text-align: center
}

.maz-text-start {
    text-align: start
}

.maz-text-end {
    text-align: end
}

.maz-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.maz-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.maz-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.maz-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.maz-text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.maz-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.maz-text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.maz-font-semibold {
    font-weight: 600
}

.maz-text-danger-600 {
    color: var(--maz-color-danger-600)
}

.maz-text-muted {
    color: var(--maz-color-muted)
}

.maz-text-normal {
    color: var(--maz-color-text)
}

.maz-text-success-600 {
    color: var(--maz-color-success-600)
}

.maz-text-warning-600 {
    color: var(--maz-color-warning-600)
}

.maz-text-white {
    color: var(--maz-color-white)
}

.maz-backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.\!maz-transition-all {
    -webkit-transition-duration: .15s!important;
    transition-duration: .15s!important;
    -webkit-transition-property: all!important;
    transition-property: all!important;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
    transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}

.maz-transition-all {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.\!maz-duration-200 {
    -webkit-transition-duration: .2s!important;
    transition-duration: .2s!important
}

.maz-duration-200 {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.\!maz-ease-linear {
    -webkit-transition-timing-function: linear!important;
    transition-timing-function: linear!important
}

.maz-elevation {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.05)
}

.maz-flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first-letter\:maz-capitalize:first-letter,.maz-cap-f:first-letter {
    text-transform: capitalize
}

.maz-group:hover .group-hover\:maz-block {
    display: block
}

.dark\:maz-border-color-lighter:is([class~=dark] *) {
    border-color: var(--maz-color-bg-lighter)
}

@media (min-width: 640px) {
    .tab-s\:maz-block {
        display:block
    }
}

.m-phone-number-input {
    width: 100%
}

.m-phone-number-input input:focus {
    border: var(--maz-color-primary) solid 1px!important
}

.m-phone-number-input .m-input-wrapper .m-input-wrapper-left {
    display: none
}

.m-phone-number-input .m-input-label {
    color: var(--color-bg-6,rgba(54,54,54,.3))
}

.m-phone-number-input .m-input-label sup {
    display: none
}

.m-phone-number-input .maz-border-success input {
    border: 1px solid #52bc77!important
}

.m-phone-number-input .maz-border-success span {
    color: #52bc77
}

.m-phone-number-input .--is-focused: not(:has(.maz-border-success)) .m-input-label {
    color:var(--maz-color-primary)!important
}

.m-phone-number-input .--has-state .m-input-label,.m-phone-number-input .--is-focused .m-input-label {
    top: 8px
}

.m-phone-number-input .m-country-selector__country-flag {
    font-family: Twemoji Country Flags
}

.m-phone-number-input .m-country-selector button {
    height: 100%;
    bottom: 0!important
}

.m-phone-number-input .m-country-selector .m-select .m-select-list {
    background-color: var(--color-bg-quiz,#fff)!important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-shadow: 0 1px 3px rgba(0,0,0,.3)
}

.m-phone-number-input .m-country-selector .m-select-list__scroll-wrapper {
    scrollbar-width: none
}

.m-phone-number-input .m-country-selector .m-select-list__scroll-wrapper::-webkit-scrollbar {
    display: none
}

.m-phone-number-input .m-country-selector .m-input-label,.m-phone-number-input .m-country-selector .m-select-list-item {
    color: var(--color-bg-text,rgba(0,0,0,.54))
}

.m-phone-number-input .m-country-selector .m-input-label .maz-text-lg,.m-phone-number-input .m-country-selector .m-select-list-item .maz-text-lg {
    font-family: Twemoji Country Flags
}

.m-phone-number-input .m-country-selector .m-select-list-item.--is-keyboard-selected: not(.--is-selected) {
    background-color:var(--color-bg-2,#f0f0f0)!important
}

.m-phone-number-input .m-country-selector .m-select-list-item:hover:not(.--is-selected) {
    background-color: var(--color-bg-1,#f0f0f0)!important
}

.m-phone-number-input .m-country-selector .m-input-label {
    top: 8px
}

@media (max-width: 425px) {
    .m-phone-number-input .m-select {
        width:7rem!important
    }
}

@media (min-width: 425px) {
    .m-phone-number-input .m-select {
        width:120px!important
    }
}

@media (max-width: 425px) {
    .m-phone-number-input .m-phone-input {
        min-width:0!important
    }
}

.m-phone-number-input .m-select .m-input .m-input-wrapper .m-input-wrapper-right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-phone-number-input .m-select .m-input .m-input-wrapper .m-input-wrapper-right .m-select-chevron {
    color: var(--color-bg-text,rgba(0,0,0,.54))
}

.m-phone-number-input .m-input {
    height: 60px!important;
    font-size: 15px!important
}

.m-phone-number-input .m-input .m-input-wrapper {
    border: 0!important;
    border-radius: 0!important;
    background-color: inherit!important
}

.m-phone-number-input .m-input .m-input-wrapper input {
    background-color: inherit!important
}

.m-phone-number-input input[id^=MazPhoneNumberInput],.m-phone-number-input input[id^=country-selector] {
    padding-top: 0!important
}

.--show-danger .--error input: not(:focus):required,.--show-danger .maz-border-danger input:not(:focus) {
    border:var(--color-danger) solid 1px!important
}

.--show-danger .--error.--has-state .m-input-label {
    color: var(--color-danger)
}

.--show-danger: has(.--error):not(:has(input[id^=MazPhoneNumberInput]:focus)) input[id^=country-selector]:not(:focus) {
    border:var(--color-danger) solid 1px!important
}

.phone-input-variants:not(:dir(rtl)) .m-phone-input {
    margin-left: -1px!important
}

.phone-input-variants:not(:dir(rtl)) input[id^=country-selector] {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    padding-top: 0!important
}

.phone-input-variants:not(:dir(rtl)) input[id^=country-selector]:not(:focus) {
    border-right: 0!important
}

@media (min-width: 425px) {
    .phone-input-variants:not(:dir(rtl)) input[id^=country-selector] {
        border-top-right-radius:0!important;
        border-bottom-right-radius: 0!important
    }
}

.phone-input-variants:not(:dir(rtl)) input[id^=MazPhoneNumberInput] {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.phone-input-variants:not(:dir(rtl)) .m-select .m-input .m-input-wrapper .m-input-wrapper-right {
    right: 0
}

.phone-input-variants:not(:dir(rtl)) .--show-danger: has(.--error) input[id^=country-selector]:not(:focus) {
    border-right:0!important
}

.phone-input-variants:not(:dir(rtl)) .m-phone-number-input:has(input[id^=country-selector]:focus) input[id^=MazPhoneNumberInput] {
    border-left: 1px solid transparent!important
}

.phone-input-variants:dir(rtl) .m-phone-input {
    margin-right: -1px!important
}

.phone-input-variants:dir(rtl) input[id^=country-selector] {
    padding-right: 36px!important;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.phone-input-variants:dir(rtl) input[id^=MazPhoneNumberInput] {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.phone-input-variants:dir(rtl) input[id^=country-selector]:not(:focus) {
    border-left: 0!important
}

.phone-input-variants:dir(rtl) .--show-danger: has(.--error) input[id^=country-selector]:not(:focus) {
    border-left:0!important
}

.phone-input-variants:dir(rtl) .m-phone-number-input:has(input[id^=country-selector]:focus) input[id^=MazPhoneNumberInput] {
    border-right: 1px solid transparent!important
}

.phone-input-variants:dir(rtl) .m-input-label {
    padding-right: .75rem!important
}

.phone-input-variants:dir(rtl) .m-phone-input .m-input-label {
    -webkit-transition: none!important;
    transition: none!important;
    -webkit-transform-origin: top center!important;
    transform-origin: top center!important
}

.phone-input-variants:dir(rtl) .m-country-selector__country-flag {
    right: 13px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.phone-input-variants:dir(rtl) .m-country-selector .m-input-wrapper-right {
    left: .5rem
}

.phone-input-variants:dir(rtl) .m-country-selector .m-input-label {
    padding-right: 1.25rem!important
}

.phone-input-variants .label {
    text-transform: uppercase;
    padding-left: 3px;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    text-align: left;
    color: var(--color-bg-text,#2e2e54)
}

.phone-input-variants .icon svg {
    width: 24px;
    height: 24px
}

.phone-input-variants .icon:not(.has-text-danger) svg path {
    fill: var(--color-bg-4,#b3b3b3)
}

.phone-input-variants .control .input {
    height: 60px!important;
    font-size: 15px!important;
    font-weight: 500;
    color: var(--color-bg-6,var(--grey-blue));
    padding-left: 3.4rem!important
}

.phone-input-variants .control .icon {
    height: 60px
}

.phone-input-variants .help {
    display: none
}

.phone-input-variants .country-list {
    z-index: 101!important
}

.phone-input-variants .has-text-danger {
    display: none
}

.phone-input-variants .is-danger input {
    color: var(--color-danger)!important;
    border-color: var(--color-danger)!important
}

.phone-input-variants .has-text-danger {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.phone-input-variants__switch-animation-enter-active,.phone-input-variants__switch-animation-enter-active .phone-input-variants__input_phone,.phone-input-variants__switch-animation-enter-active.phone-input-variants__input_no-mask,.phone-input-variants__switch-animation-leave-active,.phone-input-variants__switch-animation-leave-active .phone-input-variants__input_phone,.phone-input-variants__switch-animation-leave-active.phone-input-variants__input_no-mask {
    -webkit-transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
    transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
    transition: opacity .2s ease-out,transform .2s ease-out;
    transition: opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out
}

.phone-input-variants__switch-animation-enter-from.phone-input-variants__input_no-mask {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
}

@media (max-width: 650px) {
    .phone-input-variants__switch-animation-enter-from.phone-input-variants__input_no-mask {
        -webkit-transform:translateX(-16px);
        transform: translateX(-16px)
    }
}

.phone-input-variants__switch-animation-enter-from.phone-input-variants__input_phone {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
}

@media (max-width: 650px) {
    .phone-input-variants__switch-animation-enter-from.phone-input-variants__input_phone {
        -webkit-transform:translateX(16px);
        transform: translateX(16px)
    }
}

.phone-input-variants__switch-animation-enter-to.phone-input-variants__input_no-mask,.phone-input-variants__switch-animation-enter-to.phone-input-variants__input_phone {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.phone-input-variants__switch-animation-leave-to.phone-input-variants__input_no-mask {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
}

@media (max-width: 650px) {
    .phone-input-variants__switch-animation-leave-to.phone-input-variants__input_no-mask {
        -webkit-transform:translateX(-16px);
        transform: translateX(-16px)
    }
}

.phone-input-variants__switch-animation-leave-to.phone-input-variants__input_phone {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
}

@media (max-width: 650px) {
    .phone-input-variants__switch-animation-leave-to.phone-input-variants__input_phone {
        -webkit-transform:translateX(16px);
        transform: translateX(16px)
    }
}

.step-fields {
    --step-field-input-height: 60px
}

.step-fields .field .label {
    text-transform: uppercase;
    padding-left: 3px;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    text-align: left;
    color: var(--color-bg-alpha7,#2e2e54)
}

.step-fields .field .icon svg {
    width: 24px;
    height: 24px
}

.step-fields .field .icon:not(.has-text-danger) svg path {
    fill: var(--color-bg-4,#b3b3b3)
}

.step-fields .field .control input {
    height: var(--step-field-input-height)!important;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-bg-6,var(--grey-blue));
    padding-left: 3.4rem;
    background: none!important
}

.step-fields .field .control .step-fields__custom {
    padding-left: 1rem
}

.step-fields .field .control.has-icons-left .icon {
    height: var(--step-field-input-height)
}

@media (min-width: 1201px) {
    .step-fields .field:not(:last-child) {
        margin-bottom:18px
    }
}

.help {
    display: none
}

.country-list {
    z-index: 101!important
}

.quiz-container_rtl .step-fields .field .label {
    text-align: right
}

.quiz-container_rtl .step-fields .field .control input {
    padding-right: 3.4rem;
    padding-left: calc(.625em - 1px)
}

.quiz-container_rtl .step-fields .field .control .step-fields__custom {
    padding-right: calc(.625em - 1px)
}

.quiz-container_rtl .step-fields .field .control.has-icons-right input {
    padding-left: 2.25rem
}

.quiz-container_rtl .step-fields .field .control.has-icons-right .icon.is-right {
    right: auto;
    left: 0
}

.quiz-container_rtl .step-fields .field .control.has-icons-left .icon.is-left {
    left: auto;
    right: 0
}

.messengers__list {
    display: grid;
    grid-template-columns: minmax(100px,1fr) minmax(100px,1fr);
    grid-gap: 10px;
    position: relative
}

.messengers__list.is-one {
    grid-template-columns: 180px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.messengers__icon {
    height: 32px
}

.messengers__icon-small {
    height: 20px;
    margin-left: 4px;
    margin-right: -24px;
    z-index: 1
}

.messengers__icon-big {
    height: 40px;
    z-index: 1;
    margin-top: 10px;
    margin-bottom: 20px
}

@media (max-width: 650px) {
    .messengers__icon-big {
        margin-top:30px
    }
}

.messengers__name {
    margin-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.messengers__item {
    position: relative;
    padding: 13px;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    border: solid 1px var(--color-bg-2,#ebebeb);
    background-color: var(--color-bg-7,var(--white-two));
    color: var(--color-bg-text,var(--black));
    font-weight: 500
}

.messengers__item:hover {
    -webkit-box-shadow: -2px 2px 14px 0 var(--color-bg-8,#ebedef);
    box-shadow: -2px 2px 14px 0 var(--color-bg-8,#ebedef)
}

.messengers__item.is-selected {
    -webkit-box-shadow: none;
    box-shadow: none
}

.messengers__input {
    height: 60px;
    font-size: 15px;
    position: relative;
    right: 0;
    width: 100%;
    padding-left: 27px
}

.messengers input:invalid:not(:-moz-placeholder-shown):not(:focus) {
    border: 1px solid #dd473b!important
}

.messengers input:invalid:not(:-ms-input-placeholder):not(:focus) {
    border: 1px solid #dd473b!important
}

.messengers input:invalid:not(:placeholder-shown):not(:focus) {
    border: 1px solid #dd473b!important
}

.messengers input:invalid:not(:-moz-placeholder-shown):not(:focus):focus {
    outline: none
}

.messengers input:invalid:not(:-ms-input-placeholder):not(:focus):focus {
    outline: none
}

.messengers input:invalid:not(:placeholder-shown):not(:focus):focus {
    outline: none
}

.messengers__validation-error {
    cursor: default;
    color: #dd473b;
    margin-top: 9px;
    margin-bottom: 22px;
    text-align: left;
    font-size: 14px
}

.messengers__title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
    color: var(--color-bg-text,#4a4a4a)
}

.messengers__modal {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-animation-name: fade;
    animation-name: fade;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    opacity: 1
}

@media (max-width: 650px) {
    .messengers__modal {
        background:rgba(0,0,0,.6);
        -webkit-animation-name: fade;
        animation-name: fade;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        opacity: 1
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.messengers__modal-window {
    background: var(--color-bg-quiz,#fff)
}

.messengers__modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px
}

.messengers__link {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: fade-modal;
    animation-name: fade-modal;
    opacity: 1;
    color: var(--color);
    font-size: .875rem;
    text-align: left
}

@-webkit-keyframes fade-modal {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-modal {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.messengers__label {
    text-transform: uppercase;
    padding: 17px 0 10px 0;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    word-break: break-all;
    text-align: left;
    color: var(--color-bg-alpha7,#2e2e54)
}

.messengers__chatbot-loading {
    max-width: 240px;
    text-align: left;
    margin: 0 auto;
    line-height: 1.1
}

.messengers__chatbot-click {
    margin-top: .8em;
    font-size: 12px
}

.messengers__dots:after {
    content: "...";
    -webkit-animation: dots .6s infinite;
    animation: dots .6s infinite
}

.messengers__switch-animation-enter-active,.messengers__switch-animation-enter-active .messengers__phone-input,.messengers__switch-animation-enter-active.messengers__input,.messengers__switch-animation-leave-active,.messengers__switch-animation-leave-active .messengers__phone-input,.messengers__switch-animation-leave-active.messengers__input {
    -webkit-transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
    transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
    transition: opacity .2s ease-out,transform .2s ease-out;
    transition: opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out
}

.messengers__switch-animation-enter-from.messengers__input {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
}

@media (max-width: 650px) {
    .messengers__switch-animation-enter-from.messengers__input {
        -webkit-transform:translateX(-16px);
        transform: translateX(-16px)
    }
}

.messengers__switch-animation-enter-from.messengers__phone-input {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
}

@media (max-width: 650px) {
    .messengers__switch-animation-enter-from.messengers__phone-input {
        -webkit-transform:translateX(16px);
        transform: translateX(16px)
    }
}

.messengers__switch-animation-enter-to.messengers__input,.messengers__switch-animation-enter-to.messengers__phone-input {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.messengers__switch-animation-leave-to.messengers__input {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
}

@media (max-width: 650px) {
    .messengers__switch-animation-leave-to.messengers__input {
        -webkit-transform:translateX(-16px);
        transform: translateX(-16px)
    }
}

.messengers__switch-animation-leave-to.messengers__phone-input {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
}

@media (max-width: 650px) {
    .messengers__switch-animation-leave-to.messengers__phone-input {
        -webkit-transform:translateX(16px);
        transform: translateX(16px)
    }
}

.dark .messengers__link {
    color: var(--color-bg-9)
}

.quiz-container_rtl .messengers__name {
    margin-left: 0;
    margin-right: 10px
}

@media (min-width: 1201px) {
    .messengers {
        margin-top:10px
    }

    .messengers__list {
        grid-gap: 15px
    }

    .messengers__name {
        margin-left: 14px
    }

    .messengers__title {
        font-weight: 500;
        margin-bottom: 20px;
        text-align: left
    }

    .messengers__modal-body {
        margin-bottom: 20px
    }

    .messengers__modal-footer {
        padding-top: 0
    }
}

.verification {
    margin: 12px 0 8px 0
}

.verification .field {
    margin-bottom: 0;
    width: 100%
}

.verification .field .has-addons {
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.verification .field .label {
    text-transform: uppercase;
    padding-left: 3px;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    text-align: left;
    color: var(--color-bg-alpha7,#2e2e54)
}

.verification .field .help {
    margin: 0 0 4px 0;
    display: block!important;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-align: left;
    font-size: 12px;
    line-height: 132%;
    color: var(--color-danger)
}

.verification .field .help.is-success {
    color: #48c78e!important
}

.verification .field .has-text-success path {
    fill: #48c78e!important
}

.verification .field .control .input {
    height: 60px!important;
    width: 120px;
    padding: 17px!important;
    font-size: 14px!important;
    line-height: 132%;
    background: none!important
}

.verification .field .control .is-success {
    border: 1.2px solid #48c78e!important
}

.verification .field .button {
    height: 60px!important;
    margin-left: 9px;
    width: inherit;
    max-width: 348px;
    font-size: 14px!important;
    line-height: 132%;
    border-radius: 4px
}

.verification .field .button.is-outline {
    background-color: transparent!important
}

.verification .field .button:not([disabled]):hover {
    background-color: var(--color)!important
}

.verification .field .button[disabled]:hover {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.verification .field .button span {
    height: auto
}

.verification__text {
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 132%;
    text-align: left;
    color: var(--color-bg-text,#aca7c7)
}

.verification__text:last-child {
    margin-bottom: 0
}

.verification__text span {
    color: var(--color)
}

.quiz-container_rtl .verification .field .help,.quiz-container_rtl .verification .field .label {
    text-align: right
}

.quiz-container_rtl .verification .field .control.has-icons-right .icon.is-right {
    right: unset;
    left: 0!important
}

.quiz-container_rtl .verification .button {
    margin: 0 9px 0 0
}

.quiz-container_rtl .verification__text {
    text-align: right
}

.autofill-telegram,.autofill-vk {
    margin: 10px
}

.autofill-vk__button {
    width: 230px;
    height: 70px;
    border-radius: 8px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: none;
    -webkit-box-shadow: 0 0 7px 1px #dadce0;
    box-shadow: 0 0 7px 1px #dadce0
}

.autofill-vk__text {
    color: #4d76a1;
    font-weight: 700
}

.autofill-vk__icon {
    width: 28px;
    height: 28px;
    margin-right: 8px
}

.autofill-yandex {
    margin: 10px
}

.autofill-yandex__button {
    width: 230px;
    height: 70px;
    border-radius: 8px;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: none
}

.autofill-yandex__text {
    color: #fff;
    font-weight: 700
}

.autofill-yandex__icon {
    margin-right: 4px
}

#g_a11y_announcement {
    height: 0!important
}

.autofill {
    z-index: 1900;
    position: fixed
}

@media (max-width: 767px) {
    .autofill {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        bottom: 0;
        right: 0;
        left: 0
    }
}

@media (min-width: 767px) {
    .autofill {
        top:0;
        right: 0
    }
}

.autofill_animation-enter-from,.autofill_animation-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px)
}

@media (max-width: 767px) {
    .autofill_animation-enter-from,.autofill_animation-leave-to {
        -webkit-transform:translateY(500px);
        transform: translateY(500px)
    }
}

.autofill_animation-enter-to,.autofill_animation-leave-from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.autofill_animation-enter-active,.autofill_animation-leave-active {
    -webkit-transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: transform .6s ease,opacity .6s ease;
    transition: transform .6s ease,opacity .6s ease,-webkit-transform .6s ease
}

.grecaptcha-badge,.recaptcha {
    visibility: hidden
}

.lead-form__fields {
    margin-bottom: 10px
}

.lead-form__fields .field {
    display: block
}

.lead-form__fields .field .country-selector-arrow {
    color: var(--color-bg-text,#424242)
}

.lead-form__fields .field .field-label {
    color: var(--color-bg-text,rgba(0,0,0,.54))
}

.lead-form .icon i:before {
    font-size: 25px
}

.lead-form__messengers-verification .label {
    padding-left: 0!important;
    margin-bottom: 10px
}

.lead-form__messengers-link {
    background: var(--color-bg-7,#f5f7f9);
    font-size: 14px;
    color: var(--color-bg-text,#2c3039);
    padding: .7rem 1rem;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px
}

.lead-form__messengers-link:focus,.lead-form__messengers-link:hover {
    color: var(--color-bg-alpha7,#2c3039)
}

.lead-form__messengers-icons {
    height: 20px;
    width: 60px;
    background-size: 18px 100%;
    background: url(//cdn.mrqz.me/img/soc-messenger.c56c0a98.svg) 36px 0 no-repeat,url(//cdn.mrqz.me/img/soc-viber.ee66d8f3.svg) 24px 0 no-repeat,url(//cdn.mrqz.me/img/soc-whatsapp.5d8f2f0e.svg) 12px 0 no-repeat,url(//cdn.mrqz.me/img/soc-telegram.7c773d66.svg) 0 0 no-repeat
}

.lead-form__contacts-link {
    width: 100%;
    margin-top: 8px;
    display: inline-block;
    font-size: 14px;
    text-decoration: underline;
    color: var(--color)
}

@media (min-width: 1201px) {
    .lead-form__contacts-link {
        text-align:left
    }
}

.lead-form .yandex-pay-button {
    margin-top: 10px;
    min-height: 50px
}

@media (min-width: 1201px) {
    .lead-form .yandex-pay-button {
        width:100%;
        max-height: 51px;
        margin-bottom: 20px;
        margin-top: 0
    }
}

.lead-form__button {
    margin-top: 10px;
    white-space: normal;
    min-height: 50px;
    overflow: hidden;
    width: 100%;
    font-weight: 400
}

.lead-form__button_with-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 600px) {
    .lead-form__button_with-price {
        padding-right:15px;
        padding-left: 15px
    }
}

.lead-form__button_with-price .lead-form__button-text {
    text-align: left
}

.lead-form__button:after {
    content: "";
    position: absolute;
    top: -50%;
    bottom: -50%;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.1)),to(hsla(0,0%,100%,.6)));
    background: linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.6) 100%);
    width: 45px;
    -webkit-transform: skewX(-22deg);
    transform: skewX(-22deg);
    left: -65%;
    -webkit-animation-name: blick;
    animation-name: blick;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes blick {
    60% {
        left: 100%
    }

    to {
        left: 130%
    }
}

@keyframes blick {
    60% {
        left: 100%
    }

    to {
        left: 130%
    }
}

.lead-form__button.is-outline {
    background-color: transparent!important
}

.lead-form__button.is-outline:not([disabled]):hover {
    background-color: var(--color)!important
}

.lead-form__button.is-outline[disabled]:hover {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.lead-form__button-price {
    font-weight: 500;
    margin-left: 8px
}

.lead-form__agreement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px;
    line-height: 1.25;
    font-size: 12px;
    text-align: left
}

.lead-form__agreement .control-label {
    color: var(--color-bg-text,#aca7c7)!important
}

.lead-form__agreement .b-checkbox.checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.4
}

.lead-form__agreement .b-checkbox.checkbox:hover {
    color: inherit
}

.lead-form__agreement .b-checkbox.checkbox input[type=checkbox]:checked+.check {
    position: relative;
    background: var(--color);
    background-size: .7rem!important
}

.lead-form__agreement .b-checkbox.checkbox input[type=checkbox]:checked+.check:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: var(--color-primary-text-button);
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain
}

.lead-form__no-email {
    text-align: left;
    margin-top: 10px;
    font-size: 14px
}

.lead-form__sticky {
    display: contents
}

.lead-form__sticky_active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: sticky;
    bottom: 5px;
    z-index: 100;
    width: 100%;
    margin-top: 10px
}

.lead-form__sticky_active .lead-form__button {
    width: 70%
}

@media (max-width: 768px) {
    .lead-form__sticky_active .lead-form__button {
        width:80%;
        -ms-flex-item-align: center;
        align-self: center
    }
}

.lead-form_with-scroll .lead-form__blur {
    position: absolute;
    z-index: 0;
    bottom: -15px;
    width: calc(100% + 45px);
    height: calc(100% + 30px);
    left: -30px;
    background: -webkit-gradient(linear,left bottom,left top,from(var(--color-bg-quiz-alpha8,hsla(0,0%,100%,.8))),color-stop(93%,var(--color-bg-quiz-alpha8,hsla(0,0%,100%,.8))),to(var(--color-bg-alpha0,hsla(0,0%,100%,0))));
    background: linear-gradient(to top,var(--color-bg-quiz-alpha8,hsla(0,0%,100%,.8)),var(--color-bg-quiz-alpha8,hsla(0,0%,100%,.8)) 93%,var(--color-bg-alpha0,hsla(0,0%,100%,0)) 100%)
}

@media (max-width: 768px) {
    .lead-form_with-scroll .lead-form__blur {
        width:100vw;
        height: calc(100% + 13px);
        left: calc(50% - 50vw);
        bottom: -5px
    }
}

@media (min-width: 1201px) {
    .lead-form {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .lead-form__fields {
        width: min(100%,550px);
        margin-bottom: 20px
    }

    .lead-form__messengers-link {
        width: 100%;
        padding: 18px 0;
        margin: 0 0 20px 0
    }

    .lead-form__contacts-link {
        margin-bottom: 30px
    }

    .lead-form__button {
        width: 100%;
        max-height: 51px;
        margin-bottom: 20px;
        margin-top: 0;
        max-width: 550px
    }

    .lead-form__button span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .lead-form__agreement {
        margin-top: 0
    }
}

.dark .lead-form__agreement a {
    color: var(--color-bg-9);
    text-decoration: underline
}

.dark .lead-form__contacts-link {
    color: var(--color-bg-9)
}

.dark .lead-form__contacts-link,.light .lead-form__contacts-link {
    text-decoration: none
}

.quiz-container_rtl .lead-form__agreement {
    text-align: right
}

.quiz-container_rtl .lead-form__agreement .b-checkbox.checkbox {
    margin-right: 0!important;
    margin-left: 3px
}

.quiz-container_rtl .lead-form__agreement .b-checkbox.checkbox input[type=checkbox] {
    left: auto
}

.quiz-container_rtl .lead-form__agreement .control-label {
    margin-right: 5px
}

.quiz-container_rtl .lead-form__button.button .icon:first-child:not(:last-child) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 0
}

.quiz-container_rtl .lead-form__button_with-price .lead-form__button-text {
    text-align: right
}

.quiz-container_rtl .lead-form__button-price {
    margin-left: 0;
    margin-right: 8px
}

.quiz-container_rtl .lead-form__button .quiz-container_rtl__button-text {
    text-align: left
}

.quiz-container_rtl .lead-form__messengers-icons {
    margin-left: 5px
}

.back-to-basket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: auto;
    margin-bottom: 17px;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: .15s;
    transition: .15s
}

.back-to-basket .mdi-icon {
    width: 16px;
    height: 16px;
    fill: var(--color);
    -webkit-transition: .15s;
    transition: .15s
}

.back-to-basket:hover .mdi-icon {
    fill: var(--color-bg-alpha7)
}

.quiz-container_rtl .back-to-basket .mdi-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.final-page_vertical {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%;
    width: 100%;
    background: var(--color-bg-quiz,#fff);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.final-page_vertical-has-notice {
    padding-top: 64px
}

.final-page_vertical__image-container {
    height: 435px;
    margin-bottom: -20px
}

@media (max-width: 500px) {
    .final-page_vertical__image-container {
        height:265px
    }
}

.final-page_vertical__content-container {
    width: 100%;
    background: var(--color-bg-quiz,#fff);
    border-radius: 16px 16px 0 0
}

.final-page_vertical__image {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.final-page_vertical__store-items {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.final-page_vertical__back-to-basket {
    margin-bottom: 0;
    -ms-flex-item-align: auto;
    align-self: auto
}

.final-page_vertical__basket-button-mini {
    width: auto
}

.final-page_vertical__basket-button {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (min-width: 768px) {
    .final-page_vertical__basket-button,.final-page_vertical__basket-button-mini {
        display:none!important
    }
}

.final-page_vertical__basket-button_mini {
    width: auto
}

@media (max-width: 767px) {
    .final-page_vertical__basket-dropdown {
        display:none
    }
}

.final-page_vertical__basket-dropdown {
    position: fixed;
    bottom: 15px;
    right: 55px;
    z-index: 100
}

.final-page_vertical__disclaimer-wrapper {
    line-height: 11px
}

@media (max-width: 767px) {
    .final-page_vertical__disclaimer-wrapper {
        margin:0 20px
    }
}

.final-page_vertical .final-page__promotions-bar {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 20px
}

.final-page_vertical .final-page__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 630px;
    margin: auto;
    padding: 1.5rem 1rem 1.6rem;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative
}

.final-page_vertical .final-page__container {
    min-width: 90%;
    padding-bottom: 40px
}

.final-page_vertical .final-page__motivation {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-bg-6,var(--grey-blue))
}

.final-page_vertical .final-page__empty-result-notice {
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0
}

.final-page_vertical .final-page__progress {
    margin-bottom: 20px
}

.final-page_vertical .final-page__header {
    margin-bottom: 1.2rem!important;
    font-size: 28px!important;
    color: var(--color-bg-text,#2e2e54)
}

.final-page_vertical .final-page__content {
    text-align: center;
    color: var(--color-bg-6,var(--grey-blue))
}

.final-page_vertical .final-page__lead-form {
    position: relative;
    padding: 29px 35px 19px;
    border-radius: 3px;
    -webkit-box-shadow: 0 9px 40px 0 var(--color-bg-2,rgba(0,0,0,.11));
    box-shadow: 0 9px 40px 0 var(--color-bg-2,rgba(0,0,0,.11));
    border: solid 1.2px var(--color-bg-2,#e8e8e8);
    background-color: var(--color-bg-quiz,#fff);
    max-width: 500px;
    width: 100%;
    margin: auto
}

.final-page_vertical .final-page__discount {
    margin-bottom: 1.5rem
}

@media (min-width: 818px) {
    .final-page_vertical .final-page__discount_without-bonuses {
        position:absolute;
        top: -10px;
        right: 47px
    }
}

.final-page_vertical .final-page__bonuses-container {
    position: relative;
    width: 100%;
    margin: 0 auto 2.5rem;
    max-width: 500px
}

.final-page_vertical .final-page__bonuses {
    padding: 8px 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.final-page_vertical .final-page__bonuses-title {
    font-size: 11px;
    font-weight: 900;
    line-height: 1.53;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: var(--color-bg-6,#2e2e54);
    text-align: left
}

@media (min-width: 768px) {
    .final-page_vertical .final-page .final-page__lead-form {
        min-width:420px
    }
}

.final-page_vertical blockquote {
    display: inline-block;
    border-left: none
}

@media (max-width: 818px) {
    .final-page_vertical {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .final-page_vertical .final-page__container {
        width: 100%;
        background: var(--color-bg-quiz,#fff)
    }

    .final-page_vertical .final-page__header {
        font-size: 24px!important;
        margin-bottom: .8rem!important
    }

    .final-page_vertical .final-page__lead-form {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        -webkit-transform: none;
        transform: none;
        padding: 0 1rem 1.5rem
    }

    .final-page_vertical .final-page__body * {
        text-align: start
    }

    .final-page_vertical .final-page__bonuses-container {
        padding: 0 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1.6rem
    }

    .final-page_vertical .final-page__bonuses {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.quiz-container_rtl .final-page_vertical .final-page__bonuses-title {
    text-align: right
}

@media (max-width: 818px) {
    .quiz-container_rtl .final-page_vertical .final-page__header {
        text-align:right
    }
}

.quiz-container_rtl .final-page_vertical__basket-dropdown {
    right: auto;
    left: 55px
}

@-webkit-keyframes dots-074b666c {
    0% {
        content: ""
    }

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

    75% {
        content: "..."
    }
}

@keyframes dots-074b666c {
    0% {
        content: ""
    }

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

    75% {
        content: "..."
    }
}

@-webkit-keyframes headShake-074b666c {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake-074b666c {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes flash-074b666c {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes flash-074b666c {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomIn-074b666c {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1
    }
}

@keyframes zoomIn-074b666c {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes swing-074b666c {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing-074b666c {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes button__preloader-074b666c {
    0% {
        width: 0;
        left: 0
    }

    50% {
        width: 100%;
        left: 0
    }

    to {
        width: 0;
        left: 100%
    }
}

@keyframes button__preloader-074b666c {
    0% {
        width: 0;
        left: 0
    }

    50% {
        width: 100%;
        left: 0
    }

    to {
        width: 0;
        left: 100%
    }
}

[data-v-074b666c]:root {
    --light-grey-blue: #b1b5be;
    --gray: #e2e2e2;
    --dark-grey-blue: #2e2e54;
    --light-blue-grey: #d2d4d8;
    --white-two: #f7f7f7;
    --grey-blue: #69748c;
    --black: #000;
    --color-danger: #d10a34;
    --color-success: #52bc77;
    --color-danger-light: rgba(209,10,52,.05);
    --color-success-light: rgba(59,173,75,.05)
}

@-webkit-keyframes fade-hide-button-074b666c {
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    to {
        opacity: .53
    }
}

@keyframes fade-hide-button-074b666c {
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    to {
        opacity: .53
    }
}

.m-theme-light[data-v-074b666c] {
    --m-text-white: #fff;
    --m-text-white-03: hsla(0,0%,100%,.6);
    --m-text-dark: #2e2e54;
    --m-text-dark-03: rgba(105,116,140,.6);
    --m-text-01: #2e2e54;
    --m-text-02: #53566f;
    --m-text-03: rgba(105,116,140,.6);
    --m-text-01-inverse: #fff;
    --m-text-02-inverse: hsla(0,0%,100%,.8);
    --m-text-03-inverse: hsla(0,0%,100%,.6);
    --m-text-positive: #339962;
    --m-text-positive-hover: #66cc95;
    --m-text-negative: #ee412b;
    --m-text-negative-hover: #f08475;
    --m-text-warning: #ffb72a;
    --m-text-warning-hover: #ffd075;
    --m-text-info: #2d81e0;
    --m-text-info-hover: #87b7ed;
    --m-bg-white: #fff;
    --m-bg-white-02: #f7f7f7;
    --m-base-01: #fff;
    --m-base-02: #f4f4f5;
    --m-base-03: #e8e8ee;
    --m-base-04: #d3d4db;
    --m-base-05: #a5a5b2;
    --m-base-06: #78788b;
    --m-base-07: #40405b;
    --m-base-08: #393955;
    --m-base-09: #32324f;
    --m-base-10: #292948;
    --m-base-11: #1e1e3e;
    --m-pink-primary: #d13980;
    --m-pink-primary-hover: #ba2b6e;
    --m-pink-primary-pressed: #a62662;
    --m-pink-secondary: #fbe8f3;
    --m-pink-secondary-hover: #f7d4e8;
    --m-pink-secondary-pressed: #f4bedd;
    --m-blue-primary: #66c0da;
    --m-blue-primary-hover: #3eb0d0;
    --m-blue-primary-pressed: #2b93b1;
    --m-blue-secondary: #e2f3f8;
    --m-blue-secondary-hover: #c1e6f0;
    --m-blue-secondary-pressed: #a5dae9;
    --m-clear: rgba(82,114,145,.08);
    --m-clear-hover: rgba(82,114,145,.16);
    --m-clear-pressed: rgba(82,114,145,.2);
    --m-transparent-03: rgba(17,17,34,.03);
    --m-transparent-05: rgba(17,17,34,.05);
    --m-transparent-10: rgba(17,17,34,.1);
    --m-transparent-20: rgba(17,17,34,.2);
    --m-transparent-25: rgba(17,17,34,.25);
    --m-transparent-50: rgba(17,17,34,.5);
    --m-transparent-75: rgba(17,17,34,.75);
    --m-transparent-90: rgba(17,17,34,.9);
    --m-transparent-100: #112;
    --m-positive-primary: #1fb141;
    --m-positive-primary-hover: #189a2e;
    --m-positive-primary-pressed: #0d731e;
    --m-positive-secondary: rgba(31,177,65,.12);
    --m-positive-secondary-hover: rgba(31,177,65,.24);
    --m-positive-secondary-pressed: rgba(31,177,65,.32);
    --m-negative-primary: #dd473b;
    --m-negative-primary-hover: #cb3d35;
    --m-negative-primary-pressed: #ba342e;
    --m-negative-secondary: rgba(221,71,59,.12);
    --m-negative-secondary-hover: rgba(221,71,59,.24);
    --m-negative-secondary-pressed: rgba(221,71,59,.32);
    --m-warning-primary: #fc0;
    --m-warning-primary-hover: #f0c000;
    --m-warning-primary-pressed: #e5b800;
    --m-warning-secondary: rgba(255,183,42,.12);
    --m-warning-secondary-hover: rgba(255,183,42,.24);
    --m-warning-secondary-pressed: rgba(255,183,42,.32);
    --m-info-primary: #6095ec;
    --m-info-secondary: rgba(96,149,236,.12);
    --m-info-secondary-hover: rgba(96,149,236,.24);
    --m-info-secondary-pressed: rgba(96,149,236,.32);
    --m-neutral-primary: #79818c;
    --m-neutral-secondary: hsla(215,8%,51%,.12);
    --m-neutral-secondary-hover: hsla(215,8%,51%,.24);
    --m-neutral-secondary-pressed: hsla(215,8%,51%,.32);
    --m-shadow-card: 0 0 0.25rem 0 rgba(0,0,0,.06),0 0.25rem 0.5rem 0 rgba(0,0,0,.04);
    --m-shadow-tooltip: 0 0.25rem 1rem 0 rgba(0,0,0,.08),0 0 0.125rem 0 rgba(0,0,0,.08);
    --m-shadow-dropdown: 0 2rem 2rem -1rem rgba(0,0,0,.08),0 0 1.5rem 0 rgba(0,0,0,.12)
}

.m-theme-light button[data-v-074b666c],.m-theme-light[data-v-074b666c] {
    font-family: aktiv-grotesk,sans-serif!important
}

.m-theme-dark[data-v-074b666c] {
    --m-text-white: #fff;
    --m-text-white-03: hsla(0,0%,100%,.6);
    --m-text-dark: #2e2e54;
    --m-text-dark-03: rgba(105,116,140,.6);
    --m-text-01: #fff;
    --m-text-02: hsla(0,0%,100%,.8);
    --m-text-03: hsla(0,0%,100%,.6);
    --m-text-01-inverse: #2e2e54;
    --m-text-02-inverse: #53566f;
    --m-text-03-inverse: rgba(105,116,140,.6);
    --m-text-positive: #39ac6f;
    --m-text-positive-hover: #79d2a3;
    --m-text-negative: #f05642;
    --m-text-negative-hover: #f2988c;
    --m-text-warning: #ffc043;
    --m-text-warning-hover: #ffd788;
    --m-text-info: #438ee3;
    --m-text-info-hover: #87b7ed;
    --m-bg-white: #fff;
    --m-bg-white-02: #f7f7f7;
    --m-base-01: #1e1e3e;
    --m-base-02: #292948;
    --m-base-03: #32324f;
    --m-base-04: #393955;
    --m-base-05: #40405b;
    --m-base-06: #78788b;
    --m-base-07: #a5a5b2;
    --m-base-08: #d3d4db;
    --m-base-09: #e8e8ee;
    --m-base-10: #f4f4f5;
    --m-base-11: #fff;
    --m-pink-primary: #d64e8d;
    --m-pink-primary-hover: #cf307a;
    --m-pink-primary-pressed: #bb2b6e;
    --m-pink-secondary: rgba(198,70,160,.16);
    --m-pink-secondary-hover: rgba(198,70,160,.32);
    --m-pink-secondary-pressed: rgba(198,70,160,.4);
    --m-blue-primary: #7bc9df;
    --m-blue-primary-hover: #52b7d5;
    --m-blue-primary-pressed: #30a5c5;
    --m-blue-secondary: rgba(125,177,192,.16);
    --m-blue-secondary-hover: rgba(125,177,192,.32);
    --m-blue-secondary-pressed: rgba(125,177,192,.4);
    --m-clear: rgba(198,207,215,.16);
    --m-clear-hover: rgba(198,207,215,.32);
    --m-clear-pressed: rgba(198,207,215,.4);
    --m-transparent-03: hsla(0,0%,100%,.03);
    --m-transparent-05: hsla(0,0%,100%,.05);
    --m-transparent-10: hsla(0,0%,100%,.1);
    --m-transparent-20: hsla(0,0%,100%,.2);
    --m-transparent-25: hsla(0,0%,100%,.25);
    --m-transparent-50: hsla(0,0%,100%,.5);
    --m-transparent-75: hsla(0,0%,100%,.75);
    --m-transparent-90: hsla(0,0%,100%,.9);
    --m-transparent-100: #fff;
    --m-positive-primary: #23c749;
    --m-positive-primary-hover: #1bb034;
    --m-positive-primary-pressed: #0f8a24;
    --m-positive-secondary: rgba(35,199,73,.2);
    --m-positive-secondary-hover: rgba(35,199,73,.32);
    --m-positive-secondary-pressed: rgba(35,199,73,.4);
    --m-negative-primary: #e05b51;
    --m-negative-primary-hover: #d15049;
    --m-negative-primary-pressed: #cd3c35;
    --m-negative-secondary: rgba(224,91,81,.2);
    --m-negative-secondary-hover: rgba(224,91,81,.32);
    --m-negative-secondary-pressed: rgba(224,91,81,.4);
    --m-warning-primary: #ffd11a;
    --m-warning-primary-hover: #f2c10d;
    --m-warning-primary-pressed: #daad0b;
    --m-warning-secondary: rgba(255,199,89,.2);
    --m-warning-secondary-hover: rgba(255,199,89,.32);
    --m-warning-secondary-pressed: rgba(255,199,89,.4);
    --m-info-primary: #77a5ef;
    --m-info-secondary: rgba(119,165,239,.2);
    --m-info-secondary-hover: rgba(119,165,239,.32);
    --m-info-secondary-pressed: rgba(119,165,239,.4);
    --m-neutral-primary: #949aa4;
    --m-neutral-secondary: hsla(217,9%,55%,.12);
    --m-neutral-secondary-hover: hsla(216,8%,61%,.32);
    --m-neutral-secondary-pressed: hsla(216,8%,61%,.4);
    --m-shadow-card: 0 0 0.5rem 0 rgba(0,0,0,.06),0 0.25rem 0.5rem 0 rgba(0,0,0,.15);
    --m-shadow-tooltip: 0 0.5rem 1rem 0 rgba(0,0,0,.3),0 0 0.125rem 0 rgba(0,0,0,.3);
    --m-shadow-dropdown: 0 2rem 2rem -1rem rgba(0,0,0,.16),0 0 1.5rem 0 rgba(0,0,0,.22)
}

.m-toast-backdrop[data-v-074b666c] {
    position: fixed;
    z-index: 9999999;
    max-width: 697px;
    top: 0
}

.m-toast-backdrop-right[data-v-074b666c] {
    right: 0
}

.m-toast-backdrop-middle[data-v-074b666c] {
    left: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.m-toast-backdrop-left[data-v-074b666c] {
    left: 0
}

svg[data-v-074b666c] {
    width: 50px
}

path[data-v-074b666c] {
    fill: var(--color)
}

.final-page_horizontal {
    width: 100%;
    display: grid;
    grid-template-columns: auto 416px
}

.final-page_horizontal__content-container {
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--color-bg-quiz,#fff)
}

@media (min-width: 819px) {
    .final-page_horizontal__content-container {
        padding:36px 39px 36px 60px
    }
}

@media (min-width: 1201px) {
    .final-page_horizontal__content-container {
        min-width:480px;
        padding: 36px 55px 36px 80px
    }
}

.final-page_horizontal__content-container .final-page__header-container {
    padding-right: 40px
}

.final-page_horizontal__content-container .final-page__motivation {
    padding: 0
}

.final-page_horizontal__form-container {
    padding: 20px 45px;
    height: 100%;
    -webkit-box-shadow: 2.5px 8.7px 15px 0 var(--color-bg-2,rgba(0,0,0,.11));
    box-shadow: 2.5px 8.7px 15px 0 var(--color-bg-2,rgba(0,0,0,.11));
    background: var(--color-bg-quiz,#fff);
    border: solid 1.2px var(--color-bg-2,#e8e8e8);
    border-top: none;
    border-bottom: none;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 260px;
    -ms-flex-line-pack: center;
    align-content: center
}

.final-page_horizontal__form-container input {
    background: var(--color-bg-quiz,#fff)!important
}

@media (max-width: 818px) {
    .final-page_horizontal__form-container {
        -webkit-box-shadow:none;
        box-shadow: none;
        border: none;
        padding: 10px 0 25px 0;
        -webkit-transform: none;
        transform: none;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
}

.final-page_horizontal__content-wrapper {
    position: relative;
    background: var(--color-bg-quiz,#fff)
}

.final-page_horizontal__content-with-image {
    height: 100%;
    overflow-y: auto;
    padding-left: 35px;
    padding-right: 26px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.final-page_horizontal .final-page_horizontal__content-with-image .final-page__header-container,.final-page_horizontal .final-page_horizontal__content-with-image .final-page_horizontal__form>.final-page__bonuses-container {
    margin-bottom: 20px
}

.final-page_horizontal .final-page_horizontal__content-with-image .final-page__bonuses-title {
    margin-bottom: 8px
}

.final-page_horizontal__content-with-image_has-scroll {
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.final-page_horizontal__content-with-image_has-scroll .final-page_horizontal__form {
    height: auto
}

.final-page_horizontal .final-page_horizontal__content-with-image_has-scroll .final-page__content {
    margin-top: 10px
}

.final-page_horizontal__content-with-image .bonuses {
    width: auto
}

@media (min-width: 819px) {
    .final-page_horizontal__content-with-image .final-page__bonuses {
        padding:0!important
    }
}

.final-page_horizontal__top-content-container {
    margin-bottom: auto
}

.final-page_horizontal__bottom-content-container {
    margin-top: auto
}

.final-page_horizontal__bottom-content-container,.final-page_horizontal__top-content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.final-page_horizontal__top-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 440px
}

.final-page_horizontal__top-content .final-page_horizontal__back-to-basket {
    margin-bottom: 12px!important
}

.final-page_horizontal__progress .final-page__motivation {
    padding-left: 0!important
}

.final-page_horizontal__form {
    max-width: max(575px,80%);
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.final-page_horizontal__bottom,.final-page_horizontal__form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.final-page_horizontal__bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.final-page_horizontal .final-page_horizontal__bottom .final-page__bonuses-container {
    width: auto
}

.final-page_horizontal__discount {
    height: 54px;
    width: 195px;
    margin-left: 17px
}

.final-page_horizontal__disclaimer-wrapper {
    text-align: left;
    line-height: 12px;
    margin-top: 24px
}

.final-page_horizontal.final-page_horizontal_with-image {
    grid-template-columns: 40% auto;
    grid-template-rows: 100vh
}

.final-page_horizontal.final-page_horizontal_with-image .final-page_horizontal__basket-dropdown {
    position: absolute;
    left: 20px;
    bottom: 16px;
    z-index: 101
}

.final-page_horizontal_basket-mode .final-page_horizontal__content-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.final-page_horizontal__back-to-basket {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: auto
}

.final-page_horizontal__basket-dropdown {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: auto
}

@media (max-width: 1118px) {
    .final-page_horizontal__basket-dropdown .basket-dropdown__dropdown {
        min-width:359px
    }
}

@media (min-width: 1201px) {
    .final-page_horizontal {
        min-height:100%;
        grid-template-columns: auto auto
    }

    .final-page_horizontal__content-container {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .final-page_horizontal__content-container>* {
        max-width: 465px
    }

    .final-page_horizontal__form-container {
        padding: 20px 50px
    }

    .final-page_horizontal .final-page__lead-form,.final-page_horizontal__disclaimer-wrapper {
        max-width: 390px
    }

    .final-page_horizontal_with-image .final-page__lead-form {
        max-width: 440px
    }
}

@media (max-width: 1200px) {
    .final-page_horizontal {
        height:100%;
        overflow: auto
    }
}

.final-page_horizontal .final-page__bonuses-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

.final-page_horizontal .final-page__bonuses {
    padding: 8px 0 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

@media (min-width: 819px) {
    .final-page_horizontal .final-page__bonuses {
        padding:14px 60px 20px 0;
        grid-template-columns: 1fr;
        grid-template-rows: 20px repeat(auto-fit,minmax(30px,1fr));
        max-width: 620px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: auto 0
    }

    .final-page_horizontal .final-page__bonuses .bonus_indent {
        margin-left: 10px
    }
}

.final-page_horizontal .final-page__bonuses-title {
    font-size: 11px;
    font-weight: 900;
    line-height: 1.53;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: var(--color-bg-alpha7,#2e2e54);
    text-align: left
}

.final-page_horizontal .final-page__header-container {
    margin-bottom: 30px
}

.final-page_horizontal .final-page__progress {
    width: 100%;
    margin-bottom: 1.4rem
}

.final-page_horizontal .final-page__motivation {
    margin-bottom: .5rem!important;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-bg-alpha7,#2e2e54);
    width: 90%;
    line-height: 1
}

.final-page_horizontal .final-page__empty-result-notice {
    z-index: 6;
    position: absolute;
    top: 0;
    left: 0
}

.final-page_horizontal .final-page__content {
    margin: 20px 0 0;
    text-align: start
}

.final-page_horizontal .final-page__header {
    text-align: left;
    line-height: 38px;
    font-size: 28px
}

@media (max-width: 400px) {
    .final-page_horizontal .final-page__header {
        font-size:22px
    }
}

.final-page_horizontal .final-page__image-container {
    max-height: 100vh
}

.final-page_horizontal .final-page__image {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.final-page_horizontal .final-page__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    overflow: hidden;
    height: 45px;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(-1) rotate(180deg);
    transform: scaleX(-1) rotate(180deg)
}

.final-page_horizontal .final-page__discount {
    margin-top: 17px;
    margin-bottom: 10px
}

.final-page_horizontal .final-page__discount-container {
    width: 100%
}

.final-page_horizontal .final-page__discount2 {
    margin-bottom: 1.4rem
}

@media (max-width: 818px) {
    .final-page_horizontal .final-page {
        grid-template-columns:1fr!important;
        padding: 25px 20px 40px;
        grid-template-rows: auto 1fr
    }

    .final-page_horizontal .final-page__header-container {
        margin-bottom: .5rem
    }

    .final-page_horizontal .final-page__motivation {
        padding-left: 0
    }

    .final-page_horizontal .final-page__content {
        padding: 10px 0;
        margin: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .final-page_horizontal .final-page__header {
        text-align: left;
        line-height: 1.25;
        font-size: 24px
    }

    .final-page_horizontal .final-page__arrow {
        display: none
    }

    .final-page_horizontal .final-page__discount2 {
        margin-top: .5rem
    }
}

.dark .final-page_horizontal__form-container {
    -webkit-box-shadow: -2.5px 0 20px -5px var(--color-bg-2);
    box-shadow: -2.5px 0 20px -5px var(--color-bg-2);
    border-right: none
}

.quiz-container_rtl .final-page_horizontal__content-container {
    padding-right: 80px;
    padding-left: 40px
}

.quiz-container_rtl .final-page_horizontal__discount {
    margin-right: 12px;
    margin-left: 0
}

.quiz-container_rtl .final-page_horizontal .final-page__arrow {
    -webkit-transform: scaleX(1) rotate(180deg) translate(400px,-20px);
    transform: scaleX(1) rotate(180deg) translate(400px,-20px)
}

.quiz-container_rtl .final-page_horizontal .final-page__bonuses {
    padding: 14px 0 20px 60px
}

.quiz-container_rtl .final-page_horizontal .final-page__bonuses-title,.quiz-container_rtl .final-page_horizontal .final-page__header {
    text-align: right
}

.quiz-container_rtl .final-page_horizontal .final-page__header-container {
    padding-right: 0;
    padding-left: 40px
}

.quiz-container_rtl .final-page_horizontal_with-image .final-page_horizontal__basket-dropdown {
    left: auto;
    right: 20px
}

.final-page_fullscreen {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    width: 100%;
    background: var(--color-bg-quiz,#fff);
    padding-top: 40px
}

.final-page_fullscreen-has-notice {
    padding-top: 64px
}

.final-page_fullscreen__store-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 8px
}

.final-page_fullscreen__back-to-basket {
    margin-bottom: 0;
    -ms-flex-item-align: inherit;
    align-self: inherit
}

.final-page_fullscreen__disclaimer-wrapper {
    margin-top: 10px;
    text-align: left;
    line-height: 12px
}

.final-page_fullscreen .final-page__container {
    min-width: auto;
    width: 660px!important;
    margin: 0 auto;
    padding: 0
}

.final-page_fullscreen .final-page__container_has-motivation {
    margin: 80px auto 0 auto
}

.final-page_fullscreen .final-page__container_has-footer {
    margin-bottom: 110px
}

.final-page_fullscreen .final-page__motivation-container {
    position: absolute;
    width: 100%;
    top: 0;
    padding: 20px 0;
    border-bottom: 1px solid var(--color-bg-2,#f3f3f3)
}

.final-page_fullscreen .final-page__motivation-container_no-border {
    border: none
}

.final-page_fullscreen .final-page__motivation {
    max-width: 630px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-bg-6,var(--grey-blue))
}

.final-page_fullscreen .final-page__empty-result-notice {
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0
}

.final-page_fullscreen .final-page__header {
    position: absolute;
    max-width: 660px;
    left: 0;
    right: 0;
    -webkit-transition: top .2s ease-out;
    transition: top .2s ease-out
}

.final-page_fullscreen .final-page__header_ghost {
    opacity: 0
}

.final-page_fullscreen .final-page__title {
    margin-bottom: 1.2rem!important;
    font-size: 28px!important;
    color: var(--color-bg-text,#2e2e54)
}

.final-page_fullscreen .final-page__subtitle {
    text-align: center;
    color: var(--color-bg-6,var(--grey-blue))
}

.final-page_fullscreen .final-page__subtitle ol,.final-page_fullscreen .final-page__subtitle ul {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.final-page_fullscreen .final-page__lead-form {
    position: relative;
    max-width: 550px;
    width: 100%;
    margin: 20px auto 10px auto
}

.final-page_fullscreen .final-page__footer {
    z-index: 11;
    position: fixed;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 660px;
    padding: 0 55px 10px 55px;
    margin: 0 auto;
    max-height: 85px;
    -webkit-box-shadow: 0 -10px 25px 10px var(--color-bg-quiz,#fff);
    box-shadow: 0 -10px 25px 10px var(--color-bg-quiz,#fff);
    background-color: var(--color-bg-quiz,#fff)
}

.final-page_fullscreen .final-page__footer,.final-page_fullscreen .final-page__footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.final-page_fullscreen .final-page__footer-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 12px
}

.final-page_fullscreen .final-page__footer .final-page_fullscreen__whitelabel .whitelabel__container {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
    padding: 0
}

.final-page_fullscreen .final-page__promotions-bar {
    padding-bottom: 10px
}

@-webkit-keyframes dots {
    0% {
        content: ""
    }

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

    75% {
        content: "..."
    }
}

@keyframes dots {
    0% {
        content: ""
    }

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

    75% {
        content: "..."
    }
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes flash {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes button__preloader {
    0% {
        width: 0;
        left: 0
    }

    50% {
        width: 100%;
        left: 0
    }

    to {
        width: 0;
        left: 100%
    }
}

@keyframes button__preloader {
    0% {
        width: 0;
        left: 0
    }

    50% {
        width: 100%;
        left: 0
    }

    to {
        width: 0;
        left: 100%
    }
}

:root {
    --light-grey-blue: #b1b5be;
    --gray: #e2e2e2;
    --dark-grey-blue: #2e2e54;
    --light-blue-grey: #d2d4d8;
    --white-two: #f7f7f7;
    --grey-blue: #69748c;
    --black: #000;
    --color-danger: #d10a34;
    --color-success: #52bc77;
    --color-danger-light: rgba(209,10,52,.05);
    --color-success-light: rgba(59,173,75,.05)
}

@-webkit-keyframes fade-hide-button {
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    to {
        opacity: .53
    }
}

@keyframes fade-hide-button {
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    to {
        opacity: .53
    }
}

.m-theme-light {
    --m-text-white: #fff;
    --m-text-white-03: hsla(0,0%,100%,.6);
    --m-text-dark: #2e2e54;
    --m-text-dark-03: rgba(105,116,140,.6);
    --m-text-01: #2e2e54;
    --m-text-02: #53566f;
    --m-text-03: rgba(105,116,140,.6);
    --m-text-01-inverse: #fff;
    --m-text-02-inverse: hsla(0,0%,100%,.8);
    --m-text-03-inverse: hsla(0,0%,100%,.6);
    --m-text-positive: #339962;
    --m-text-positive-hover: #66cc95;
    --m-text-negative: #ee412b;
    --m-text-negative-hover: #f08475;
    --m-text-warning: #ffb72a;
    --m-text-warning-hover: #ffd075;
    --m-text-info: #2d81e0;
    --m-text-info-hover: #87b7ed;
    --m-bg-white: #fff;
    --m-bg-white-02: #f7f7f7;
    --m-base-01: #fff;
    --m-base-02: #f4f4f5;
    --m-base-03: #e8e8ee;
    --m-base-04: #d3d4db;
    --m-base-05: #a5a5b2;
    --m-base-06: #78788b;
    --m-base-07: #40405b;
    --m-base-08: #393955;
    --m-base-09: #32324f;
    --m-base-10: #292948;
    --m-base-11: #1e1e3e;
    --m-pink-primary: #d13980;
    --m-pink-primary-hover: #ba2b6e;
    --m-pink-primary-pressed: #a62662;
    --m-pink-secondary: #fbe8f3;
    --m-pink-secondary-hover: #f7d4e8;
    --m-pink-secondary-pressed: #f4bedd;
    --m-blue-primary: #66c0da;
    --m-blue-primary-hover: #3eb0d0;
    --m-blue-primary-pressed: #2b93b1;
    --m-blue-secondary: #e2f3f8;
    --m-blue-secondary-hover: #c1e6f0;
    --m-blue-secondary-pressed: #a5dae9;
    --m-clear: rgba(82,114,145,.08);
    --m-clear-hover: rgba(82,114,145,.16);
    --m-clear-pressed: rgba(82,114,145,.2);
    --m-transparent-03: rgba(17,17,34,.03);
    --m-transparent-05: rgba(17,17,34,.05);
    --m-transparent-10: rgba(17,17,34,.1);
    --m-transparent-20: rgba(17,17,34,.2);
    --m-transparent-25: rgba(17,17,34,.25);
    --m-transparent-50: rgba(17,17,34,.5);
    --m-transparent-75: rgba(17,17,34,.75);
    --m-transparent-90: rgba(17,17,34,.9);
    --m-transparent-100: #112;
    --m-positive-primary: #1fb141;
    --m-positive-primary-hover: #189a2e;
    --m-positive-primary-pressed: #0d731e;
    --m-positive-secondary: rgba(31,177,65,.12);
    --m-positive-secondary-hover: rgba(31,177,65,.24);
    --m-positive-secondary-pressed: rgba(31,177,65,.32);
    --m-negative-primary: #dd473b;
    --m-negative-primary-hover: #cb3d35;
    --m-negative-primary-pressed: #ba342e;
    --m-negative-secondary: rgba(221,71,59,.12);
    --m-negative-secondary-hover: rgba(221,71,59,.24);
    --m-negative-secondary-pressed: rgba(221,71,59,.32);
    --m-warning-primary: #fc0;
    --m-warning-primary-hover: #f0c000;
    --m-warning-primary-pressed: #e5b800;
    --m-warning-secondary: rgba(255,183,42,.12);
    --m-warning-secondary-hover: rgba(255,183,42,.24);
    --m-warning-secondary-pressed: rgba(255,183,42,.32);
    --m-info-primary: #6095ec;
    --m-info-secondary: rgba(96,149,236,.12);
    --m-info-secondary-hover: rgba(96,149,236,.24);
    --m-info-secondary-pressed: rgba(96,149,236,.32);
    --m-neutral-primary: #79818c;
    --m-neutral-secondary: hsla(215,8%,51%,.12);
    --m-neutral-secondary-hover: hsla(215,8%,51%,.24);
    --m-neutral-secondary-pressed: hsla(215,8%,51%,.32);
    --m-shadow-card: 0 0 0.25rem 0 rgba(0,0,0,.06),0 0.25rem 0.5rem 0 rgba(0,0,0,.04);
    --m-shadow-tooltip: 0 0.25rem 1rem 0 rgba(0,0,0,.08),0 0 0.125rem 0 rgba(0,0,0,.08);
    --m-shadow-dropdown: 0 2rem 2rem -1rem rgba(0,0,0,.08),0 0 1.5rem 0 rgba(0,0,0,.12)
}

.m-theme-light,.m-theme-light button {
    font-family: aktiv-grotesk,sans-serif!important
}

.m-theme-dark {
    --m-text-white: #fff;
    --m-text-white-03: hsla(0,0%,100%,.6);
    --m-text-dark: #2e2e54;
    --m-text-dark-03: rgba(105,116,140,.6);
    --m-text-01: #fff;
    --m-text-02: hsla(0,0%,100%,.8);
    --m-text-03: hsla(0,0%,100%,.6);
    --m-text-01-inverse: #2e2e54;
    --m-text-02-inverse: #53566f;
    --m-text-03-inverse: rgba(105,116,140,.6);
    --m-text-positive: #39ac6f;
    --m-text-positive-hover: #79d2a3;
    --m-text-negative: #f05642;
    --m-text-negative-hover: #f2988c;
    --m-text-warning: #ffc043;
    --m-text-warning-hover: #ffd788;
    --m-text-info: #438ee3;
    --m-text-info-hover: #87b7ed;
    --m-bg-white: #fff;
    --m-bg-white-02: #f7f7f7;
    --m-base-01: #1e1e3e;
    --m-base-02: #292948;
    --m-base-03: #32324f;
    --m-base-04: #393955;
    --m-base-05: #40405b;
    --m-base-06: #78788b;
    --m-base-07: #a5a5b2;
    --m-base-08: #d3d4db;
    --m-base-09: #e8e8ee;
    --m-base-10: #f4f4f5;
    --m-base-11: #fff;
    --m-pink-primary: #d64e8d;
    --m-pink-primary-hover: #cf307a;
    --m-pink-primary-pressed: #bb2b6e;
    --m-pink-secondary: rgba(198,70,160,.16);
    --m-pink-secondary-hover: rgba(198,70,160,.32);
    --m-pink-secondary-pressed: rgba(198,70,160,.4);
    --m-blue-primary: #7bc9df;
    --m-blue-primary-hover: #52b7d5;
    --m-blue-primary-pressed: #30a5c5;
    --m-blue-secondary: rgba(125,177,192,.16);
    --m-blue-secondary-hover: rgba(125,177,192,.32);
    --m-blue-secondary-pressed: rgba(125,177,192,.4);
    --m-clear: rgba(198,207,215,.16);
    --m-clear-hover: rgba(198,207,215,.32);
    --m-clear-pressed: rgba(198,207,215,.4);
    --m-transparent-03: hsla(0,0%,100%,.03);
    --m-transparent-05: hsla(0,0%,100%,.05);
    --m-transparent-10: hsla(0,0%,100%,.1);
    --m-transparent-20: hsla(0,0%,100%,.2);
    --m-transparent-25: hsla(0,0%,100%,.25);
    --m-transparent-50: hsla(0,0%,100%,.5);
    --m-transparent-75: hsla(0,0%,100%,.75);
    --m-transparent-90: hsla(0,0%,100%,.9);
    --m-transparent-100: #fff;
    --m-positive-primary: #23c749;
    --m-positive-primary-hover: #1bb034;
    --m-positive-primary-pressed: #0f8a24;
    --m-positive-secondary: rgba(35,199,73,.2);
    --m-positive-secondary-hover: rgba(35,199,73,.32);
    --m-positive-secondary-pressed: rgba(35,199,73,.4);
    --m-negative-primary: #e05b51;
    --m-negative-primary-hover: #d15049;
    --m-negative-primary-pressed: #cd3c35;
    --m-negative-secondary: rgba(224,91,81,.2);
    --m-negative-secondary-hover: rgba(224,91,81,.32);
    --m-negative-secondary-pressed: rgba(224,91,81,.4);
    --m-warning-primary: #ffd11a;
    --m-warning-primary-hover: #f2c10d;
    --m-warning-primary-pressed: #daad0b;
    --m-warning-secondary: rgba(255,199,89,.2);
    --m-warning-secondary-hover: rgba(255,199,89,.32);
    --m-warning-secondary-pressed: rgba(255,199,89,.4);
    --m-info-primary: #77a5ef;
    --m-info-secondary: rgba(119,165,239,.2);
    --m-info-secondary-hover: rgba(119,165,239,.32);
    --m-info-secondary-pressed: rgba(119,165,239,.4);
    --m-neutral-primary: #949aa4;
    --m-neutral-secondary: hsla(217,9%,55%,.12);
    --m-neutral-secondary-hover: hsla(216,8%,61%,.32);
    --m-neutral-secondary-pressed: hsla(216,8%,61%,.4);
    --m-shadow-card: 0 0 0.5rem 0 rgba(0,0,0,.06),0 0.25rem 0.5rem 0 rgba(0,0,0,.15);
    --m-shadow-tooltip: 0 0.5rem 1rem 0 rgba(0,0,0,.3),0 0 0.125rem 0 rgba(0,0,0,.3);
    --m-shadow-dropdown: 0 2rem 2rem -1rem rgba(0,0,0,.16),0 0 1.5rem 0 rgba(0,0,0,.22)
}

.m-toast-backdrop {
    position: fixed;
    z-index: 9999999;
    max-width: 697px;
    top: 0
}

.m-toast-backdrop-right {
    right: 0
}

.m-toast-backdrop-middle {
    left: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.m-toast-backdrop-left {
    left: 0
}

.final-page__header {
    line-height: 1.2;
    font-weight: 500;
    color: var(--color-bg-text,#2e2e54)
}

.final-page__content {
    font-size: 16px!important;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: var(--color-bg-6,var(--grey-blue));
    line-height: 1.5
}

.final-page__disclaimer {
    font-weight: 400;
    font-size: 11px;
    color: var(--color-bg-6);
    opacity: .6
}

.final-page__labels {
    display: block
}