@import url('https://cdn.8s.by/fonts/Rubik:300.css');
@import url('https://cdn.8s.by/fonts/Rubik:400.css');
@import url('https://cdn.8s.by/fonts/Rubik:700.css');

.svg-icon {
    text-align: center
}

.svg-icon svg {
    height: 20px
}

.svg-icon_upload path {
    fill: none;
    stroke: var(--color);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3px
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
    font-size: 18px
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
    font-size: 24px
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
    font-size: 36px
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
    font-size: 48px
}

.mdi-dark:before {
    color: rgba(0, 0, 0, .54)
}

.mdi-dark.mdi-inactive:before {
    color: rgba(0, 0, 0, .26)
}

.mdi-light:before {
    color: #fff
}

.mdi-light.mdi-inactive:before {
    color: hsla(0, 0%, 100%, .3)
}

.mdi-rotate-45:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mdi-rotate-90:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mdi-rotate-135:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.mdi-rotate-180:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mdi-rotate-225:before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.mdi-rotate-270:before {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.mdi-rotate-315:before {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.mdi-flip-h:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH"
}

.mdi-flip-v:before {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    -webkit-filter: FlipV;
    filter: FlipV;
    -ms-filter: "FlipV"
}

.mdi-spin:before {
    -webkit-animation: mdi-spin 2s linear infinite;
    animation: mdi-spin 2s linear infinite
}

@-webkit-keyframes mdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes mdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.icon .mdi-12px, .mdi-12px {
    width: 12px;
    height: 12px
}

.icon .mdi-16px, .mdi-16px {
    width: 16px;
    height: 16px
}

.icon .mdi-18px, .mdi-18px {
    width: 18px;
    height: 18px
}

.icon .mdi-24px, .mdi-24px {
    width: 24px;
    height: 24px
}

.icon .mdi-36px, .mdi-36px {
    width: 36px;
    height: 36px
}

.icon .mdi-48px, .mdi-48px {
    width: 48px;
    height: 48px
}

.tooltip {
    display: block !important;
    z-index: 10000
}

.tooltip:after, .tooltip:before {
    content: none
}

.tooltip .tooltip-inner {
    background: #fffaeb;
    border: 1px solid #eadca9;
    border-radius: 4px;
    padding: 5px 10px 4px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.54;
    text-align: left;
    color: #2e2e49;
    max-width: 280px
}

.tooltip .tooltip-arrow {
    margin: 5px;
    border-color: #eadca9
}

.tooltip .tooltip-arrow, .tooltip .tooltip-arrow:after {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    z-index: 1
}

.tooltip .tooltip-arrow:after {
    content: "";
    border-color: #fffaeb
}

.tooltip[x-placement^=top] {
    margin-bottom: 8px
}

.tooltip[x-placement^=top] .tooltip-arrow {
    bottom: -8px;
    left: calc(50% - 8px)
}

.tooltip[x-placement^=top] .tooltip-arrow, .tooltip[x-placement^=top] .tooltip-arrow:after {
    border-width: 8px 8px 0 8px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=top] .tooltip-arrow:after {
    left: -8px;
    bottom: 1px
}

.tooltip[x-placement^=bottom] {
    margin-top: 8px
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
    top: -8px;
    left: calc(50% - 8px)
}

.tooltip[x-placement^=bottom] .tooltip-arrow, .tooltip[x-placement^=bottom] .tooltip-arrow:after {
    border-width: 0 8px 8px 8px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom] .tooltip-arrow:after {
    left: -8px;
    bottom: -9px
}

.tooltip[x-placement^=right] {
    margin-left: 8px
}

.tooltip[x-placement^=right] .tooltip-arrow {
    border-width: 8px 8px 8px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -8px;
    top: calc(50% - 8px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left] {
    margin-right: 8px
}

.tooltip[x-placement^=left] .tooltip-arrow {
    border-width: 8px 0 8px 8px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -8px;
    top: calc(50% - 8px)
}

.tooltip.popover .popover-inner {
    background: #fffaeb;
    color: #000;
    padding: 4px 12px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1)
}

.tooltip.popover .popover-arrow {
    border-color: #eadca9
}

.tooltip[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s, visibility .15s;
    transition: opacity .15s, visibility .15s
}

.tooltip[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

body, html {
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

a, label {
    -webkit-tap-highlight-color: transparent
}

.icon {
    width: 1.2rem;
    height: 1.2rem
}

.icon svg {
    width: 24px;
    height: 24px
}

#app {
    font-family: Rubik, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    height: 100vh;
    --color-danger: #d10a34
}

#app input, #app textarea {
    border-radius: 4px;
    border: 1.2px solid #b1b5be
}

#app input.is-danger, #app textarea.is-danger {
    color: var(--color-danger);
    border-color: var(--color-danger)
}

#app .has-text-danger {
    color: var(--color-danger) !important
}

#app .help.is-danger {
    color: var(--color-danger)
}

#app .input, #app .textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 2.65em
}

#app .icon.is-large {
    height: 4rem;
    font-size: 1.8rem
}

#app .icon.is-large .mdi {
    font-size: 29px
}

.button {
    font-size: 18px !important;
    padding: 12px 30px;
    min-height: 43px;
    height: auto;
    border-radius: 24px;
    border: none;
    line-height: 1.3rem
}

.button .icon {
    margin-right: 5px
}

.button .icon i:before {
    font-size: 18px !important
}

.button .icon svg {
    width: 18px;
    height: 18px
}

.button_color_theme {
    color: var(--color-text);
    background-color: var(--color) !important;
    -webkit-box-shadow: 0 3px 10px 0 var(--color-alpha);
    box-shadow: 0 3px 10px 0 var(--color-alpha);
    will-change: box-shadow;
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in, -webkit-box-shadow .2s ease-in
}

.button_color_theme:focus, .button_color_theme:hover {
    color: var(--color-text);
    background-color: var(--color) !important;
    -webkit-box-shadow: 0 3px 15px 0 var(--color-alpha) !important;
    box-shadow: 0 3px 15px 0 var(--color-alpha) !important
}

.button_color_theme:focus {
    -webkit-box-shadow: 0 2px 8px 0 var(--color-alpha) !important;
    box-shadow: 0 2px 8px 0 var(--color-alpha) !important
}

.button.is-primary, .button.is-primary:focus, .button.is-primary:hover, .tag:not(body).is-primary, .tag:not(body).is-primary:focus, .tag:not(body).is-primary:hover {
    background: var(--color);
    color: var(--color-text)
}

.modal {
    z-index: 100 !important
}

.modal-background {
    z-index: 110 !important
}

.modal-content {
    z-index: 120 !important
}

a, a:focus, a:visited {
    color: var(--color);
    text-decoration: none
}

a:focus, a:hover {
    text-decoration: underline
}

.title {
    font-weight: 300
}

@media (max-width: 767px) {
    .notification .title, .tile .title {
        font-size: 26px
    }
}

.mb-1 {
    margin-bottom: 1rem
}

.mb-2 {
    margin-bottom: 2rem
}

.mb-3 {
    margin-bottom: 3rem
}

.button_rounded {
    border-radius: 36px
}

.b-radio.radio {
    line-height: 1.5;
    z-index: 10
}

.b-radio.radio input[type=radio] + .check {
    border: none;
    background-color: #e8e8e8
}

.b-radio.radio input[type=radio]:checked + .check {
    -webkit-box-shadow: 0 2px 6px 0 var(--color-alpha) !important;
    box-shadow: 0 2px 6px 0 var(--color-alpha) !important;
    border: 2px solid var(--color);
    background: #fff
}

.b-radio.radio input[type=radio]:checked + .check:before {
    background: var(--color);
    background-size: 21px
}

.b-radio.radio:focus input[type=radio] + .check {
    -webkit-box-shadow: none;
    box-shadow: none
}

.b-checkbox.checkbox {
    line-height: 1.5;
    z-index: 10
}

.b-checkbox.checkbox input[type=checkbox] + .check {
    border: none;
    background-color: #e8e8e8
}

.b-checkbox.checkbox input[type=checkbox]:checked + .check {
    background-color: var(--color);
    background-size: .9rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check {
    -webkit-box-shadow: none;
    box-shadow: none
}

p {
    margin-bottom: .5rem
}

p:last-child {
    margin-bottom: 0
}

@media (min-width: 819px) {
    .columns.is-desktop-modal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.button.is-blicked:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, .1)), color-stop(20%, hsla(0, 0%, 100%, .2)), to(hsla(0, 0%, 100%, .6)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .1) 10%, hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .6));
    width: 20px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    left: -20%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-animation-name: blick;
    animation-name: blick;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.button.is-primary.has-shadow {
    -webkit-box-shadow: 0 6px 21px 0 var(--color-alpha);
    box-shadow: 0 6px 21px 0 var(--color-alpha)
}

.button.is-primary.has-light-shadow {
    -webkit-box-shadow: 0 1px 4px 0 var(--color-alpha2);
    box-shadow: 0 1px 4px 0 var(--color-alpha2)
}

.app .swiper-container {
    width: 100%
}

.app .swiper-wrapper {
    margin-top: 0;
    margin-bottom: 24px
}

.app .swiper-button-next, .app .swiper-button-prev {
    background-image: none;
    height: 70px
}

.app .swiper-button-next .icon, .app .swiper-button-prev .icon {
    top: 0;
    position: absolute;
    background: #dbdbdb !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
}

.app .swiper-button-next .icon svg, .app .swiper-button-prev .icon svg {
    color: var(--color-text2)
}

.app .swiper-button-next.swiper-button-disabled, .app .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.app .swiper-button-prev .icon {
    -webkit-transform: translate(7px, -50%) !important;
    transform: translate(7px, -50%) !important;
    left: -15px
}

.app .swiper-button-next .icon {
    -webkit-transform: translate(-8px, -50%) !important;
    transform: translate(-8px, -50%) !important;
    right: -15px
}

.app .swiper-slide {
    width: 180px
}

.app .swiper-pagination-fraction {
    top: -4px
}

.app .swiper-scrollbar {
    background: #eae9f1;
    height: 4px;
    width: 100%;
    left: 0;
    border-radius: 4px
}

.app .swiper-scrollbar-drag {
    background: var(--color)
}

p .emoji {
    margin-bottom: -2px
}

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

@-webkit-keyframes dots {
    0% {
        content: ""
    }
    25% {
        content: "."
    }
    50% {
        content: ".."
    }
    75% {
        content: "..."
    }
}

@keyframes dots {
    0% {
        content: ""
    }
    25% {
        content: "."
    }
    50% {
        content: ".."
    }
    75% {
        content: "..."
    }
}

.layout__footer {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1.5rem 1rem 1rem
}

@media (max-width: 767px) {
    .layout__footer {
        position: static
    }
}

.cls-1[data-v-14468613] {
    opacity: .54
}

.assistant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .9rem;
    width: 100%;
    padding: 23px 26px;
    margin-bottom: 12px
}

.assistant.has-text {
    height: 100%
}

.assistant.no-assistant .assistant__block {
    padding-top: 0;
    height: 100%
}

.assistant__person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.assistant hr {
    margin: auto
}

.assistant__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: left;
    margin-left: .5rem
}

.assistant__avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 78px;
    flex: 0 0 78px;
    text-align: left;
    position: relative
}

.assistant__avatar img {
    width: 70px;
    height: 70px;
    border-radius: 35px
}

.assistant__avatar-badge {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    border-radius: 50%;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    display: block;
    border: 2px solid #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #1bb157;
    width: 12px;
    height: 12px;
    top: 54px;
    left: 54px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .16)
}

.assistant__block {
    position: relative;
    padding-top: calc(.6rem - 1px);
    margin-right: -5px;
    color: #69748c;
    line-height: 1.2;
    text-align: left;
    height: calc(100% - 80px);
    max-height: 380px
}

.assistant__text {
    background: #fff;
    padding: 5px 10px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05);
    border-radius: 4px;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    max-height: 100%;
    color: #2e2e49;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.54
}

.assistant__text::-webkit-scrollbar {
    width: 10px
}

.assistant__text::-webkit-scrollbar-track {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px #eae9f1;
    box-shadow: inset 0 0 10px 10px #eae9f1
}

.assistant__text::-webkit-scrollbar-thumb {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px var(--color);
    box-shadow: inset 0 0 10px 10px var(--color);
    -webkit-box-shadow: inset 0 0 10px 10px #707070;
    box-shadow: inset 0 0 10px 10px #707070
}

.assistant__text-title, .assistant__text h1, .assistant__text h2, .assistant__text h3, .assistant__text h4, .assistant__text h5, .assistant__text h6 {
    font-weight: 700;
    line-height: 1.2
}

.assistant__text-title {
    font-size: 12px;
    margin-top: .6rem;
    margin-bottom: .4rem;
    text-align: left
}

.assistant__text-arrow {
    top: calc(-.6rem + -1px);
    left: 24px;
    display: block;
    position: absolute;
    width: .6rem
}

.assistant__text-arrow:after, .assistant__text-arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-style: solid;
    border-color: transparent;
    border-width: .6rem .6rem .6rem
}

.assistant__text-arrow:before {
    border-bottom-color: rgba(0, 0, 0, .02)
}

.assistant__text-arrow:after {
    border-bottom-color: #fff;
    top: 1px
}

.assistant__title {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #2e2e54;
    line-height: 1.125
}

.assistant__subtitle {
    font-size: 12px;
    color: #69748c;
    font-weight: 400;
    line-height: 1.15;
    margin: 0
}

.assistant.has-hint .assistant__text {
    background-color: #fffaeb;
    border: 1px solid #eadba7
}

.assistant.has-hint .assistant__text:before {
    border-bottom: 12px solid #fffaeb
}

.assistant.has-hint .assistant__text h1, .assistant.has-hint .assistant__text h2, .assistant.has-hint .assistant__text h3, .assistant.has-hint .assistant__text h4, .assistant.has-hint .assistant__text h5, .assistant.has-hint .assistant__text h6 {
    margin-bottom: .4rem
}

.assistant.has-hint .assistant__block {
    padding-left: calc(.6rem - 1px);
    margin-left: -12px;
    padding-top: 0;
    height: calc(100% - 180px)
}

.assistant.has-hint .assistant__text {
    min-height: 4rem
}

.assistant.has-hint .assistant__text-arrow {
    left: calc(-.6rem + -1px);
    top: 16px
}

.assistant.has-hint .assistant__text-arrow:before {
    border-bottom-color: transparent;
    border-right-color: #eadba7
}

.assistant.has-hint .assistant__text-arrow:after {
    border-bottom-color: transparent;
    border-right-color: #fffaeb;
    top: 0;
    left: 1px
}

.assistant .animation-comment-enter-active {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.assistant .animation-comment-enter {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

.assistant .animation-comment-leave-to {
    opacity: 0
}

.assistant .animation-hint-enter-active {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.assistant .animation-hint-enter {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0
}

.assistant .animation-hint-leave-to {
    opacity: 0
}

.slide-fade-enter-active {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-leave-active {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.slide-fade-enter {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0
}

.slide-fade-leave-to {
    opacity: 0
}

.assistant-mobile {
    display: grid;
    grid-gap: 12px;
    overflow: hidden;
    font-size: .9rem;
    width: 100%;
    grid-template-rows: auto 1fr;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0
}

.assistant-mobile__person {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    display: block;
    width: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 10px
}

.assistant-mobile hr {
    margin: auto
}

.assistant-mobile__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-left: 0
}

.assistant-mobile__avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 78px;
    flex: 0 0 78px;
    text-align: center
}

.assistant-mobile__avatar img {
    border-radius: 35px;
    height: 40px;
    width: 40px
}

.assistant-mobile__text-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    padding-top: 2px;
    padding-bottom: 0;
    padding-right: 1rem
}

.assistant-mobile__text-container::-webkit-scrollbar {
    width: 10px
}

.assistant-mobile__text-container::-webkit-scrollbar-track {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px #eae9f1;
    box-shadow: inset 0 0 10px 10px #eae9f1
}

.assistant-mobile__text-container::-webkit-scrollbar-thumb {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px var(--color);
    box-shadow: inset 0 0 10px 10px var(--color);
    -webkit-box-shadow: inset 0 0 10px 10px #707070;
    box-shadow: inset 0 0 10px 10px #707070
}

.assistant-mobile__text-html {
    color: #2e2e54;
    margin-top: 4px;
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
    line-height: 20px;
    display: inline-block;
    width: 100%
}

.assistant-mobile__text-html h1, .assistant-mobile__text-html h2, .assistant-mobile__text-html h3, .assistant-mobile__text-html h4, .assistant-mobile__text-html h5, .assistant-mobile__text-html h6 {
    font-weight: 700;
    line-height: 1.2
}

.assistant-mobile__block {
    position: relative;
    color: #69748c;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease;
    min-height: 50px;
    max-height: 68px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0;
    padding: 10px;
    border-radius: 20px 20px 20px 3px;
    background: #f0f0f0;
    cursor: pointer;
    overflow: auto
}

.assistant-mobile__arrow {
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 6px;
    position: absolute;
    top: 50%;
    margin-top: -3.5px;
    right: 15px;
    width: 15px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-animation-name: arrow-pulse;
    animation-name: arrow-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    cursor: pointer;
    z-index: 20
}

@-webkit-keyframes arrow-pulse {
    0% {
        opacity: .7
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .7
    }
}

@keyframes arrow-pulse {
    0% {
        opacity: .7
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .7
    }
}

.assistant-mobile__title {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #2e2e54;
    line-height: 1.125;
    word-break: break-word;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    white-space: pre
}

.assistant-mobile__subtitle {
    font-size: 12px;
    color: #69748c;
    font-weight: 400;
    line-height: 1.25;
    margin: 0;
    margin-left: 8px;
    margin-right: 35px;
    margin-bottom: -2px;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis
}

.assistant-mobile__status {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background-color: #11983f;
    margin-right: 7px;
    margin-bottom: 1px;
    margin-top: 5px;
    color: #69748c
}

.assistant-mobile__header {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.54;
    text-align: left;
    color: #2e2e49
}

.assistant-mobile__expanded-link {
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px dashed var(--color)
}

.assistant-mobile__expanded-link:focus, .assistant-mobile__expanded-link:hover {
    text-decoration: none
}

.assistant-mobile.has-text {
    height: 100%;
    grid-template-rows: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.assistant-mobile.no-assistant {
    grid-template-rows: 1fr
}

.assistant-mobile.has-assistant {
    grid-template-rows: 70px 1px;
    grid-template-columns: auto auto 1fr;
    padding: 23px 0 0
}

.assistant-mobile.has-hint .assistant-mobile__block {
    background: #fffaeb;
    border: 1px solid #eadca9;
    border-radius: 20px 20px 3px 20px
}

.assistant-mobile.has-hint .assistant-mobile__text-html {
    margin-top: 4px
}

.assistant-mobile.has-hint .assistant-mobile__arrow {
    -webkit-animation: none;
    animation: none;
    color: #d1d0d1;
    top: auto;
    bottom: 2px;
    right: 10px
}

.assistant-mobile.has-more .assistant-mobile__text:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 76px;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 96.9%, 0)), color-stop(52%, hsla(0, 0%, 96.9%, .9)), to(#f7f7f7));
    background-image: linear-gradient(90deg, hsla(0, 0%, 96.9%, 0), hsla(0, 0%, 96.9%, .9) 52%, #f7f7f7)
}

.assistant-mobile.is-expanded .assistant-mobile__text:after {
    content: none
}

.assistant-mobile.is-expanded .assistant-mobile__block {
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease;
    max-height: 150px
}

.assistant-mobile.is-expanded .assistant-mobile__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: auto;
    bottom: 15px
}

.assistant-mobile.no-assistant .assistant-mobile__text-html {
    font-style: normal
}

svg[data-v-6d74ce7d] {
    padding: 0;
    background: #fff;
    fill: var(--color);
    border: 4px solid #fff;
    border-radius: 50px;
    height: 30px;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .28);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .28)
}

svg[data-v-d187c184] {
    height: 33px;
    border-radius: 50px;
    background: #fff;
    fill: var(--color);
    padding: 8px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bonus {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-main)));
    background: linear-gradient(var(--gradient-main));
    line-height: 1.2
}

.bonus, .bonus__wrapper {
    position: relative;
    height: 100%;
    border-radius: 5px
}

.bonus__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: 10% 10px;
    -webkit-box-shadow: 1.9px 6.7px 7px 0 var(--color-alpha2);
    box-shadow: 1.9px 6.7px 7px 0 var(--color-alpha2)
}

.bonus__layer {
    background: #000;
    opacity: .1;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.bonus__layer, .bonus__lock {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.bonus__lock {
    height: 100%;
    width: 100%;
    z-index: 2;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.bonus__lock-icon {
    position: absolute;
    right: 0;
    top: 0;
    left: unset;
    z-index: 2;
    -webkit-transform: translate(40%, -40%);
    transform: translate(40%, -40%);
    height: 25px !important
}

.bonus__unlock svg {
    position: absolute;
    top: 50%;
    left: 20%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-animation: pulse 1s ease 0s infinite;
    animation: pulse 1s ease 0s infinite
}

.bonus__unlock:hover svg {
    fill: var(--color-lighten)
}

.bonus__text {
    position: absolute;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    right: 9%;
    max-width: 66%;
    text-align: right
}

.bonus_locked {
    cursor: not-allowed
}

.bonus_locked .bonus__layer {
    opacity: .4
}

.bonus_unlocked {
    cursor: pointer
}

.bonus_type_custom .bonus__wrapper {
    background-size: 100% auto;
    background-position: 0 50%
}

.bonus_type_custom .bonus__text {
    background: rgba(0, 0, 0, .271);
    padding: 4px 8px
}

.bonus_type_custom.bonus_locked .bonus__layer {
    opacity: .3
}

.bonus_type_custom.bonus_unlocked .bonus__layer {
    opacity: 0
}

.bonuses {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 100%;
    grid-template-rows: var(--bonus-height) var(--bonus-height);
    width: 100%
}

.bonuses.bonuses_count_1 {
    grid-template-rows: var(--bonus-height)
}

.bonuses_direction_row {
    height: var(--bonus-height);
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: var(--bonus-height)
}

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

.bonuses_direction_row.bonuses_count_1 .bonuses__bonus {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 200px;
    flex: 0 1 200px
}

@media (max-width: 767px) {
    .bonuses_direction_row-mobile {
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: var(--bonus-height)
    }
}

.answer_checked {
    color: var(--color-text2)
}

.answer-variants {
    overflow-x: hidden;
    overflow-y: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.answer-variants::-webkit-scrollbar {
    width: 10px
}

.answer-variants::-webkit-scrollbar-track {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px #eae9f1;
    box-shadow: inset 0 0 10px 10px #eae9f1
}

.answer-variants::-webkit-scrollbar-thumb {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px var(--color);
    box-shadow: inset 0 0 10px 10px var(--color)
}

.answer-variants__other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.answer-variants__other label {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 52px;
    flex: 1 1 52px;
    width: 52px !important
}

.answer-variants__other .field {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.answer-variants__other input {
    border: none !important;
    background: #f7f7f7;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.answer-variants__other .control, .answer-variants__other .field, .answer-variants__other input {
    height: 100% !important
}

.answer-variants__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.answer-variants__answerContainer {
    text-align: left
}

.answer-variants__textVariant {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 49%;
    flex: 0 1 49%;
    margin-bottom: 1rem;
    border-radius: 5px;
    border: 1px solid rgba(217, 216, 230, .55);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    will-change: box-shadow;
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out
}

.answer-variants__textVariant:focus, .answer-variants__textVariant:hover {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)
}

@media (max-width: 767px) {
    .answer-variants__textVariant {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

.answer-variants__textVariant .control-label {
    padding-left: 1rem !important
}

.answer-variants__textVariant label {
    padding: .8rem 1rem;
    width: 100%;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.answer-variants__textVariant_selected {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    border: solid 1px var(--color-alpha)
}

.answer-variants__gradient {
    display: none
}

.answer-variants .check {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.25rem;
    flex: 0 0 1.25rem
}

.answer-one-image {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 100%
}

.answer-one-image__group {
    -webkit-box-flex: 2;
    -ms-flex: 2 1 47%;
    flex: 2 1 47%;
    margin-right: 1rem;
    overflow-y: auto
}

.answer-one-image__group::-webkit-scrollbar {
    width: 10px
}

.answer-one-image__group::-webkit-scrollbar-track {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px #eae9f1;
    box-shadow: inset 0 0 10px 10px #eae9f1
}

.answer-one-image__group::-webkit-scrollbar-thumb {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px var(--color);
    box-shadow: inset 0 0 10px 10px var(--color)
}

.answer-one-image__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47%;
    flex: 0 1 47%;
    margin-left: 1rem
}

.answer-one-image__image img {
    border-radius: 4px
}

.answer-one-image__dummy, .answer-one-image__dummy-loading {
    width: 100%;
    height: 275px;
    background: #f6f5f6;
    padding: 5%;
    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
}

.answer-one-image__dummy-loading {
    position: relative
}

.answer-one-image__dummy-loading:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url(../img/image-loader.3e3a718c.svg) no-repeat 58% 48%;
    background-size: 75px auto
}

.answer-one-image__other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.answer-one-image__other label {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 52px;
    flex: 1 1 52px;
    width: 52px !important
}

.answer-one-image__other .field {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.answer-one-image__other input {
    border: none !important;
    background: #f7f7f7;
    height: 48px !important
}

.answer-one-image__answerContainer {
    text-align: left
}

.answer-one-image__textVariant {
    margin-bottom: 1rem;
    border-radius: 5px;
    border: 1px solid rgba(217, 216, 230, .55);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.answer-one-image__textVariant:last-child {
    margin-bottom: 0
}

.answer-one-image__textVariant .control-label {
    padding-left: 1rem !important
}

.answer-one-image__textVariant label {
    padding: .8rem 1rem;
    width: 100%;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.answer-one-image__textVariant_selected {
    border: solid 1px var(--color-alpha);
    -webkit-box-shadow: 1.7px 5.8px 21px 0 rgba(0, 0, 0, .07);
    box-shadow: 1.7px 5.8px 21px 0 rgba(0, 0, 0, .07)
}

.answer-one-image__gradient {
    display: none
}

.answer-one-image .check {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.25rem;
    flex: 0 0 1.25rem
}

@media (max-width: 767px) {
    .answer-one-image {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .answer-one-image__group, .answer-one-image__image {
        margin: 0
    }

    .answer-one-image__image {
        margin-bottom: 1rem
    }
}

.answer-select .select {
    width: 100%
}

.answer-select .select:not(.is-multiple):not(.is-loading):after {
    border-color: var(--color)
}

.answer-select select {
    width: 100%
}

.answer-select select:focus {
    outline: none;
    border-color: var(--color-lighten);
    -webkit-box-shadow: none;
    box-shadow: none
}

.answer-slider {
    margin-top: 10px
}

.answer-slider__container .input {
    min-height: 50px;
    font-size: 18px
}

.answer-slider__container .input:focus {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .16) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .16) !important
}

.answer-slider__container .select {
    width: 100%
}

.answer-slider__container .select:focus {
    outline: none;
    border-color: var(--color-lighten);
    -webkit-box-shadow: none;
    box-shadow: none
}

.answer-slider__container .is-grouped {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.answer-slider__container .is-grouped .field {
    max-width: 160px
}

@media (max-width: 767px) {
    .answer-slider__container .is-grouped .field {
        max-width: 139px
    }
}

.answer-slider__container .control {
    max-width: 160px
}

@media (max-width: 767px) {
    .answer-slider__container .control {
        max-width: 100%
    }
}

.answer-slider__limit {
    font-size: .75em;
    color: #b1b5be
}

.answer-slider .vue-slider-dot-tooltip {
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(calc(-50% - .5px), calc(-100% - .5px), 0);
    transform: translate3d(calc(-50% - .5px), calc(-100% - .5px), 0);
    font-weight: 500
}

.answer-slider .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: inherit;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.answer-file {
    position: relative
}

.answer-file__header {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    color: #494949
}

.answer-file__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.31;
    color: #69748c;
    margin-top: .5rem
}

.answer-file__limit.tag {
    position: absolute;
    top: 1rem;
    left: 1rem;
    color: var(--color);
    font-weight: 500;
    display: none;
    z-index: 20;
    background: #fff
}

.answer-file__file-tag {
    background: var(--color);
    color: var(--color-text)
}

.answer-file__icon.svg-icon svg {
    height: 33px
}

.answer-file:focus .answer-file__limit, .answer-file:hover .answer-file__limit {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.answer-file .upload-draggable {
    width: 100%;
    border: 1px dashed #d2d4d8
}

.answer-file .upload-draggable.is-primary:hover {
    border-color: var(--color-lighten);
    background: var(--color-alpha2)
}

.extend-input {
    border-radius: 4px;
    overflow: hidden;
    height: 55px;
    overflow: visible
}

.extend-input, .extend-input__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.extend-input__icon {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 0 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white-two);
    border: solid 1px var(--light-blue-grey);
    border-right: 0;
    border-radius: 4px 0 0 4px;
    cursor: pointer
}

.extend-input__icon .mdi-icon {
    width: 26px;
    display: inline;
    fill: var(--light-blue-grey)
}

.extend-input__icon-text {
    margin-left: 9px;
    padding-right: 5px;
    font-size: 16px;
    font-weight: 500;
    color: var(--light-grey-blue)
}

@media (min-width: 819px) {
    .extend-input__icon-text_default {
        display: none
    }
}

.extend-input__input {
    width: 135px;
    font-size: 18px;
    text-align: center;
    -webkit-transition: border .5s ease;
    transition: border .5s ease;
    border: solid 1px var(--light-blue-grey) !important;
    border-radius: 0 4px 4px 0 !important;
    height: 100%;
    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
}

.extend-input__input input {
    font-family: Rubik, Helvetica, Arial, sans-serif;
    cursor: text
}

.extend-input__input input:invalid {
    border: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.extend-input_focused .extend-input__input {
    border: 1px solid var(--color) !important
}

.quiz__questions {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important
}

@media (max-width: 819px) {
    .quiz__questions {
        -webkit-transform: none !important;
        transform: none !important
    }
}

.date-question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.date-question__placeholder {
    color: rgba(54, 54, 54, .3)
}

.date-question__hyphen {
    display: inline-block;
    width: 20px;
    height: 1px;
    margin: 0 15px;
    background-color: var(--light-blue-grey)
}

.date-question__button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 10px
}

.date-question__button {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-color: var(--white-two);
    color: var(--grey-blue);
    border: 0;
    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
}

.date-question__button:focus {
    outline: none
}

.date-question__button::-moz-focus-inner {
    border: 0
}

.date-question__button .icon {
    margin-right: 5px
}

.date-question__button_apply {
    color: var(--color);
    background-color: var(--color-alpha2)
}

.date-question__button_width_100 {
    width: 100%
}

@media (max-width: 819px) {
    .date-question {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .date-question__hyphen {
        display: none
    }

    .date-question__extend-input {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px
    }

    .date-question__extend-input .extend-input__input {
        width: calc(100% - 120px)
    }

    .date-question__extend-input .extend-input__icon {
        width: 120px
    }

    .date-question__extend-input .extend-input__icon-text {
        padding-right: 0;
        margin: 0 auto
    }

    .date-question__extend-input_hidden {
        display: inherit;
        width: inherit;
        height: inherit;
        margin-bottom: 0
    }

    .date-question__extend-input_hidden .extend-input__icon {
        display: none
    }

    .date-question__extend-input_hidden .extend-input__input {
        display: inherit;
        width: inherit;
        height: inherit;
        border: 0 !important
    }

    .date-question__extend-input_hidden .date-question__placeholder {
        display: none
    }

    .date-question .date-picker_hidden {
        width: auto
    }

    .date-question__fake-input {
        display: none
    }
}

.masked-input {
    display: block;
    width: 100%;
    border: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 53px;
    text-align: center;
    font-size: 18px
}

.date-picker:focus {
    outline: 0 !important
}

.date-picker_hidden {
    width: 0
}

.date-picker .is-active:not(.is-inline) > .background {
    display: block
}

.date-picker .is-active:not(.is-inline) > .dropdown-menu {
    position: fixed;
    top: 25% !important;
    left: 50% !important;
    z-index: 50;
    -webkit-transform: translateX(-50%) translateY(-25%);
    transform: translateX(-50%) translateY(-25%);
    bottom: auto !important;
    right: auto !important
}

.date-picker .is-active:not(.is-inline) > .dropdown-menu .dropdown-item:focus {
    outline: 0
}

.date-picker input {
    border: 0 !important;
    text-align: center;
    font-family: Rubik, Helvetica, Arial, sans-serif
}

.date-picker .dropdown {
    height: 100% !important
}

.date-picker .dropdown .background {
    background: rgba(0, 0, 0, .5)
}

.date-picker .datepicker-header {
    padding-bottom: 0
}

.date-picker .datepicker-header .pagination .has-text-primary {
    color: var(--light-blue-grey) !important;
    height: 12px !important
}

.date-picker .datepicker-header .pagination .pagination-previous {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    min-width: auto;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
    margin-right: auto
}

.date-picker .datepicker-header .pagination .pagination-previous:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.date-picker .datepicker-header .pagination .pagination-previous .icon {
    height: auto !important;
    width: auto !important
}

.date-picker .datepicker-header .pagination .pagination-next {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    min-width: auto;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
    margin-left: auto
}

.date-picker .datepicker-header .pagination .pagination-next:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.date-picker .datepicker-header .pagination .pagination-next .icon {
    height: auto !important;
    width: auto !important
}

.date-picker .datepicker-header .pagination .pagination-list {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.date-picker .datepicker-header .pagination .pagination-list .field {
    position: relative
}

.date-picker .datepicker-header .pagination .pagination-list .field:after {
    display: block;
    position: absolute;
    top: 100%;
    content: "";
    width: 100%;
    height: 5px;
    top: 84%;
    border-radius: 5px;
    background: var(--color)
}

.date-picker .datepicker-header .pagination .pagination-list .field .select:first-child {
    margin: 0 5px
}

.date-picker .datepicker-header .pagination .pagination-list .field .select:after {
    display: none !important
}

.date-picker .datepicker-header .pagination .pagination-list .field .select select {
    border: 0 !important;
    padding: 0 !important;
    height: auto !important
}

.date-picker .datepicker-header .pagination .pagination-list .field .select select:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.date-picker .datepicker-content {
    height: auto !important
}

.date-picker .datepicker-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.date-picker .datepicker-table .datepicker-header {
    display: none
}

.date-picker .datepicker-table .datepicker-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.date-picker .datepicker-table .datepicker-body, .date-picker .datepicker-table .datepicker-body .datepicker-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.date-picker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell {
    cursor: pointer;
    width: 43px;
    height: 43px;
    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;
    text-decoration: none;
    margin: 3.5px;
    border: solid 1px var(--light-blue-grey);
    font-size: 16px;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.date-picker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-first {
    border: solid 1px var(--color) !important;
    background: var(--color) !important;
    color: var(--color-text) !important
}

.date-picker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selected {
    border: solid 1px var(--color);
    background: var(--color);
    color: var(--color-text)
}

.date-picker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-unselectable {
    border: 1px solid #e8e8e8;
    color: #e8e8e8
}

.date-picker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-unselectable.is-within {
    border: solid 1px var(--light-blue-grey);
    background-color: var(--color-alpha2);
    color: var(--dark-grey-blue)
}

.date-picker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selectable:focus {
    border: solid 1px var(--color);
    background: var(--color);
    color: var(--color-text)
}

.date-picker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-within:not(.is-first) {
    border: solid 1px var(--light-blue-grey);
    background-color: var(--color-alpha2);
    color: var(--dark-grey-blue)
}

.date-picker .datepicker-table .datepicker-maximum-weeks .datepicker-cell {
    width: 38px !important;
    height: 38px !important
}

@media (max-width: 320px) {
    .date-picker .datepicker-table .datepicker-maximum-weeks .datepicker-cell {
        width: 32px !important;
        height: 32px !important
    }
}

.date-picker .datepicker-footer {
    padding: 0;
    margin: 0;
    border-top: 0;
    width: 100%
}

@media (max-width: 1023px) {
    .date-picker .dropdown-menu {
        width: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        overflow-y: visible !important;
        height: auto !important
    }
}

@media (max-width: 819px) {
    .date-picker .dropdown-content {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width: 360px) {
    .date-picker .datepicker-cell {
        width: 36px !important;
        height: 36px !important
    }
}

@media (max-width: 320px) {
    .date-picker .datepicker-cell {
        width: 32px !important;
        height: 32px !important
    }
}

.time-picker_highlight {
    color: var(--color) !important
}

.time-picker_highlight .dropdown-content {
    border: solid 1px var(--color) !important
}

.time-picker .is-active {
    display: block !important
}

.time-picker .is-active .dropdown-menu {
    display: block;
    -webkit-transform: none;
    transform: none;
    position: static
}

.time-picker .is-active .dropdown-menu .dropdown-content {
    padding: 0 !important;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: 1px solid #d1d1d1
}

.time-picker .is-active .dropdown-menu .dropdown-content .dropdown-item {
    padding: 0 !important
}

.time-picker__title {
    color: var(--light-grey-blue);
    display: block;
    text-align: center;
    margin-top: 10px
}

.time-picker .field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    text-align: center
}

.time-picker .field .control:not(.is-colon) {
    font-size: 16px;
    width: 45%;
    text-align: center !important
}

.time-picker .field .control:not(.is-colon) .select {
    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-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.time-picker .field .control:not(.is-colon) .select select {
    font-size: 24px;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center !important;
    font-weight: 400 !important;
    height: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #fff !important;
    -moz-text-align-last: center !important;
    text-align-last: center !important;
    text-align: -webkit-center !important
}

.time-picker .field .control:not(.is-colon) .select select::-moz-focus-inner {
    border: 0
}

.time-picker .field .control:not(.is-colon) .select select:focus {
    outline: 0 !important;
    border: 0 !important
}

.time-picker .field .control:not(.is-colon) .select select option {
    font-size: 16px
}

.question::-webkit-scrollbar {
    width: 10px
}

.question::-webkit-scrollbar-track {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px #eae9f1;
    box-shadow: inset 0 0 10px 10px #eae9f1
}

.question::-webkit-scrollbar-thumb {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px var(--color);
    box-shadow: inset 0 0 10px 10px var(--color)
}

.question_images {
    height: auto
}

@media (min-width: 768px) {
    .question_one-image {
        overflow-y: hidden !important
    }
}

@media (min-width: 768px) {
    .question_slider {
        overflow-y: visible !important
    }
}

.Arrows {
    width: 9px;
    height: 6px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-gap: 2px
}

.Arrows--simple {
    -webkit-animation-name: move-up;
    animation-name: move-up;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.Arrows--simple.is-down {
    -webkit-animation-name: move-down;
    animation-name: move-down;
    position: relative
}

.Arrows--simple.is-down .Arrow {
    background: tomato
}

.Arrows--simple.is-down .Arrow--left {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Arrows--simple.is-down .Arrow--right {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.Arrows .Arrows-parts {
    display: grid;
    grid-template-columns: 50% 50%
}

.Arrows .Arrow {
    height: 2px;
    background: #44bc75;
    width: 100%
}

.Arrows .Arrow--left {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.Arrows .Arrow--right {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@-webkit-keyframes move-up {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    50% {
        -webkit-transform: translateY(60%);
        transform: translateY(60%)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes move-up {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    50% {
        -webkit-transform: translateY(60%);
        transform: translateY(60%)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes move-down {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    50% {
        -webkit-transform: translateY(60%);
        transform: translateY(60%)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes move-down {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    50% {
        -webkit-transform: translateY(60%);
        transform: translateY(60%)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.discount {
    padding: 20px .5rem 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: #2e2e54;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(255, 221, 111, .36);
    box-shadow: 0 3px 10px 0 rgba(255, 221, 111, .36);
    background-color: #ffdd6f;
    border: 1px solid #fdcd32
}

@media (max-width: 818px) {
    .discount {
        -webkit-box-shadow: 0 3px 6px 0 #f4cf5b;
        box-shadow: 0 3px 6px 0 #f4cf5b;
        padding: 17px .5rem 17px 15px
    }
}

.discount.is-unexpanded .discount__icon {
    margin-right: 100px;
    -webkit-transition: margin .3s ease;
    transition: margin .3s ease;
    -webkit-animation-name: slide-right-icon;
    animation-name: slide-right-icon;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    opacity: 1
}

.discount.is-unexpanded .discount__label-text {
    opacity: 0
}

.discount:not(.is-unexpanded) .discount__icon {
    -webkit-animation-name: slide-icon-left;
    animation-name: slide-icon-left;
    margin-right: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
    width: 0
}

.discount__icon {
    font-size: 18px;
    -webkit-animation-name: slide-right-icon;
    animation-name: slide-right-icon;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1
}

@media (max-width: 818px) {
    .discount__icon {
        display: block
    }
}

@-webkit-keyframes slide-right-icon {
    0% {
        opacity: 0;
        width: 15px
    }
    to {
        opacity: 1;
        width: 0
    }
}

@keyframes slide-right-icon {
    0% {
        opacity: 0;
        width: 15px
    }
    to {
        opacity: 1;
        width: 0
    }
}

.discount__label {
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 818px) {
    .discount__label {
        font-size: 12px;
        font-weight: 400
    }
}

.discount__label-text {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.discount__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap
}

@media (max-width: 818px) {
    .discount__price {
        font-size: 14px
    }
}

.discount__value {
    position: relative
}

.discount__bubble {
    position: absolute;
    color: #44bc75;
    top: -15px;
    right: 0;
    font-size: 12px;
    opacity: 0;
    -webkit-animation-name: bubble;
    animation-name: bubble;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

@media (max-width: 818px) {
    .discount__bubble_desktop {
        display: block
    }
}

.discount__bubble_mobile {
    white-space: nowrap;
    color: #fff;
    background: rgba(68, 188, 117, .769);
    padding: 2px 5px;
    border-radius: 3px;
    top: 8px;
    right: 50px;
    -webkit-animation-name: bubble-down;
    animation-name: bubble-down
}

@media (min-width: 768px) {
    .discount__bubble_mobile {
        display: none
    }
}

.discount__bubble_mobile:not(.is-unexpanded) {
    opacity: 0;
    -webkit-animation-duration: 0s;
    animation-duration: 0s
}

@-webkit-keyframes bubble {
    0% {
        opacity: 0;
        top: 0
    }
    50% {
        top: -15px;
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes bubble {
    0% {
        opacity: 0;
        top: 0
    }
    50% {
        top: -15px;
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes bubble-down {
    0% {
        opacity: 0;
        top: -40%
    }
    50% {
        top: 8px;
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes bubble-down {
    0% {
        opacity: 0;
        top: -40%
    }
    50% {
        top: 8px;
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.discount__symbol {
    margin-left: 5px;
    margin-bottom: 2px;
    font-weight: 400
}

.discount__arrows {
    position: relative;
    top: -15px;
    left: 2px
}

@media (max-width: 819px) {
    .discount__arrows {
        top: -10px !important
    }
}

.discount__arrows.is-unexpanded {
    position: absolute !important;
    top: 4px !important;
    left: 28px;
    right: auto
}

.discount__arrows.is-down {
    top: -12px
}

[data-v-0d1b6d22]:root {
    --gray: #e2e2e2;
    --black: #000;
    --dark-grey-blue: #2e2e54;
    --light-grey-blue: #b1b5be;
    --light-blue-grey: #d2d4d8;
    --white-two: #f7f7f7;
    --grey-blue: #69748c
}

@-webkit-keyframes fade-hide-button-data-v-0d1b6d22 {
    0% {
        opacity: 0
    }
    30% {
        opacity: 0
    }
    to {
        opacity: .53
    }
}

@keyframes fade-hide-button-data-v-0d1b6d22 {
    0% {
        opacity: 0
    }
    30% {
        opacity: 0
    }
    to {
        opacity: .53
    }
}

.whitelabel[data-v-0d1b6d22] {
    white-space: nowrap
}

.whitelabel__container[data-v-0d1b6d22] {
    font-size: 12px;
    color: #7e8ca8;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.whitelabel a[data-v-0d1b6d22] {
    font-weight: 900;
    color: #7e8ca8
}

.whitelabel__icon[data-v-0d1b6d22] {
    margin-right: 10px;
    height: 14px;
    margin-bottom: 2px
}

.circle[data-v-5de68756], svg[data-v-5de68756] {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    -webkit-animation: stroke-data-v-5de68756 3s ease-out forwards;
    animation: stroke-data-v-5de68756 3s ease-out forwards;
    z-index: 10
}

@-webkit-keyframes stroke-data-v-5de68756 {
    0% {
        stroke-dashoffset: 1000
    }
    10% {
        stroke-dashoffset: 950
    }
    50% {
        stroke-dashoffset: 700
    }
    to {
        stroke-dashoffset: 0
    }
}

@keyframes stroke-data-v-5de68756 {
    0% {
        stroke-dashoffset: 1000
    }
    10% {
        stroke-dashoffset: 950
    }
    50% {
        stroke-dashoffset: 700
    }
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes fadeIn-data-v-5de68756 {
    to {
        opacity: 1
    }
}

@keyframes fadeIn-data-v-5de68756 {
    to {
        opacity: 1
    }
}

.result-loader__loader {
    position: relative
}

.result-loader__percent {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.17;
    color: #777b95;
    text-align: center;
    width: 80px;
    height: 36px;
    margin-left: -40px;
    margin-top: -18px
}

.result-loader__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.19;
    color: #777b95
}

.discount-label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 16px;
    border-radius: 0 4px 4px 0;
    background-color: #ffdd6f;
    font-weight: 500;
    padding: 2px 4px
}

.discount-label:before {
    right: 100%;
    content: " ";
    height: 16px;
    width: 16px;
    position: absolute;
    top: 100%;
    margin-top: -16px;
    background: url(../img/birka-corner.8cf0cacd.svg) no-repeat 4px;
    background-size: 100% 100%
}

.discount-label span {
    color: #000;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.price-label {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    z-index: 20;
    color: #000
}

.price-label__number {
    color: #000;
    margin-right: 1.5rem
}

.price-label__old {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.18;
    text-align: left;
    color: #b2b2b2;
    text-decoration: line-through
}

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

.price-label__container, .result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.result {
    background: #fff;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.result__container {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    max-width: 600px;
    min-width: 550px;
    padding: 1.8rem
}

.result__content {
    padding-top: 25px;
    width: 100%;
    margin-bottom: auto
}

.result__image {
    position: relative;
    border-radius: 4px;
    background: var(--color) no-repeat 0 40%;
    background-size: cover;
    background-position: 50%;
    height: 300px;
    width: 100%
}

.result__image .price-label .price-label__old {
    color: #fff
}

.result__video {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-height: 480px;
    cursor: pointer
}

.result__video-stub {
    width: 100%;
    height: 300px;
    background-color: #d2d4d8;
    background-image: url(../img/video-off-outline.42c83ef3.svg)
}

.result__video-muted, .result__video-stub {
    background-repeat: no-repeat;
    background-position: 50%
}

.result__video-muted {
    display: none;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    z-index: 1000;
    background-size: contain
}

.result__video-muted:hover {
    display: block
}

.result__video-muted.is-on {
    background-image: url(../img/volume-high-shadow.ead9a291.png)
}

.result__video-muted.is-off {
    background-image: url(../img/volume-off-shadow.f332dbff.png)
}

.result__video-muted.is-visible {
    display: block
}

.result__video-replay {
    display: none;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    z-index: 1000;
    background-image: url(../img/replay-shadow.8d612fd4.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.result__video-replay.is-visible {
    display: block
}

.result__video_cloud:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 60%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(38, 41, 59, 0)), to(#26293b));
    background: linear-gradient(180deg, rgba(38, 41, 59, 0), #26293b);
    opacity: .8;
    content: ""
}

.result__iframe {
    width: 100%;
    min-height: 306px
}

.result__cost_in-bg {
    position: absolute;
    left: 1rem;
    bottom: .7rem
}

.result__cost_in-bg .price-label__number, .result__cost_in-bg .price-label__old {
    color: #fff
}

.result__cost_in-text {
    margin: 0 0 20px
}

.result__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36%;
    opacity: .74;
    z-index: 10;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(38, 41, 59, 0)), to(#26293b));
    background-image: linear-gradient(180deg, rgba(38, 41, 59, 0), #26293b)
}

.result__title {
    font-size: 24px;
    line-height: 1.17;
    color: #020202;
    margin: 0 0 20px
}

.result__text, .result__title {
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left
}

.result__text {
    font-size: 16px;
    line-height: 1.5;
    color: #777b95;
    margin-bottom: 15px
}

.result__text ol, .result__text ul {
    padding-left: 1.6rem;
    padding-top: .4rem
}

.result__text ul {
    list-style: disc
}

.result__navpad {
    position: absolute;
    z-index: 20;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .08)
}

.result__navpad_align_left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.result__navpad .result__whitelabel {
    position: absolute;
    top: 0;
    right: 1.5rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(-64px);
    transform: translateY(-64px)
}

.result__navpad-place {
    height: 100px;
    width: 100%
}

.result__navpad-place .result__whitelabel {
    display: none
}

.result__button {
    border-radius: 4px;
    border: 1px solid transparent
}

.result__back-button {
    border: 1px solid var(--gray);
    border-radius: 4px;
    margin-right: .5rem;
    padding: 12px 18px
}

.result__back-button:focus, .result__back-button:hover {
    border: 1px solid #b5b5b5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.result__bonuses {
    margin-bottom: 25px;
    width: 70%
}

.result__bonuses-title {
    text-align: left;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-family: Rubik;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: 1px;
    color: #000
}

.result__retry {
    background: #f5f5f5;
    border-radius: 50px;
    font-size: 14px !important;
    margin-bottom: 45px;
    padding: 5px 18px;
    min-height: 0;
    color: #777b95
}

.result__retry .icon {
    margin-right: 5px !important
}

@media (max-width: 1200px) {
    .result, .result .result__container {
        min-height: 100vh
    }

    .result .result__navpad {
        position: fixed
    }
}

@media (max-width: 767px) {
    .result .result__container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-height: 0;
        padding: 0;
        min-width: 0
    }

    .result .result__content {
        padding: 25px 17px 3px
    }

    .result .result__bonuses {
        width: 100%
    }

    .result .result__image {
        height: 250px;
        border-radius: 0
    }

    .result .result__video-stub {
        height: 186px
    }

    .result .result__iframe {
        min-height: 186px
    }

    .result .result__navpad-place {
        height: 124px
    }

    .result .result__navpad-place .result__whitelabel {
        width: 100%;
        display: block
    }

    .result .result_has_image .result__container {
        padding: 0
    }

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

    .result .result__navpad .result__button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .result .result__navpad .result__whitelabel {
        display: none
    }
}

@media (min-width: 600px) and (max-width: 818px) {
    .result .result__video:not(.result__video_cloud) {
        height: 380px
    }

    .result .result__iframe {
        min-height: 340px
    }
}

[data-v-da615d68]:root {
    --gray: #e2e2e2;
    --black: #000;
    --dark-grey-blue: #2e2e54;
    --light-grey-blue: #b1b5be;
    --light-blue-grey: #d2d4d8;
    --white-two: #f7f7f7;
    --grey-blue: #69748c
}

@-webkit-keyframes fade-hide-button-data-v-da615d68 {
    0% {
        opacity: 0
    }
    30% {
        opacity: 0
    }
    to {
        opacity: .53
    }
}

@keyframes fade-hide-button-data-v-da615d68 {
    0% {
        opacity: 0
    }
    30% {
        opacity: 0
    }
    to {
        opacity: .53
    }
}

.sidebar-mobile[data-v-da615d68] {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    right: 0;
    top: 50%;
    width: 41px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sidebar-mobile.is-expanded[data-v-da615d68] {
    width: 186px
}

.sidebar-mobile__discount[data-v-da615d68] {
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sidebar-mobile__discount[data-v-da615d68]:not(.is-expanded) {
    margin-left: calc(100% - 41px)
}

.sidebar-mobile__discount:not(.is-expanded) .sidebar-mobile__discount-close[data-v-da615d68] {
    display: none
}

.sidebar-mobile__discount-component[data-v-da615d68] {
    height: 35px;
    padding-left: 12px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.sidebar-mobile__discount-close[data-v-da615d68] {
    position: absolute;
    left: -30px;
    top: 5px;
    -webkit-animation-name: fade-hide-button-data-v-da615d68;
    animation-name: fade-hide-button-data-v-da615d68;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    opacity: .53
}

.sidebar-mobile__bonuses[data-v-da615d68] {
    margin-top: 12px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sidebar-mobile__bonuses[data-v-da615d68]:not(.is-expanded) {
    margin-left: calc(100% - 41px)
}

.sidebar-mobile__bonuses:not(.is-expanded) .sidebar-mobile__bonuses-close[data-v-da615d68] {
    display: none
}

.sidebar-mobile__bonuses-close[data-v-da615d68] {
    position: absolute;
    left: -30px;
    top: 5px;
    -webkit-animation-name: fade-hide-button-data-v-da615d68;
    animation-name: fade-hide-button-data-v-da615d68;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    opacity: .53
}

.sidebar-mobile__bonuses-list[data-v-da615d68] {
    padding: 20px 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .09);
    overflow: hidden;
    float: right;
    width: 0;
    opacity: 0
}

.sidebar-mobile__bonuses-list.is-expanded[data-v-da615d68] {
    width: 100%;
    opacity: 1;
    -webkit-animation-name: show-bonuses-data-v-da615d68;
    animation-name: show-bonuses-data-v-da615d68;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

@-webkit-keyframes show-bonuses-data-v-da615d68 {
    0% {
        width: 41px;
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    10% {
        -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .09);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .09)
    }
    20% {
        opacity: 0
    }
    to {
        padding: 20px 15px;
        width: 100%;
        opacity: 1
    }
}

@keyframes show-bonuses-data-v-da615d68 {
    0% {
        width: 41px;
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    10% {
        -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .09);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .09)
    }
    20% {
        opacity: 0
    }
    to {
        padding: 20px 15px;
        width: 100%;
        opacity: 1
    }
}

.sidebar-mobile__bonuses-list[data-v-da615d68]:not(.is-expanded) {
    -webkit-animation-name: hide-bonuses-data-v-da615d68;
    animation-name: hide-bonuses-data-v-da615d68;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    width: 0;
    opacity: 0
}

@-webkit-keyframes hide-bonuses-data-v-da615d68 {
    0% {
        width: 100%;
        opacity: 1;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .09);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .09)
    }
    10% {
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0
    }
    30% {
        opacity: 0
    }
    to {
        padding-left: 0;
        padding-right: 0;
        width: 0;
        opacity: 0
    }
}

@keyframes hide-bonuses-data-v-da615d68 {
    0% {
        width: 100%;
        opacity: 1;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .09);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .09)
    }
    10% {
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0
    }
    30% {
        opacity: 0
    }
    to {
        padding-left: 0;
        padding-right: 0;
        width: 0;
        opacity: 0
    }
}

.sidebar-mobile__bonuses-title[data-v-da615d68] {
    height: 35px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    font-size: 12px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px 0 0 3px;
    background: var(--color);
    -webkit-box-shadow: 0 3px 6px 0 var(--color);
    box-shadow: 0 3px 6px 0 var(--color)
}

.sidebar-mobile__bonuses-title.is-expanded[data-v-da615d68] {
    padding-left: 15px;
    border-radius: 3px 0 0 0
}

.sidebar-mobile__bonuses-icon[data-v-da615d68] {
    margin-right: 20px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-animation-name: slide-icon-left-data-v-da615d68;
    animation-name: slide-icon-left-data-v-da615d68
}

.sidebar-mobile__bonuses-icon.is-expanded[data-v-da615d68] {
    margin-right: 0;
    opacity: 0;
    width: 0
}

@-webkit-keyframes slide-icon-left-data-v-da615d68 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        margin-right: 20px
    }
    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 0;
        margin-right: 0;
        width: 0
    }
}

@keyframes slide-icon-left-data-v-da615d68 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        margin-right: 20px
    }
    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 0;
        margin-right: 0;
        width: 0
    }
}

.sidebar-mobile__bonuses-text[data-v-da615d68] {
    -webkit-animation-name: fade-hide-button-data-v-da615d68;
    animation-name: fade-hide-button-data-v-da615d68;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    white-space: nowrap
}

.progress-bar_mobile {
    display: block;
    margin-left: 10px;
    line-height: 1.2;
    padding-right: 10%;
    padding-top: 10px;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

@media (min-width: 819px) {
    .progress-bar_mobile {
        display: none
    }
}

@media (max: 767px) {
    .progress-bar_mobile {
        padding-right: 10%;
        display: none
    }
}

.progress-bar_mobile .progress-bar__label {
    color: #fff;
    margin-bottom: 0
}

.progress-bar__label {
    font-size: 12px;
    text-align: left;
    font-weight: 500;
    line-height: 1.2;
    color: #2e2e49;
    margin-bottom: 8px;
    height: 18px;
    position: relative
}

.progress-bar__label span {
    font-size: 14px;
    color: var(--color);
    font-weight: 700;
    margin-left: 10px
}

@media (max-width: 818px) {
    .progress-bar__label span {
        color: #fff
    }
}

.progress-bar__label span.is-finish {
    position: absolute;
    margin-left: 0;
    left: 95%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.progress-bar__field {
    height: 6px;
    position: relative;
    background: #dbdbdb;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -1px 1px hsla(0, 0%, 100%, .3);
    box-shadow: inset 0 -1px 1px hsla(0, 0%, 100%, .3)
}

.progress-bar__field span {
    display: block;
    height: 100%;
    border-radius: 20px;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--color-darken10)), to(var(--color-lighten10)));
    background-image: linear-gradient(90deg, var(--color-darken10), var(--color-lighten10));
    -webkit-box-shadow: inset 0 2px 9px hsla(0, 0%, 100%, .3), inset 0 -2px 6px rgba(0, 0, 0, .4), .6px 1.9px 7px 0 var(--color-alpha);
    box-shadow: inset 0 2px 9px hsla(0, 0%, 100%, .3), inset 0 -2px 6px rgba(0, 0, 0, .4), .6px 1.9px 7px 0 var(--color-alpha);
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.progress-bar__field span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(-45deg, hsla(0, 0%, 100%, .08) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .08) 0, hsla(0, 0%, 100%, .08) 75%, transparent 0, transparent);
    z-index: 1;
    background-size: 20px 20px;
    -webkit-animation: move 1.5s linear infinite;
    animation: move 1.5s linear infinite;
    border-radius: 20px;
    overflow: hidden
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 20px 20px
    }
}

@keyframes move {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 20px 20px
    }
}

.progress-bar__field-mark {
    bottom: 2px;
    right: 0
}

.progress-bar__field-mark:after {
    content: "";
    position: absolute;
    right: calc(5% - 2px);
    bottom: 4px;
    border: 3px solid transparent;
    border-top: 7px solid var(--color)
}

.progress-bar__field-label {
    position: absolute;
    font-size: 12px;
    right: calc(5% - 13px);
    bottom: 12px;
    font-weight: 700;
    color: var(--color)
}

[data-v-f63d6478]:root {
    --gray: #e2e2e2;
    --black: #000;
    --dark-grey-blue: #2e2e54;
    --light-grey-blue: #b1b5be;
    --light-blue-grey: #d2d4d8;
    --white-two: #f7f7f7;
    --grey-blue: #69748c
}

@-webkit-keyframes fade-hide-button-data-v-f63d6478 {
    0% {
        opacity: 0
    }
    30% {
        opacity: 0
    }
    to {
        opacity: .53
    }
}

@keyframes fade-hide-button-data-v-f63d6478 {
    0% {
        opacity: 0
    }
    30% {
        opacity: 0
    }
    to {
        opacity: .53
    }
}

svg[data-v-f63d6478] {
    width: 20px;
    height: 14px
}

svg.is-back[data-v-f63d6478] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width: 818px) {
    svg[data-v-f63d6478] {
        fill: #fff
    }
}

.quiz-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    overflow: hidden;
    z-index: 10;
    border-top: 1px solid #f3f3f3
}

/*@media (min-width: 819px) {*/
    /*.quiz-buttons {*/
        /*padding: 30px 30px;*/
        /*padding-top: 21px;*/
        /*position: absolute;*/
        /*bottom: 0;*/
        /*left: 0;*/
        /*width: 100%*/
    /*}*/
/*}*/

@media (max-width: 818px) {
    .quiz-buttons {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60px;
        border-top: 0;
        padding: 6px 10px;
        z-index: 100
    }
}

.quiz-buttons__progress {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin-right: 40px;
    margin-bottom: 5px
}

@media (max-width: 818px) {
    .quiz-buttons__progress {
        display: none
    }
}

.quiz-buttons__progress-mobile {
    margin-bottom: 10px
}

.quiz-buttons__arrow {
    margin-bottom: 1px
}

.quiz-buttons__arrow > * {
    vertical-align: middle
}

.quiz-buttons__next-icon {
    padding-left: 5px;
    margin-bottom: -4px
}

@media (max-width: 818px) {
    .quiz-buttons__whitelabel {
        display: none
    }
}

@media (min-width: 1201px) {
    .quiz-buttons__whitelabel {
        display: none
    }
}

.quiz-buttons__button {
    font-size: 16px !important;
    height: 43px;
    z-index: 100;
    padding: 0 16px 0 22px;
    font-weight: 500;
    overflow: hidden;
    font-family: Rubik, Helvetica, Arial, sans-serif !important
}

.quiz-buttons__button .is-hidden-tablet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quiz-buttons__button[disabled] {
    opacity: .7
}

@media (max-width: 818px) {
    .quiz-buttons__button {
        padding-left: 20px;
        padding-right: 20px
    }
}

.quiz-buttons__button_prev {
    text-decoration: none !important;
    color: #4a505e !important;
    background-color: #fafafa !important;
    border: 1px solid #e5e5e5 !important;
    margin-right: 20px;
    margin-left: 20px;
    padding-right: 10px;
    padding-left: 12px;
    will-change: box-shadow;
    -webkit-transition: -webkit-box-shadow .2s ease-out;
    transition: -webkit-box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out
}

.quiz-buttons__button_prev[disabled]:focus, .quiz-buttons__button_prev[disabled]:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.quiz-buttons__button_prev:focus, .quiz-buttons__button_prev:hover {
    border: 1px solid #e5e5e5 !important;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) !important
}

@media (max-width: 818px) {
    .quiz-buttons__button_prev {
        width: 50px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5) !important;
        border-color: transparent !important;
        color: #fff !important;
        padding-left: 0;
        padding-right: 0;
        min-width: 50px;
        margin-right: 5px
    }

    .quiz-buttons__button_prev .icon, .quiz-buttons__button_prev_text {
        display: none
    }

    .quiz-buttons__button_prev:focus, .quiz-buttons__button_prev:hover {
        border-color: transparent !important
    }
}

.quiz-buttons__button_next-text {
    margin-top: -1px
}

.quiz-buttons__button_next {
    color: var(--color-text);
    background-color: var(--color) !important;
    -webkit-box-shadow: 0 3px 10px 0 var(--color-alpha);
    box-shadow: 0 3px 10px 0 var(--color-alpha);
    will-change: box-shadow;
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in, -webkit-box-shadow .2s ease-in
}

.quiz-buttons__button_next[disabled], .quiz-buttons__button_next[disabled]:focus, .quiz-buttons__button_next[disabled]:hover {
    -webkit-box-shadow: 0 3px 10px 0 var(--color-alpha) !important;
    box-shadow: 0 3px 10px 0 var(--color-alpha) !important
}

.quiz-buttons__button_next:focus, .quiz-buttons__button_next:hover {
    color: var(--color-text);
    background-color: var(--color) !important;
    -webkit-box-shadow: 0 3px 15px 0 var(--color-alpha) !important;
    box-shadow: 0 3px 15px 0 var(--color-alpha) !important
}

.quiz-buttons__button_next:focus {
    -webkit-box-shadow: 0 2px 8px 0 var(--color-alpha) !important;
    box-shadow: 0 2px 8px 0 var(--color-alpha) !important
}

@media (max-width: 818px) {
    .quiz-buttons__button_next {
        border-radius: 4px;
        min-width: 115px
    }
}

.quiz-buttons__button.is-blicked:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, .1)), color-stop(20%, hsla(0, 0%, 100%, .2)), to(hsla(0, 0%, 100%, .6)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .1) 10%, hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .6));
    width: 20px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    left: -20%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-animation-name: blick;
    animation-name: blick;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.question-slide_back-enter, .question-slide_back-enter-active {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%)
}

.question-slide_back-enter-active {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.question-slide_back-enter-to, .question-slide_back-leave, .question-slide_back-leave-active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.question-slide_back-leave-active {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.question-slide_back-leave-to, .question-slide_forward-enter, .question-slide_forward-enter-active {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%)
}

.question-slide_forward-enter-active {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.question-slide_forward-enter-to, .question-slide_forward-leave, .question-slide_forward-leave-active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.question-slide_forward-leave-active {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.question-slide_forward-leave-to {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%)
}

.quiz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100vw;
    height: 100vh
}

@media (max-width: 767px) {
    .quiz {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }
}

.quiz__question-title {
    font-size: 28px;
    text-align: left;
    margin: 12px 0 16px 0 !important;
    line-height: 1.2;
    font-weight: 500
}

@media (max-width: 818px) {
    .quiz__question-title {
        font-size: 22px
    }
}

.quiz__question-title_without-title {
    margin-top: 0 !important
}

.quiz__question-title_can-many {
    font-size: 12px
}

.quiz__tags {
    margin-top: 5px
}

.quiz__tag {
    font-size: 11px !important;
    margin-left: 5px;
    padding: 12px;
    border-radius: 4px !important
}

@media (max-width: 767px) {
    .quiz__tag {
        font-size: 10px !important;
        line-height: 12px !important
    }
}

.quiz__tag:first-child {
    margin-left: 0
}

.quiz__tag_many {
    background: var(--color-alpha2) !important;
    border: solid 1px var(--color)
}

.quiz__tag_skip {
    background: #f7f7f7 !important;
    border: 1px solid #e5e5e5
}

.quiz__tag-icon {
    margin-right: 5px;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quiz__tag-icon svg {
    height: 12px;
    color: var(--color)
}

@media (min-width: 819px) {
    .quiz__sidebar-mobile {
        display: none
    }
}

.quiz__bonuses {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    margin-bottom: 10px;
    -webkit-box-align: self-start !important;
    -ms-flex-align: self-start !important;
    align-items: self-start !important;
    padding: 1rem 1.2rem
}

@media (max-width: 818px) {
    .quiz__bonuses {
        padding: 12px 0 12px 80px;
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }
}

@media (max-width: 350px) {
    .quiz__bonuses {
        padding-left: 10px
    }
}

.quiz__questions {
    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-flex: 4;
    -ms-flex: 4 1 69%;
    flex: 4 1 69%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    padding: 30px;
    padding-bottom: 95px;
    min-height: 100vh;
    max-height: 100vh;
    overflow: hidden
}

@media (max-width: 818px) {
    .quiz__questions {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px;
        padding-bottom: 60px;
        overflow-y: auto;
        max-height: unset
    }
}

.quiz__sidebar {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 246px;
    flex: 1 1 246px;
    background: #f7f7f7;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 818px) {
    .quiz__sidebar {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        height: auto;
        display: none
    }
}

@media (min-width: 819px) {
    .quiz__sidebar {
        height: 100vh
    }
}

@media (min-width: 819px) {
    .quiz__sidebar-inner {
        display: none
    }
}

.quiz__title {
    font-size: 16px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.2;
    color: #69748c;
    font-weight: 500;
    margin-bottom: 16px
}

.quiz__title-separator {
    background: #f3f3f3;
    margin: auto -30px
}

.quiz__title-icon {
    color: var(--color);
    margin-right: 10px
}

@media (max-width: 767px) {
    .quiz__title-icon {
        display: none
    }
}

.quiz__buttons {
    padding: 0;
    padding-top: 1rem;
}

@media (max-width: 818px) {
    .quiz__buttons {
        position: fixed;
        margin: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 60px;
        padding: 6px 10px;
        background-color: rgba(0, 0, 0, .4);
        z-index: 100
    }
}

@media (min-width: 819px) {
    .quiz__buttons {
        padding: 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
}

.quiz__question {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    padding-top: 10px;
    height: 100%
}

@media (min-width: 768px) {
    .quiz__question {
        overflow-y: auto
    }
}

@media (max-width: 818px) {
    .quiz__question {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width: 1119px) {
    .quiz__question {
        padding: 5px 0 0
    }
}

@media (max-width: 818px) {
    .quiz__whitelabel {
        display: none
    }
}

.quiz__whitelabel_mobile {
    display: block
}

@media (min-width: 819px) {
    .quiz__whitelabel_mobile {
        display: none
    }
}

.quiz__whitelabel_fixed-bottom {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 1200px) {
    .quiz__whitelabel_fixed-bottom {
        display: none !important
    }
}

.quiz__discount {
    margin: 1rem 1.2rem 0;
    margin-bottom: 15px;
    height: 58px
}

.quiz__discount.is-increasing {
    margin: .1rem .1rem 0
}

@media (max-width: 818px) {
    .quiz__discount {
        display: none !important
    }
}

.quiz__empty-result, .quiz__result-loader {
    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;
    height: 100vh
}

.quiz__empty-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f8f8f8
}

.quiz__empty-result .button {
    margin-top: 1rem
}

.quiz__assistant {
    min-height: 0
}

.welcome {
    background: url(/static/bg.jpg) 50% 100% no-repeat;
    background-size: cover
}

@media (min-width: 1024px) {
    .welcome .hero-body {
        padding: 3rem
    }
}

.welcome .title {
    width: 383px;
    height: 77px;
    font-family: Rubik;
    font-size: 36px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.welcome .subtitle {
    margin-top: 2.4rem !important;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    color: #000
}

.welcome__text {
    text-align: justify;
    font-size: 18px;
    margin-bottom: 2rem;
    color: #5f6980
}

.welcome__text p {
    margin-bottom: 1rem
}

.welcome__buttons {
    margin-top: 2rem;
    text-align: left
}

.welcome__image, .welcome__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.welcome .button {
    font-size: 16px !important;
    color: #5f6980
}

.welcome .button.is-primary {
    font-size: 18px !important;
    color: #fff
}

.welcome .button:focus, .welcome .button:hover {
    text-decoration: none
}

.start-page {
    margin: 0 !important;
    min-width: 100%;
    text-align: center
}

.start-page__bg {
    background: var(--color) no-repeat 0 40%;
    background-size: cover
}

.start-page__top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 1rem 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.start-page__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    color: #000;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%
}

.start-page__logo {
    height: 37px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 2.5rem
}

.start-page__content {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: auto;
    background: #fff;
    padding-bottom: 1rem
}

.start-page__body {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    padding: 0rem 2rem
}

.start-page__body, .start-page__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.start-page__footer {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40px;
    flex: 0 1 40px
}

@media (min-width: 768px) {
    .start-page__footer {
        padding: 0 2rem
    }
}

.start-page__contact {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left
}

.start-page__header {
    font-family: Rubik;
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #020202;
    margin-bottom: 1rem
}

@media (min-width: 1119px) {
    .start-page__header {
        font-size: 30px
    }
}

.start-page__subheader {
    font-family: Rubik;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #777b95;
    margin-bottom: 1rem
}

@media (min-width: 1119px) {
    .start-page__subheader {
        font-size: 18px
    }
}

.start-page__line {
    width: 38px;
    height: 3px;
    background-color: #000;
    margin-bottom: 1rem
}

.start-page__white-label {
    justify-self: end
}

.start-page__bonuses {
    margin-top: 2.5rem;
    width: 100%;
    max-width: 400px;
    text-align: center
}

.start-page__bonuses-title {
    margin-bottom: .4rem;
    text-transform: uppercase;
    font-family: Rubik;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: 1px;
    color: #000
}

.start-page__bonuses .bonuses_direction_row.bonuses_count_1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.start-page__layer {
    display: none
}

.start-page__button {
    white-space: normal;
    min-height: 55px;
    border-radius: 40px
}

.start-page__phone {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #000
}

.start-page__legal {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.8;
    text-align: left;
    color: #494949
}

.start-page_has_bg {
    text-align: left
}

.start-page_has_bg .start-page__body, .start-page_has_bg .start-page__footer {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.start-page_has_bg .start-page__bonuses-title {
    text-align: left
}

.start-page_has_bg .bonuses.bonuses_direction_row.bonuses_count_1 {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.start-page_closing:not(.start-page_has_bg) .start-page__body {
    -webkit-animation: hide-up 1s;
    animation: hide-up 1s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.start-page_closing:not(.start-page_has_bg) .start-page__footer {
    -webkit-animation: hide-down 1s;
    animation: hide-down 1s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.start-page_mode_landing .start-page__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.start-page_mode_landing .whitelabel__container {
    padding-bottom: 2px !important
}

@media (max-width: 818px) {
    .start-page {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .start-page .start-page__top {
        position: static;
        margin-bottom: .75rem;
        height: 57px
    }

    .start-page .start-page__logo {
        height: 30px
    }

    .start-page .start-page__content {
        padding: 0;
        overflow: auto
    }

    .start-page .start-page__body {
        padding: 1rem 2rem
    }

    .start-page .start-page__footer {
        padding: 1rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .start-page .start-page__contact, .start-page .start-page__footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .start-page .start-page__contact {
        margin-bottom: 1rem
    }

    .start-page .start-page__button {
        border-radius: 4px;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .start-page.start-page_has_bg .start-page__bg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 220px;
        flex: 0 0 220px
    }

    .start-page.start-page_has_bg .start-page__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .start-page.start-page_has_bg .start-page__body, .start-page.start-page_has_bg .start-page__content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width: 767px) {
    .start-page .start-page__button {
        width: 100%
    }

    .start-page .start-page__name {
        font-size: 12px
    }

    .start-page .start-page__logo {
        margin-right: 1.5rem;
        height: 28px
    }

    .start-page.start-page_has_bg .start-page__line {
        display: none
    }
}

@media (min-width: 819px) {
    .start-page_has_bg .start-page__bg, .start-page_has_bg .start-page__content, .start-page_has_bg .start-page__layer {
        position: absolute;
        top: 0;
        bottom: 0
    }

    .start-page_has_bg .start-page__content {
        right: 0;
        z-index: 20;
        overflow-x: visible
    }

    .start-page_has_bg .start-page__bg {
        z-index: 10;
        left: 0
    }

    .start-page_has_bg .start-page__layer {
        display: block;
        right: 0;
        z-index: 15;
        background: #fff
    }

    .start-page_has_bg.start-page_closing .start-page__layer {
        -webkit-animation: slide-layout 1s;
        animation: slide-layout 1s
    }

    .start-page_has_bg.start-page_closing .start-page__body, .start-page_has_bg.start-page_closing .start-page__footer, .start-page_has_bg.start-page_closing .start-page__top, .start-page_has_bg.start-page_closing .start-page__white-label {
        -webkit-animation: hide-text 1s;
        animation: hide-text 1s
    }
}

@media (max-width: 818px) {
    .start-page_has_bg.start-page_closing .start-page__bg {
        -webkit-animation: hide-up 1s;
        animation: hide-up 1s;
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .start-page_has_bg.start-page_closing .start-page__content {
        -webkit-animation: hide-down 1s;
        animation: hide-down 1s;
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }
}

@-webkit-keyframes hide-text {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
}

@keyframes hide-text {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
}

@-webkit-keyframes hide-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

@keyframes hide-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

@-webkit-keyframes hide-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

@keyframes hide-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

@-webkit-keyframes slide-layout {
    0% {
        width: 40%
    }
    to {
        width: 100%
    }
}

@keyframes slide-layout {
    0% {
        width: 40%
    }
    to {
        width: 100%
    }
}

:root {
    --gray: #e2e2e2;
    --black: #000;
    --dark-grey-blue: #2e2e54;
    --light-grey-blue: #b1b5be;
    --light-blue-grey: #d2d4d8;
    --white-two: #f7f7f7;
    --grey-blue: #69748c
}

@-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
    }
}

.app__start-page {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100vw
}

.app__not-found, .app__start-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    height: 100vh
}

.app__not-found {
    font-weight: 700;
    -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;
    -ms-flex-direction: column;
    flex-direction: column
}

.app__emoji {
    font-size: 35px
}

.app__loading-error {
    height: 100vh;
    font-weight: 700;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.app__edit {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background: #bebebe;
    opacity: .5;
    width: 2rem;
    height: 1rem
}

.app__edit:hover {
    opacity: 1
}

.app__loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(0, 0%, 100%, .2) url(../img/loader.4c98b8f7.svg) no-repeat calc(50% + 40px) 50%;
    background-size: 160px
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.5em
}

h3 {
    font-size: 1.17em
}

@media (min-width: 1201px) {
    .layout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 100vh;
        background: #f8f8f8
    }

    .final-page, .quiz, .result, .results {
        margin: 0 auto;
        max-width: 1024px;
        background: #fff;
        border: 5px solid #e6e6e6;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: auto !important;
        min-height: 570px !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .final-page, .quiz {
        width: 100vw
    }

    .quiz {
        max-height: 75vh
    }

    .quiz__questions, .quiz__sidebar {
        min-height: 0 !important;
        height: auto !important
    }

    .quiz__questions {
        max-height: 90vh
    }
}

.agreement {
    padding: 50px
}

@media (max-width: 600px) {
    .agreement {
        padding: 20px
    }
}

.agreement__close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.agreement__title {
    font-size: 30px
}

.agreement__text {
    text-align: justify;
    margin-top: 20px
}

.agreement__button {
    margin-top: 10px;
    white-space: normal;
    min-height: 50px;
    overflow: hidden;
    background: #ca2f94 !important;
    color: #fff
}

.agreement__button:hover {
    color: #fff !important
}

.agreement__button:after {
    content: "";
    position: absolute;
    top: -50%;
    bottom: -50%;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, .1)), color-stop(20%, hsla(0, 0%, 100%, .2)), to(hsla(0, 0%, 100%, .6)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .1) 10%, hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .6));
    width: 20px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    left: -20%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-animation-name: blick;
    animation-name: blick;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes blick {
    15%, to {
        left: 110%
    }
}

@keyframes blick {
    15%, to {
        left: 110%
    }
}