body,
#app {
    font-family: "Roboto", sans-serif;
}



.footer {
    bottom: 0;
    left: 0;
    text-align: center;
    position: absolute;
    z-index: 9998;
    width: 100%;
    background: #fff;
}


#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

@media (max-width: 700px) {
    #myVideo {
        position: relative;
        display: block;
        min-width: auto;
        min-height: auto;
    }
}

@media (max-width: 818px) {
    .final-page_horizontal {
        display: block;
        padding: 30px 25px;
    }
}


.footer__links li a {
    font-size: 14px !important;
}

.cookie {
    font-family: system-ui;
    position: fixed; /* Changed to fixed to keep it above all windows */
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px;
}

.cookie a {
    color: #a34cf0 !important;
    cursor: pointer;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cookie p {
    display: inline;
    font-size: 9px;
}

.cookie p,
button {
    color: #fff;
}

.cookie button {
    cursor: pointer;
    padding: 5px 10px;
    border: 0 !important;
    border-radius: 5px !important;
    background: #a34cf0;
}

.modal {
    position: absolute;
    z-index: 10000;
    /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

#result_text {
    text-align: center;
    font-weight: 600 !important;
    color: #2e2e2e !important;
    font-size: 20px;
}

#result_logo {
    padding-top: 70px;
    text-align: center;
}

#result_logo img {
    width: 50px;
}

.img_part {
    width: 30%;
}

#result_bar {
    padding-top: 70px;
    padding-left: 112px;
    padding-right: 112px;
}

#result_bar_out {
    border: 1px solid #8080804a;
    box-shadow: 2px 3px 4px #b3b3b3;
    position: relative;
}

#result_bar_in {
    background: #c1c1c18a;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.result_val p {
    color: #2e2e2e;
    position: relative;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.modal.is-visible {
    visibility: visible;
}

.modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsl(0deg 0% 0% / 39%);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.modal-wrapper {
    position: absolute;
    z-index: 9999;
    margin-top: -25vh;
    top: 50vh;
    left: 50%;
    width: 60vw;
    margin-left: -30vw;
    height: 50vh;
    background-color: #ffffff;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}

.modal-transition {
    transition: all 0.3s 0.12s;
    transform: translateY(-10%);
    opacity: 0;
}

.modal.is-visible .modal-transition {
    transform: translateY(0);
    opacity: 1;
}

.modal-header,
.modal-content {
    padding: 1em;
}

.modal-header {
    position: relative;
}

.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px;
    color: white;
    background: none;
    border: 0;
    font-weight: 700;
    font-size: 26px;
    cursor: pointer;
}

.modal-heading {
    font-size: 1.125em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modal-content > *:first-child {
    margin-top: 0;
}

.modal-content > *:last-child {
    margin-bottom: 0;
}

.form_message.error.inactive {
    display: none;
}

.form_message.error.active {
    display: block;
    color: #0a0a0a;
}

@media (max-width: 767px) {
    .modal-wrapper {
        height: 100vh;
        top: 0;
        left: 50%;
        width: 100vw;
        margin-left: -50vw;
        margin-top: 0;
    }

    .img_part {
        width: 100%;
    }

    #result_bar {
        padding: 0;
        padding-top: 80px;
    }

    .modal-header,
    .modal-content {
        padding-top: 40px;
    }

    body.open-modal {
        overflow: hidden;
    }
}

.modal-close,
.modal-close {
    background-color: rgb(181 181 181);
    top: 10px;
    right: 10px;
}

.modal-card,
.modal-content {
    margin: 0;
}

@media (max-width: 767px) {
    .modal-header,
    .modal-content {
        padding-top: 20%;
    }
}

.footer_aller {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 !important;
    z-index: 1000;
    font-weight: 400;
    background: none;
}

@media (max-width: 768px) {
    .footer_aller {
        text-align: center;
        display: block;
        position: relative;
    }
}

.iti {
    color: #000;
}

.test-step {
    display: none;
}

.test-step.active {
    display: block;
}

.app__start-page.test-step.active {
    display: flex;
}


.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, 0.54);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tooltip[aria-hidden="false"] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.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.is-empty select {
    color: var(--color-bg-5, hsla(0, 0%, 47.8%, 0.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;
    --color-danger: #d10a34;
    --color-success: #52bc77;
    --color-danger-light: rgba(209, 10, 52, 0.05);
    --color-success-light: rgba(59, 173, 75, 0.05);
}

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

#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, 0.3));
}

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

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

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

#app input::placeholder,
#app textarea::placeholder {
    color: var(--color-bg-6, rgba(54, 54, 54, 0.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.65em;
}

#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);
}

.dark strong {
    color: #fff;
}

.custom strong {
    color: var(--color-bg-text);
}

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

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

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

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

.button_color_theme {
    -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 0.2s ease-in;
    transition: -webkit-box-shadow 0.2s ease-in;
    transition: box-shadow 0.2s ease-in;
    transition: box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
}

.button_color_theme,
.button_color_theme:focus,
.button_color_theme:hover {
    color: var(--color-primary-text-button);
    background-color: var(--color) !important;
}

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

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

.button.is-primary,
.button.is-primary:focus,
.button.is-primary:hover {
    background: var(--color);
    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 0.2s ease-in;
    transition: all 0.2s ease-in;
}

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

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

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

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

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

.p-0 {
    padding: 0 !important;
}

.button_rounded {
    border-radius: 36px;
}

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

.b-radio.radio input[type="radio"] + .check {
    border: none;
    background-color: 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:focus input[type="radio"] + .check {
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

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

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

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

@-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: 0.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: 0.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);
    }
}

p {
    margin-bottom: 0.5rem;
}

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

body,
button,
select {
    font-family: var(--font);
}

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

.button {
    -webkit-tap-highlight-color: transparent;
}

.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%, 0.1)),
            color-stop(20%, hsla(0, 0%, 100%, 0.2)),
            to(hsla(0, 0%, 100%, 0.6))
    );
    background: linear-gradient(
            90deg,
            hsla(0, 0%, 100%, 0.1) 10%,
            hsla(0, 0%, 100%, 0.2) 20%,
            hsla(0, 0%, 100%, 0.6)
    );
    width: 20px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    left: -20%;
    -webkit-transition: all 0.6s ease;
    transition: all 0.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 0.2s ease-in-out;
    transition: all 0.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-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;
}

.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, 0.2));
    box-shadow: 0 0 5px 0 var(--color-bg-alpha2, rgba(0, 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 0.6s infinite;
    animation: dots 0.6s infinite;
}

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

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

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

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

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

.layout {
    height: 100%;
}

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

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

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

.assistant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0.9rem;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    padding: 23px 19.6px;
    margin-bottom: auto;
    height: 100%;
    max-height: 380px;
    min-height: 0;
}

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

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

.assistant hr {
    margin: auto;
}

.assistant__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: left;
    margin-left: 0.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 0.1s ease-in-out;
    transition: all 0.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, 0.16));
    box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.16));
}

.assistant__block {
    position: relative;
    padding-top: calc(0.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));
    font-style: var(--additional-font-style, normal);
}

.assistant__text ol,
.assistant__text ul {
    padding-left: 15px;
}

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

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

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

.assistant__text-arrow:after,
.assistant__text-arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-style: solid;
    border-color: transparent;
    border-width: 0.6rem 0.6rem 0.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, 0.05);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: height 0.3s linear;
    transition: height 0.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;
    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.has-hint .assistant__text {
    background-color: #fffaeb;
    border: 1px solid #eadba7;
}

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

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

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

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

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

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

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

.assistant .animation-comment-enter-active,
.assistant .animation-comment-leave-active {
    -webkit-transition: var(--quiz-transition);
    transition: var(--quiz-transition);
}

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

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

.assistant .animation-hint-enter-active,
.assistant .animation-hint-leave-active {
    -webkit-transition: var(--quiz-transition);
    transition: var(--quiz-transition);
}

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

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

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

.slide-fade-enter-active,
.slide-fade-leave-active {
    -webkit-transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
}

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

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

.slide-fade-leave-to {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
}

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

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

.assistant-mobile hr {
    margin: auto;
}

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

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

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

.assistant-mobile__text {
    overflow-x: hidden;
}

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

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

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

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

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

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

.assistant-mobile__text-container::-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-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-html h1,
.assistant-mobile__text-html h2,
.assistant-mobile__text-html h3,
.assistant-mobile__text-html h4,
.assistant-mobile__text-html h5,
.assistant-mobile__text-html h6 {
    font-weight: 900;
    line-height: 1.2;
}

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

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

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

@-webkit-keyframes arrow-pulse {
    0% {
        opacity: 0.7;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0.7;
    }
}

@keyframes arrow-pulse {
    0% {
        opacity: 0.7;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0.7;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.custom .assistant-mobile.has-more .assistant-mobile__text:after,
.dark .assistant-mobile.has-more .assistant-mobile__text:after {
    background-image: none;
}

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

.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 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.image-with-loader_loading {
    background-image: url(https://aftermark.guru//lp/f290096df0/assets/images/spin-loader-a211b89a_9589_20.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, 0.1);
    box-shadow: 1.9px 6.7px 7px 0 rgba(0, 0, 0, 0.1);
}

.bonus__layer {
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(rgba(0, 0, 0, 0.1)),
            to(rgba(0, 0, 0, 0.55))
    );
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 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, 0.1));
    box-shadow: 0 4px 10px 0 var(--color-bg-alpha2, rgba(0, 0, 0, 0.1));
}

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

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

.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, 0.2);
}

.bonus_locked {
    cursor: not-allowed;
}

.bonus_unlocked {
    cursor: pointer;
}

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

.bonus_type_custom.bonus_unlocked .bonus__layer {
    opacity: 0;
}

.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, 0.1);
    box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, 0.1);
}

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

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

.bonus_type_emoji .bonus__unlock {
    z-index: 1;
}

.bonus_type_emoji .bonus__unlock svg {
    height: 44px;
    left: 15%;
}

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

.bonus_type_emoji.bonus_unlocked .bonus__layer {
    background: #fff;
    opacity: 1;
}

@media (max-width: 1118px) {
    .bonus_unexpanded.bonus.bonus_type_custom .bonus__wrapper {
        background-size: cover;
    }

    .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__locked {
    cursor: pointer;
}

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

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

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

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

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

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

.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: 100% auto;
    background-position: 0 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: 60%;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.bonuses_direction_row .bonuses__bonus {
    width: 195px;
}

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

.answer_long {
    line-height: 1.3;
}

.answer__title {
    word-break: break-word;
}

.answer_long .answer__title {
    font-weight: 900;
    margin-bottom: 0.375rem;
}

.answer_long .answer__title + .answer__text {
    color: var(--color-bg-6, var(--grey-blue));
}

.other-input {
    height: 100%;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.other-input label input {
    display: none !important;
}

.other-input .field {
    width: 100%;
}

.other-input .control {
    height: 100%;
    width: 100%;
}

.other-input .control input,
.other-input .control textarea {
    width: 100%;
    border: none !important;
    background: var(--color-bg-2, #f7f7f7);
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    max-height: 100% !important;
}

.other-input .control textarea {
    min-height: 100% !important;
    resize: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.other-input .counter {
    position: absolute;
    bottom: 0;
    right: 5px;
    opacity: 0.5;
    color: #999;
    font-size: 10px;
}

.answer_verifying-end {
    pointer-events: none;
}

.answer_verifying-correct {
    --color-alpha: var(--color-success);
    --color: var(--color-success);
    background-color: var(--color-success-light);
}

.answer_verifying-correct.b-checkbox.checkbox,
.answer_verifying-correct .b-checkbox.checkbox,
.answer_verifying-correct.b-radio.radio,
.answer_verifying-correct .b-radio.radio {
    overflow: hidden;
}

.answer_verifying-correct.b-checkbox.checkbox:after,
.answer_verifying-correct .b-checkbox.checkbox:after,
.answer_verifying-correct.b-radio.radio:after,
.answer_verifying-correct .b-radio.radio:after {
    content: "";
    height: 120px;
    width: 120px;
    border-radius: 50%;
    display: block;
    opacity: 0;
    position: absolute;
    top: -34px;
    left: -34px;
    background-color: var(--color);
    will-change: transition;
    -webkit-animation: flash 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    animation: flash 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.answer_verifying-correct.b-radio.radio input[type="radio"] + .check,
.answer_verifying-correct .b-radio.radio input[type="radio"] + .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);
    display: block !important;
}

.answer_verifying-correct.b-radio.radio input[type="radio"] + .check:before,
.answer_verifying-correct .b-radio.radio input[type="radio"] + .check:before {
    background: var(--color);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.answer_verifying-correct.b-checkbox.checkbox input[type="checkbox"] + .check,
.answer_verifying-correct .b-checkbox.checkbox input[type="checkbox"] + .check {
    background: url(https://aftermark.guru//lp/f290096df0/assets/images/mark-e3f2a312_3d0b_21.svg) no-repeat 50%/0.9rem !important;
    background-color: var(--color) !important;
    -webkit-transition: none !important;
    transition: none !important;
}

.answer_verifying-correct.b-checkbox.checkbox:after,
.answer_verifying-correct .b-checkbox.checkbox:after {
    top: -37px;
}

.answer_verifying-correct .answer-image,
.answer_verifying-correct.answer-one-image__variant-text,
.answer_verifying-correct.answer-variants__variant-text {
    border: solid 1px var(--color) !important;
}

.answer_verifying-correct.answer-one-image__variant-text.b-radio.radio:after,
.answer_verifying-correct.answer-one-image__variant-text .b-radio.radio:after {
    top: -37px;
}

.answer_verifying-correct.answer-images__answer-container.b-checkbox.checkbox:after,
.answer_verifying-correct.answer-images__answer-container
.b-checkbox.checkbox:after,
.answer_verifying-correct.answer-images__answer-container.b-radio.radio:after,
.answer_verifying-correct.answer-images__answer-container .b-radio.radio:after {
    left: auto;
    top: -27px;
    right: -27px;
}

.answer_verifying-correct.answer-images__answer-container
.b-radio.radio
input[type="radio"]
+ .check:before {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.answer_verifying-correct.answer-images__answer-container
.b-checkbox.checkbox
input[type="checkbox"]
+ .check {
    display: block !important;
    background: url(https://aftermark.guru//lp/f290096df0/assets/images/mark-e3f2a312_3d0b_21.svg) no-repeat 50%/21px !important;
    background-color: var(--color) !important;
}

.answer_verifying-correct.answer-emoji__item-wrapper.b-checkbox.checkbox:after,
.answer_verifying-correct.answer-emoji__item-wrapper .b-checkbox.checkbox:after,
.answer_verifying-correct.answer-emoji__item-wrapper.b-radio.radio:after,
.answer_verifying-correct.answer-emoji__item-wrapper .b-radio.radio:after {
    left: auto;
    top: -43px;
    right: -43px;
}

.answer_verifying-correct.answer-emoji__item-wrapper.b-checkbox.checkbox,
.answer_verifying-correct.answer-emoji__item-wrapper.b-radio.radio {
    border: solid 1px var(--color);
}

.answer_verifying-correct.answer-emoji__item-wrapper.b-checkbox.checkbox
input[type="checkbox"]
+ .check {
    display: block !important;
    background: url(https://aftermark.guru//lp/f290096df0/assets/images/mark-e3f2a312_3d0b_21.svg) no-repeat 50%/0.9rem !important;
    background-color: var(--color) !important;
}

.answer_verifying-wrong {
    --color-alpha: var(--color-danger);
    --color: var(--color-danger);
    pointer-events: none;
    background-color: var(--color-danger-light);
}

.answer_verifying-wrong.b-checkbox.checkbox
input[type="checkbox"]:checked
+ .check,
.answer_verifying-wrong
.b-checkbox.checkbox
input[type="checkbox"]:checked
+ .check {
    -webkit-animation: swing 0.6s ease-out forwards;
    animation: swing 0.6s ease-out forwards;
    background-image: url(https://aftermark.guru//lp/f290096df0/assets/images/close-831d21da_c1e8_22.svg);
    background-size: 0.6rem !important;
    background-position: 48%;
    -webkit-transition: none !important;
    transition: none !important;
}

.answer_verifying-wrong.b-radio.radio input[type="radio"]:checked + .check,
.answer_verifying-wrong .b-radio.radio input[type="radio"]:checked + .check {
    -webkit-animation: headShake 0.6s ease-out forwards;
    animation: headShake 0.6s ease-out forwards;
}

.answer_verifying-wrong.answer-emoji__item-wrapper.b-checkbox.checkbox,
.answer_verifying-wrong.answer-emoji__item-wrapper.b-radio.radio {
    border: solid 1px var(--color-alpha);
}

.answer_verifying-wrong.answer-emoji__item-wrapper.b-checkbox.checkbox
input[type="checkbox"]:checked
+ .check {
    -webkit-animation: headShake 0.6s ease-out forwards;
    animation: headShake 0.6s ease-out forwards;
}

.answer_verifying-wrong.answer-images__answer-container
.b-checkbox.checkbox
input[type="checkbox"]:checked
+ .check {
    -webkit-animation: headShake 0.6s ease-out forwards;
    animation: headShake 0.6s ease-out forwards;
    background-size: 16px !important;
}

.answer_verifying-wrong.answer-one-image__variant-text_selected {
    border-color: var(--color-danger);
}

.answer-select .select select option.answer_verifying-correct,
.answer-select .select select option.answer_verifying-wrong {
    position: relative;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.answer-select .select select option.answer_verifying-correct:after,
.answer-select .select select option.answer_verifying-wrong:after {
    position: absolute;
    right: 2%;
    top: 20%;
    bottom: 0;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(https://aftermark.guru//lp/f290096df0/assets/images/mark-e3f2a312_3d0b_21.svg) no-repeat 50%/1.3rem;
    background-color: var(--color-success);
    border-radius: 50%;
}

.answer-select .select select option.answer_verifying-wrong:after {
    background-color: var(--color-danger);
    -webkit-animation: headShake 0.6s ease-out forwards;
    animation: headShake 0.6s ease-out forwards;
}

.answer-select .select select option.answer_verifying-correct:after {
    -webkit-animation: zoomIn 0.1s ease-in-out forwards;
    animation: zoomIn 0.1s ease-in-out forwards;
}

.answer-select__verifying-correct .select.is-multiple select {
    border: 1px solid var(--color-success);
}

@media (max-width: 767px) {
    .answer-select__verifying-correct .select select option {
        color: var(--color-success) !important;
    }
}

.answer-select__verifying-correct .select:not(.is-multiple):not(:active) {
    --color-bg-text: var(--color-success);
    --color-bg-2: var(--color-success);
    --color-lighten: var(--color-success);
    --color: var(--color-success);
}

.answer-select__verifying-correct .select select:hover {
    border: 1px solid var(--color-success) !important;
}

.answer-select__verifying-wrong {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.answer-select__verifying-wrong .select.is-multiple select {
    border: 1px solid var(--color-danger);
}

.answer-select__verifying-wrong .select:not(.is-multiple) {
    --color-bg-text: var(--color-danger);
    --color-bg-2: var(--color-danger);
    --color-lighten: var(--color-danger);
    --color: var(--color-danger);
}

.answer-select__verifying-wrong .select select:hover {
    border: 1px solid var(--color-danger) !important;
}

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

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

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

.answer-variants__other input {
    border: none !important;
    background: var(--color-bg-2, #f7f7f7);
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

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

.answer-variants__group {
    width: 100%;
    margin-right: 1rem;
}

.answer-variants__group::-webkit-scrollbar {
    width: 10px;
}

.answer-variants__group::-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);
}

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

@media (max-width: 767px) {
    .answer-variants_has_image .answer-variants__group {
        margin: 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.answer-variants__answerContainer {
    text-align: left;
}

.answer-variants__variant-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 49%;
    flex: 0 1 49%;
    margin-bottom: 1rem;
    border-radius: 5px;
    border: solid 1px var(--color-bg-2, rgba(217, 216, 230, 0.55));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    will-change: box-shadow;
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    transition: -webkit-box-shadow 0.15s ease-out;
    transition: box-shadow 0.15s ease-out;
    transition: box-shadow 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
}

.answer-variants_has_image .answer-variants__variant-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.answer-variants_long .answer-variants__variant-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.answer-variants__variant-text:focus,
.answer-variants__variant-text:hover {
    -webkit-box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.1));
    box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.1));
}

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

.answer-variants__variant-text .control-label {
    padding-left: 1rem !important;
}

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

.answer-variants__variant-text_selected {
    -webkit-box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.1));
    box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.1));
    border: solid 1px var(--color-alpha);
}

.answer-variants__gradient {
    display: none;
}

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

.answer-variants_long .check {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.answer-variants_has_image {
    display: flex;
    align-items: flex-start;
}

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

.answer-variants__image {
    width: 60%;
}

@media (max-width: 767px) {
    .answer-variants_has_image .answer-variants__image {
        margin: 0;
        margin-bottom: 1rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
    }
}

.answer-variants__image-img {
    border-radius: 4px;
}

.answer-variants__dummy-loading {
    width: 100%;
    height: 275px;
    background: var(--color-bg-1, #f6f5f6);
    position: relative;
    padding: 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.answer-variants__dummy-loading:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url(https://aftermark.guru//lp/f290096df0/assets/images/image-loader-3e3a718_3cd2_23.svg) no-repeat 58% 48%;
    background-size: 75px auto;
}

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

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

@media (max-width: 767px) {
    .answer-one-image__group {
        overflow-y: visible;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

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

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

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

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

.answer-one-image__image img {
    border-radius: 4px;
    max-width: 380px;
    max-height: 307px;
}

@media (max-width: 767px) {
    .answer-one-image__image {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    .answer-one-image__image img {
        width: 100%;
    }
}

.answer-one-image__dummy {
    color: var(--color-bg-alpha7, #4a4a4a);
}

.answer-one-image__dummy,
.answer-one-image__dummy-loading {
    width: 100%;
    height: 275px;
    background: var(--color-bg-1, #f6f5f6);
    padding: 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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

.answer-one-image__dummy-loading:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url(https://aftermark.guru//lp/f290096df0/assets/images/image-loader-3e3a718_3cd2_23.svg) no-repeat 58% 48%;
    background-size: 75px auto;
}

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

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

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

.answer-one-image__other input {
    border: none !important;
    background: var(--color-bg-1, #f7f7f7);
    height: 48px !important;
}

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

.answer-one-image__variant-text {
    margin-bottom: 1rem;
    border-radius: 5px;
    border: solid 1px var(--color-bg-2, rgba(217, 216, 230, 0.55));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.answer-one-image__variant-text:last-child {
    margin-bottom: 0;
}

.answer-one-image__variant-text .control-label {
    padding-left: 1rem !important;
}

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

.answer-one-image__variant-text_selected {
    -webkit-box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.1));
    box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.1));
}

.answer-one-image__gradient {
    display: none;
}

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

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

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

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

.dark .answer-one-image__variant-text_selected,
.light .answer-one-image__variant-text_selected {
    border: solid 1px var(--color-alpha);
}

.answer-select__field:hover + .answer-select__hint {
    opacity: 1;
}

.answer-select__hint {
    text-align: left;
    font-size: 14px;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--grey-blue);
}

@media (max-width: 1118px) {
    .answer-select__hint {
        display: none;
    }
}

.answer-select__hint-key {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: var(--color);
    font-weight: 800;
    text-transform: uppercase;
    background-color: var(--white-two);
    border-radius: 4px;
    padding: 3px 5px;
}

.answer-select__hint_mac span {
    padding-left: 24px !important;
    background-image: url(https://aftermark.guru//lp/f290096df0/assets/images/cmd-key-1c87121c_e743_24.svg);
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 14px;
}

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

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

.answer-select .select.is-multiple select {
    padding: 5px 10px;
}

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

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

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

.answer-slider input {
    background: none !important;
}

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

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

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

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

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

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

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

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

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

.answer-slider__limit {
    font-size: 0.75em;
    color: var(--color-bg-alpha7, #b1b5be);
}

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

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

.answer-file {
    position: relative;
}

.answer-file .tags {
    margin: 0 !important;
}

.answer-file__header {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    color: var(--color-bg-alpha7, #494949);
}

.answer-file__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.31;
    color: var(--color-bg-6, #69748c);
    margin-top: 0.5rem;
}

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

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

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

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

.answer-file .upload {
    width: 100%;
}

.answer-file .upload-draggable {
    width: 100%;
    border: dashed 1px var(--color-bg-3, #d2d4d8);
}

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

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

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

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

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

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

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

.extend-input__input {
    width: 135px;
    font-size: 18px;
    text-align: center;
    -webkit-transition: border 0.5s ease;
    transition: border 0.5s ease;
    border: solid 1px var(--color-bg-2, var(--light-blue-grey)) !important;
    color: var(--color-bg-alpha7, #4a4a4a);
    border-radius: 0 4px 4px 0 !important;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.extend-input__input input {
    cursor: text;
    background: var(--color-bg-quiz, #fff) !important;
}

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

.extend-input__input input::-webkit-input-placeholder {
    color: red;
}

.extend-input__input input::-moz-placeholder {
    color: red;
}

.extend-input__input input:-ms-input-placeholder {
    color: red;
}

.extend-input__input input::-ms-input-placeholder {
    color: red;
}

.extend-input__input input::placeholder {
    color: red;
}

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

.quiz__questions .datepicker-header {
    border-bottom-color: var(--color-bg-3, #dbdbdb);
}

.quiz__questions .datepicker-header .pagination select {
    background: none !important;
}

.quiz__questions .datepicker .dropdown input {
    background: var(--color-bg-quiz, #fff) !important;
}

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

.date-question .dropdown-content {
    background-color: var(--color-bg-quiz, #fff) !important;
}

.date-question__placeholder {
    color: var(--color-bg-alpha7, rgba(54, 54, 54, 0.3));
}

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

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

.date-question__button {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: none;
    color: var(--color-bg-6, var(--grey-blue));
    border: 0;
    background: var(--color-bg-7, var(--white-two));
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.date-question__button span {
    line-height: 1;
}

.date-question__button:focus {
    outline: none;
}

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

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

.date-question__button_apply {
    color: var(--color);
    background-color: var(--color-alpha2);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.date-question__button_apply-filled {
    color: var(--color-primary-text-button);
    background-color: var(--color);
}

.date-question__button_apply[disabled] {
    pointer-events: none;
    opacity: 0.5;
}

.date-question__button_width_100 {
    width: 100%;
}

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

    .date-question__hyphen {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

.date-picker_hidden {
    width: 0;
}

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

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

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

.date-picker input {
    border: 0 !important;
    text-align: center;
}

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

.date-picker .dropdown .datepicker-table:focus,
.date-picker .dropdown .dropdown-content:focus,
.date-picker .dropdown .dropdown-item:focus,
.date-picker .dropdown .dropdown-menu:focus,
.date-picker .dropdown:focus {
    outline: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.date-picker
.datepicker-header
.pagination
.pagination-list
.field
.select
select {
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    background: var(--color-bg-quiz, #fff) !important;
    color: var(--color-bg-text, #363636) !important;
}

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

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

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

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

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

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

.date-picker
.datepicker-table
.datepicker-body
.datepicker-row
.datepicker-cell {
    cursor: pointer;
    width: 43px;
    height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    margin: 3.5px;
    border: solid 1px var(--color-bg-3, var(--light-blue-grey));
    font-size: 16px;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--color-bg-text, #4a4a4a);
}

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

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

.date-picker
.datepicker-table
.datepicker-body
.datepicker-row
.datepicker-cell.is-unselectable {
    border: 0;
    color: var(--color-bg-4, #e8e8e8);
    cursor: default;
}

.date-picker
.datepicker-table
.datepicker-body
.datepicker-row
.datepicker-cell.is-unselectable.is-within {
    border: solid 1px var(--color-bg-2);
    background-color: var(--color-alpha2);
    color: var(--color-bg-6);
}

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

.date-picker
.datepicker-table
.datepicker-body
.datepicker-row
.datepicker-cell.is-selectable:hover:not(.is-selected):not(.is-within) {
    background-color: var(--color-bg-1, #f5f5f5);
    color: var(--color-bg-text, #0a0a0a);
}

.date-picker
.datepicker-table
.datepicker-body
.datepicker-row
.datepicker-cell.is-selectable:focus:not(.is-selected) {
    background-color: var(--color-bg-1, var(--color));
    color: var(--color-bg-text, var(--color-text));
}

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

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

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

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

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

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

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

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

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

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

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

.time-picker .is-active .dropdown-menu .dropdown-content {
    padding: 0 !important;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: solid 1px var(--color-bg-4, #d1d1d1);
}

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

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

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

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

.time-picker .field .control:not(.is-colon) .select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

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

@media (max-width: 819px) {
    .time-picker .field .control:not(.is-colon) .select select {
        width: auto;
        border-right: 6vw solid transparent;
        border-left: 6vw solid transparent;
    }
}

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

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

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

.time-picker .field .is-colon {
    color: var(--color-bg-text, #4a4a4a);
}

.dark .date-question__button_apply {
    background: none;
    border: 1px solid var(--color-bg-9);
    color: var(--color-bg-6);
}

.dark .date-question__button_apply-filled,
.dark .date-question__button_apply:hover {
    background: var(--color-bg-2);
    color: var(--color-bg-text);
}

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

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

.youtube-player__poster {
    background: 50% / cover no-repeat;
}

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

.vimeo-player__poster {
    background: 50% / cover no-repeat;
}

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

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

.video-bg {
    overflow: hidden;
}

.video-bg,
.video-bg__player,
.video-bg__stub {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-bg__stub {
    right: 0;
    background-color: var(--color-bg-1, #d2d4d8);
    background-image: url(https://aftermark.guru//lp/f290096df0/assets/images/video-off-outline-42_d422_25.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 1;
}

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

.video-bg button.is-visible {
    display: block;
}

.video-bg button:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.video-bg button:focus {
    outline: none;
}

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

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

.video-bg__mute:hover {
    display: block;
}

.video-bg__mute.is-on {
    background-image: url(https://aftermark.guru//lp/f290096df0/assets/images/volume-high-shadow-e_a1f3_26.png);
}

.video-bg__mute.is-off {
    background-image: url(https://aftermark.guru//lp/f290096df0/assets/images/volume-off-shadow-f3_3f96_27.png);
}

.video-bg__replay {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px;
    z-index: 2;
    background: 50% / contain no-repeat;
    background-image: url(https://aftermark.guru//lp/f290096df0/assets/images/replay-shadow-8d612f_35b5_28.png);
    cursor: pointer;
}

.video-bg__loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-bg-1, #d2d4d8) url(https://aftermark.guru//lp/f290096df0/assets/images/loader-4c98b8f7_348c_29.svg) no-repeat calc(50% + 40px) 50%;
    background-size: 160px;
}

.answer-statement {
    text-align: left;
    font-size: 1rem;
    line-height: 22px;
}

.answer-statement__text {
    color: var(--color-bg-text, #69748c);
}

.answer-statement__video {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}

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

.answer-statement__image-dummy-loading {
    background: url(https://aftermark.guru//lp/f290096df0/assets/images/image-loader-3e3a718_3cd2_23.svg) 50% no-repeat;
    width: 100%;
    height: 100px;
    -webkit-filter: drop-shadow(0 0 3px var(--color-bg-quiz, #fff)) invert(0.3);
    filter: drop-shadow(0 0 3px var(--color-bg-quiz, #fff)) invert(0.3);
}

.verifying-result {
    text-align: left;
    font-size: 1rem;
    line-height: 22px;
}

.verifying-result__state {
    padding: 0.8rem 1rem;
    border-radius: 4px;
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(var(--color-bg-1, #f7f7f7)),
            to(var(--color-bg-quiz, hsla(0, 0%, 96.9%, 0)))
    );
    background: linear-gradient(
            90deg,
            var(--color-bg-1, #f7f7f7),
            var(--color-bg-quiz, hsla(0, 0%, 96.9%, 0))
    );
}

.verifying-result_verified .verifying-result__state {
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(rgba(59, 173, 75, 0.2)),
            to(var(--color-bg-quiz, rgba(59, 173, 75, 0) 100%))
    );
    background: linear-gradient(
            90deg,
            rgba(59, 173, 75, 0.2),
            var(--color-bg-quiz, rgba(59, 173, 75, 0) 100%)
    );
}

.verifying-result__explanation,
.verifying-result__phrase {
    color: var(--color-bg-alpha7, #69748c);
}

.verifying-result__phrase {
    font-size: 0.875rem;
    font-weight: 500;
}

.verifying-result_verified .verifying-result__phrase {
    color: #3bad4b;
}

.verifying-result__answer {
    color: var(--color-bg-text, #2e2e54);
    font-weight: 500;
}

.verifying-result__answer .icon {
    vertical-align: bottom;
    margin: 0 0 1px 8px;
}

.verifying-result__answer .icon svg path {
    fill: #3bad4b;
}

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

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

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

.question_images {
    height: auto;
}

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

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

.question_select {
    height: 100%;
}

.arrow {
    width: 14px;
    height: 10px;
    -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 {
    padding: 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 900;
    color: #2e2e54;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(255, 221, 111, 0.36);
    box-shadow: 0 3px 10px 0 rgba(255, 221, 111, 0.36);
    background-color: #ffdd6f;
    border: 1px solid #fdcd32;
}

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

.discount.is-unexpanded .discount__icon {
    margin-top: 5px;
    margin-left: -2px;
}

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

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

.discount__icon {
    width: 18px;
    -webkit-animation-name: slide-right-icon;
    animation-name: slide-right-icon;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
}

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

@-webkit-keyframes slide-right-icon {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-icon {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

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

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

.discount__label-text {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    max-width: 95px;
    z-index: 1;
}

.discount__price {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 900;
    white-space: nowrap;
    max-width: 50%;
    z-index: 2;
}

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

.discount__value {
    position: relative;
    z-index: 2;
}

@media (min-width: 818px) {
    .discount__value {
        background-color: #ffdd6f;
    }

    .discount__value:before {
        position: absolute;
        left: -20px;
        content: "";
        display: block;
        width: 20px;
        height: 24px;
        background: -webkit-gradient(
                linear,
                right top,
                left top,
                from(#fedc77),
                color-stop(50.29%, #fedc77),
                to(rgba(254, 220, 119, 0))
        );
        background: linear-gradient(
                270deg,
                #fedc77,
                #fedc77 50.29%,
                rgba(254, 220, 119, 0)
        );
        z-index: 1;
    }
}

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

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

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

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

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

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

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

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

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

.discount__symbol {
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.discount__symbol svg {
    height: 16px;
    fill: #2e2e54;
    stroke: #2e2e54;
}

.discount__arrows {
    position: absolute;
    top: -15px;
    right: -9px;
}

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

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

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

@-webkit-keyframes fade-hide-button-data-v-44fad548 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    to {
        opacity: 0.53;
    }
}

@keyframes fade-hide-button-data-v-44fad548 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    to {
        opacity: 0.53;
    }
}

.whitelabel[data-v-44fad548] {
    white-space: nowrap;
}

.whitelabel__container[data-v-44fad548] {
    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-44fad548],
.whitelabel a[data-v-44fad548] {
    color: var(--color-bg-6, #7e8ca8);
    opacity: 1 !important;
    visibility: visible !important;
}

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

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

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

.result-loader,
.whitelabel__icon-bg[data-v-44fad548] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.result-loader {
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.result-loader__text {
    margin-top: auto;
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.19;
    color: var(--color-bg-6, #777b95);
}

.result-loader__emoji {
    width: 70px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .result-loader__emoji {
        width: 60px;
    }
}

.result-loader__slide-enter {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.result-loader__slide-enter-active {
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
}

.result-loader__slide-enter-to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.result-loader__slide_bottomTop-enter {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.result-loader__slide_bottomTop-enter-active {
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
}

.result-loader__slide_bottomTop-enter-to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.result-loader__slide-emoji-enter {
    opacity: 0;
}

.result-loader__slide-emoji-enter-active {
    -webkit-transition: opacity 0.11s ease-in-out;
    transition: opacity 0.11s ease-in-out;
}

.result-loader__slide-emoji-enter-to,
.result-loader__slide-emoji-leave {
    opacity: 1;
}

.result-loader__slide-emoji-leave-active {
    -webkit-transition: opacity 0.11s ease-in-out;
    transition: opacity 0.11s ease-in-out;
}

.result-loader__slide-emoji-leave-to {
    opacity: 0;
}

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

.price-label {
    font-size: 20px;
    font-weight: 900;
    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: center;
    -ms-flex-align: center;
    align-items: center;
}

.price-label__discount svg {
    width: 12px;
}

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

@media (min-width: 1119px) {
    .result {
        max-width: 600px !important;
        margin: 0 auto;
    }
}

.result__container {
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    max-width: 600px;
    min-width: 550px;
    padding: 1.8rem;
    padding-bottom: 0;
    -ms-flex: 1;
    flex: 1;
}

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

.result__content {
    padding-top: 25px;
    padding-bottom: 10px;
    margin-bottom: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

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

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

.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__video {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-height: 480px;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.result__video-stub {
    width: 100%;
    height: 300px;
    background-color: var(--color-bg-1, #d2d4d8);
    background-image: url(https://aftermark.guru//lp/f290096df0/assets/images/video-off-outline-42_d422_25.svg);
}

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

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

.result__video-muted:hover {
    display: block;
}

.result__video-muted.is-on {
    background-image: url(https://aftermark.guru//lp/f290096df0/assets/images/volume-high-shadow-e_a1f3_26.png);
}

.result__video-muted.is-off {
    background-image: url(https://aftermark.guru//lp/f290096df0/assets/images/volume-off-shadow-f3_3f96_27.png);
}

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

.result__video-replay {
    display: none;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    z-index: 1000;
    background-image: url(https://aftermark.guru//lp/f290096df0/assets/images/replay-shadow-8d612f_35b5_28.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}

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

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

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

.result__cost_in-bg {
    position: absolute;
    left: 1rem;
    bottom: 0.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: 0.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__text ol,
.result__text ul {
    padding-left: 1.6rem;
    padding-top: 0.4rem;
}

.result__text ul {
    list-style: disc;
}

.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, 0.08);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
}

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

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

.result__navpad-place {
    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__back-button {
    margin-right: 0.5rem;
    width: 53px;
    border-radius: 50%;
    padding: 0;
    color: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    background-color: transparent !important;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

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

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

.result__back-button:focus,
.result__back-button:hover {
    color: rgba(0, 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: 900;
    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;
    color: var(--color-bg-6, #777b95);
}

@media (min-width: 1119px) {
    .result__retry {
        margin-bottom: 10px;
    }
}

.result__retry:hover {
    color: var(--color-bg-5, #363636);
}

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

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

@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: 25px 1rem 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .result .result__bonuses {
        width: 100%;
    }

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

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

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

    .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 (min-width: 600px) and (max-width: 818px) {
    .result .result__video:not(.result__video_cloud) {
        height: 380px;
    }

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

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

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

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

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

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

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

@-webkit-keyframes fade-hide-button-data-v-0b1be1e8 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    to {
        opacity: 0.53;
    }
}

@keyframes fade-hide-button-data-v-0b1be1e8 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    to {
        opacity: 0.53;
    }
}

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

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

.sidebar-mobile__discount[data-v-0b1be1e8] {
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

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

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

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

.sidebar-mobile__discount-close[data-v-0b1be1e8] {
    position: absolute;
    left: -30px;
    top: 5px;
    -webkit-animation-name: fade-hide-button-data-v-0b1be1e8;
    animation-name: fade-hide-button-data-v-0b1be1e8;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    opacity: 0.53;
    color: var(--color-bg-9, #4a4a4a);
}

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

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

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

.sidebar-mobile__bonuses-close[data-v-0b1be1e8] {
    position: absolute;
    left: -30px;
    top: 5px;
    -webkit-animation-name: fade-hide-button-data-v-0b1be1e8;
    animation-name: fade-hide-button-data-v-0b1be1e8;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    opacity: 0.53;
    color: var(--color-bg-9, #4a4a4a);
}

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

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

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

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

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

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

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

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

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

.sidebar-mobile__bonuses-icon[data-v-0b1be1e8] {
    margin-right: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-animation-name: slide-icon-left-data-v-0b1be1e8;
    animation-name: slide-icon-left-data-v-0b1be1e8;
    color: #fff;
}

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

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

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

.sidebar-mobile__bonuses-text[data-v-0b1be1e8] {
    -webkit-animation-name: fade-hide-button-data-v-0b1be1e8;
    animation-name: fade-hide-button-data-v-0b1be1e8;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    white-space: nowrap;
    color: var(--color-primary-text-button, #4a4a4a);
    text-overflow: ellipsis;
    overflow: hidden;
}

.empty-result {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    background: var(--color-bg-quiz, #fff);
}

.empty-result,
.empty-result__wrapper {
    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;
}

.empty-result__wrapper {
    margin: auto;
}

.empty-result__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.empty-result__buttons .button {
    margin: 0 15px;
}

@media (max-width: 818px) {
    .empty-result__buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 60%;
    }
}

.empty-result__white-label {
    margin-bottom: 20px;
}

.empty-result__text {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
    color: var(--color-bg-text, #020202);
    padding: 0 5px;
}

@media (max-width: 818px) {
    .empty-result__text {
        max-width: 90%;
    }
}

.empty-result__emoji {
    margin: 0 auto 24px auto;
}

.empty-result__button-retry {
    font-size: 14px !important;
    color: #777b95;
    background: #f5f5f5 !important;
}

.empty-result__button-next {
    -webkit-box-shadow: 0 3px 10px 0 var(--color-alpha);
    box-shadow: 0 3px 10px 0 var(--color-alpha);
}

.empty-result .button {
    margin-top: 1rem;
}

@media (min-width: 1201px) {
    .empty-result {
        width: 100vw;
    }
}

.progress-bar-linear {
    margin-bottom: 5px;
}

.progress-bar-linear__label {
    font-size: 12px;
    text-align: left;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 8px;
    height: 18px;
    position: relative;
}

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

@media (max-width: 818px) {
    .progress-bar-linear__label {
        margin-bottom: 0;
    }
}

.progress-bar-linear__field {
    height: 6px;
    position: relative;
    background: var(--color-bg-8, #dbdbdb);
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -1px 1px var(--color-bg-2, hsla(0, 0%, 100%, 0.3));
    box-shadow: inset 0 -1px 1px var(--color-bg-2, hsla(0, 0%, 100%, 0.3));
}

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

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

.progress-bar-linear__field-mark {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    bottom: 4px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.progress-bar-linear__field-percent {
    position: relative;
    font-size: 14px;
    color: var(--color-lighten10);
    left: calc(-50% - 1px);
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.progress-bar-linear__field-pointer {
    position: absolute;
    left: -4px;
    bottom: 0;
    border: 3px solid transparent;
    border-top: 7px solid var(--color-lighten10);
    z-index: 1;
}

.progress-bar-linear_dynamic {
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: 6px;
}

.progress-bar-linear_dynamic .progress-bar-linear__field {
    width: 100%;
}

.progress-bar-linear_dynamic .progress-bar-linear__field-mark {
    bottom: -4px;
}

.progress-bar-linear_dynamic .progress-bar-linear__field-pointer {
    position: relative;
    background-color: var(--color-lighten10);
    width: 14px;
    left: -8px;
    height: 14px;
    border: 3px solid var(--color-bg-quiz, #fff);
    border-radius: 50%;
    -webkit-box-shadow: inset 0 2px 9px hsla(0, 0%, 100%, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 2px 9px hsla(0, 0%, 100%, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
}

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

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

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

.progress-bar-linear_dynamic .progress-bar-linear__field-percent {
    position: relative;
    margin-bottom: 0;
}

.progress-bar-linear_mobile {
    position: fixed;
    bottom: 0;
    width: calc(100% + 5px);
    left: -3px;
    padding: 0;
    margin: 0;
}

@media (max-width: 818px) {
    .progress-bar-linear_dark .progress-bar-linear__field-percent,
    .progress-bar-linear_dark .progress-bar-linear__label span {
        color: #fff;
    }
}

.progress-bar-circular {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.progress-bar-circular__circle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.progress-bar-circular__circle svg {
    width: 28px;
    height: 28px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.progress-bar-circular__circle svg circle {
    fill: transparent;
    stroke-width: 2px;
    stroke: var(--color-bg-2, rgba(217, 216, 230, 0.55));
}

.progress-bar-circular__circle svg circle:nth-child(2) {
    stroke: var(--color);
    -webkit-transition: stroke-dashoffset 0.3s ease;
    transition: stroke-dashoffset 0.3s ease;
    stroke-dasharray: 81.6814px;
}

.progress-bar-circular__label {
    font-size: 13px;
    line-height: 15px;
    margin-left: 12px;
}

.progress-bar-circular__label .progress-bar-circular__percent {
    font-weight: 900;
    color: var(--color);
}

@media (max-width: 818px) {
    .progress-bar-circular_dark .progress-bar-circular__percent {
        color: #fff;
    }
}

.progress-bar-circular-steps {
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    max-width: 95px;
}

.progress-bar-circular-steps__label {
    line-height: 15px;
    margin-bottom: 5px;
}

.progress-bar-circular-steps__gradient-wrapp {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.progress-bar-circular-steps__gradient-wrapp:after,
.progress-bar-circular-steps__gradient-wrapp:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}

.progress-bar-circular-steps__gradient-wrapp:after {
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            from(var(--color-bg-quiz, #fff)),
            to(transparent)
    );
    background-image: linear-gradient(
            -90deg,
            var(--color-bg-quiz, #fff),
            transparent var(--right-percent)
    );
}

.progress-bar-circular-steps__gradient-wrapp:before {
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(var(--color-bg-quiz, #fff)),
            to(transparent)
    );
    background-image: linear-gradient(
            90deg,
            var(--color-bg-quiz, #fff),
            transparent var(--left-percent)
    );
}

.progress-bar-circular-steps__steps {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.progress-bar-circular-steps__step {
    width: 7px;
    height: 7px;
    border: 1px solid var(--color);
    border-radius: 50%;
}

.progress-bar-circular-steps__step:not(:last-child) {
    margin-right: 5px;
}

.progress-bar-circular-steps__step_active {
    background-color: var(--color);
}

@media (max-width: 818px) {
    .progress-bar-circular-steps_dark
    .progress-bar-circular-steps__gradient-wrapp:after,
    .progress-bar-circular-steps_dark
    .progress-bar-circular-steps__gradient-wrapp:before {
        content: none;
    }
}

.progress-bar {
    text-align: left;
    font-weight: 500;
    color: var(--color-bg-alpha7, #2e2e49);
    font-family: var(--additional-font, var(--font, Gilroy));
    font-style: var(--additional-font-style, normal);
}

.progress-bar__gradient,
.progress-bar__steps,
.progress-bar__text {
    font-size: 14px;
}

@media (max-width: 818px) {
    .progress-bar__gradient,
    .progress-bar__steps,
    .progress-bar__text {
        margin-right: -10px;
    }
}

.progress-bar__steps span {
    width: 22px;
    height: 22px;
    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;
    vertical-align: center;
    margin: 0 4px 0 7px;
    border-radius: 50%;
    background-color: var(--color);
    font-size: 13px;
    color: #fff;
}

.progress-bar__text span {
    color: var(--color);
}

.progress-bar__gradient {
    display: inline-block;
    background-image: linear-gradient(
            120deg,
            var(--color-darken10),
            var(--color-lighten10) var(--percent),
            var(--color-bg-alpha7, #2e2e49) var(--percent)
    );
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

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

    .progress-bar_dark .progress-bar__gradient {
        background-image: linear-gradient(
                120deg,
                var(--color),
                var(--color) var(--percent),
                #fff var(--percent)
        );
    }
}

.quiz-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    padding: 0;
    overflow: hidden;
    z-index: 10;
    border-top: solid 1px var(--color-bg-2, #f3f3f3);
    background-color: var(--color-bg-quiz, #fff);
}

@media (min-width: 819px) {
    .quiz-buttons {
        padding: 30px 30px;
        padding-top: 21px;
        width: 100%;
    }
}

@media (max-width: 818px) {
    .quiz-buttons {
        height: 60px;
        padding: 6px 10px;
        z-index: 100;
    }

    .quiz-buttons.mobile-navbar_on {
        max-height: 60px;
        padding-bottom: 18px;
        border-top: 0;
        background: none;
        overflow: visible;
    }

    .quiz-buttons.mobile-navbar_on:before {
        content: "";
        position: absolute;
        background: -webkit-gradient(
                linear,
                left bottom,
                left top,
                from(var(--color-bg-quiz, #f7f7f7)),
                color-stop(54%, var(--color-bg-quiz, #f7f7f7)),
                to(var(--color-bg-alpha0, hsla(0, 0%, 100%, 0)))
        );
        background: linear-gradient(
                0deg,
                var(--color-bg-quiz, #f7f7f7),
                var(--color-bg-quiz, #f7f7f7) 54%,
                var(--color-bg-alpha0, hsla(0, 0%, 100%, 0))
        );
        border-radius: 0;
        left: 0;
        bottom: 0;
        height: 103px;
        width: 100%;
    }

    .quiz-buttons:not(.is-outline) {
        border-top: 0;
    }

    .quiz-buttons:not(.is-outline):not(.mobile-navbar_on) {
        background-color: rgba(0, 0, 0, 0.4);
    }

    .quiz-buttons:not(.is-outline):not(.mobile-navbar_on)
    .quiz-buttons__button_prev {
        color: hsla(0, 0%, 100%, 0.6) !important;
        border: 1px solid hsla(0, 0%, 100%, 0.1) !important;
        background-color: transparent !important;
        -webkit-transition: 0.2s ease-out;
        transition: 0.2s ease-out;
    }

    .quiz-buttons:not(.is-outline):not(.mobile-navbar_on)
    .quiz-buttons__button_prev[disabled] {
        color: hsla(0, 0%, 100%, 0.3) !important;
        opacity: 1;
    }

    .quiz-buttons:not(.is-outline):not(.mobile-navbar_on)
    .quiz-buttons__button_prev[disabled]:focus,
    .quiz-buttons:not(.is-outline):not(.mobile-navbar_on)
    .quiz-buttons__button_prev[disabled]:hover {
        color: hsla(0, 0%, 100%, 0.3) !important;
    }

    .quiz-buttons:not(.is-outline):not(.mobile-navbar_on)
    .quiz-buttons__button_prev:focus,
    .quiz-buttons:not(.is-outline):not(.mobile-navbar_on)
    .quiz-buttons__button_prev:hover {
        color: hsla(0, 0%, 100%, 0.7) !important;
    }
}

@media (max-width: 600px) {
    .quiz-buttons.mobile-navbar_on {
        padding: 6px 10px 19px;
        overflow: visible;
    }
}

.quiz-buttons__hint {
    position: absolute;
    right: 35px;
    font-size: 11.5px;
    bottom: 8px;
    color: var(--color-bg-sub-text, #a6a6a6);
    display: none;
}

@media (min-width: 819px) {
    .quiz-buttons__hint {
        display: block;
    }
}

.quiz-buttons__progress {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin-right: 40px;
    min-width: 0;
}

@media (max-width: 818px) {
    .quiz-buttons__progress {
        margin-right: 10%;
        margin-left: 10px;
    }
}

.quiz-buttons__progress > * {
    vertical-align: middle;
}

.quiz-buttons__whitelabel {
    margin-right: 20px;
}

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

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

.quiz-buttons__button {
    font-size: 16px !important;
    height: 43px;
    z-index: 100;
    padding: 0 16px 0 22px;
    font-weight: 500;
    overflow: hidden;
}

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

.quiz-buttons__button[disabled] {
    opacity: 0.7;
}

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

.quiz-buttons__button_prev {
    margin-right: 20px;
    margin-left: auto;
    padding: 0;
    width: 43px;
    height: 43px;
    color: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    background-color: transparent !important;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

.quiz-buttons__button_prev[disabled] {
    color: rgba(0, 0, 0, 0.2) !important;
    opacity: 1;
}

.quiz-buttons__button_prev[disabled]:focus,
.quiz-buttons__button_prev[disabled]:hover {
    color: rgba(0, 0, 0, 0.2) !important;
}

.quiz-buttons__button_prev:focus,
.quiz-buttons__button_prev:hover {
    color: rgba(0, 0, 0, 0.5) !important;
}

@media (max-width: 818px) {
    .quiz-buttons__button_prev {
        min-width: 43px;
        margin-right: 9px;
    }
}

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

.quiz-buttons__button_next {
    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 0.2s ease-in;
    transition: -webkit-box-shadow 0.2s ease-in;
    transition: box-shadow 0.2s ease-in;
    transition: box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
}

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

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

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

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

.quiz-buttons__button.is-blicked:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(10%, hsla(0, 0%, 100%, 0.1)),
            color-stop(20%, hsla(0, 0%, 100%, 0.2)),
            to(hsla(0, 0%, 100%, 0.6))
    );
    background: linear-gradient(
            90deg,
            hsla(0, 0%, 100%, 0.1) 10%,
            hsla(0, 0%, 100%, 0.2) 20%,
            hsla(0, 0%, 100%, 0.6)
    );
    width: 20px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    left: -20%;
    -webkit-transition: all 0.6s ease;
    transition: all 0.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;
}

.quiz-buttons.is-outline .progress-bar_mobile .progress-bar__label {
    color: var(--color-bg-alpha7, #2e2e49);
}

.quiz-buttons.is-outline .progress-bar_mobile .progress-bar__label span {
    color: var(--color);
}

.quiz-buttons.is-outline .quiz-buttons__button_next {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: var(--color);
}

.quiz-buttons.is-outline .quiz-buttons__button_next:not([disabled]):hover {
    background-color: var(--color) !important;
}

@media (max-width: 600px) {
    .quiz-buttons.mobile-navbar_on .quiz-buttons__hint,
    .quiz-buttons.mobile-navbar_on .quiz-buttons__next-icon {
        display: none;
    }
}

@media (max-width: 600px) {
    .quiz-buttons.mobile-navbar_on .quiz-buttons__button {
        margin-bottom: 0;
    }
}

@media (max-width: 818px) {
    .quiz-buttons.mobile-navbar_on .quiz-buttons__button_next {
        min-width: 115px;
    }
}

@media (max-width: 600px) {
    .quiz-buttons.mobile-navbar_on .quiz-buttons__button_next {
        min-width: 85px;
        -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.18);
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.18);
    }

    .quiz-buttons.mobile-navbar_on .quiz-buttons__button_next .icon {
        display: none;
    }
}

@media (max-width: 600px) {
    .quiz-buttons.mobile-navbar_on .quiz-buttons__button_next-text {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (max-width: 818px) {
    .quiz-buttons.mobile-navbar_on .quiz-buttons__button_prev {
        min-width: 42px;
        margin-right: 5px;
    }
}

.dark-tone .quiz-buttons__button_prev {
    color: hsla(0, 0%, 100%, 0.6) !important;
    border: 1px solid hsla(0, 0%, 100%, 0.1) !important;
    background-color: transparent !important;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

.dark-tone .quiz-buttons__button_prev[disabled] {
    color: hsla(0, 0%, 100%, 0.3) !important;
    opacity: 1;
}

.dark-tone .quiz-buttons__button_prev[disabled]:focus,
.dark-tone .quiz-buttons__button_prev[disabled]:hover {
    color: hsla(0, 0%, 100%, 0.3) !important;
}

.dark-tone .quiz-buttons__button_prev:focus,
.dark-tone .quiz-buttons__button_prev:hover {
    color: hsla(0, 0%, 100%, 0.7) !important;
}

@media (max-width: 818px) {
    .dark-tone .quiz-buttons:before {
        background: -webkit-gradient(
                linear,
                left bottom,
                left top,
                from(var(--color-bg-quiz, #303537)),
                color-stop(54%, var(--color-bg-quiz, #303537)),
                to(var(--color-bg-alpha0, hsla(0, 0%, 100%, 0)))
        );
        background: linear-gradient(
                0deg,
                var(--color-bg-quiz, #303537),
                var(--color-bg-quiz, #303537) 54%,
                var(--color-bg-alpha0, hsla(0, 0%, 100%, 0))
        );
    }
}

.final-discount_v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    white-space: nowrap;
}

.final-discount_v2__title {
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
    border-radius: 4px;
    background-color: #faf1d6;
    padding: 0 18px 0 11px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
}

.final-discount_v2__title,
.final-discount_v2__value {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222;
    border: 1px solid #f7cd47;
}

.final-discount_v2__value {
    position: relative;
    margin-left: -10px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.71;
    -webkit-box-shadow: 0 3px 8px 0 rgba(247, 205, 71, 0.48);
    box-shadow: 0 3px 8px 0 rgba(247, 205, 71, 0.48);
    background-color: #f7cd47;
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.final-discount_v2__value svg {
    width: 16px;
    fill: #222;
}

.final-discount_v2__value:before {
    content: "";
    position: absolute;
    top: -1px;
    right: -14px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 13px solid #f7cd47;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}

.final-discount_v2__value:after {
    content: "";
    position: absolute;
    top: 9px;
    right: 0;
    display: block;
    width: 7px;
    height: 7px;
    border: 1.5px solid #c39c23;
    border-radius: 50%;
    background-color: #fff;
}

.thank-page {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    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-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    background-color: var(--color-bg-quiz, #fff);
}

.thank-page__title {
    margin-bottom: 2.5rem !important;
    color: var(--color-bg-text, #363636);
}

.thank-page__subtitle {
    max-width: 800px;
    color: var(--color-bg-6, #4a4a4a);
}

.thank-page__bonuses {
    max-width: 228px;
}

.thank-page__bonuses-title {
    font-weight: 900;
    margin-bottom: 10px;
    color: var(--color-bg-text, #4a4a4a);
}

.thank-page__discount {
    margin-bottom: 15px;
}

.loading-icon2 svg {
    height: 5.4rem;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    margin-top: -2rem;
}

.loading-overlay .loading-background {
    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;
    background: hsla(0, 0%, 100%, 0.9);
}

.loading h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 0.92;
    color: #363636;
}

.loading p {
    font-size: 16px;
    font-weight: 500;
    line-height: 2.1;
    color: #69748c;
}

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

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

.cookie-notice__banner img {
    width: 42px;
    margin-right: 1rem;
}

.cookie-notice__banner .button {
    background-color: #fff;
    margin-left: 1rem;
    border-radius: 30px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 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;
    }
}

.discount_mobile {
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff0c4;
    border-color: #fff0c4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    padding-left: 10px;
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.discount_mobile,
.discount_mobile .discount__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
}

.discount_mobile .discount__wrap {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
}

.discount_mobile .discount__label {
    max-height: 10px;
    font-size: 10px;
    font-style: normal;
    line-height: 22px;
    font-weight: 900;
    color: #000;
    width: 100%;
}

.discount_mobile .discount__label-text {
    margin-bottom: 6px;
}

.discount_mobile .discount__price {
    font-weight: 500;
    font-size: 12px;
    max-height: 22px;
    line-height: 12px;
    text-align: left;
    color: #000;
}

.discount_mobile .discount__arrows {
    position: absolute;
    top: 0;
    right: 2px;
    left: auto;
}

.discount_mobile .discount__symbol_mobile {
    margin-bottom: 0;
    margin-left: 2px;
    font-weight: 500;
}

.dark-tone .discount.discount_mobile {
    background-color: rgba(247, 202, 46, 0.102);
    border-color: #fccc45;
}

.dark-tone .discount.discount_mobile .discount__label {
    color: hsla(0, 0%, 100%, 0.702);
}

.dark-tone .discount.discount_mobile .discount__price {
    color: #f7ca2e;
}

.bonuses_mobile.bonuses_row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 0;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: var(--bonus-height);
}

.bonuses_mobile.bonuses_row .bonuses__bonus {
    width: 40px;
    height: 40px;
}

@media (max-width: 360px) {
    .bonuses_mobile.bonuses_row.bonuses_has-discount.bonuses_count_2:last-child:after {
        width: 14.4px;
        height: 14.4px;
        position: absolute;
        background-color: #dbdada;
        right: 5px;
        content: "2";
        z-index: 2;
        top: -12px;
        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;
        color: var(--grey-blue);
        border: 2px solid #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 100px;
        -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
        box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
        font-weight: 900;
        font-size: 8px;
    }
}

@media (max-width: 360px) {
    .bonuses_mobile.bonuses_row.bonuses_has-discount.bonuses_count_2
    .bonuses__bonus:last-child {
        position: absolute;
        top: -5px;
        left: 5px;
        z-index: 2;
        margin-right: 6px;
        -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
        box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
    }

    .bonuses_mobile.bonuses_row.bonuses_has-discount.bonuses_count_2
    .bonuses__bonus:first-child {
        margin-right: 11px;
        background-color: #cfcece;
    }
}

@media (max-width: 360px) {
    .bonuses_mobile.bonuses_column .bonuses__bonus {
        width: 145px;
    }
}

.bonuses_mobile.bonuses_column .bonuses__bonus {
    max-width: 100%;
    min-width: 145px;
    margin: 0 auto 14px auto;
}

.mobile-navbar {
    position: fixed;
    left: 0;
    padding-left: 12px;
    bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 195px;
    height: auto;
    z-index: 99;
    -ms-touch-action: none;
    touch-action: none;
}

@media (min-width: 818px) {
    .mobile-navbar {
        display: none;
    }
}

.mobile-navbar:not(.is-expanded) .mobile-navbar__stick {
    display: none;
}

.mobile-navbar.is-expanded {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 15px;
    padding-bottom: 20px;
    bottom: -1px;
    max-height: 217px;
    width: 195px;
    background: var(--color-bg-sidebar, #f7f7f7);
    border-radius: 0 20px 0 0;
}

.mobile-navbar.is-expanded .mobile-navbar__stick {
    margin: 0 auto;
    width: 28px;
    height: 3px;
    background: #dbdada;
    border-radius: 5px;
    margin-top: 6px;
    margin-bottom: 8px;
}

.mobile-navbar.is-expanded.show-navbar {
    -webkit-animation-name: show-expanded-navbar;
    animation-name: show-expanded-navbar;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

.mobile-navbar.is-expanded.hide-navbar {
    -webkit-animation-name: hide-expanded-navbar;
    animation-name: hide-expanded-navbar;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

@media (max-width: 360px) {
    .mobile-navbar.is-expanded {
        width: 168px;
    }
}

@-webkit-keyframes show-expanded-navbar {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes show-expanded-navbar {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes hide-expanded-navbar {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes hide-expanded-navbar {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-webkit-keyframes hide-mini-navbar {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
    }
}

@keyframes hide-mini-navbar {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
    }
}

@-webkit-keyframes show-mini-navbar {
    0% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes show-mini-navbar {
    0% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.mobile-navbar.show-navbar {
    -webkit-animation-name: show-mini-navbar;
    animation-name: show-mini-navbar;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

.mobile-navbar.hide-navbar {
    -webkit-animation-name: hide-mini-navbar;
    animation-name: hide-mini-navbar;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

.mobile-navbar__discount {
    position: relative;
    height: 40px;
    width: 100px;
}

@media (max-width: 360px) {
    .mobile-navbar__discount {
        width: 86px;
    }
}

.mobile-navbar__discount.is-expanded {
    width: 168px;
}

@media (max-width: 360px) {
    .mobile-navbar__discount.is-expanded {
        max-width: 145px;
    }
}

.mobile-navbar__discount-container {
    position: relative;
    width: 100px;
    border-radius: 8px;
}

.mobile-navbar__discount-container.is-expanded {
    width: 168px;
    margin: 0 auto;
}

.mobile-navbar__bonuses {
    position: relative;
    left: 0;
    bottom: 0;
    -webkit-transition: all $ slide-duration ease;
    transition: all $ slide-duration ease;
}

.mobile-navbar__bonuses-list {
    width: 0;
    opacity: 0;
}

.mobile-navbar__bonuses-list.is-expanded {
    width: 100%;
    opacity: 1;
}

.mobile-navbar__bonuses-list:not(.is-expanded) {
    width: 0;
    opacity: 0;
}

.mobile-navbar__bonuses-wrap {
    height: 40px;
    padding-right: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-navbar__bonuses-wrap.is-expanded {
    display: none;
}

.mobile-navbar__bonuses-icon {
    color: #fff;
}

.mobile-navbar__bonuses-icon.is-expanded {
    margin-right: 0;
    opacity: 0;
    width: 0;
}

.mobile-navbar__bonuses-text {
    white-space: nowrap;
    color: var(--color-primary-text-button, #4a4a4a);
    text-overflow: ellipsis;
    overflow: hidden;
}

.wf-loading .quiz .whitelabel,
.wf-loading .quiz__questions,
.wf-loading .quiz__sidebar {
    opacity: 0;
}

.quiz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 100%;
    background-color: var(--color-bg-quiz, #fff);
    --quiz-question-transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    -webkit-backface-visibility: hidden;
}

@media (max-width: 767px) {
    .quiz {
        display: block;
    }
}

@media (min-width: 768px) {
    .quiz {
        overflow-x: hidden;
    }
}

.quiz-container .slide-quiz-enter {
    opacity: 0;
}

@media (max-width: 1200px) {
    .quiz-container .slide-quiz-enter .result__container {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@media (min-width: 1201px) {
    .quiz-container .slide-quiz-enter.quiz__result {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.quiz-container .slide-quiz-enter-active {
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
}

.quiz-container .slide-quiz-enter-active.quiz__result,
.quiz-container .slide-quiz-enter-active .result__container {
    -webkit-transition: opacity 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}

.quiz-container .slide-quiz-enter-to {
    opacity: 1;
}

@media (max-width: 1200px) {
    .quiz-container .slide-quiz-enter-to .result__container {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (min-width: 1201px) {
    .quiz-container .slide-quiz-enter-to.quiz__result {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.quiz-container .slide-quiz-leave {
    opacity: 1;
}

.quiz-container .slide-quiz-leave-active {
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.quiz-container .slide-quiz-leave-active .swiper-button-next,
.quiz-container .slide-quiz-leave-active .swiper-button-prev {
    display: none !important;
}

.quiz-container .slide-quiz-leave-to {
    opacity: 0;
}

.quiz-container_has_widget {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.quiz-container_has_widget .slide-quiz-enter,
.quiz-container_has_widget .slide-quiz-enter .result__container {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}

.quiz-container_has_widget .slide-quiz-enter-active,
.quiz-container_has_widget .slide-quiz-enter-active.quiz__result,
.quiz-container_has_widget .slide-quiz-enter-active .result__container {
    -webkit-transition: all 0.45s cubic-bezier(0.71, 0.09, 0.74, 0.91);
    transition: all 0.45s cubic-bezier(0.71, 0.09, 0.74, 0.91);
}

.quiz-container_has_widget .slide-quiz-enter-to,
.quiz-container_has_widget .slide-quiz-enter-to .result__container {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.quiz-container_has_widget .quiz__questions-header {
    margin-bottom: 10px;
}

.quiz-container_has_widget .quiz__question-title {
    font-size: 18px;
    margin-bottom: 3px !important;
    font-weight: 900;
}

@media (min-width: 1201px) {
    .quiz-container_has_scroll {
        margin-bottom: 80px !important;
        width: 100%;
    }

    .quiz-container_has_scroll .result {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .quiz-container_has_scroll .result__navpad {
        position: fixed;
    }

    .quiz-container_has_scroll .result__content {
        padding-bottom: 30px;
    }

    .quiz-container_has_scroll.quiz-container_with-loader.quiz-container_has_result {
        height: 100vh;
        margin-bottom: 0 !important;
    }

    .quiz-container_has_scroll.quiz-container_with-loader.quiz-container_has_result:before {
        display: none;
    }

    .quiz-container_has_scroll .slide-quiz-enter {
        opacity: 0;
    }

    .quiz-container_has_scroll .slide-quiz-enter.quiz__result {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }

    .quiz-container_has_scroll .slide-quiz-enter-active,
    .quiz-container_has_scroll .slide-quiz-enter-active.quiz__result {
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .quiz-container_has_scroll .slide-quiz-enter-to {
        opacity: 1;
    }

    .quiz-container_has_scroll .slide-quiz-enter-to.quiz__result {
        -webkit-transform: none;
        transform: none;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .quiz-container.quiz-container_with-loader .slide-quiz-leave-active {
        -webkit-transition: -webkit-transform 0.6s ease-in-out 0.3s;
        transition: -webkit-transform 0.6s ease-in-out 0.3s;
        transition: transform 0.6s ease-in-out 0.3s;
        transition: transform 0.6s ease-in-out 0.3s,
        -webkit-transform 0.6s ease-in-out 0.3s;
    }

    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave-active
    .quiz__questions,
    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave-active
    .quiz__sidebar {
        -webkit-transition: opacity 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    }

    .quiz-container.quiz-container_with-loader .slide-quiz-leave-to {
        opacity: 1;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave-to
    .quiz__questions,
    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave-to
    .quiz__sidebar {
        -webkit-transform: translateX(-20px) !important;
        transform: translateX(-20px) !important;
        opacity: 0;
    }

    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-to {
        opacity: 1;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-to
    .quiz__questions,
    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-to
    .quiz__sidebar {
        -webkit-transform: translateY(-20px) !important;
        transform: translateY(-20px) !important;
        opacity: 0;
    }
}

@media (max-width: 767px) {
    .quiz-container.quiz-container_with-loader {
        background: var(--color-bg-10, #f8f8f8);
    }

    .quiz-container.quiz-container_with-loader
    .slide-quiz-enter-to
    .result__container,
    .quiz-container.quiz-container_with-loader
    .slide-quiz-enter
    .result__container {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave
    .quiz__questions {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .quiz-container.quiz-container_with-loader .slide-quiz-leave-active {
        -webkit-transition: opacity 0.6s ease-in-out 0.3s;
        transition: opacity 0.6s ease-in-out 0.3s;
        -webkit-backface-visibility: hidden;
    }

    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave-active
    .quiz__questions {
        -webkit-backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.6s ease-in-out 0.3s;
        transition: -webkit-transform 0.6s ease-in-out 0.3s;
        transition: transform 0.6s ease-in-out 0.3s;
        transition: transform 0.6s ease-in-out 0.3s,
        -webkit-transform 0.6s ease-in-out 0.3s;
    }

    .quiz-container.quiz-container_with-loader .slide-quiz-leave-active .question,
    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave-active
    .quiz__buttons,
    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave-active
    .quiz__questions-header,
    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave-active
    .quiz__whitelabel {
        -webkit-backface-visibility: hidden;
        -webkit-transition: opacity 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    }

    .quiz-container.quiz-container_with-loader .slide-quiz-leave-to {
        opacity: 1;
    }

    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave-to
    .quiz__questions {
        -webkit-transform: translateX(-100%) !important;
        transform: translateX(-100%) !important;
    }

    .quiz-container.quiz-container_with-loader .slide-quiz-leave-to .question,
    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave-to
    .quiz__buttons,
    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave-to
    .quiz__questions-header,
    .quiz-container.quiz-container_with-loader
    .slide-quiz-leave-to
    .quiz__whitelabel {
        -webkit-transform: translateX(-20px) !important;
        transform: translateX(-20px) !important;
        opacity: 0;
    }

    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave
    .quiz__questions {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-active {
        -webkit-transition: opacity 0.6s ease-in-out 0.05s;
        transition: opacity 0.6s ease-in-out 0.05s;
        -webkit-backface-visibility: hidden;
    }

    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-active
    .quiz__questions {
        -webkit-backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.6s ease-in-out 0.05s;
        transition: -webkit-transform 0.6s ease-in-out 0.05s;
        transition: transform 0.6s ease-in-out 0.05s;
        transition: transform 0.6s ease-in-out 0.05s,
        -webkit-transform 0.6s ease-in-out 0.05s;
    }

    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-active
    .question,
    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-active
    .quiz__buttons,
    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-active
    .quiz__mobile-navbar,
    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-active
    .quiz__questions-header,
    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-active
    .quiz__whitelabel {
        -webkit-backface-visibility: hidden;
        -webkit-transition: opacity 0.6s ease-in-out,
        -webkit-transform 0.6s ease-in-out;
        transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
        transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out,
        -webkit-transform 0.6s ease-in-out;
    }

    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-to {
        opacity: 1;
    }

    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-to
    .quiz__questions {
        -webkit-transform: translateY(-60%) !important;
        transform: translateY(-60%) !important;
    }

    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-to
    .question,
    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-to
    .quiz__buttons,
    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-to
    .quiz__mobile-navbar,
    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-to
    .quiz__questions-header,
    .quiz-container.quiz-container_with-loader.animation__bottom-top
    .slide-quiz-leave-to
    .quiz__whitelabel {
        -webkit-transform: translateY(-20px) !important;
        transform: translateY(-20px) !important;
        opacity: 0;
    }
}

@media (min-width: 1201px) {
    .quiz-container.quiz-container_with-loader.quiz-container_has_result
    .slide-quiz-enter.quiz__result {
        opacity: 1;
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_result
    .slide-quiz-enter.quiz__result:before {
        opacity: 0;
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_result
    .slide-quiz-enter-active.quiz__result,
    .quiz-container.quiz-container_with-loader.quiz-container_has_result
    .slide-quiz-enter-active.quiz__result:before {
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_result
    .slide-quiz-enter-to.quiz__result {
        -webkit-transform: none;
        transform: none;
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_result
    .slide-quiz-enter-to.quiz__result:before {
        opacity: 1;
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_result
    .result-loader__slide-enter-active {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_results {
        position: relative;
        overflow: hidden;
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_results .quiz {
        border-color: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_results
    .slide-quiz-leave-active {
        -webkit-transition: -webkit-transform 0.6s ease-in-out 0.3s;
        transition: -webkit-transform 0.6s ease-in-out 0.3s;
        transition: transform 0.6s ease-in-out 0.3s;
        transition: transform 0.6s ease-in-out 0.3s,
        -webkit-transform 0.6s ease-in-out 0.3s;
        overflow: hidden;
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_results
    .slide-quiz-leave-active
    .quiz__questions,
    .quiz-container.quiz-container_with-loader.quiz-container_has_results
    .slide-quiz-leave-active
    .quiz__sidebar {
        -webkit-transition: opacity 0.3s ease-in-out,
        -webkit-transform 20.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, -webkit-transform 20.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, transform 20.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, transform 20.3s ease-in-out,
        -webkit-transform 20.3s ease-in-out;
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_results
    .slide-quiz-leave-to {
        opacity: 1;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_results
    .slide-quiz-leave-to
    .quiz__questions,
    .quiz-container.quiz-container_with-loader.quiz-container_has_results
    .slide-quiz-leave-to
    .quiz__sidebar {
        -webkit-transform: translateX(-20px) !important;
        transform: translateX(-20px) !important;
        opacity: 0;
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_results.animation__bottom-top
    .slide-quiz-leave-to {
        opacity: 1;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .quiz-container.quiz-container_with-loader.quiz-container_has_results.animation__bottom-top
    .slide-quiz-leave-to
    .quiz__questions,
    .quiz-container.quiz-container_with-loader.quiz-container_has_results.animation__bottom-top
    .slide-quiz-leave-to
    .quiz__sidebar {
        -webkit-transform: translateY(-20px) !important;
        transform: translateY(-20px) !important;
        opacity: 0;
    }
}

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

.quiz__result {
    background-color: var(--color-bg-quiz, #fff);
}

@media (min-width: 767px) {
    .quiz__result {
        overflow-y: auto;
    }
}

.quiz__question-title {
    color: var(--color-bg-text, #363636);
    font-size: 28px;
    text-align: left;
    margin: 12px 0 16px 0 !important;
    line-height: 1.2;
    font-weight: 900;
}

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

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

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

.quiz__tags {
    margin-top: 5px;
}

.quiz__tag {
    font-size: 11px !important;
    margin-left: 5px;
    padding: 12px;
    border-radius: 4px !important;
    color: var(--color-bg-text, #4a4a4a) !important;
}

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

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

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

.quiz__tag_skip {
    background: var(--color-bg-1, #f7f7f7) !important;
    border: solid 1px var(--color-bg-2, #e5e5e5);
}

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

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

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

@media (max-width: 767px) {
    .quiz__sidebar-mobile .bonus_type_emoji .bonus__text {
        font-size: 12px;
    }
}

.quiz__bonuses {
    max-height: calc(143px + 2rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 1.2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-bottom: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

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

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

.quiz__bonuses_bottom {
    margin-top: auto;
    margin-bottom: 0;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.quiz__questions {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 30px;
    padding-bottom: 95px;
    overflow-x: hidden;
    background-color: var(--color-bg-quiz, #fff);
}

@media (max-width: 818px) {
    .quiz__questions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1rem 0 60px;
        min-height: 100%;
    }
}

@media (max-width: 818px) {
    .quiz__questions-header {
        padding: 0 1rem;
    }
}

.quiz__sidebar {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 260px;
    background: var(--color-bg-sidebar, #f7f7f7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

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

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

.quiz__whitelabel {
    height: 40px;
}

.quiz__title {
    font-size: 16px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.2;
    color: var(--color-bg-alpha7, #69748c);
    font-weight: 500;
    margin-bottom: 16px;
    font-family: var(--additional-font, var(--font, Gilroy));
    font-style: var(--additional-font-style, normal);
}

.quiz__title-separator {
    background: var(--color-bg-2, #f3f3f3);
    margin: auto -30px;
    height: 1px;
}

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

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

.quiz__buttons {
    padding: 0;
    background-color: var(--color-bg-quiz, #fff);
    z-index: 20;
}

@media (max-width: 818px) {
    .quiz__buttons_no-background {
        background: none;
    }
}

@media (max-width: 818px) {
    .quiz__buttons {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: auto;
        z-index: 100;
    }
}

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

.quiz__question {
    padding-top: 10px;
}

.quiz__question.question_statement {
    padding-top: 0;
}

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

@media (max-width: 818px) {
    .quiz__question {
        padding-left: 1rem;
        padding-right: 1rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background: var(--color-bg-quiz, #fff);
    }
}

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

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

.quiz__whitelabel_mobile {
    display: block;
    margin-top: auto;
}

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

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

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

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

.quiz__discount.is-increasing {
    margin: 0.1rem 0.1rem 0;
}

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

.quiz__result-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 21;
    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;
    background: var(--color-bg-10, #f8f8f8);
}

@media (max-width: 1200px) {
    .quiz__result-loader {
        position: fixed;
    }
}

.quiz__empty-result {
    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;
    height: 100vh;
    background: var(--color-bg-quiz, #f8f8f8);
    color: var(--color-bg-text);
}

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

.quiz__redirect .loading-background {
    background-color: #fff;
}

.quiz__assistant-text {
    text-align: left;
    overflow: hidden;
    overflow-wrap: break-word;
    color: var(--color-bg-alpha7, #69748c);
    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
}

.quiz_has-cookie-notice .quiz__questions {
    padding-bottom: 160px;
}

.quiz__mobile-navbar {
    z-index: 100;
    position: fixed;
    left: 0;
    padding-left: 12px;
    bottom: 18px;
}

@media (min-width: 1201px) {
    .quiz-container {
        border-radius: 4px;
        background: none;
    }
}

@media (max-width: 767px) {
    .dark .quiz__result-loader {
        background: var(--color-bg-10, #f8f8f8);
    }
}

.slide-loader-leave {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.slide-loader-leave-active {
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

.slide-loader-leave-to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.animation__bottom-top .slide-loader-leave {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.animation__bottom-top .slide-loader-leave-active {
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

.animation__bottom-top .slide-loader-leave-to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.animation__bottom-top .question-slide_assistant-mobile-leave-active {
    -webkit-transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
}

.animation__bottom-top .question-slide_assistant-mobile-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.animation__bottom-top .question-slide_assistant-mobile-enter {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.animation__bottom-top .question-slide_assistant-mobile-enter-active {
    -webkit-transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.animation__bottom-top .question-slide_assistant-mobile-enter-to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.question-slide_back-enter {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.question-slide_back-enter-active {
    -webkit-transition: var(--quiz-question-transition);
    transition: var(--quiz-question-transition);
}

.question-slide_back-enter-active.quiz__question:not(
    .question_variants
  ).question-slide_back-enter-active.quiz__question:not(.question_images) {
    -webkit-transition-delay: 0.17s;
    transition-delay: 0.17s;
}

.question-slide_back-enter-active .swiper-button-next,
.question-slide_back-enter-active .swiper-button-prev {
    display: none !important;
}

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

.question-slide_back-leave-active {
    -webkit-transition: var(--quiz-question-transition);
    transition: var(--quiz-question-transition);
}

.question-slide_back-leave-active .swiper-button-next,
.question-slide_back-leave-active .swiper-button-prev {
    display: none !important;
}

.question-slide_back-leave-to {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.question-slide_forward-leave-active {
    -webkit-transition: var(--quiz-question-transition);
    transition: var(--quiz-question-transition);
}

.question-slide_forward-leave-active .swiper-button-next,
.question-slide_forward-leave-active .swiper-button-prev {
    display: none !important;
}

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

.question-slide_forward-enter {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.question-slide_forward-enter-active {
    -webkit-transition: var(--quiz-question-transition);
    transition: var(--quiz-question-transition);
}

.question-slide_forward-enter-active.quiz__question:not(
    .question_variants
  ).question-slide_forward-enter-active.quiz__question:not(.question_images) {
    -webkit-transition-delay: 0.17s;
    transition-delay: 0.17s;
}

.question-slide_forward-enter-active .swiper-button-next,
.question-slide_forward-enter-active .swiper-button-prev {
    display: none !important;
}

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

.question-slide_up-leave-active {
    -webkit-transition: var(--quiz-question-transition);
    transition: var(--quiz-question-transition);
}

.question-slide_up-leave-active .swiper-button-next,
.question-slide_up-leave-active .swiper-button-prev {
    display: none !important;
}

.question-slide_up-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.question-slide_up-enter {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.question-slide_up-enter-active {
    -webkit-transition: var(--quiz-question-transition);
    transition: var(--quiz-question-transition);
}

.question-slide_up-enter-active.quiz__question:not(
    .question_variants
  ).question-slide_up-enter-active.quiz__question:not(.question_images) {
    -webkit-transition-delay: 0.17s;
    transition-delay: 0.17s;
}

.question-slide_up-enter-active .swiper-button-next,
.question-slide_up-enter-active .swiper-button-prev {
    display: none !important;
}

.question-slide_up-enter-to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.question-slide_sidebar-leave-active {
    -webkit-transition: margin 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82),
    opacity 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82);
    transition: margin 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82),
    opacity 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82);
    -webkit-transition-delay: 0.17s;
    transition-delay: 0.17s;
}

.question-slide_sidebar-enter,
.question-slide_sidebar-leave-to {
    opacity: 0;
    margin-right: -260px;
}

.question-slide_sidebar-enter-active {
    -webkit-transition: margin 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82),
    opacity 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82);
    transition: margin 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82),
    opacity 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82);
    -webkit-transition-delay: 0.17s;
    transition-delay: 0.17s;
}

.question-slide_sidebar-enter-to {
    opacity: 1;
}

.question-slide_assistant-mobile-leave-active {
    -webkit-transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
}

.question-slide_assistant-mobile-leave-to {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.question-slide_assistant-mobile-enter {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.question-slide_assistant-mobile-enter-active {
    -webkit-transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
    -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.question-slide_assistant-mobile-enter-to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.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 0.2s ease-in-out;
    transition: background 0.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(https://aftermark.guru//lp/f290096df0/assets/images/bg_0ffa_30.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: 900;
    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, 0.15);
    box-shadow: 0 3px 15px 0 rgba(0, 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;
}

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

.start-page__name {
    font-size: 14px;
    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: 37px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 2.5rem;
}

.start-page__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: auto;
    background: 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__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
}

.start-page__header {
    font-size: 26px;
    font-weight: 900;
    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: 0.4rem;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 900;
    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_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-bg iframe,
.start-page_has_bg .video-bg 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-bg iframe,
    .start-page_has_bg .video-bg video {
        min-width: 187.77vh;
    }
}

@media (max-width: 819px) {
    .start-page_has_bg .video-bg {
        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-bg__mute,
    .start-page_has_bg.start-page_position_right .video-bg__replay {
        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: 0.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__name {
        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;
    }

    .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__header,
    .start-page_has_bg.start-page_theme_expanded .start-page__legal,
    .start-page_has_bg.start-page_theme_expanded .start-page__name,
    .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%, 0.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%, 0.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;
    }

    .start-page_has_bg.start-page_theme_expanded.start-page_position_center
    .start-page__name {
        -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__logo {
        margin-right: 1rem;
    }

    .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%, 0.16);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0.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-bg__mute,
    .start-page_has_bg.start-page_theme_expanded.start-page_position_center
    .video-bg__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__logo {
        margin-right: 1rem;
    }

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

    .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__name {
        text-align: center;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }

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

    .start-page_has_bg.start-page_theme_centered .video-bg__mute,
    .start-page_has_bg.start-page_theme_centered .video-bg__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-mute,
    .start-page_has_bg.start-page_theme_centered.start-page_has_brand
    .start-page__video-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 0.75s forwards;
    animation: hide-up 0.75s forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

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

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

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

.mob-img {
    display: none;
}

@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: 0.75rem;
        min-height: 57px;
    }

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

    .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 {
        display: none;
    }

    .mob-img {
        display: block;
    }

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

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

    .start-page.start-page_has_bg.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;
    }
}

@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__name {
        font-size: 12px;
    }

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

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

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

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

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

    .start-page_has_bg .start-page__layer {
        display: block;
        right: 0;
        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 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
        animation: slide-layout-to-left 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right
    .start-page__body,
    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right
    .start-page__brand,
    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right
    .start-page__footer {
        -webkit-animation: hide-text-to-right 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
        animation: hide-text-to-right 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right
    .video-bg__mute,
    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right
    .video-bg__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 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
        animation: slide-layout-to-right 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left
    .start-page__body,
    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left
    .start-page__brand,
    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left
    .start-page__footer {
        -webkit-animation: hide-text-to-left 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
        animation: hide-text-to-left 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
    }

    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left
    .video-bg__mute,
    .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left
    .video-bg__replay {
        display: none;
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center
    .start-page__footer {
        -webkit-animation: hide-down 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
        animation: hide-down 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.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 0.75s ease-in-out forwards;
        animation: fade-out 0.75s ease-in-out forwards;
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center
    .video-bg__mute,
    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center
    .video-bg__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 0.75s ease-in-out forwards;
        animation: fade-out 0.75s ease-in-out forwards;
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right
    .start-page__body,
    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right
    .start-page__brand,
    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right
    .start-page__footer {
        -webkit-animation: hide-text-to-right 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
        animation: hide-text-to-right 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.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-bg__mute,
    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right
    .video-bg__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 0.75s ease-in-out forwards;
        animation: fade-out 0.75s ease-in-out forwards;
    }

    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left
    .start-page__body,
    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left
    .start-page__brand,
    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left
    .start-page__footer {
        -webkit-animation: hide-text-to-left 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
        animation: hide-text-to-left 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.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-bg__mute,
    .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left
    .video-bg__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 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
        animation: hide-up 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.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 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
        animation: hide-down 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
    }

    .start-page_has_bg.start-page_closing.start-page_theme_centered
    .video-bg__mute,
    .start-page_has_bg.start-page_closing.start-page_theme_centered
    .video-bg__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 0.75s forwards;
        animation: hide-up 0.75s forwards;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .start-page_has_bg.start-page_closing .start-page__content {
        -webkit-animation: hide-down 0.75s forwards;
        animation: hide-down 0.75s forwards;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.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 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) 0.1s reverse forwards;
    }

    .start-page_widget .start-page__subheader {
        animation: hide-down 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) 0.2s reverse forwards;
    }

    .start-page_widget .start-page__button {
        animation: hide-down 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) 0.3s reverse forwards;
    }

    .start-page_widget .start-page__bonuses,
    .start-page_widget .start-page__footer {
        animation: hide-down 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) 0.4s reverse forwards;
    }
}

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

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

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

.small-preview__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;
}

.small-preview__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);
}

.small-preview_radius .small-preview__content {
    border-top-left-radius: 30px;
}

.small-preview__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;
}

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

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

.small-preview__discount {
    position: absolute;
    top: 0;
    right: 14px;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.small-preview_has-discount {
    height: 80px;
}

.small-preview_has-discount .small-preview__content {
    margin-top: 10px;
}

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

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

.start-page-preview__bg,
.start-page-preview__content,
.start-page-preview__video-bg {
    position: absolute;
    top: 0;
    left: 0;
}

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

.start-page-preview__video-bg {
    height: 100%;
    width: 100%;
}

.start-page-preview__video-bg iframe,
.start-page-preview__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;
}

.start-page-preview__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;
}

.start-page-preview__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;
}

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

.start-page-preview__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.start-page-preview__assistant {
    position: relative;
    width: 42px;
    height: 42px;
}

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

.start-page-preview__assistant img {
    border-radius: 50%;
}

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

.assistant-mobile_preview .assistant-mobile__block {
    border-radius: 30px 10px 10px 10px;
    background-color: var(--color-bg-quiz, #fff);
    padding: 12px 1rem;
    cursor: pointer;
}

.assistant-mobile_preview .assistant-mobile__person {
    margin-right: 15px;
}

.assistant-mobile_preview .assistant-mobile__text-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}

.assistant-mobile_preview .assistant-mobile__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.assistant-mobile_preview .assistant-mobile__name {
    width: 100%;
}

.assistant-mobile_preview .assistant-mobile__subtitle,
.assistant-mobile_preview .assistant-mobile__title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.assistant-mobile_preview .assistant-mobile__status {
    margin: 0 7px 0 0;
}

.assistant-mobile_preview .assistant-mobile__number {
    font-size: 12px;
    line-height: 1.25;
    display: none;
    color: var(--color-bg-alpha7, #69748c);
}

.assistant-mobile_preview .assistant-mobile__number span {
    color: var(--color-alpha, #69748c);
}

.assistant-mobile_preview .assistant-mobile__text-html {
    font-size: 14px;
    font-style: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.assistant-mobile_preview .assistant-mobile__slot {
    position: absolute;
    top: 7px;
    right: 6px;
}

.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__block {
    border-radius: 0;
    cursor: default;
}

.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__status,
.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__text-html {
    display: none;
}

.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__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;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__text {
    width: 100%;
    position: relative;
    top: -2px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 2px 0 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__number {
    display: block;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.text-preview {
    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);
}

.text-preview__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;
}

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

.results-preview__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, 0.25);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}

.result-preview {
    width: 100%;
}

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

.result-preview__bg,
.result-preview__content,
.result-preview__video-bg {
    position: absolute;
    top: 0;
    left: 0;
}

.result-preview__bg {
    background: var(--color-bg-quiz, #fff) no-repeat 50% / cover;
}

.result-preview__bg,
.result-preview__video-bg {
    width: 100%;
    height: 100%;
}

.result-preview__video-bg iframe,
.result-preview__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;
}

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

.result-preview__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;
}

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

.question-preview_assistant .question-preview__emoji {
    position: relative;
    top: 0;
    left: -6px;
    font-size: 16px;
}

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

.widget-preview:hover {
    cursor: pointer;
}

.widget-preview_open .widget-preview__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, 0.2);
}

.widget-preview_open .widget-preview__close:before {
    content: "\2715";
    font-size: 10px;
    line-height: 10px;
    color: rgba(0, 0, 0, 0.4);
}

.widget-preview_open.widget-preview_mobile .widget-preview__close {
    width: 30px;
    height: 3px;
    border-radius: 3px;
    left: calc(50% - 15px);
    right: auto;
}

.widget-preview_open.widget-preview_mobile .widget-preview__close:before {
    content: none;
}

.widget-preview_open.widget-preview_fixed .widget-preview__question {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

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

.dark-tone .widget-preview__close {
    background-color: hsla(0, 0%, 100%, 0.2);
}

.dark-tone .widget-preview__close:before {
    color: hsla(0, 0%, 100%, 0.4);
}

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

@-webkit-keyframes fade-hide-button {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    to {
        opacity: 0.53;
    }
}

@keyframes fade-hide-button {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    to {
        opacity: 0.53;
    }
}

.app__start-page {
    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-page {
        height: 100%;
    }
}

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

.app__not-found {
    height: 100%;
    font-weight: 900;
    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: 900;
    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__edit {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background: var(--color-bg-6, #fff);
    opacity: 0.5;
    width: 2rem;
    height: 1rem;
}

.app__edit:hover {
    opacity: 1;
}

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

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

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

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

.app__loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent url(https://aftermark.guru//lp/f290096df0/assets/images/loader-4c98b8f7_348c_29.svg) no-repeat calc(50% + 40px) 50%;
    background-size: 160px;
}

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

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.17em;
}

.layout {
    background: var(--color-bg-10, #f8f8f8);
}

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

@media (max-width: 767px) {
    .quiz-container_with-loader .quiz__questions {
        overflow-x: visible;
    }

    .quiz-container_with-loader .quiz__questions:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: var(--color-bg-10, #f8f8f8);
        z-index: 22;
    }
}

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

    .final-page,
    .quiz,
    .result,
    .results {
        margin: 0 auto;
        max-width: 1024px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 570px !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        border: 5px solid transparent;
        border-radius: 4px;
        border-color: var(--color-bg-7, #e6e6e6);
        -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .quiz-container_with-loader {
        overflow: hidden;
    }

    .quiz-container_with-loader.quiz-container_has_results {
        -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .quiz-container_with-loader.quiz-container_has_result .quiz__result:before,
    .quiz-container_with-loader.quiz-container_has_results:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border: 5px solid transparent;
        border-radius: 4px;
        border-color: var(--color-bg-7, #e6e6e6);
        z-index: 22;
    }

    .quiz-container_with-loader.quiz-container_has_result {
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-animation: appearBoxShadow 0.3s ease-in-out forwards;
        animation: appearBoxShadow 0.3s ease-in-out forwards;
    }

    .quiz-container_with-loader.quiz-container_has_result.quiz-container_has_scroll
    .quiz__result:before {
        display: none;
    }

    @-webkit-keyframes appearBoxShadow {
        to {
            -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
        }
    }
    @keyframes appearBoxShadow {
        to {
            -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
        }
    }
    .dark
    .quiz-container_with-loader.quiz-container_has_result
    .quiz__result:before,
    .dark .quiz-container_with-loader:before {
        border-color: var(--color-bg-11);
    }

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

    .quiz {
        max-height: 75vh;
    }

    .dark .final-page,
    .dark .quiz,
    .dark .result,
    .dark .results {
        border-color: var(--color-bg-11);
        border-radius: 4px;
    }

    .dark .quiz__result-loader {
        background: var(--color-bg-10);
    }

    .dark .quiz__result-loader .result-loader__percent,
    .dark .quiz__result-loader .result-loader__text {
        color: var(--color-bg-6);
    }
}

.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%, 0.1)),
            color-stop(20%, hsla(0, 0%, 100%, 0.2)),
            to(hsla(0, 0%, 100%, 0.6))
    );
    background: linear-gradient(
            90deg,
            hsla(0, 0%, 100%, 0.1) 10%,
            hsla(0, 0%, 100%, 0.2) 20%,
            hsla(0, 0%, 100%, 0.6)
    );
    width: 20px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    left: -20%;
    -webkit-transition: all 0.6s ease;
    transition: all 0.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;
}