.answer_long {
    line-height: 1.3
}

.answer__hint {
    margin-left: 8px
}

.answer__title {
    word-break: break-word
}

.answer__title p {
    display: inline
}

.answer_long .answer__title {
    font-weight: 700;
    margin-bottom: .375rem
}

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

.quiz-container_rtl .answer__text,.quiz-container_rtl .answer__title,.quiz-container_rtl .answer_long {
    text-align: right
}

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

.other-input_native:has(input:focus) {
    border-radius: 4px;
    -webkit-animation: input-shadow 1.4s ease-out;
    animation: input-shadow 1.4s ease-out
}

.other-input_animation:has(input:focus) {
    border-radius: 4px;
    -webkit-animation: input-shadow 1.4s ease-out,shaking .5s;
    animation: input-shadow 1.4s ease-out,shaking .5s
}

.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: .5;
    color: #999;
    font-size: 10px
}

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

    16% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    33% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

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

    66% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    83% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

    16% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    33% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

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

    66% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    83% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes input-shadow {
    0% {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 1px solid transparent
    }

    25% {
        -webkit-box-shadow: 0 3px 15px 5px var(--color-alpha2);
        box-shadow: 0 3px 15px 5px var(--color-alpha2);
        outline: 1px solid var(--color)
    }

    75% {
        -webkit-box-shadow: 0 3px 15px 5px var(--color-alpha2);
        box-shadow: 0 3px 15px 5px var(--color-alpha2);
        outline: 1px solid var(--color)
    }

    to {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 1px solid transparent
    }
}

@keyframes input-shadow {
    0% {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 1px solid transparent
    }

    25% {
        -webkit-box-shadow: 0 3px 15px 5px var(--color-alpha2);
        box-shadow: 0 3px 15px 5px var(--color-alpha2);
        outline: 1px solid var(--color)
    }

    75% {
        -webkit-box-shadow: 0 3px 15px 5px var(--color-alpha2);
        box-shadow: 0 3px 15px 5px var(--color-alpha2);
        outline: 1px solid var(--color)
    }

    to {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 1px solid transparent
    }
}

.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-radio.radio,.answer_verifying-correct.b-checkbox.checkbox,.answer_verifying-correct.b-radio.radio {
    overflow: hidden
}

.answer_verifying-correct .b-checkbox.checkbox:after,.answer_verifying-correct .b-radio.radio:after,.answer_verifying-correct.b-checkbox.checkbox: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 .6s cubic-bezier(.25,.46,.45,.94) forwards;
    animation: flash .6s cubic-bezier(.25,.46,.45,.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(.5);
    transform: scale(.5)
}

.answer_verifying-correct .b-checkbox.checkbox input[type=checkbox]+.check,.answer_verifying-correct.b-checkbox.checkbox input[type=checkbox]+.check {
    background: url(//cdn.mrqz.me/img/mark.582c7e9d.svg) no-repeat 50%/.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,.answer_verifying-correct.answer-variants__variant,.answer_verifying-correct.select-address__variant {
    border: solid 1px var(--color)!important
}

.answer_verifying-correct.answer-one-image__variant .b-radio.radio:after,.answer_verifying-correct.answer-one-image__variant.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-radio.radio:after,.answer_verifying-correct.answer-images__answer-container.b-checkbox.checkbox: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(.9);
    transform: scale(.9)
}

.answer_verifying-correct.answer-images__answer-container .b-checkbox.checkbox input[type=checkbox]+.check {
    display: block!important;
    background: url(//cdn.mrqz.me/img/mark.582c7e9d.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-radio.radio:after,.answer_verifying-correct.answer-emoji__item-wrapper.b-checkbox.checkbox: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(//cdn.mrqz.me/img/mark.582c7e9d.svg) no-repeat 50%/.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 .6s ease-out forwards;
    animation: swing .6s ease-out forwards;
    background-image: url(//cdn.mrqz.me/img/close.93ae1fba.svg);
    background-size: .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 .6s ease-out forwards;
    animation: headShake .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 .6s ease-out forwards;
    animation: headShake .6s ease-out forwards
}

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

.answer_verifying-wrong.answer-one-image__variant_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(//cdn.mrqz.me/img/mark.582c7e9d.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 .6s ease-out forwards;
    animation: headShake .6s ease-out forwards
}

.answer-select .select select option.answer_verifying-correct:after {
    -webkit-animation: zoomIn .1s ease-in-out forwards;
    animation: zoomIn .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
}

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

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

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

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

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    50% {
        opacity: .8
    }

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

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

    50% {
        opacity: .8
    }

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

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes button__preloader {
    0% {
        width: 0;
        left: 0
    }

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

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

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

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

    30% {
        opacity: 0
    }

    to {
        opacity: .53
    }
}

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

    30% {
        opacity: 0
    }

    to {
        opacity: .53
    }
}

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

.m-theme-light,.m-theme-light button {
    font-family: aktiv-grotesk,sans-serif!important
}

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

.m-toast-backdrop {
    position: fixed;
    z-index: 9999999;
    max-width: 697px;
    top: 0
}

.m-toast-backdrop-right {
    right: 0
}

.m-toast-backdrop-middle {
    left: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.m-toast-backdrop-left {
    left: 0
}

.answer-variants {
    width: 100%;
    height: 100%;
    max-height: 100%
}

.answer-variants__group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    grid-gap: 16px;
    padding-bottom: 6px;
    max-height: 100%
}

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

.answer-variants__group:not(:has(.answer-variants__other)) {
    overflow-x: hidden;
    overflow-y: auto
}

@media (max-width: 767px) {
    .answer-variants__group {
        grid-template-columns:1fr
    }
}

.answer-variants__group .answer-variants__variant {
    border-radius: 5px;
    border: solid 1px var(--color-bg-2,rgba(217,216,230,.55));
    will-change: box-shadow;
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out,-webkit-box-shadow .15s ease-out
}

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

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

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

.answer-variants__group .answer-variants__variant label .check {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.25rem;
    flex: 0 0 1.25rem
}

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

@media (max-width: 818px) {
    .answer-variants__group .answer-variants__variant_has-hint label {
        padding-right:calc(1rem + 35px)
    }
}

.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_long .answer-variants__group {
    grid-template-columns: 1fr
}

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

.answer-variants_has_image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2rem
}

.answer-variants_has_image .answer-variants__group {
    grid-template-columns: 1fr;
    -webkit-box-flex: 2;
    -ms-flex: 2 1 47%;
    flex: 2 1 47%
}

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

@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_has_image .answer-variants__group,.answer-variants_has_image .answer-variants__image {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

.answer-variants__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47%;
    flex: 0 1 47%
}

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

.answer-variants__image-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__image-loading:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url(//cdn.mrqz.me/img/image-loader.243cab83.svg) no-repeat 58% 48%;
    background-size: 75px auto
}

.quiz-container_rtl .answer-variants__group::-webkit-scrollbar-thumb,.quiz-container_rtl .answer-variants__group::-webkit-scrollbar-track {
    border-left: none;
    border-right: 8px solid transparent
}

.quiz-container_rtl .answer-variants__variant .control-label {
    padding-right: 1rem!important
}

.quiz-container_rtl .answer-variants__variant_has-hint .b-checkbox {
    padding-right: 1rem
}