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

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

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

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

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

.button .icon:first-child:last-child {
    margin-left: calc(-.375em - 1px);
    margin-right: calc(-.375em - 1px)
}

.button .icon:first-child:not(:last-child) {
    margin-left: calc(-.375em - 1px);
    margin-right: .1875em
}

.button .icon:last-child:not(:first-child) {
    margin-right: calc(-.375em - 1px);
    margin-left: .1875em
}

.button_color_theme {
    color: var(--color-primary-text-button);
    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-primary-text-button);
    background-color: var(--color-darken10) !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 {
    background: var(--color);
    color: var(--color-primary-text-button)
}

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

.button.is-square {
    border-radius: 4px
}

.button.is-outline {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid var(--color);
    color: var(--color);
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.button.is-outline:not([disabled]):hover {
    background-color: var(--color);
    color: var(--color-primary-text-button)
}

.button.is-blicked {
    overflow-x: hidden
}

.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-retry {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: var(--color);
    background: var(--color-alpha3) !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important
}

.button.is-primary {
    overflow: hidden
}

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

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

.button__preloader {
    position: relative
}

.button__preloader_top:before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 5px;
    background: var(--color-darken10);
    -webkit-animation: button__preloader 2s ease-in-out infinite;
    animation: button__preloader 2s ease-in-out infinite
}

.button_rounded {
    border-radius: 36px
}

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

.b-checkbox.checkbox input[type=checkbox] + .check {
    border: none;
    background-color: var(--color-bg-2, #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
}

.b-checkbox.checkbox:not(.button) {
    margin-right: 0
}

@font-face {
    font-family: Gilroy;
    src: url(../static/fonts/Gilroy/Regular.woff2) format("woff2"), url(../static/fonts/Gilroy/Regular.woff) format("woff"), url(../static/fonts/Gilroy/Regular.ttf) format("ttf"), url(../static/fonts/Gilroy/Regular.eot) format("eot");
    font-weight: 400
}

@font-face {
    font-family: Gilroy;
    src: url(../static/fonts/Gilroy/Medium.woff2) format("woff2"), url(../static/fonts/Gilroy/Medium.woff) format("woff"), url(../static/fonts/Gilroy/Medium.ttf) format("ttf"), url(../static/fonts/Gilroy/Medium.eot) format("eot");
    font-weight: 500
}

@font-face {
    font-family: Gilroy;
    src: url(../static/fonts/Gilroy/SemiBold2.woff2) format("woff2"), url(../static/fonts/Gilroy/SemiBold.woff) format("woff"), url(../static/fonts/Gilroy/SemiBold.ttf) format("ttf"), url(../static/fonts/Gilroy/SemiBold.eot) format("eot");
    font-weight: 600
}

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

.b-radio.radio input[type=radio] + .check {
    border: none;
    background-color: var(--color-bg-2, #e8e8e8)
}

.b-radio.radio input[type=radio] + .check:before {
    background-color: transparent
}

.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: var(--color-bg-2, #fff)
}

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

.b-radio.radio:hover input[type=radio]:checked + .check {
    border-color: var(--color)
}

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

.b-radio.radio:not(.button) {
    margin-right: 0
}

.tooltip {
    --tooltip-bg-color: #fffaeb;
    --tooltip-border-color: #eadca9;
    --tooltip-arrow-width: 8px;
    display: block !important;
    z-index: 10000
}

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

.tooltip .tooltip-inner {
    background: var(--tooltip-bg-color);
    border: 1px solid var(--tooltip-border-color);
    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: var(--tooltip-border-color)
}

.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: var(--tooltip-bg-color)
}

.tooltip[x-placement^=top] {
    margin-bottom: var(--tooltip-arrow-width)
}

.tooltip[x-placement^=top] .tooltip-arrow {
    bottom: calc(var(--tooltip-arrow-width) * -1);
    left: calc(50% - var(--tooltip-arrow-width))
}

.tooltip[x-placement^=top] .tooltip-arrow, .tooltip[x-placement^=top] .tooltip-arrow:after {
    border-width: var(--tooltip-arrow-width) var(--tooltip-arrow-width) 0 var(--tooltip-arrow-width);
    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: calc(var(--tooltip-arrow-width) * -1);
    bottom: 1px
}

.tooltip[x-placement^=bottom] {
    margin-top: var(--tooltip-arrow-width)
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
    top: calc(var(--tooltip-arrow-width) * -1);
    left: calc(50% - var(--tooltip-arrow-width))
}

.tooltip[x-placement^=bottom] .tooltip-arrow, .tooltip[x-placement^=bottom] .tooltip-arrow:after {
    border-width: 0 var(--tooltip-arrow-width) var(--tooltip-arrow-width) var(--tooltip-arrow-width);
    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: calc(var(--tooltip-arrow-width) * -1);
    bottom: calc(var(--tooltip-arrow-width) * -1 - 1px)
}

.tooltip[x-placement^=right] {
    margin-left: var(--tooltip-arrow-width)
}

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

.tooltip[x-placement^=left] {
    margin-right: var(--tooltip-arrow-width)
}

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

.tooltip.popover .popover-inner {
    background: var(--tooltip-bg-color);
    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: var(--tooltip-border-color)
}

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

html {
    overflow-y: auto
}

body, html {
    position: relative;
    height: 100%
}

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

.select select {
    border: solid 1.2px var(--color-bg-2, #dbdbdb);
    color: var(--color-bg-text, #4a4a4a);
    background: var(--color-bg-quiz, #fff)
}

.select select option {
    color: var(--color-bg-text, #4a4a4a) !important
}

.select:not(.is-multiple) {
    height: 2.25em
}

.select.is-empty select {
    color: var(--color-bg-5, hsla(0, 0%, 47.8%, .7))
}

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

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

#app, .app-wrapper {
    position: relative;
    height: 100%
}

#app {
    font-family: var(--font), Gilroy, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center
}

#app input, #app textarea {
    border-radius: 4px;
    -ms-touch-action: none;
    touch-action: none
}

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

#app input, #app textarea {
    border: solid 1.2px var(--color-bg-3, #b1b5be);
    color: var(--color-bg-text, #363636);
    background: none
}

#app input {
    background-color: var(--color-bg-1, #f7f7f7)
}

#app input[type=number] {
    background: none
}

#app input::-webkit-input-placeholder, #app textarea::-webkit-input-placeholder {
    color: var(--color-bg-6, rgba(54, 54, 54, .3))
}

#app input::-moz-placeholder, #app textarea::-moz-placeholder {
    color: var(--color-bg-6, rgba(54, 54, 54, .3))
}

#app input:-ms-input-placeholder, #app textarea:-ms-input-placeholder {
    color: var(--color-bg-6, rgba(54, 54, 54, .3))
}

#app input::-ms-input-placeholder, #app textarea::-ms-input-placeholder {
    color: var(--color-bg-6, rgba(54, 54, 54, .3))
}

#app input::placeholder, #app textarea::placeholder {
    color: var(--color-bg-6, rgba(54, 54, 54, .3))
}

#app .help.counter {
    color: var(--color-bg-alpha7) !important
}

#app .control-label {
    color: var(--color-bg-text, #4a4a4a)
}

#app .has-text-grey-light {
    color: var(--color-bg-alpha7, #b5b5b5) !important
}

#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.6em
}

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

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

.dark code {
    background-color: var(--color-bg-7)
}

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

.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;
    color: var(--color-bg-alpha7, #363636)
}

.title {
    font-weight: 300
}

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

.p-0 {
    padding: 0 !important
}

.input, .select select, .textarea {
    padding: calc(.375em - 1px) calc(.625em - 1px);
    height: 2.25em
}

.control.has-icons-left .input {
    padding-left: 2.25em
}

.control.has-icons-right .input {
    padding-right: 2.25em
}

.control.has-icons-left .icon, .control.has-icons-right .icon {
    width: 2.25em
}

p {
    margin-bottom: .5rem
}

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

body, button, select {
    font-family: var(--font), Gilroy, Helvetica, Arial, sans-serif
}

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

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

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

.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: var(--color-bg-8, #dbdbdb) !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 5px 0 var(--color-bg-alpha2, rgba(0, 0, 0, .2));
    box-shadow: 0 0 5px 0 var(--color-bg-alpha2, 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: var(--color-bg-2);
    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
}

.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.html-content ol, .html-content ul {
    padding-left: 1.5rem;
    margin: .75rem 0
}

.html-content ol ol, .html-content ol ul, .html-content ul ol, .html-content ul ul {
    margin: .25rem 0
}

.html-content ol p, .html-content ul p {
    margin: 0
}

.html-content ol:last-child, .html-content ul:last-child {
    margin-bottom: 0
}

.html-content ul {
    list-style: disc
}

.html-content blockquote {
    border-left: 3px solid var(--light-grey-blue);
    padding-left: .6rem;
    font-style: italic;
    margin: .75rem 0;
    text-align: left
}

.html-content blockquote ol, .html-content blockquote ul {
    display: block !important
}

.html-content blockquote:last-child {
    margin-bottom: 0
}

.html-content hr {
    margin: .75rem 0
}

.html-content h1, .html-content h2, .html-content h3, .html-content h4, .html-content h5, .html-content h6 {
    font-size: 22px;
    margin-top: 24px;
    margin-bottom: 14px;
    color: var(--color-bg-text, #363636);
    font-weight: 500
}

.html-content h1:first-child, .html-content h2:first-child, .html-content h3:first-child, .html-content h4:first-child, .html-content h5:first-child, .html-content h6:first-child {
    margin-top: 0
}

@media (max-width: 818px) {
    .html-content h1, .html-content h2, .html-content h3, .html-content h4, .html-content h5, .html-content h6 {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 10px
    }
}

strong {
    font-weight: 700;
    color: inherit
}

.layout {
    height: 100%
}

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

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

.radio-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px
}

@media (max-width: 400px) {
    .radio-buttons {
        height: 30px
    }
}

.radio-buttons__button {
    cursor: pointer;
    padding: 0 10px;
    min-width: 58px;
    line-height: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    background-color: var(--color-bg-7, var(--white-two))
}

@media (max-width: 400px) {
    .radio-buttons__button {
        height: 30px
    }
}

.radio-buttons__button_selected ~ .radio-buttons__button {
    border-left: 0
}

.radio-buttons__button_selected {
    border: solid 1px var(--color);
    background-color: var(--color-alpha3);
    z-index: 10
}

.radio-buttons__button:first-child {
    border-radius: 4px 0 0 4px
}

.radio-buttons__button:last-child {
    border-radius: 0 4px 4px 0
}

.radio-buttons__button:hover {
    background-color: var(--color-alpha2);
    z-index: 10
}

.radio-buttons__icon {
    margin: 0 10px
}

.radio-buttons__text {
    color: var(--color-bg-text, #2e2e54);
    font-size: 14px;
    font-weight: 500
}

@media (max-width: 400px) {
    .radio-buttons__text {
        font-size: 12px
    }
}

@media (min-width: 819px) {
    .welcome {
        background: url(/static/bg.jpg) 50% 100% no-repeat;
        background-size: cover
    }
}

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

.welcome .title {
    font-size: 36px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-bg-text, #000)
}

@media (min-width: 819px) {
    .welcome .title {
        max-width: 383px;
        max-height: 77px
    }
}

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

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

.welcome__text p {
    margin-bottom: 1rem
}

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

.welcome__language {
    border: 1px solid var(--white)
}

.welcome__language-selector {
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    top: 10px;
    right: 10px
}

@media (max-width: 767px) {
    .welcome__language-selector {
        right: 15px
    }
}

.welcome__image img {
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .15);
    border-radius: 10px
}

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

.disabled {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem
}

@media (max-width: 767px) {
    .disabled {
        font-size: 1.25rem
    }
}

.disabled__emoji {
    display: block;
    width: 44px;
    height: 44px;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .disabled__emoji {
        width: 34px;
        height: 34px
    }
}

.disabled__text {
    color: var(--color-bg-text, #363636);
    text-align: center
}

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

@keyframes dots-data-v-376a8bec {
    0% {
        content: ""
    }
    25% {
        content: "."
    }
    50% {
        content: ".."
    }
    75% {
        content: "..."
    }
}

@-webkit-keyframes headShake-data-v-376a8bec {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake-data-v-376a8bec {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes flash-data-v-376a8bec {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes flash-data-v-376a8bec {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomIn-data-v-376a8bec {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1
    }
}

@keyframes zoomIn-data-v-376a8bec {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes swing-data-v-376a8bec {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing-data-v-376a8bec {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes button__preloader-data-v-376a8bec {
    0% {
        width: 0;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    to {
        width: 0;
        left: 100%
    }
}

@keyframes button__preloader-data-v-376a8bec {
    0% {
        width: 0;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    to {
        width: 0;
        left: 100%
    }
}

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

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

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

.whitelabel[data-v-376a8bec] {
    white-space: nowrap
}

.whitelabel__container[data-v-376a8bec] {
    font-size: 12px;
    padding: 10px 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.whitelabel__container[data-v-376a8bec], .whitelabel a[data-v-376a8bec] {
    color: var(--color-bg-6, #7e8ca8);
    opacity: 1 !important;
    visibility: visible !important
}

.whitelabel a[data-v-376a8bec] {
    display: block !important;
    font-weight: 900
}

.whitelabel__icon[data-v-376a8bec] {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: 13px
}

.whitelabel__icon-bg[data-v-376a8bec] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 19px;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 8px;
    padding: 3px;
    border-radius: 2px;
    background: var(--color-white-label, none)
}

.landing_rtl .whitelabel__icon-bg[data-v-376a8bec], .quiz-container_rtl .whitelabel__icon-bg[data-v-376a8bec], .start-page_rtl .whitelabel__icon-bg[data-v-376a8bec] {
    margin-left: 8px;
    margin-right: 0
}

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

@keyframes dots-data-v-0833fa94 {
    0% {
        content: ""
    }
    25% {
        content: "."
    }
    50% {
        content: ".."
    }
    75% {
        content: "..."
    }
}

@-webkit-keyframes headShake-data-v-0833fa94 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake-data-v-0833fa94 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes flash-data-v-0833fa94 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes flash-data-v-0833fa94 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomIn-data-v-0833fa94 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1
    }
}

@keyframes zoomIn-data-v-0833fa94 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes swing-data-v-0833fa94 {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing-data-v-0833fa94 {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes button__preloader-data-v-0833fa94 {
    0% {
        width: 0;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    to {
        width: 0;
        left: 100%
    }
}

@keyframes button__preloader-data-v-0833fa94 {
    0% {
        width: 0;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    to {
        width: 0;
        left: 100%
    }
}

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

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

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

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

.image-with-loader {
    height: 44px;
    width: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 44px;
    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;
    margin: 22px 24px;
    background-image: unset
}

.image-with-loader img {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.image-with-loader_loading {
    background-image: url(../img/spin-loader.a211b89a.svg);
    background-position: cover;
    background-size: 100%
}

.image-with-loader_loading img {
    opacity: 0
}

.bonus {
    position: relative;
    width: 100%;
    height: var(--bonus-height);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-main)));
    background: linear-gradient(var(--gradient-main));
    border-radius: 5px;
    line-height: 1.2;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .bonus {
        margin-bottom: 10px
    }
}

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

.bonus:not(.bonus_type_custom) .bonus__text {
    text-shadow: none
}

.bonus__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    height: 100%;
    background-size: 70px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 10% 10px;
    -webkit-box-shadow: 1.9px 6.7px 7px 0 rgba(0, 0, 0, .1);
    box-shadow: 1.9px 6.7px 7px 0 rgba(0, 0, 0, .1)
}

.bonus__layer {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .55)));
    background: linear-gradient(90deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .55))
}

.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;
    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-transform: translate(40%, -40%);
    transform: translate(40%, -40%);
    background-color: #8d8d8d;
    border-radius: 100%;
    z-index: 2;
    height: 25px;
    width: 25px;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 4px 10px 0 var(--color-bg-alpha2, rgba(0, 0, 0, .1));
    box-shadow: 0 4px 10px 0 var(--color-bg-alpha2, rgba(0, 0, 0, .1))
}

.bonus__lock-icon svg {
    z-index: 2;
    fill: #fff;
    height: 11px !important
}

.bonus__unlock {
    width: 18px;
    height: 18px;
    position: relative
}

.bonus__unlock svg {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, .1);
    box-shadow: 1px 3px 4px rgba(0, 0, 0, .1)
}

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

.bonus__unlock + .bonus__emoji {
    display: none
}

.bonus__text {
    position: absolute;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    right: 9%;
    max-height: 60%;
    top: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 60%;
    max-width: 66%;
    text-align: right;
    word-break: break-word;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .2)
}

.bonus_locked {
    cursor: not-allowed
}

.bonus_unlocked {
    cursor: pointer
}

.bonus_type_custom .bonus__wrapper {
    background-size: cover;
    background-position: 50%
}

.bonus_type_icon {
    background: #dbdada
}

.bonus_type_icon .bonus__wrapper {
    background-size: auto 44px;
    background-position: 11px 50%;
    -webkit-box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, .1)
}

@media (max-width: 375px) {
    .bonus_type_icon .bonus__wrapper {
        background-size: 38px 38px;
        background-position: 10% 50%
    }
}

.bonus_type_icon .bonus__text {
    text-shadow: none;
    color: var(--grey-blue);
    max-width: 50%
}

.bonus_type_icon .bonus__layer {
    display: none
}

.bonus_type_icon .bonus__unexpanded .bonus__wrapper {
    background-size: auto
}

.bonus__emoji {
    margin: 22px 13px;
    z-index: 1
}

.bonus_type_emoji {
    background: none
}

.bonus_type_emoji .bonus__wrapper {
    -webkit-box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, .1)
}

.bonus_type_emoji .bonus__lock-icon {
    background-color: #8d8d8d
}

.bonus_type_emoji .bonus__text {
    color: var(--grey-blue);
    max-width: 60%;
    text-shadow: none
}

.bonus_type_emoji.bonus_locked .bonus__layer, .bonus_type_emoji.bonus_unlocked .bonus__layer {
    background: #d1d1d1;
    opacity: 1
}

.bonus_unexpanded.bonus.bonus_type_custom .bonus__wrapper {
    background-size: cover
}

.bonus_unexpanded.bonus.bonus_type_icon .bonus__wrapper {
    background-size: auto 29px
}

.bonus_unexpanded.bonus {
    margin-right: 6px;
    background: #dbdada;
    border-radius: 8px
}

.bonus_unexpanded.bonus .bonus__text {
    display: none
}

.bonus_unexpanded.bonus .bonus__emoji {
    width: 28px;
    height: 28px;
    margin: 0 auto
}

.bonus_unexpanded.bonus .bonus__lock {
    display: none
}

.bonus_unexpanded.bonus .bonus__lock-icon {
    height: 14.4px;
    width: 14.4px;
    border-width: 2px;
    background-color: #dbdada;
    position: absolute;
    right: 5px;
    top: -1px
}

.bonus_unexpanded.bonus .bonus__lock-icon svg {
    fill: var(--grey-blue);
    height: 6px !important
}

.bonus_unexpanded.bonus .bonus__wrapper {
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-size: 31px 33.5px;
    background-position: 50%;
    background-color: #dbdada
}

.bonus_unexpanded.bonus .bonus__layer {
    display: none
}

.bonus_expanded.bonus {
    background: #dbdada;
    background-image: none;
    height: var(--bonus-height);
    margin-bottom: 13px;
    border-radius: 9px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bonus_expanded.bonus.bonus_type_icon .bonus__wrapper {
    background-size: auto 38px;
    background-position: 8px 50%
}

@media (max-width: 360px) {
    .bonus_expanded.bonus.bonus_type_icon .bonus__wrapper {
        background-size: auto 35px
    }
}

.bonus_expanded.bonus.bonus_type_icon .bonus__layer {
    display: none
}

.bonus_expanded.bonus.bonus_type_icon .bonus__text {
    color: var(--grey-blue);
    text-shadow: none
}

.bonus_expanded.bonus__locked {
    cursor: pointer
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom) .bonus__layer {
    display: none
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom) .bonus__text {
    color: var(--grey-blue);
    text-shadow: none
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom) .bonus__wrapper {
    background-size: 55px 59px;
    background-position-y: 4px
}

@media (max-width: 360px) {
    .bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom).bonus_single .bonus__wrapper {
        background-size: 35px 35px;
        background-position: 7px 6px
    }
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom).bonus_single.bonus_type_emoji img {
    height: 30px;
    width: 30px
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom).bonus_single.bonus_type_emoji .bonus__emoji {
    margin-left: 2px
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom).bonus_type_emoji img {
    height: 40px;
    width: 40px
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom).bonus_type_emoji .bonus__emoji {
    margin-left: 6.5px
}

.bonus_expanded.bonus:has(.bonus_type_custom) .bonus__wrapper {
    background-size: cover;
    background-position: 50%
}

.bonus_expanded.bonus:has(.bonus_type_custom) .bonus__wrapper.bonus__text {
    color: var(--white)
}

.bonus_expanded.bonus .bonus__lock {
    display: none
}

.bonus_expanded.bonus .bonus__wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px
}

.bonus_expanded.bonus .bonus__lock-icon {
    height: 18px !important;
    width: 18px !important;
    right: 17px;
    top: -2px;
    border-width: 2px;
    background-color: #dbdada
}

.bonus_expanded.bonus .bonus__lock-icon svg {
    fill: var(--grey-blue);
    height: 8px !important
}

.bonus_expanded.bonus .bonus__text {
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    text-align: right;
    margin-right: 11px;
    max-width: 50%;
    text-overflow: ellipsis;
    right: 0;
    left: auto
}

.bonuses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.bonuses_direction_row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.bonuses_direction_row .bonuses__bonus {
    width: var(--bonus-width)
}

.bonuses_direction_row .bonuses__bonus:last-child {
    margin-left: 15px
}

.bonuses_direction_row .bonuses__bonus:first-child {
    margin-left: 0
}

@media (max-width: 375px) {
    .bonuses_direction_row.bonuses_count_2 .bonus_type_emoji .bonus__text {
        font-size: 11px;
        left: 55px
    }
}

@media (max-width: 375px) {
    .bonuses_direction_row.bonuses_count_2 .bonus_type_emoji .bonus__emoji {
        width: 38px;
        height: 38px;
        margin: 10px
    }
}

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

.quiz-container_rtl .bonuses_direction_row .bonuses__bonus:first-child:not(:last-child), .start-page_rtl .bonuses_direction_row .bonuses__bonus:first-child:not(:last-child) {
    margin-left: 15px
}

.cookie-notice {
    background-color: #fff;
    width: 100%;
    position: relative;
    z-index: 100
}

.cookie-notice__bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--color-alpha3);
    z-index: 10
}

.cookie-notice__banner {
    padding: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 56px;
    text-align: left;
    max-width: 800px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.29;
    color: var(--dark-grey-blue);
    position: relative;
    z-index: 20;
    gap: 1rem
}

.cookie-notice__banner img {
    width: 42px
}

.cookie-notice__banner .button {
    background-color: #fff;
    border-radius: 30px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    padding: 4px 12px;
    min-height: 20px;
    font-size: 14px !important
}

@media (max-width: 767px) {
    .cookie-notice__banner {
        font-size: 11px
    }

    .cookie-notice__banner img {
        display: none
    }
}

.quiz-container_rtl .cookie-notice__banner {
    text-align: right
}

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

@keyframes dots-data-v-56e2924c {
    0% {
        content: ""
    }
    25% {
        content: "."
    }
    50% {
        content: ".."
    }
    75% {
        content: "..."
    }
}

@-webkit-keyframes headShake-data-v-56e2924c {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake-data-v-56e2924c {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes flash-data-v-56e2924c {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes flash-data-v-56e2924c {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomIn-data-v-56e2924c {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1
    }
}

@keyframes zoomIn-data-v-56e2924c {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes swing-data-v-56e2924c {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing-data-v-56e2924c {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes button__preloader-data-v-56e2924c {
    0% {
        width: 0;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    to {
        width: 0;
        left: 100%
    }
}

@keyframes button__preloader-data-v-56e2924c {
    0% {
        width: 0;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    to {
        width: 0;
        left: 100%
    }
}

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

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

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

video[data-v-56e2924c] {
    outline: none
}

.video-player-youtube, .video-player-youtube__poster {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.video-player-youtube__poster {
    background: 50%/cover no-repeat
}

.video-player-vimeo, .video-player-vimeo__poster {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.video-player-vimeo__poster {
    background: 50%/cover no-repeat
}

iframe.video-player-coub {
    pointer-events: all !important
}

iframe.video-player-coub.coub-player_is-playing {
    pointer-events: none !important
}

.video-player {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.video-player iframe, .video-player video {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    min-height: 100%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-player__loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-bg-1, #d2d4d8) url(../img/loader.4c98b8f7.svg) no-repeat calc(50% + 40px) 50%;
    background-size: 160px;
    z-index: 2
}

.video-player__stub {
    background-color: var(--color-bg-1, #d2d4d8);
    background-image: url(../img/video-off-outline.42c83ef3.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 3
}

.video-player__stub, .video-player__thumbnail {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.video-player__thumbnail {
    display: grid;
    place-items: center;
    background: transparent;
    bottom: 0;
    cursor: pointer;
    z-index: 1
}

.video-player__thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    grid-area: 1/-1;
    z-index: -1
}

.video-player__thumbnail .icon {
    width: 50px;
    height: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-area: 1/-1;
    background-color: #313131;
    -webkit-box-shadow: 0 1.28px 2.56px rgba(0, 0, 0, .21);
    box-shadow: 0 1.28px 2.56px rgba(0, 0, 0, .21);
    border-radius: 50%;
    color: #fff
}

.video-player__thumbnail .icon svg {
    width: 30px;
    height: 30px
}

.video-player__mute, .video-player__replay {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px;
    z-index: 2;
    background: 50%/contain no-repeat;
    cursor: pointer
}

.video-player__mute:hover {
    display: block
}

.video-player__mute_on {
    background-image: url(../img/volume-high-shadow.ead9a291.png)
}

.video-player__mute_off {
    background-image: url(../img/volume-off-shadow.f332dbff.png)
}

.video-player__replay {
    background-image: url(../img/replay-shadow.8d612fd4.png)
}

.video-player__button {
    background-color: none;
    border: 0
}

.video-player__button_visible {
    display: block
}

.video-player__button:active {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.video-player__button:focus {
    outline: none
}

.video-player__button:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.arrow {
    width: 14px;
    height: 10px
}

.arrow_animation {
    -webkit-animation-name: move-arrow;
    animation-name: move-arrow;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes move-arrow {
    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-arrow {
    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-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    white-space: nowrap;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.discount-badge:after {
    content: "";
    position: absolute;
    background-color: #f7cd47;
    width: 16px;
    height: 16px;
    right: -6px;
    border-radius: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 2px;
    z-index: 1
}

.discount-badge:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #c39c23;
    z-index: 3;
    right: 0
}

.discount-badge_without-title .discount-badge__value {
    border-radius: 4px;
    margin-left: 0
}

.discount-badge__title {
    font-size: 11px;
    font-weight: 500;
    border-radius: 4px;
    background-color: #faf1d6;
    padding: 4px 15px 4px 5px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis
}

.discount-badge__title, .discount-badge__value {
    font-style: normal;
    font-stretch: normal;
    line-height: 12px;
    height: 20px;
    letter-spacing: normal;
    text-align: left;
    color: #222;
    border: 1px solid #f7cd47
}

.discount-badge__value {
    position: relative;
    margin-left: -10px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 700;
    background-color: #f7cd47;
    padding: 1px 12px 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0 4px 4px 0;
    z-index: 2
}

.discount-badge__value svg {
    width: 14px;
    fill: #222
}

.discount-badge_has-effect:after {
    right: -8px
}

.discount-badge_has-effect .discount-badge__title {
    background-color: #f7cd47;
    font-weight: 600;
    line-height: 10px;
    font-size: 12px;
    border-radius: 4px 0 0 4px;
    padding-right: 2px
}

.discount-badge_has-effect .discount-badge__value {
    padding-left: 0;
    border-radius: 0 4px 4px 0;
    margin-left: 4px
}

.discount-badge_has-effect .discount-badge__arrows {
    width: 19px;
    height: 20px;
    margin-left: 4px;
    background-color: #f7cd47;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

.discount-badge_has-effect .discount-badge__arrows:after {
    content: "";
    position: absolute;
    top: 0;
    left: -4px;
    background: url(../img/discount-badge-union.fe3a0b73.svg) no-repeat 100% 100%;
    z-index: 3;
    width: 4px;
    height: 100%
}

.discount-badge_has-effect .discount-badge__arrows svg {
    width: 11px
}

.quiz-container_rtl .discount-badge:before {
    right: unset;
    left: -10px
}

.quiz-container_rtl .discount-badge:after {
    right: unset;
    left: -18px
}

.quiz-container_rtl .discount-badge__value {
    padding: 4px 2px 4px 12px
}

.quiz-container_rtl .discount-badge__value:before {
    right: 0;
    z-index: 2
}

.quiz-container_rtl .discount-badge__title {
    display: none
}

.wf-loading .start-page__brand, .wf-loading .start-page__button, .wf-loading .start-page__header, .wf-loading .start-page__subheader {
    color: transparent !important
}

.wf-loading .start-page__footer {
    opacity: 0
}

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

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

.start-page__brand {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 1rem 2rem;
    border-bottom: solid 1px var(--color-bg-2, 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;
    gap: 2.5rem;
    z-index: 21;
    background: var(--color-bg-quiz, #fff)
}

.start-page__company {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    color: var(--color-bg-text, #000);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%
}

.start-page__logo {
    height: 47px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.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: var(--color-bg-quiz, #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 auto;
    flex: 1 1 auto;
    padding: 1rem 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__footer_has_contacts {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.start-page__contact, .start-page__footer_has_contacts {
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.start-page__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left
}

.start-page__discount {
    margin-bottom: 11px;
    z-index: 24
}

.start-page__header {
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--color-bg-text, #020202);
    margin-bottom: 1rem
}

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

.start-page__subheader {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--color-bg-alpha7, #777b95);
    margin-bottom: 1rem
}

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

.start-page__line {
    width: 38px;
    height: 3px;
    background-color: var(--color-bg-text, #363636);
    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-size: 10px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: 1px;
    color: var(--color-bg-text, #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: var(--color-bg-text, #000)
}

.start-page__phone_clickable {
    color: var(--color)
}

.start-page__phone_clickable:hover {
    color: var(--color);
    cursor: pointer;
    text-decoration: none
}

.start-page__legal {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.4;
    padding-right: 15px;
    text-align: left;
    color: var(--color-bg-alpha7, #494949)
}

.start-page__cookie-notice {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

@media (max-width: 819px) {
    .start-page_video_bg {
        padding-top: 56.25vw
    }

    .start-page_video_bg .start-page__discount {
        top: calc(56.25vw - 10px) !important
    }
}

.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_has_bg .bonuses.bonuses_direction_row.bonuses_count_1.bonuses_centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.start-page_has_bg .video-player {
    position: absolute;
    height: 100%;
    padding-top: 0
}

.start-page_has_bg .video-player iframe, .start-page_has_bg .video-player video {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 100vw;
    height: 66.25vw;
    min-height: 110vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none
}

@media (min-width: 819px) {
    .start-page_has_bg .video-player iframe, .start-page_has_bg .video-player video {
        min-width: 187.77vh
    }
}

@media (max-width: 819px) {
    .start-page_has_bg .video-player {
        height: 56.25vw
    }
}

@media (min-width: 819px) {
    .start-page_has_bg.start-page_position_right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .start-page_has_bg.start-page_position_right .start-page__content {
        left: auto;
        right: 0;
        padding-left: 0
    }

    .start-page_has_bg.start-page_position_right .start-page__footer {
        padding-right: 1rem
    }

    .start-page_has_bg.start-page_position_right .start-page__footer .whitelabel__icon {
        min-width: 13px
    }

    .start-page_has_bg.start-page_position_right .start-page__bg {
        left: 0;
        right: 0
    }

    .start-page_has_bg.start-page_position_right .start-page__button, .start-page_has_bg.start-page_position_right .start-page__header, .start-page_has_bg.start-page_position_right .start-page__line, .start-page_has_bg.start-page_position_right .start-page__subheader {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .start-page_has_bg.start-page_position_right .video-player__mute, .start-page_has_bg.start-page_position_right .video-player__replay {
        display: none;
        left: 0;
        right: 0
    }

    .start-page_has_bg.start-page_position_center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .start-page_has_bg.start-page_position_center .start-page__brand {
        background: none;
        border: 0
    }

    .start-page_has_bg.start-page_position_center .start-page__bg {
        right: 0
    }

    .start-page_has_bg.start-page_position_center .start-page__content {
        left: 0;
        right: 0;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: none
    }

    .start-page_has_bg.start-page_position_center .start-page__body {
        text-align: center;
        max-width: 55%
    }

    .start-page_has_bg.start-page_position_center .start-page__bonuses-title {
        text-align: center
    }

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

    .start-page_has_bg.start-page_position_center .start-page__footer {
        width: 100%;
        padding-right: .75rem
    }

    .start-page_has_bg.start-page_position_center .start-page__footer .whitelabel__container {
        padding: 0 !important
    }

    .start-page_has_bg.start-page_position_center .start-page__company {
        text-align: center
    }

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

    .start-page_has_bg.start-page_position_left .start-page__content {
        left: 0;
        right: 0;
        padding-left: 0
    }

    .start-page_has_bg.start-page_position_left .start-page__footer {
        padding-right: 1rem
    }

    .start-page_has_bg.start-page_position_left .start-page__footer .whitelabel__icon {
        min-width: 13px
    }

    .start-page_has_bg.start-page_position_left .start-page__bg {
        left: auto;
        right: 0
    }

    .start-page_has_bg.start-page_position_left .start-page__button, .start-page_has_bg.start-page_position_left .start-page__header, .start-page_has_bg.start-page_position_left .start-page__line, .start-page_has_bg.start-page_position_left .start-page__subheader {
        -ms-flex-item-align: start;
        align-self: flex-start;
        text-align: start
    }

    .start-page_has_bg.start-page_theme_expanded .start-page__content {
        background: none
    }

    .start-page_has_bg.start-page_theme_expanded .start-page__bg {
        left: 0;
        right: 0
    }

    .start-page_has_bg.start-page_theme_expanded .start-page__brand {
        background: none;
        border: 0
    }

    .start-page_has_bg.start-page_theme_expanded .start-page__bonuses-title, .start-page_has_bg.start-page_theme_expanded .start-page__company, .start-page_has_bg.start-page_theme_expanded .start-page__header, .start-page_has_bg.start-page_theme_expanded .start-page__legal, .start-page_has_bg.start-page_theme_expanded .start-page__phone, .start-page_has_bg.start-page_theme_expanded .start-page__subheader {
        color: #fff
    }

    .start-page_has_bg.start-page_theme_expanded .start-page__line {
        background-color: #fff
    }

    .start-page_has_bg.start-page_theme_expanded .whitelabel__container, .start-page_has_bg.start-page_theme_expanded .whitelabel a {
        color: #fff !important
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_left:after {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
        background: -webkit-gradient(linear, left top, right top, from(#272626), to(transparent));
        background: linear-gradient(90deg, #272626, transparent)
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_left .start-page__content {
        border-right: 1px solid hsla(0, 0%, 100%, .16)
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_right:after {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
        background: -webkit-gradient(linear, right top, left top, from(#272626), to(transparent));
        background: linear-gradient(270deg, #272626, transparent)
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_right .start-page__content {
        border-left: 1px solid hsla(0, 0%, 100%, .16)
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_right .start-page__brand {
        left: auto
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_center:after {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#272626));
        background: linear-gradient(180deg, transparent, #272626)
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__content {
        padding-left: 0;
        padding-right: 0;
        position: relative
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__brand {
        position: static;
        padding: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: auto;
        gap: 1rem
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__company {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: left;
        word-break: break-word
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__white-label {
        margin-left: auto
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__contact {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__footer {
        border-top: 1px solid hsla(0, 0%, 100%, .16);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: .75rem 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__footer_has_wl .start-page__brand {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__bg {
        padding: 0
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__legal {
        padding: 0;
        padding-left: 20px;
        text-align: right;
        word-break: break-word
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_center .video-player__mute, .start-page_has_bg.start-page_theme_expanded.start-page_position_center .video-player__replay {
        bottom: 65px;
        z-index: 22
    }

    .start-page_has_bg.start-page_theme_centered {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        background: var(--color-bg-quiz, #fff);
        width: 550px;
        min-width: 550px;
        margin: 0 auto !important;
        margin-top: 30px !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .start-page_has_bg.start-page_theme_centered .start-page__bg {
        position: relative;
        height: 275px;
        width: 100%;
        -ms-flex-item-align: center;
        align-self: center;
        border-radius: 10px;
        overflow: hidden;
        padding: 0;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important
    }

    .start-page_has_bg.start-page_theme_centered .start-page__content {
        position: relative;
        -ms-flex-item-align: center;
        align-self: center;
        padding-left: 0;
        padding-right: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .start-page_has_bg.start-page_theme_centered .start-page__body {
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-bottom: 30px
    }

    .start-page_has_bg.start-page_theme_centered .start-page__bonuses-title {
        text-align: center
    }

    .start-page_has_bg.start-page_theme_centered .start-page__content {
        overflow: visible;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .start-page_has_bg.start-page_theme_centered .start-page__brand {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        border: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        gap: 1rem
    }

    .start-page_has_bg.start-page_theme_centered .start-page__footer {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .start-page_has_bg.start-page_theme_centered .start-page__footer .whitelabel__icon {
        min-width: 13px
    }

    .start-page_has_bg.start-page_theme_centered .start-page__contact {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .start-page_has_bg.start-page_theme_centered .start-page__legal {
        text-align: right;
        padding: 0
    }

    .start-page_has_bg.start-page_theme_centered .start-page__company {
        text-align: center;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }

    .start-page_has_bg.start-page_theme_centered .video-player iframe, .start-page_has_bg.start-page_theme_centered .video-player video {
        width: 100%;
        height: 100%;
        min-width: 110%
    }

    .start-page_has_bg.start-page_theme_centered .video-player__mute, .start-page_has_bg.start-page_theme_centered .video-player__replay {
        top: 215px
    }

    .start-page_has_bg.start-page_theme_centered.start-page_has_brand {
        margin-top: 0 !important
    }

    .start-page_has_bg.start-page_theme_centered.start-page_has_brand .start-page .video-player-mute, .start-page_has_bg.start-page_theme_centered.start-page_has_brand .start-page .video-player-replay {
        top: 292px
    }

    .start-page_has_bg.start-page_theme_standart.start-page_position_right .start-page__brand {
        left: auto
    }

    .start-page_has_bg.start-page_theme_standart.start-page_position_left .start-page__bg {
        background-position: 50%
    }
}

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

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

@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__brand {
        position: static;
        margin-bottom: .75rem;
        min-height: 57px
    }

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

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

    .start-page .start-page__body {
        padding: 1.5rem 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 {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .start-page .start-page__legal {
        text-align: center;
        padding: 0
    }

    .start-page.start-page_has_bg .start-page__bg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 220px;
        flex: 0 0 220px;
        background-position: 50%;
        width: 100%
    }

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

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

    .start-page.start-page_has_bg:not(.start-page_has_brand) .start-page__discount {
        position: absolute;
        top: 210px;
        left: 32px
    }

    .start-page.start-page_has_bg:not(.start-page_has_brand).start-page_theme_centered .start-page__bg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .start-page.start-page_theme_centered .start-page__bonuses-title, .start-page.start-page_theme_centered .start-page__header, .start-page.start-page_theme_centered .start-page__subheader {
        text-align: center
    }

    .start-page.start-page_theme_centered .start-page__body {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 767px) {
    .start-page .start-page__header_centered, .start-page .start-page__subheader_centered {
        text-align: center
    }

    .start-page .start-page__button {
        width: 100%
    }

    .start-page .start-page__company {
        font-size: 14px
    }

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

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

@media (min-width: 819px) {
    .start-page_has_bg {
        overflow: hidden
    }

    .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;
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        z-index: 15;
        background: var(--color-bg-quiz, #fff);
        will-change: transform
    }

    .start-page_has_bg.start-page_closing, .start-page_has_bg.start-page_closing .start-page__content {
        overflow: hidden
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__layer {
        -webkit-animation: slide-layout-to-left .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: slide-layout-to-left .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__brand {
        -webkit-animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__bonuses, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__button, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__discount, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__header, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__line, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__subheader {
        -webkit-animation: hide-text-to-right .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-text-to-right .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__button, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__subheader {
        -webkit-animation-delay: .05s;
        animation-delay: .05s
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__bonuses {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__footer {
        -webkit-animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .video-player__mute, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .video-player__replay {
        display: none
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__layer {
        -webkit-animation: slide-layout-to-right .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: slide-layout-to-right .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__brand {
        -webkit-animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__bonuses, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__button, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__discount, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__header, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__line, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__subheader {
        -webkit-animation: hide-text-to-left .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-text-to-left .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__button, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__subheader {
        -webkit-animation-delay: .05s;
        animation-delay: .05s
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__bonuses {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__footer {
        -webkit-animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .video-player__mute, .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .video-player__replay {
        display: none
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded:after {
        -webkit-animation: fade-out-background .75s ease-in-out forwards;
        animation: fade-out-background .75s ease-in-out forwards;
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center .start-page__footer {
        -webkit-animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center .start-page__bg, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center .start-page__body {
        -webkit-animation: fade-out .75s ease-in-out forwards;
        animation: fade-out .75s ease-in-out forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center .video-player__mute, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center .video-player__replay {
        display: none
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__bg {
        -webkit-animation: fade-out .75s ease-in-out forwards;
        animation: fade-out .75s ease-in-out forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__brand {
        -webkit-animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__bonuses, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__button, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__discount, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__header, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__line, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__subheader {
        -webkit-animation: hide-text-to-right .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-text-to-right .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__button, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__subheader {
        -webkit-animation-delay: .05s;
        animation-delay: .05s
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__bonuses {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__footer {
        -webkit-animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__content {
        border: 0
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .video-player__mute, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .video-player__replay {
        display: none
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__bg {
        -webkit-animation: fade-out .75s ease-in-out forwards;
        animation: fade-out .75s ease-in-out forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__brand {
        -webkit-animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__bonuses, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__button, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__discount, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__header, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__line, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__subheader {
        -webkit-animation: hide-text-to-left .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-text-to-left .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__button, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__subheader {
        -webkit-animation-delay: .05s;
        animation-delay: .05s
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__bonuses {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__footer {
        -webkit-animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__content {
        border: 0
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .video-player__mute, .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .video-player__replay {
        display: none
    }

    .start-page_has_bg.start-page_closing.start-page_theme_centered .start-page__bg, .start-page_has_bg.start-page_closing.start-page_theme_centered .start-page__brand {
        -webkit-animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_centered .start-page__bonuses-title, .start-page_has_bg.start-page_closing.start-page_theme_centered .start-page__header, .start-page_has_bg.start-page_closing.start-page_theme_centered .start-page__subheader {
        text-align: center
    }

    .start-page_has_bg.start-page_closing.start-page_theme_centered .start-page__content {
        -webkit-animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards;
        animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards
    }

    .start-page_has_bg.start-page_closing.start-page_theme_centered .video-player__mute, .start-page_has_bg.start-page_closing.start-page_theme_centered .video-player__replay {
        display: none
    }
}

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

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

    .start-page_has_bg.start-page_closing:not(.start-page_has_brand) .start-page__discount {
        -webkit-animation: hide-up .75s forwards;
        animation: hide-up .75s forwards;
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .start-page_widget .start-page__button, .start-page_widget .start-page__header, .start-page_widget .start-page__subheader {
        opacity: 0
    }

    .start-page_widget .start-page__header {
        animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) .1s reverse forwards
    }

    .start-page_widget .start-page__subheader {
        animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) .2s reverse forwards
    }

    .start-page_widget .start-page__button {
        animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) .3s reverse forwards
    }

    .start-page_widget .start-page__bonuses, .start-page_widget .start-page__footer {
        animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) .4s reverse forwards
    }
}

.start-page_rtl .start-page__bonuses-title, .start-page_rtl .start-page__company, .start-page_rtl .start-page__header, .start-page_rtl .start-page__subheader {
    text-align: right
}

.start-page_rtl .start-page__bonuses-title {
    font-size: 12px
}

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

@media (min-width: 819px) {
    .start-page_rtl.start-page_has_bg.start-page_theme_standart.start-page_position_left .start-page__brand, .start-page_rtl.start-page_has_bg.start-page_theme_standart.start-page_position_left .start-page__content {
        left: 0;
        right: auto
    }

    .start-page_rtl.start-page_has_bg.start-page_theme_standart.start-page_position_left .start-page__bg {
        left: auto
    }

    .start-page_rtl.start-page_has_bg.start-page_theme_standart.start-page_position_right .start-page__brand, .start-page_rtl.start-page_has_bg.start-page_theme_standart.start-page_position_right .start-page__content {
        left: auto;
        right: 0
    }

    .start-page_rtl.start-page_has_bg.start-page_theme_standart.start-page_position_right .start-page__bg {
        right: auto
    }
}

@media (max-width: 818px) {
    .start-page_rtl.start-page_has_bg .start-page__discount {
        left: auto;
        right: 32px
    }
}

.start-page_rtl .discount-badge:before {
    right: unset;
    left: 0
}

.start-page_rtl .discount-badge:after {
    right: unset;
    left: -8px
}

.start-page_rtl .discount-badge__title {
    border-radius: 0 4px 4px 0
}

.start-page_rtl .discount-badge__arrows {
    margin-left: 0;
    margin-right: 4px
}

.start-page_rtl .discount-badge__arrows:after {
    left: unset;
    right: -4px
}

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

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

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

@keyframes hide-text-to-left {
    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-to-left {
    0% {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slide-layout-to-left {
    0% {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slide-layout-to-right {
    0% {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slide-layout-to-right {
    0% {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fade-out-background {
    0% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes fade-out-background {
    0% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

.discount-label {
    position: relative;
    height: 20px;
    border-radius: 4px;
    background-color: #f7cd47;
    font-weight: 500;
    padding: 2px 4px 2px 12px
}

.discount-label, .discount-label__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.discount-label__value {
    color: #000;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

.discount-label__circle {
    position: absolute;
    background-color: #f7cd47;
    width: 16px;
    height: 16px;
    left: -5px;
    top: 2px;
    border-radius: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1
}

.discount-label__circle:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 6px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #c39c23
}

.quiz-container_rtl .discount-label {
    padding: 2px 12px 2px 4px
}

.quiz-container_rtl .discount-label__circle {
    left: 0;
    right: -5px
}

.preview-small {
    width: 100%;
    height: 70px
}

.preview-small__bg {
    position: absolute;
    left: 0;
    height: 100%;
    width: 34%;
    background: var(--color-bg-quiz, #fff) no-repeat 50%/cover;
    border-radius: 10px 0 0 10px
}

.preview-small__content {
    height: 70px;
    width: 100%;
    position: absolute;
    top: 0;
    padding: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    background-color: var(--color-bg-quiz, #fff)
}

.preview-small_radius .preview-small__content {
    border-top-left-radius: 30px
}

.preview-small__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
    text-align: right;
    overflow-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--color-bg-text, #020202);
    font-weight: 500;
    z-index: 2
}

.preview-small__button {
    width: 40px;
    min-height: 40px;
    border-radius: 100%;
    border: none;
    padding: 0
}

.preview-small__button svg {
    width: 24px;
    fill: var(--color-primary-text-button)
}

.preview-small__discount {
    position: absolute;
    top: 0;
    right: 14px;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.preview-small_has-discount {
    height: 80px
}

.preview-small_has-discount .preview-small__content {
    margin-top: 10px
}

.preview-start-page {
    width: 100%
}

.preview-start-page_large {
    height: 190px;
    background-color: var(--color-bg-quiz, #fff)
}

.preview-start-page__bg, .preview-start-page__content, .preview-start-page__video-bg {
    position: absolute;
    top: 0;
    left: 0
}

.preview-start-page__bg {
    width: 100%;
    height: 100%;
    background: var(--color-bg-quiz, #fff) no-repeat 50%/cover
}

.preview-start-page__video-bg {
    height: 100%;
    width: 100%;
    padding-top: 0
}

.preview-start-page__video-bg iframe, .preview-start-page__video-bg video {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 100vw;
    height: 81.25vw;
    min-height: 121vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none
}

.preview-start-page__content {
    height: 100%;
    width: 100%;
    padding: 17px;
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.preview-start-page__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 16px;
    position: relative;
    text-align: left;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px
}

.preview-start-page__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    font-size: 16px !important;
    padding: 9px 18px
}

.preview-start-page__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.preview-start-page__assistant {
    position: relative;
    width: 42px;
    height: 42px
}

.preview-start-page__assistant:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 6px;
    bottom: 2px;
    width: 4px;
    height: 4px;
    background: #3bad4b;
    border-radius: 50%
}

.preview-start-page__assistant img {
    border-radius: 50%
}

.preview-landing {
    width: 100%
}

.preview-landing_large {
    height: 190px;
    background-color: var(--color-bg-quiz, #fff)
}

.preview-landing__bg, .preview-landing__content, .preview-landing__video-bg {
    position: absolute;
    top: 0;
    left: 0
}

.preview-landing__bg {
    width: 100%;
    height: 100%;
    background: var(--color-bg-quiz, #fff) no-repeat 50%/cover
}

.preview-landing__video-bg {
    height: 100%;
    width: 100%;
    padding-top: 0
}

.preview-landing__video-bg iframe, .preview-landing__video-bg video {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 100vw;
    height: 81.25vw;
    min-height: 121vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none
}

.preview-landing__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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 17px
}

.preview-landing__content .preview-landing__info {
    color: #fff;
    font-weight: 500;
    text-align: left;
    max-width: 100%
}

.preview-landing__content .preview-landing__info .preview-landing__avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-right: 13px
}

.preview-landing__content .preview-landing__info .preview-landing__logo {
    max-width: 100%;
    max-height: 30px
}

.preview-landing__content .preview-landing__info .preview-landing__texts {
    min-width: 0
}

.preview-landing__content .preview-landing__info .preview-landing__title {
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.preview-landing__content .preview-landing__info .preview-landing__subtitle {
    font-size: 13px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.preview-landing__content .preview-landing__info_person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preview-landing__content .preview-landing__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    font-size: 16px !important;
    padding: 9px 18px
}

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

@keyframes dots-data-v-14468613 {
    0% {
        content: ""
    }
    25% {
        content: "."
    }
    50% {
        content: ".."
    }
    75% {
        content: "..."
    }
}

@-webkit-keyframes headShake-data-v-14468613 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake-data-v-14468613 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes flash-data-v-14468613 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes flash-data-v-14468613 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomIn-data-v-14468613 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1
    }
}

@keyframes zoomIn-data-v-14468613 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes swing-data-v-14468613 {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing-data-v-14468613 {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes button__preloader-data-v-14468613 {
    0% {
        width: 0;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    to {
        width: 0;
        left: 100%
    }
}

@keyframes button__preloader-data-v-14468613 {
    0% {
        width: 0;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    to {
        width: 0;
        left: 100%
    }
}

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

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

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

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

.assistant {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .9rem;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    margin-bottom: auto;
    height: 100%;
    max-height: 380px;
    min-height: 0
}

.assistant, .assistant__person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

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

.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 var(--color-bg-quiz, #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 var(--color-bg-2, rgba(0, 0, 0, .16));
    box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, .16))
}

.assistant__block {
    position: relative;
    padding-top: calc(.6rem - 1px);
    line-height: 1.2;
    text-align: left;
    height: calc(100% - 80px);
    max-height: 380px;
    min-height: 0
}

.assistant__text {
    color: var(--color-bg-text, #2e2e49);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.54;
    padding: 5px 18px 5px 10px;
    word-break: break-word;
    font-family: var(--additional-font, var(--font)), Gilroy, Helvetica, Arial, sans-serif;
    /*font-style: var(--additional-font-style, normal)*/
}

.assistant__text ol, .assistant__text ul {
    padding-left: 15px;
    margin: .25rem 0
}

.assistant__text ol ol, .assistant__text ol ul, .assistant__text ul ol, .assistant__text ul ul {
    margin: .125rem 0
}

.assistant__text-arrow {
    top: -.6rem;
    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:after, .assistant__text-arrow:before {
    border-bottom-color: var(--color-bg-7, #fff)
}

.assistant__text-arrow:after {
    top: 1px
}

.assistant__text-height {
    background: var(--color-bg-7, #fff);
    -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;
    -webkit-transition: height .3s linear;
    transition: height .3s linear;
    will-change: height;
    max-height: 100%
}

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

.assistant__text-height::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px 10px var(--color-bg-2, #eae9f1);
    box-shadow: inset 0 0 10px 10px var(--color-bg-2, #eae9f1)
}

.assistant__text-height::-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)
}

.assistant__text-height::-webkit-scrollbar-track {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px var(--color-bg-7, #eae9f1);
    box-shadow: inset 0 0 10px 10px var(--color-bg-7, #eae9f1)
}

.assistant__text-height::-webkit-scrollbar-track-piece {
    background: var(--color-bg-7, #fff)
}

.assistant__text-height::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 10px 10px var(--color-bg-4, #707070);
    box-shadow: inset 0 0 10px 10px var(--color-bg-4, #707070)
}

.assistant__title {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 2px 0;
    color: var(--color-bg-text, #2e2e54);
    line-height: 1.125
}

.assistant__subtitle {
    font-size: 12px;
    color: var(--color-bg-alpha7, #69748c);
    font-weight: 400;
    line-height: 1.15;
    margin: 0
}

.assistant .assistant__person_animation-leave-active {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.assistant .assistant__person_animation-enter, .assistant .assistant__person_animation-leave-to {
    opacity: 0
}

.assistant .assistant__person_animation-enter-active {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.assistant .assistant__person_animation-enter-to {
    opacity: 1
}

.assistant .assistant__block_animation-comment-leave-active {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.assistant .assistant__block_animation-comment-enter, .assistant .assistant__block_animation-comment-leave-to {
    opacity: 0
}

.assistant .assistant__block_animation-comment-enter-active {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.assistant .assistant__block_animation-comment-enter-to {
    opacity: 1
}

.custom .assistant__text {
    background: var(--color-exactly-white, var(--color-bg-7, #fff))
}

.custom .assistant__text-arrow:after, .custom .assistant__text-arrow:before {
    border-bottom-color: var(--color-exactly-white, var(--color-bg-7, #fff))
}

.custom .assistant__text-height {
    background: var(--color-exactly-white, var(--color-bg-7, #fff))
}

.custom .assistant__text-height::-webkit-scrollbar-track-piece {
    background: var(--color-exactly-white, var(--color-bg-7, #fff))
}

.quiz-container_rtl .assistant__text-arrow {
    right: 24px;
    left: 0
}

.quiz-container_rtl .assistant__block, .quiz-container_rtl .assistant__subtitle, .quiz-container_rtl .assistant__title {
    text-align: right
}

.quiz-container_rtl .assistant__name {
    margin-right: .5rem;
    margin-left: 0
}

.assistant-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    min-height: 50px;
    /*max-height: 62px;*/
    padding: 10px;
    border-radius: 20px 20px 20px 3px;
    color: var(--color-bg-text, #2e2e54);
    background: var(--color-bg-1, #f0f0f0);
    line-height: 1.2;
    cursor: pointer;
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease;
    overflow: auto;
    -webkit-tap-highlight-color: transparent
}

.assistant-mobile__avatar {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.assistant-mobile__avatar img {
    border-radius: 35px;
    width: 100%
}

.assistant-mobile__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 1rem;
    text-align: left
}

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

.assistant-mobile__text::-webkit-scrollbar-track {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px var(--color-bg-2, #eae9f1);
    box-shadow: inset 0 0 10px 10px var(--color-bg-2, #eae9f1)
}

.assistant-mobile__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)
}

.assistant-mobile__text::-webkit-scrollbar-track-piece {
    background: var(--color-bg-1, #f0f0f0)
}

.assistant-mobile__text::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 10px 10px var(--color-bg-4, #707070);
    box-shadow: inset 0 0 10px 10px var(--color-bg-4, #707070)
}

.assistant-mobile__text .assistant-mobile__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px
}

.assistant-mobile__text .assistant-mobile__name .assistant-mobile__title {
    font-weight: 500;
    color: var(--color-bg-text, #2e2e54);
    line-height: 1.125;
    word-break: break-word;
    white-space: pre
}

.assistant-mobile__text .assistant-mobile__name .assistant-mobile__subtitle {
    font-size: 12px;
    color: var(--color-bg-alpha7, #69748c);
    font-weight: 400;
    line-height: 1.25;
    margin: 0 0 -2px 8px;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis
}

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

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

.assistant-mobile__text .assistant-mobile__text-html p {
    margin: 0
}

.assistant-mobile__text .assistant-mobile__text-html ol, .assistant-mobile__text .assistant-mobile__text-html ul {
    padding-left: 20px
}

.assistant-mobile__text .assistant-mobile__text-html ul {
    list-style: disc
}

.assistant-mobile__arrow {
    position: absolute;
    bottom: calc(50% - 4px);
    right: 15px;
    width: 15px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-animation: arrow-pulse 1s infinite;
    animation: arrow-pulse 1s infinite;
    cursor: pointer;
    z-index: 20
}

.assistant-mobile__arrow path {
    fill: var(--color-bg-9)
}

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

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

.assistant-mobile_has-more .assistant-mobile__text {
    overflow: auto
}


.assistant-mobile_expanded {
    max-height: 150px
}

.assistant-mobile_expanded .assistant-mobile__text:after {
    content: none
}

.assistant-mobile_expanded .assistant-mobile__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: 15px
}

.custom .assistant-mobile_has-more .assistant-mobile__text:after, .dark .assistant-mobile_has-more .assistant-mobile__text:after {
    background-image: none 8px 0 20px
}

.quiz-container_rtl .assistant-mobile {
    margin-bottom: 1rem
}

.quiz-container_rtl .assistant-mobile__avatar {
    margin-left: 10px;
    margin-right: 30px
}

.quiz-container_rtl .assistant-mobile__text {
    padding-right: 0;
    padding-left: 1rem;
    text-align: right
}

.quiz-container_rtl .assistant-mobile__name {
    margin-right: 0
}

.quiz-container_rtl .assistant-mobile__name .assistant-mobile__title {
    margin-right: 0;
    margin-left: 4px
}

.quiz-container_rtl .assistant-mobile__name .assistant-mobile__subtitle .assistant-mobile__status {
    margin: 5px 0 1px 7px
}

.quiz-container_rtl .assistant-mobile__text-html {
    margin-right: 2px
}

.quiz-container_rtl .assistant-mobile__text:after {
    display: none
}

.quiz-container_rtl_has-more .assistant-mobile {
    padding-right: 2rem
}

.quiz-container_rtl_has-more .assistant-mobile__text:after {
    background: none
}

.assistant-mobile__text-html_animation_slide-enter-active, .assistant-mobile__text-html_animation_slide-leave-active {
    -webkit-transition: opacity .17s cubic-bezier(.61, .3, .8, .97), -webkit-transform .17s cubic-bezier(.61, .3, .8, .97);
    transition: opacity .17s cubic-bezier(.61, .3, .8, .97), -webkit-transform .17s cubic-bezier(.61, .3, .8, .97);
    transition: opacity .17s cubic-bezier(.61, .3, .8, .97), transform .17s cubic-bezier(.61, .3, .8, .97);
    transition: opacity .17s cubic-bezier(.61, .3, .8, .97), transform .17s cubic-bezier(.61, .3, .8, .97), -webkit-transform .17s cubic-bezier(.61, .3, .8, .97)
}

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

.assistant-mobile__text-html_animation_slide-enter-to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.assistant-mobile__text-html_animation_slide-leave-to {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0
}

.preview-assistant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
    color: var(--color-bg-text, #2e2e54);
    background-color: var(--color-bg-quiz, #fff);
    border-radius: 30px 10px 10px 10px;
    padding: 12px 1rem;
    cursor: pointer
}

.preview-assistant__person {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.preview-assistant__person img {
    border-radius: 35px;
    width: 100%
}

.preview-assistant__text-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-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    text-align: start;
    color: var(--color-bg-text, #2e2e54)
}

.preview-assistant__name, .preview-assistant__subtitle, .preview-assistant__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preview-assistant__subtitle, .preview-assistant__title {
    font-size: 12px;
    line-height: 1.25
}

.preview-assistant__subtitle {
    color: var(--color-bg-alpha7, #69748c);
    margin: 0 35px -2px 8px;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis
}

.preview-assistant__status {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #11983f;
    margin: 0 7px 0 0
}

.preview-assistant__text-html {
    margin-top: 4px;
    line-height: 20px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis
}

.preview-assistant__slot {
    position: absolute;
    top: 7px;
    right: 6px
}

.preview-assistant_open {
    border-radius: 0;
    cursor: default
}

.preview-assistant_open .preview-assistant__status, .preview-assistant_open .preview-assistant__text-html {
    display: none
}

.preview-assistant_open .preview-assistant__text-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.preview-assistant_open .preview-assistant__name {
    -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
}

.preview-assistant_open .preview-assistant__subtitle {
    margin: 2px 0 0
}

.preview-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 16px 20px;
    border-radius: 30px 10px 10px 10px;
    background-color: var(--color-bg-quiz, #fff)
}

.preview-text__title {
    text-align: left;
    color: var(--color-bg-text, #363636);
    line-height: 18px;
    overflow-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.preview-text__slot {
    margin-left: 10px;
    -ms-flex-item-align: center;
    align-self: center
}

.video-custom-player {
    position: relative;
    padding-top: 220px;
    width: auto;
    z-index: 1
}

.video-custom-player:focus {
    outline: none
}

.video-custom-player iframe, .video-custom-player video {
    width: 100%;
    height: 100%;
    min-width: 175%;
    min-height: 110vh;
    pointer-events: none
}

.video-custom-player_rounded {
    border-radius: 10px
}

.video-custom-player .custom-controllers {
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    cursor: pointer;
    -webkit-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in
}

.video-custom-player .custom-controllers__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
    margin-bottom: 8px;
    padding: 0 8px
}

.video-custom-player .custom-controllers__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    background-color: hsla(0, 0%, 100%, .7);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .15)
}

.video-custom-player .custom-controllers__button svg {
    fill: rgba(48, 53, 55, .9)
}

.video-custom-player .custom-controllers__progress-bar {
    width: 100%;
    height: 4px;
    background-color: hsla(0, 0%, 100%, .5);
    cursor: pointer;
    position: relative
}

.video-custom-player .custom-controllers__progress-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    width: var(--progress, 0);
    background-color: #fff;
    z-index: 1
}

.video-custom-player .custom-controllers_hidden {
    opacity: 0
}

.preview-question__emoji {
    position: relative;
    top: -6px;
    font-size: 22px;
    max-height: 18px
}

.preview-question_assistant .preview-question__emoji {
    position: relative;
    top: 0;
    left: -6px;
    font-size: 16px
}

.preview-question__video iframe, .preview-question__video video {
    min-width: 125%;
    min-height: 140vh;
    pointer-events: none
}

.preview-question__description {
    padding: 0 16px 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    color: #fff;
    text-align: left
}

.preview-question__description .preview-question__number {
    font-size: 12px;
    line-height: 1.25;
    margin-bottom: 4px
}

.preview-question__description .preview-question__number span {
    color: var(--color-alpha, #69748c)
}

.preview-question__description .preview-question__title {
    font-size: 16px;
    line-height: 22px
}

.preview-question_has-video:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 53, 55, 0)), color-stop(64.58%, rgba(48, 53, 55, .792)), to(rgba(48, 53, 55, .9)));
    background: linear-gradient(180deg, rgba(48, 53, 55, 0), rgba(48, 53, 55, .792) 64.58%, rgba(48, 53, 55, .9));
    z-index: 2
}

.preview-question_open .preview-question__description {
    display: none
}

.preview-question_open:before {
    content: none
}

.preview-results__count {
    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;
    width: 20px;
    height: 20px;
    background-color: var(--color);
    border-radius: 50%;
    color: var(--color-bg-alpha7, #2e2e49);
    font-size: 11px;
    font-weight: 500;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .25)
}

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

.price-label__number {
    color: var(--color-bg-text, #000);
    margin-right: 1.5rem
}

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

.price-label__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.price-label__discount svg {
    width: 12px
}

.quiz-container_rtl .price-label__number {
    margin-right: 0;
    margin-left: 1.5rem
}

.quiz-container_rtl .price-label__old {
    text-align: right
}

.price-label_result .price-label {
    font-size: 18px
}

.price-label_result .price-label__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 1201px) {
    .price-label_result .price-label__container {
        padding-right: 10px
    }
}

.price-label_result .price-label__values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.price-label_result .price-label__old {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: var(--color-bg-sub-text, #b2b2b2);
    margin-bottom: 10px
}

.price-label_result .price-label__discount {
    margin-bottom: 10px
}

.price-label_result .price-label__number {
    margin-right: 1rem;
    margin-bottom: 10px
}

.quiz-container_rtl .price-label_result {
    margin-bottom: 1rem
}

.quiz-container_rtl .price-label_result .price-label__values {
    gap: 1rem
}

.quiz-container_rtl .price-label_result .price-label__number, .quiz-container_rtl .price-label_result .price-label__old {
    margin: 0
}

.quiz-container_rtl .price-label_result .price-label__discount {
    margin: 0 auto 0 10px
}

.empty-result-notice {
    width: 100%
}

.empty-result-notice__content {
    position: relative;
    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;
    background: var(--color-bg-sidebar, #f7f7f7);
    height: 64px;
    border-radius: 0 0 20px 20px
}

.empty-result-notice__text {
    font-size: 13px;
    text-align: center;
    color: var(--color-bg-6, #69748c);
    padding: 0 40px
}

.empty-result-notice__icon {
    font-size: 18px;
    position: absolute;
    bottom: 11px;
    right: 12px
}

.empty-result-notice_animation-leave {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.empty-result-notice_animation-leave-active {
    -webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
    transition: opacity .5s ease-in-out, transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.empty-result-notice_animation-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-64px);
    transform: translateY(-64px)
}

.result {
    background: var(--color-bg-quiz, #fff);
    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;
    min-height: 100%
}

.result, .result__container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.result__container {
    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: 550px;
    min-width: 550px;
    padding: 1.8rem;
    padding-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.result .images-slider + .price-label {
    margin-top: 0
}

.result .images-slider + .result__content {
    padding-top: 5px
}

.images-slider .result__image {
    width: calc(100% - 2px);
    border-radius: 3px 3px 0 0
}

.result .video-player {
    height: 100%;
    min-height: 250px;
    padding-top: unset;
    aspect-ratio: 16/9
}

.result__content {
    padding-top: 25px;
    padding-bottom: 10px;
    width: 100%;
    margin-bottom: auto;
    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-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.result__content_has_cost {
    padding-top: 0
}

.result__content_empty-result {
    padding-top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.result__content_empty-result .result__retry {
    height: 45px
}

.result__content_empty-result .result__retry:hover {
    color: #363636 !important
}

@media (max-width: 767px) {
    .result__content_empty-result + .result__navpad-place {
        padding-bottom: 0 !important
    }
}

.result__content_empty-result + .result__navpad-place .result__whitelabel {
    width: 100%;
    display: block !important;
    padding-bottom: 20px
}

@media (max-width: 1200px) {
    .result__content {
        padding-bottom: 110px
    }
}

.result__empty-result-notice {
    position: absolute;
    top: 0;
    left: 0
}

.result__image {
    position: relative;
    border-radius: 4px;
    background: var(--color) no-repeat 0 40%;
    background-size: cover;
    background-position: 50%;
    aspect-ratio: 16/9;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid rgba(0, 0, 0, .102);
    background-clip: padding-box
}

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

.result__image .result__correct {
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: var(--color-bg-2, #fff);
    padding: 5px 20px;
    border-radius: 20px
}

.result__cost {
    margin-top: 22px;
    width: calc(100% - 2px)
}

.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: var(--color-bg-text, #020202);
    margin: 0 0 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.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: var(--color-bg-6, #777b95);
    margin-bottom: 15px;
    height: 100%
}

.result__navpad {
    position: relative;
    z-index: 20;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: auto;
    background-color: var(--color-bg-quiz, #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: 23px;
    right: 1.5rem;
    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 {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width: 1119px) {
    .result__navpad-place {
        height: auto
    }
}

.result__navpad-place .result__whitelabel {
    display: none
}

.result__button {
    border: 1px solid transparent
}

.result__button .icon:first-child:not(:last-child) {
    margin-right: 4px
}

.result__btn-text {
    overflow: hidden;
    text-overflow: ellipsis
}

.result__btn-price {
    margin-left: 1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    opacity: .5;
    margin-top: 3px
}

@media (max-width: 767px) {
    .result__btn-price {
        display: none
    }
}

.result__back-button {
    margin-right: .5rem;
    width: 53px;
    height: 53px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    padding: 0;
    color: rgba(0, 0, 0, .4) !important;
    border: 1px solid rgba(0, 0, 0, .1) !important;
    background-color: transparent !important;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
}

.result__back-button[disabled] {
    color: rgba(0, 0, 0, .2) !important;
    opacity: 1
}

.result__back-button[disabled]:focus, .result__back-button[disabled]:hover {
    color: rgba(0, 0, 0, .2) !important
}

.result__back-button:focus, .result__back-button:hover {
    color: rgba(0, 0, 0, .5) !important
}

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

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

.result__retry {
    background: var(--color-bg-7, #f5f5f5);
    border-radius: 50px;
    font-size: 14px !important;
    padding: 5px 18px;
    min-height: 0;
    color: #777b95;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: auto;
    margin-left: auto;
    opacity: .8;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer
}

@media (min-width: 1119px) {
    .result__retry {
        margin-bottom: 10px;
        color: var(--color-bg-6, #777b95)
    }
}

.result__retry .icon {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    margin-right: 5px !important
}

.result__retry:focus, .result__retry:hover {
    opacity: 1
}

.result__retry:focus .icon, .result__retry:hover .icon {
    -webkit-transform: rotate(0deg) scale(1.1);
    transform: rotate(0deg) scale(1.1)
}

.result__correct {
    text-align: left;
    color: var(--color-bg-6, #777b95);
    white-space: nowrap;
    text-overlow: ellipsis;
    margin-bottom: 20px
}

.result__correct-amount {
    font-size: 14px;
    color: var(--color, #d13980);
    margin-right: 7px;
    display: inline-block
}

.result__correct-amount em {
    color: var(--color-bg-6, #777b95);
    font-style: normal
}

.result__correct .icon {
    vertical-align: middle;
    margin: 0 7px 1px 0
}

.result__correct .icon svg path {
    fill: var(--color, #d13980)
}

.result_has_scroll .result__navpad {
    position: fixed
}

.result_has_scroll .result__content {
    padding-bottom: 30px
}

@media (min-width: 1201px) {
    .result {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: calc(100vh - 120px)
    }

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

    .result::-webkit-scrollbar-track {
        border-left: 8px solid transparent;
        -webkit-box-shadow: inset 0 0 10px 10px var(--color-bg-2, #eae9f1);
        box-shadow: inset 0 0 10px 10px var(--color-bg-2, #eae9f1)
    }

    .result::-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)
    }

    .result_has_scroll .result__content {
        padding-bottom: 40px
    }

    .result__container {
        padding: 0;
        margin: 20px 0 50px 0
    }

    .result__bonuses {
        width: 100%;
        margin-bottom: 15px
    }
}

@media (max-width: 1200px) {
    .result .result__navpad {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0
    }
}

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

    .result .result__content {
        padding: 5px 1rem 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .result .result__content_has_cost {
        padding-top: 0
    }

    .result .result__bonuses {
        width: 100%
    }

    .result .result__image {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-height: 250px;
        border-radius: 0
    }

    .result .result__navpad-place {
        padding-bottom: 88px
    }

    .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 (max-width: 767px) and (max-width: 818px) {
    .result_has_image .result__cost {
        padding: 0 1rem
    }
}

.dark-tone .result__navpad {
    -webkit-box-shadow: 0 0 15px 0 hsla(0, 0%, 100%, .08);
    box-shadow: 0 0 15px 0 hsla(0, 0%, 100%, .08)
}

.dark-tone .result__back-button {
    color: hsla(0, 0%, 100%, .6) !important;
    border: 1px solid hsla(0, 0%, 100%, .1) !important;
    background-color: transparent !important;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
}

.dark-tone .result__back-button[disabled] {
    color: hsla(0, 0%, 100%, .3) !important;
    opacity: 1
}

.dark-tone .result__back-button[disabled]:focus, .dark-tone .result__back-button[disabled]:hover {
    color: hsla(0, 0%, 100%, .3) !important
}

.dark-tone .result__back-button:focus, .dark-tone .result__back-button:hover {
    color: hsla(0, 0%, 100%, .7) !important
}

.quiz-container_rtl .result__bonuses-title, .quiz-container_rtl .result__correct, .quiz-container_rtl .result__text, .quiz-container_rtl .result__title {
    text-align: right
}

.quiz-container_rtl .result__back-button {
    margin-left: .5rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.quiz-container_rtl .result__retry .icon {
    margin-left: .5rem !important;
    margin-right: 0 !important
}

.quiz-container_rtl .result__button .icon:first-child:not(:last-child) {
    margin-right: 0;
    margin-left: 4px
}

.preview-result {
    width: 100%
}

.preview-result_large {
    height: 190px;
    background-color: var(--color-bg-quiz, #fff)
}

.preview-result__bg, .preview-result__content, .preview-result__video-bg {
    position: absolute;
    top: 0;
    left: 0
}

.preview-result__bg {
    width: 100%;
    height: 100%;
    background: var(--color-bg-quiz, #fff) no-repeat 50%/cover
}

.preview-result__video-bg {
    height: 100%;
    width: 100%;
    padding-top: 0
}

.preview-result__video-bg iframe, .preview-result__video-bg video {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 100vw;
    height: 81.25vw;
    min-height: 121vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none
}

.preview-result__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    padding: 17px
}

.preview-result__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    text-align: left;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px
}

.preview-widget > * {
    border-radius: 10px
}

.preview-widget:hover {
    cursor: pointer
}

.preview-widget_open .preview-widget__close {
    height: 20px;
    width: 20px;
    border-radius: 100%;
    position: fixed;
    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;
    top: 7px;
    right: 6px;
    cursor: pointer;
    z-index: 1001;
    background-color: rgba(0, 0, 0, .2)
}

.preview-widget_open .preview-widget__close:before {
    content: "\2715";
    font-size: 13px;
    line-height: 13px;
    color: hsla(0, 0%, 100%, .7)
}

.preview-widget_open.preview-widget_mobile .preview-widget__close {
    width: 30px;
    height: 3px;
    border-radius: 3px;
    left: calc(50% - 15px);
    right: auto
}

.preview-widget_open.preview-widget_mobile .preview-widget__close:before {
    content: none
}

.preview-widget_open.preview-widget_fixed .preview-widget__question {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000
}

.disable-overscroll {
    overflow: hidden;
    width: 100%;
    position: fixed
}

.dark-tone .preview-widget__close {
    background-color: hsla(0, 0%, 100%, .2)
}

.dark-tone .preview-widget__close:before {
    color: hsla(0, 0%, 100%, .4)
}

.vk-settings {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 2
}

.vk-settings__edit {
    background: var(--color-bg-6, #fff);
    opacity: .5;
    width: 2rem;
    height: 1rem
}

.vk-settings__edit:hover {
    opacity: 1
}

.vk-settings__edit-card {
    background: var(--color-bg-quiz, #fff);
    color: var(--color-bg-text, #4a4a4a)
}

.vk-settings__edit-card .button.is-danger {
    background-color: var(--color);
    color: var(--color-primary-text-button)
}

.vk-settings__edit-card .button.is-text {
    color: var(--color-bg-text, #4a4a4a)
}

.vk-settings__edit-card .button.is-text:hover {
    background-color: var(--color-bg-2, #f5f5f5)
}

.app__start {
    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;
    background: var(--color-bg-quiz, #fff)
}

@media (max-width: 767px) {
    .app__start {
        height: 100%
    }
}

.app__not-found {
    height: 100%;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--color-bg-quiz, #fff);
    color: var(--color-bg-text)
}

.app__emoji {
    font-size: 35px
}

.app__loading-error {
    height: 100%;
    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__retry-btn {
    background: var(--color);
    border-radius: 45px !important
}

.app__retry-btn, .app__retry-btn:hover {
    color: var(--color-primary-text-button)
}

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

.app_widget-open {
    background: var(--color-bg-quiz, #fff)
}

.app_widget-open .app__start {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.5em
}

h3 {
    font-size: 1.17em
}

.layout {
    background: var(--color-bg-10, #f8f8f8);
    position: relative;
    z-index: 1
}

@media (max-width: 767px) {
    .layout {
        background: none
    }
}

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

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

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes flash {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes button__preloader {
    0% {
        width: 0;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    to {
        width: 0;
        left: 100%
    }
}

@keyframes button__preloader {
    0% {
        width: 0;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    to {
        width: 0;
        left: 100%
    }
}

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

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

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

.agreement {
    padding: 50px;
    max-width: 1024px;
    margin: 0 auto
}

@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: 20px;
    white-space: normal;
    min-height: 50px;
    overflow: hidden;
    background: #ca2f94 !important;
    color: #fff;
    position: fixed;
    bottom: 2rem;
    left: 50%;
    margin-left: -80px
}

.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%
    }
}

.agreement__doc-frame {
    width: 100%;
    height: 60vh;
    background: #fff
}

.agreement__links {
    text-align: left
}

.whitelabel__container[data-v-376a8bec] {
    display: none !important;
}