.pandariaquiz {
    max-width: 760px;
    margin: 0 auto 32px;
    color: #2d2e2d;
    font-family: "Rubik", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Quiz funding campaigns */
.pandariaquiz-campaigns *,
.pandariaquiz-campaigns *::before,
.pandariaquiz-campaigns *::after,
.pandariaquiz-campaign-supporters *,
.pandariaquiz-campaign-supporters *::before,
.pandariaquiz-campaign-supporters *::after { box-sizing: border-box; }
.pandariaquiz.pandariaquiz-campaigns { max-width: none; margin: 0 0 2rem; }
.pandariaquiz-campaigns__title { margin: 0 0 1.25rem; color: #2b3037; font-size: 1.6rem; }
.pandariaquiz-campaigns__notice { margin: 0 0 1rem; padding: .85rem 1rem; border: 1px solid #dce3e8; border-radius: 6px; background: #fff; color: #66717c; }
.pandariaquiz-campaigns__list { display: grid; gap: 1rem; }
.pandariaquiz-campaign { display: grid; grid-template-columns: minmax(180px, 260px) minmax(0, 1fr); overflow: hidden; border: 1px solid #dce3e8; border-radius: 8px; background: #fff; }
.pandariaquiz-campaign__image { display: block; width: 100%; height: 100%; min-height: 250px; object-fit: cover; }
.pandariaquiz-campaign__body { min-width: 0; padding: 1.4rem; }
.pandariaquiz-campaign__status { margin-bottom: .45rem; color: #1688ac; font-size: .8rem; font-weight: 700; text-transform: uppercase; }
.pandariaquiz-campaign__title { margin: 0; color: #252b32; font-size: 1.35rem; line-height: 1.25; }
.pandariaquiz-campaign__description { margin: .7rem 0 1rem; color: #66717c; line-height: 1.5; }
.pandariaquiz-campaign__metric { margin-top: 1rem; }
.pandariaquiz-campaign__metric.is-hidden { display: none; }
.pandariaquiz-campaign__progress { height: 10px; overflow: hidden; margin-top: .45rem; border-radius: 5px; background: #e8edf1; }
.pandariaquiz-campaign__progress span { display: block; height: 100%; background: #49bee6; transition: width .2s ease; }
.pandariaquiz-campaign__numbers { display: flex; justify-content: space-between; gap: 1rem; margin-top: .65rem; color: #67727d; }
.pandariaquiz-campaign__metric .pandariaquiz-campaign__numbers { align-items: center; flex-direction: row; margin-top: 0; }
.pandariaquiz-campaign__numbers strong { color: #2b3037; }
.pandariaquiz-campaign__supporters { display: flex; align-items: center; gap: .75rem; margin-top: .85rem; }
.pandariaquiz-campaign__supporters.is-empty { display: none; }
.pandariaquiz-campaign__supporters-label { color: #717c87; font-size: .9rem; }
.pandariaquiz-campaign__supporter-stack { display: flex; align-items: center; min-width: 0; padding-left: 6px; }
.pandariaquiz-campaign__supporter-avatar,
.pandariaquiz-campaign__supporter-more { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; overflow: hidden; margin-left: -6px; border: 2px solid #fff; border-radius: 50%; background: #e8f6fb; color: #187f9f; font-size: .78rem; font-weight: 700; }
.pandariaquiz-campaign__supporter-avatar img,
.pandariaquiz-campaign__supporter-avatar > span { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.pandariaquiz-campaign__supporter-avatar > span { display: inline-flex; align-items: center; justify-content: center; }
.pandariaquiz-campaign__supporter-avatar.is-current { border-color: #49bee6; }
.pandariaquiz-campaign__supporter-more { background: #edf1f4; color: #66717c; }
.pandariaquiz-campaign__supporter-more.is-hidden { display: none; }
.pandariaquiz-campaign__deadline,
.pandariaquiz-campaign__wallet,
.pandariaquiz-campaign__limit { margin-top: .7rem; color: #717c87; }
.pandariaquiz-campaign__auto-publish { margin-top: .7rem; color: #1688ac; font-size: .9rem; }
.pandariaquiz-campaign__actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; margin-top: 1rem; }
.pandariaquiz-campaign__actions button { min-height: 44px; border: 1px solid #cad4dc; border-radius: 6px; background: #fff; color: #2e363f; font-weight: 700; cursor: pointer; }
.pandariaquiz-campaign__actions button:hover { border-color: #42bce5; background: #edf9fd; color: #147b9c; }
.pandariaquiz-campaign__actions button:disabled { cursor: wait; opacity: .55; }
.pandariaquiz-campaign__quiz-link { display: inline-flex; margin-top: 1rem; padding: .65rem 1rem; border-radius: 6px; background: #30363d; color: #fff; text-decoration: none; }
.pandariaquiz-campaign__message { min-height: 1.4em; margin-top: .7rem; color: #67727d; }
.pandariaquiz-campaign-supporters { margin: 1.5rem 0 .5rem; padding: 1.25rem; border: 1px solid #dce3e8; border-radius: 8px; background: #fff; }
.pandariaquiz-campaign-supporters__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.pandariaquiz-campaign-supporters__heading h2 { margin: 0; color: #2b3037; font-size: 1.25rem; }
.pandariaquiz-campaign-supporters__heading span { color: #78838d; }
.pandariaquiz-campaign-supporters__preview { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-width: 0; }
.pandariaquiz-campaign-supporters__preview .pandariaquiz-campaign__supporter-stack { flex: 0 1 auto; }
.pandariaquiz-campaign-supporters__preview .pandariaquiz-campaign__supporter-more { padding: 0; cursor: pointer; }
.pandariaquiz-campaign-supporters__actions { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; min-width: 0; }
.pandariaquiz-campaign-supporters__current { color: #717c87; font-size: .9rem; white-space: nowrap; }
.pandariaquiz-campaign-supporters__current strong { color: #2b3037; }
.pandariaquiz-campaign-supporters__all { padding: 0; border: 0; background: transparent; color: #1688ac; font-weight: 700; cursor: pointer; white-space: nowrap; }
.pandariaquiz-campaign-supporters__all:hover { color: #116d88; }
.pandariaquiz-campaign-supporters__modal { overscroll-behavior: none; }
.pandariaquiz-campaign-supporters__modal .modal-dialog { max-width: 560px; }
.pandariaquiz-campaign-supporters__modal .modal-content { position: relative; overflow: hidden; border: 0; border-radius: 0; overscroll-behavior: none; box-shadow: 0 18px 44px rgba(45, 46, 45, .18); }
.pandariaquiz-campaign-supporters__modal-heading { padding: 1.15rem 3.5rem 1.15rem 1.25rem; border-bottom: 1px solid #e4e9ed; touch-action: none; user-select: none; }
.pandariaquiz-campaign-supporters__modal .modal-title { margin: 0; color: #2b3037; font-size: 1.2rem; }
.pandariaquiz-campaign-supporters__modal-heading > span { color: #78838d; font-size: .9rem; }
.pandariaquiz-campaign-supporters__close { position: absolute; top: .75rem; right: .9rem; z-index: 2; padding: 0; border: 0; background: transparent; color: #6c757d; font-size: 2rem; line-height: 1; cursor: pointer; }
.pandariaquiz-campaign-supporters__modal .modal-body { padding: 0; }
.pandariaquiz-campaign-supporters__list { max-height: min(60vh, 600px); overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.pandariaquiz-campaign-supporters__list::-webkit-scrollbar { display: none; width: 0; height: 0; }
.pandariaquiz-campaign-supporter { display: flex; align-items: center; gap: .7rem; min-width: 0; padding: .75rem 1.25rem; border-bottom: 1px solid #edf0f2; color: #353c44; }
.pandariaquiz-campaign-supporter.is-current { background: #f1faff; }
.pandariaquiz-campaign-supporter.is-supporter-hidden { display: none; }
.pandariaquiz-campaign-supporter img,
.pandariaquiz-campaign-supporter__initial { width: 42px; height: 42px; flex: 0 0 42px; border: 2px solid #fff; border-radius: 50%; object-fit: cover; }
.pandariaquiz-campaign-supporter.is-current img,
.pandariaquiz-campaign-supporter.is-current .pandariaquiz-campaign-supporter__initial { border-color: #49bee6; }
.pandariaquiz-campaign-supporter__initial { display: inline-flex; align-items: center; justify-content: center; background: #e8f6fb; color: #187f9f; font-weight: 700; }
.pandariaquiz-campaign-supporter strong { min-width: 0; overflow: hidden; color: #353c44; text-overflow: ellipsis; white-space: nowrap; }
.pandariaquiz-campaign-supporter__amount { flex: 0 0 auto; margin-left: auto; color: #717c87; font-size: .9rem; white-space: nowrap; }
.pandariaquiz-campaign-supporters__more { display: block; width: calc(100% - 2.5rem); margin: 1rem 1.25rem; padding: .7rem 1rem; border: 1px solid #cad4dc; border-radius: 6px; background: #fff; color: #30363d; font-weight: 700; cursor: pointer; }
.pandariaquiz-campaign-supporters__more:hover { border-color: #49bee6; color: #147b9c; }
.pandariaquiz-campaign-supporters__more.is-hidden { display: none; }

@media (max-width: 640px) {
    .pandariaquiz-campaign { grid-template-columns: 1fr; }
    .pandariaquiz-campaign__image { height: auto; min-height: 0; aspect-ratio: 16 / 9; }
    .pandariaquiz-campaign__body { padding: 1.1rem; }
    .pandariaquiz-campaign__numbers { align-items: flex-start; flex-direction: column; gap: .25rem; }
    .pandariaquiz-campaign__supporters { align-items: flex-start; flex-direction: column; gap: .4rem; }
    .pandariaquiz-campaign-supporters { padding: 1rem; }
    .pandariaquiz-campaign-supporters__heading { align-items: flex-start; flex-direction: column; gap: .25rem; }
    .pandariaquiz-campaign-supporters__preview { align-items: flex-start; flex-direction: column; }
    .pandariaquiz-campaign-supporters__actions { align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: .4rem; }
    .pandariaquiz-campaign-supporters__modal .modal-dialog { margin: .75rem; }
    .pandariaquiz-campaign-supporter { padding: .7rem 1rem; }
    .pandariaquiz-campaign-supporter__amount { font-size: .82rem; }
    .pandariaquiz-campaign-supporters__more { width: calc(100% - 2rem); margin: 1rem; }
}

.quiz-card__badge-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.quiz-card__badge--rating {
    border: 1px solid rgba(255, 255, 255, .2);
    background: #2d2e2d;
    color: #fff;
}

.pandariaquiz *,
.pandariaquiz *::before,
.pandariaquiz *::after {
    box-sizing: border-box;
}

.pandariaquiz .d-none,
.pandariaquiz .is-hidden {
    display: none !important;
}

.pandariaquiz .text-center {
    text-align: center !important;
}

.pandariaquiz .text-muted {
    color: #6c757d !important;
}

.pandariaquiz .text-danger {
    color: #dc3545 !important;
}

.pandariaquiz .text-warning {
    color: #ffc107 !important;
}

.pandariaquiz .text-success {
    color: #28a745 !important;
}

.pandariaquiz .mb-0 {
    margin-bottom: 0 !important;
}

.pandariaquiz .mb-2 {
    margin-bottom: .5rem !important;
}

.pandariaquiz .mb-3 {
    margin-bottom: 1rem !important;
}

.pandariaquiz .mb-4 {
    margin-bottom: 1.5rem !important;
}

.pandariaquiz .mt-0 {
    margin-top: 0 !important;
}

.pandariaquiz .mt-3 {
    margin-top: 1rem !important;
}

.pandariaquiz .mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.pandariaquiz .pt-2 {
    padding-top: .5rem !important;
}

.pandariaquiz .pb-0 {
    padding-bottom: 0 !important;
}

.pandariaquiz .pl-0 {
    padding-left: 0 !important;
}

.pandariaquiz .pr-0 {
    padding-right: 0 !important;
}

.pandariaquiz .border {
    border: 1px solid #dee2e6 !important;
}

.pandariaquiz .shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.pandariaquiz .rounded-pill {
    border-radius: 50rem !important;
}

.pandariaquiz .btn {
    display: inline-block;
    border: 1px solid transparent;
    padding: .375rem 1rem;
    border-radius: .25rem;
    font: inherit;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
}

.pandariaquiz .btn-lg {
    padding: .5rem 1rem;
    border-radius: .3rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pandariaquiz .btn-dark {
    border-color: #343a40;
    background-color: #2d2e2d;
    color: #fff;
}

.pandariaquiz .btn-light {
    border-color: #fff;
    background-color: #fff;
    color: #333;
}

.pandariaquiz .btn-outline-primary {
    border-color: #4fcdff;
    background-color: #fff;
    color: #4fcdff;
}

.pandariaquiz .btn-sm {
    padding: .25rem .5rem;
    border-radius: .2rem;
    font-size: .875rem;
    line-height: 1.5;
}

.pandariaquiz .btn:disabled,
.pandariaquiz .btn.disabled {
    opacity: 1;
    cursor: not-allowed;
}

.pandariaquiz .form-group {
    margin-bottom: 1rem;
}

.pandariaquiz .form-check {
    padding: 0;
    margin-bottom: 0;
    cursor: pointer;
}

.pandariaquiz .form-check-inline {
    display: block;
    margin-right: 0;
}

.pandariaquiz .form-check-input {
    display: none;
}

.pandariaquiz .custom-control {
    padding-left: 0;
    margin-right: 0;
}

.pandariaquiz .custom-control-label {
    display: block;
    padding: 1.2rem 1.1rem;
    border-radius: .3em;
    line-height: 1.3em;
    margin-bottom: .7em;
    cursor: pointer;
    font-size: 1.1em;
    border-width: 3px !important;
}

.pandariaquiz .custom-control-label::before,
.pandariaquiz .custom-control-label::after {
    display: none;
}

.pandariaquiz .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #fff;
    background-color: #fff;
}

.pandariaquiz .custom-control-input:disabled ~ .custom-control-label {
    color: #212529;
}

.pandariaquiz .step.closed .custom-control-input:checked ~ .custom-control-label {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
    color: #fff;
}

.pandariaquiz .step.closed .custom-control-input:disabled ~ .custom-control-label {
    background: #dee2e6;
}

.pandariaquiz .quiz-form .form-check-input.field-success ~ .custom-control-label,
.pandariaquiz .quiz-form .form-check-input.field-error:checked ~ .custom-control-label,
.pandariaquiz .quiz-option-label.is-correct,
.pandariaquiz .quiz-option-label.is-wrong {
    background-color: #dee2e6 !important;
    border-color: #dee2e6 !important;
    color: #2d2e2d;
}

.pandariaquiz .quiz-form .form-check-input:checked ~ .custom-control-label,
.pandariaquiz .quiz-option-label.is-selected {
    border-color: #343a40 !important;
}

.pandariaquiz .step.is-answered .custom-control-input:disabled ~ .custom-control-label,
.pandariaquiz .step.is-answered .quiz-option-label,
.pandariaquiz .step.closed .custom-control-input:disabled ~ .custom-control-label,
.pandariaquiz .step.is-closed .custom-control-input:disabled ~ .custom-control-label {
    background-color: #dee2e6 !important;
    border-color: #dee2e6 !important;
    color: #2d2e2d;
}

.pandariaquiz .step.is-answered .custom-control-input:checked ~ .custom-control-label,
.pandariaquiz .step.is-answered .quiz-option-label.is-selected,
.pandariaquiz .step.closed .custom-control-input:checked ~ .custom-control-label,
.pandariaquiz .step.is-closed .custom-control-input:checked ~ .custom-control-label {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
    color: #fff;
}

.pandariaquiz .answer {
    font-size: 1.6em;
    margin-bottom: 0;
    padding: .3em;
    text-align: center;
    background-color: #2d2e2d;
    text-transform: uppercase;
    font-weight: 500;
}

.pandariaquiz .js-answer {
    background-color: #2d2e2d;
}

.pandariaquiz .answer a {
    color: #fff;
}

.pandariaquiz .answer.true {
    color: #fff;
    background-color: #75cfc1;
}

.pandariaquiz .answer.false {
    color: #fff;
    background-color: #ff5a5f;
}

.pandariaquiz .pandariaquiz-answer-feedback {
    --pandariaquiz-feedback-gutter: 2rem;
    --pandariaquiz-feedback-inner: 1rem;
    display: flow-root;
    margin: 0 0 1rem;
    padding-bottom: 0;
    background: #2d2e2d;
    color: #fff;
}

.pandariaquiz .pandariaquiz-answer-feedback .js-answer-message,
.pandariaquiz .pandariaquiz-answer-feedback .quiz-social-proof,
.pandariaquiz .pandariaquiz-answer-feedback .quiz-progress-card,
.pandariaquiz .pandariaquiz-answer-feedback .pandariaquiz-question-feedback {
    margin-right: var(--pandariaquiz-feedback-gutter);
    margin-left: var(--pandariaquiz-feedback-gutter);
}

.pandariaquiz .pandariaquiz-answer-feedback .pandariaquiz-nav-top,
.pandariaquiz .pandariaquiz-answer-feedback .pandariaquiz-submit-wrap-top {
    margin-top: 0;
}

.pandariaquiz .pandariaquiz-answer-feedback .quiz-progress-card {
    margin-bottom: 1.25rem;
}

.pandariaquiz .answer_message.alert {
    margin: 1rem auto 1rem;
    padding: 0 var(--pandariaquiz-feedback-inner);
    max-width: 820px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.55;
    text-align: left;
}

.pandariaquiz .answer_message.alert.true {
    background-color: transparent;
}

.pandariaquiz .answer_message.alert.false {
    background-color: transparent;
}

.pandariaquiz .answer_message_image {
    padding: 0 var(--pandariaquiz-feedback-inner) 1rem;
    text-align: center;
}

.pandariaquiz .answer_message_image img,
.pandariaquiz .answer_message img {
    max-width: 420px;
    width: 100%;
    margin: .5em auto;
    border-radius: 5px;
}

.pandariaquiz .alert {
    position: relative;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0;
}

.pandariaquiz .alert-primary {
    border-color: #b8daff;
    background-color: #cce5ff;
    color: #004085;
}

.pandariaquiz .btn-next,
.pandariaquiz .btn-submit {
    border-color: #fff !important;
    background-color: #fff;
    color: #333;
    box-shadow: 0 4px 15px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);
    font-size: 1.5em;
    padding: .5rem 2rem .5rem 2.5rem;
    font-weight: 500;
}

.pandariaquiz .btn-next::after,
.pandariaquiz .btn-submit::after {
    content: "";
    display: inline-block;
    width: 26px;
    height: 20px;
    margin: 0 0 -2px 20px;
    vertical-align: baseline;
    background: url("/assets/template/img/arrow-right.svg") no-repeat center / contain;
}

.pandariaquiz .btn-dark.btn-next::after,
.pandariaquiz .btn-dark.btn-submit::after {
    background: url("/assets/template/img/arrow-right-white.svg") no-repeat center / contain;
}

.pandariaquiz .btn-next:disabled {
    border-color: transparent !important;
    background-color: #a5a5a5;
    color: #7a7676;
    box-shadow: none;
    padding-right: 2rem;
    padding-left: 2rem;
}

.pandariaquiz .btn-submit:disabled {
    border-color: transparent !important;
    background-color: #a5a5a5;
    color: #7a7676;
    box-shadow: none;
}

.pandariaquiz .btn-next:disabled::after {
    display: none;
}

.pandariaquiz .form-submit.active .btn-submit {
    font-size: 0;
}

.pandariaquiz .form-submit.active .btn-submit span.txt,
.pandariaquiz .form-submit.active .btn-submit::after {
    display: none;
}

.pandariaquiz .loading-wave {
    display: none;
    width: 50px;
    height: 40px;
    margin: auto;
    font-size: .8rem;
}

.pandariaquiz .loading-wave > div {
    display: inline-block;
    width: 3px;
    height: 100%;
    border-radius: 5px;
    background-color: #333;
    animation: pandariaquiz-stretchdelay 1.2s infinite ease-in-out;
}

.pandariaquiz .btn-light .loading-wave > div {
    background-color: #333;
}

.pandariaquiz .btn-dark .loading-wave > div {
    background-color: #fff;
}

.pandariaquiz .loading-wave .rect2 {
    animation-delay: -1.1s;
}

.pandariaquiz .loading-wave .rect3 {
    animation-delay: -1s;
}

.pandariaquiz .loading-wave .rect4 {
    animation-delay: -.9s;
}

.pandariaquiz .loading-wave .rect5 {
    animation-delay: -.8s;
}

.pandariaquiz .form-submit.active .loading-wave {
    display: inline-block !important;
}

@keyframes pandariaquiz-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(.4);
    }
    20% {
        transform: scaleY(1);
    }
}

.pandariaquiz .quiz-progress-card {
    background: #fff;
    color: #2d2e2d;
    border: 1px solid #e7e8e5;
    border-radius: 16px;
    padding: 1rem;
    margin: 1rem;
    box-shadow: 0 8px 22px rgba(45, 46, 45, .08);
}

.pandariaquiz .quiz-progress-card.quiz-progress-card--dark,
.pandariaquiz.pandariaquiz-progress-dark .quiz-progress-card {
    border-color: rgba(255, 255, 255, .1);
    background: #2d2e2d;
    color: #fff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        inset 0 -1px 0 rgba(0, 0, 0, .35),
        0 10px 24px rgba(0, 0, 0, .18);
}

.pandariaquiz .pandariaquiz-stage-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin: -.15rem 0 .75rem;
    padding: 4px 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.pandariaquiz .pandariaquiz-stage-steps::-webkit-scrollbar {
    display: none;
}

.pandariaquiz .pandariaquiz-stage-step {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 40px;
}

.pandariaquiz .pandariaquiz-stage-step:not(:last-child)::after {
    content: "";
    position: absolute;
    left: calc(50% + 14px);
    right: calc(-50% + 14px);
    top: 50%;
    height: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    transform: translateY(-50%);
}

.pandariaquiz .pandariaquiz-stage-step__dot {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 2px solid rgba(255, 255, 255, .26);
    border-radius: 50%;
    background: #313631;
    color: rgba(255, 255, 255, .72);
    font-size: .82rem;
    font-weight: 700;
    line-height: 1;
    transition: transform .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease;
}

.pandariaquiz .pandariaquiz-stage-step.is-complete:not(:last-child)::after {
    background: rgba(117, 213, 201, .52);
}

.pandariaquiz .pandariaquiz-stage-step.is-complete .pandariaquiz-stage-step__dot {
    border-color: #75d5c9;
    background: #75d5c9;
    color: #151715;
}

.pandariaquiz .pandariaquiz-stage-step.is-current .pandariaquiz-stage-step__dot {
    width: 32px;
    height: 32px;
    border-color: #fff;
    background: #fff;
    color: #242624;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .12);
}

.pandariaquiz .pandariaquiz-stage-step.is-future .pandariaquiz-stage-step__dot {
    border-color: rgba(255, 255, 255, .2);
    background: #1c1f1c;
    color: rgba(255, 255, 255, .44);
}

.pandariaquiz .pandariaquiz-rating-notice {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: 0 0 1rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(177, 132, 25, .24);
    border-radius: 14px;
    background: #fff8df;
    color: #55430f;
    line-height: 1.4;
}

.pandariaquiz .pandariaquiz-rating-notice__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f2d36b;
    font-size: 1.1rem;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-rating-notice__content {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.pandariaquiz .pandariaquiz-rating-notice__title {
    color: #3f3108;
    font-size: 1rem;
}

.pandariaquiz .pandariaquiz-rating-notice__title a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: .12em;
}

.pandariaquiz .pandariaquiz-ad-block {
    margin: 1.25rem 0 1rem;
}

.pandariaquiz .pandariaquiz-ad-free-notice {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    margin: 0 1rem 1rem;
    padding: .7rem 1rem;
    border: 1px solid rgba(45, 46, 45, .1);
    border-radius: 12px;
    background: #eefaf7;
    color: #285d55;
    font-size: .92rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
}

.pandariaquiz .pandariaquiz-ad-free-notice__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #67b34d;
    color: #fff;
}

.pandariaquiz .pandariaquiz-ad-free-notice__icon svg {
    display: block;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pandariaquiz .pandariaquiz-ad-free-notice__body {
    display: inline-flex;
    flex-direction: column;
    gap: .1rem;
    text-align: left;
}

.pandariaquiz .pandariaquiz-ad-free-notice__title {
    color: #173f39;
    font-size: .96rem;
    font-weight: 700;
}

.pandariaquiz .pandariaquiz-ad-free-notice__text {
    display: block;
}

.pandariaquiz .pandariaquiz-ad-label {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    border-bottom: 1px solid #ddd;
}

.pandariaquiz .pandariaquiz-ad-label small {
    font-weight: 300;
    letter-spacing: 1px;
}

.pandariaquiz .pandariaquiz-answer-feedback .pandariaquiz-ad-block {
    margin: 1.25rem 0;
}

.pandariaquiz .pandariaquiz-answer-feedback .pandariaquiz-ad-label {
    border-bottom-color: rgba(255, 255, 255, .22);
    color: rgba(255, 255, 255, .62) !important;
}

.pandariaquiz .quiz-step-ad,
.pandariaquiz .pandariaquiz-ad-slot {
    display: block;
    min-height: 90px;
}

.pandariaquiz .quiz-segment-track {
    display: grid;
    grid-template-columns: repeat(var(--quiz-steps), 1fr);
    gap: 3px;
    height: auto;
    min-height: 20px;
    padding: 3px;
    border-radius: 999px;
    background: #575d58;
    overflow: hidden;
}

.pandariaquiz .quiz-progress-card.quiz-progress-card--dark .quiz-segment-track,
.pandariaquiz.pandariaquiz-progress-dark .quiz-progress-card .quiz-segment-track {
    background: #151715;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .08),
        inset 0 2px 8px rgba(0, 0, 0, .35);
}

.pandariaquiz .quiz-segment {
    display: block;
    height: 18px;
    background: #6f7672;
    box-shadow: inset 1px 0 rgba(255, 255, 255, .18);
}

.pandariaquiz .quiz-progress-card.quiz-progress-card--dark .quiz-segment,
.pandariaquiz.pandariaquiz-progress-dark .quiz-progress-card .quiz-segment {
    background: #555c55;
    box-shadow: inset 1px 0 rgba(255, 255, 255, .12);
}

.pandariaquiz .quiz-segment:first-child {
    border-radius: 999px 0 0 999px;
}

.pandariaquiz .quiz-segment:last-child {
    border-radius: 0 999px 999px 0;
}

.pandariaquiz .quiz-segment:only-child {
    border-radius: 999px;
}

.pandariaquiz .quiz-segment.is-correct {
    background: #75d5c9;
}

.pandariaquiz .quiz-progress-card.quiz-progress-card--dark .quiz-segment.is-correct,
.pandariaquiz.pandariaquiz-progress-dark .quiz-progress-card .quiz-segment.is-correct {
    background: #75d5c9;
}

.pandariaquiz .quiz-segment.is-wrong {
    background: #ff5b63;
}

.pandariaquiz .quiz-progress-card.quiz-progress-card--dark .quiz-segment.is-wrong,
.pandariaquiz.pandariaquiz-progress-dark .quiz-progress-card .quiz-segment.is-wrong {
    background: #ff5b63;
}

.pandariaquiz .quiz-segment.is-current {
    outline: 2px solid #fff;
    outline-offset: -3px;
}

.pandariaquiz .pandariaquiz-question-feedback {
    display: none;
    margin: 0;
    background: transparent;
    color: #fff;
    box-shadow: none;
}

.pandariaquiz .pandariaquiz-question-feedback.is-visible {
    display: block;
}

.pandariaquiz .pandariaquiz-question-feedback.is-saving {
    pointer-events: none;
    opacity: .75;
}

.pandariaquiz .pandariaquiz-question-feedback__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 72px;
    padding: .75rem var(--pandariaquiz-feedback-inner);
}

.pandariaquiz .pandariaquiz-question-feedback__title,
.pandariaquiz .pandariaquiz-question-feedback__thanks {
    font-size: 1.18rem;
    line-height: 1.3;
}

.pandariaquiz .pandariaquiz-question-feedback__actions {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-shrink: 0;
}

.pandariaquiz .pandariaquiz-question-feedback__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: rgba(255, 255, 255, .18);
    color: #fff;
    cursor: pointer;
    transition: background-color .16s ease, transform .16s ease;
}

.pandariaquiz .pandariaquiz-question-feedback__button:hover,
.pandariaquiz .pandariaquiz-question-feedback__button:focus {
    background: rgba(255, 255, 255, .24);
    outline: none;
    transform: translateY(-1px);
}

.pandariaquiz .pandariaquiz-question-feedback__button svg {
    display: block;
    width: 31px;
    height: 31px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pandariaquiz .pandariaquiz-question-feedback.is-liked [data-feedback="like"] {
    background: #75d5c9;
}

.pandariaquiz .pandariaquiz-question-feedback.is-disliked [data-feedback="dislike"] {
    background: #ff5b63;
}

.pandariaquiz .pandariaquiz-question-feedback__thanks {
    display: none;
}

.pandariaquiz .pandariaquiz-question-feedback__thanks-like,
.pandariaquiz .pandariaquiz-question-feedback__thanks-dislike {
    display: none;
}

.pandariaquiz .pandariaquiz-question-feedback.is-liked .pandariaquiz-question-feedback__thanks-like,
.pandariaquiz .pandariaquiz-question-feedback.is-disliked .pandariaquiz-question-feedback__thanks-dislike {
    display: inline;
}

.pandariaquiz .pandariaquiz-question-feedback__modal {
    color: #2d2e2d;
}

.pandariaquiz .modal .authservice-card {
    width: 100%;
    max-width: none;
}

.pandariaquiz .pandariaquiz-question-feedback__modal .modal-content {
    border: 0;
    border-radius: 0;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .24);
}

.pandariaquiz .pandariaquiz-question-feedback__modal .modal-body {
    padding: 2.25rem 1.4rem 1.4rem;
}

.pandariaquiz .pandariaquiz-question-feedback__close {
    position: absolute;
    top: .6rem;
    right: .8rem;
    z-index: 2;
    width: 34px;
    height: 34px;
    border: 0;
    background: transparent;
    color: #555;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
}

.pandariaquiz .pandariaquiz-question-feedback__reasons {
    display: grid;
    gap: .65rem;
}

.pandariaquiz .pandariaquiz-question-feedback__comment-view {
    display: none;
}

.pandariaquiz .pandariaquiz-question-feedback__auth-view {
    display: none;
}

.pandariaquiz .pandariaquiz-question-feedback__support-view {
    display: none;
}

.pandariaquiz .pandariaquiz-question-feedback.is-comment .pandariaquiz-question-feedback__reason-view {
    display: none;
}

.pandariaquiz .pandariaquiz-question-feedback.is-comment .pandariaquiz-question-feedback__comment-view {
    display: block;
}

.pandariaquiz .pandariaquiz-question-feedback.is-auth .pandariaquiz-question-feedback__reason-view {
    display: none;
}

.pandariaquiz .pandariaquiz-question-feedback.is-auth .pandariaquiz-question-feedback__auth-view {
    display: block;
}

.pandariaquiz .pandariaquiz-question-feedback.is-like-modal .pandariaquiz-question-feedback__reason-view,
.pandariaquiz .pandariaquiz-question-feedback.is-like-modal .pandariaquiz-question-feedback__comment-view,
.pandariaquiz .pandariaquiz-question-feedback.is-like-modal .pandariaquiz-question-feedback__auth-view {
    display: none;
}

.pandariaquiz .pandariaquiz-question-feedback.is-like-modal .pandariaquiz-question-feedback__support-view {
    display: block;
}

.pandariaquiz .pandariaquiz-question-feedback.is-modal-thanks .pandariaquiz-question-feedback__comment-view,
.pandariaquiz .pandariaquiz-question-feedback.is-modal-thanks .pandariaquiz-question-feedback__auth-view,
.pandariaquiz .pandariaquiz-question-feedback.is-modal-thanks .pandariaquiz-question-feedback__support-view {
    display: none;
}

.pandariaquiz .pandariaquiz-question-feedback__auth-title {
    margin-bottom: 1rem;
    color: #555;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
}

.pandariaquiz .pandariaquiz-question-feedback__comment-label {
    display: block;
    margin-bottom: .75rem;
    color: #555;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
}

.pandariaquiz .pandariaquiz-question-feedback__comment {
    display: block;
    width: 100%;
    min-height: 130px;
    padding: .75rem .85rem;
    resize: vertical;
    border: 1px solid #cfd5d1;
    border-radius: 6px;
    background: #fff;
    color: #2d2e2d;
    font: inherit;
    line-height: 1.45;
}

.pandariaquiz .pandariaquiz-question-feedback__comment:focus {
    border-color: #62b8aa;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(98, 184, 170, .18);
}

.pandariaquiz .pandariaquiz-question-feedback__comment-error {
    display: none;
    margin-top: .4rem;
    color: #c63f47;
    font-size: .86rem;
}

.pandariaquiz .pandariaquiz-question-feedback.has-comment-error .pandariaquiz-question-feedback__comment {
    border-color: #dc5961;
}

.pandariaquiz .pandariaquiz-question-feedback.has-comment-error .pandariaquiz-question-feedback__comment-error {
    display: block;
}

.pandariaquiz .pandariaquiz-question-feedback__comment-submit {
    display: block;
    width: 100%;
    min-height: 44px;
    margin-top: .8rem;
    padding: .6rem 1rem;
    border: 0;
    border-radius: 6px;
    background: #75c8ba;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.pandariaquiz .pandariaquiz-question-feedback__comment-submit:hover,
.pandariaquiz .pandariaquiz-question-feedback__comment-submit:focus {
    background: #62b8aa;
    outline: none;
}

.pandariaquiz .pandariaquiz-question-feedback__modal-thanks {
    display: none;
    min-height: 260px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.7rem;
    padding: 1rem .5rem;
    text-align: center;
}

.pandariaquiz .pandariaquiz-question-feedback__modal-thanks-title {
    max-width: 420px;
    color: #4f4f4f;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.35;
}

.pandariaquiz .pandariaquiz-question-feedback__modal-thanks-close {
    border: 0;
    background: transparent;
    color: #1877f2;
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
}

.pandariaquiz .pandariaquiz-question-feedback__modal-thanks-close:hover,
.pandariaquiz .pandariaquiz-question-feedback__modal-thanks-close:focus {
    color: #166fe5;
    outline: none;
}

.pandariaquiz .pandariaquiz-question-feedback__like-thanks {
    display: flex;
    min-height: 210px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    padding: 1rem .5rem;
    text-align: center;
}

.pandariaquiz .pandariaquiz-question-feedback__like-thanks-title {
    color: #2c333a;
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1.3;
}

.pandariaquiz .pandariaquiz-question-feedback.is-modal-thanks .pandariaquiz-question-feedback__reason-view {
    display: none;
}

.pandariaquiz .pandariaquiz-question-feedback.is-modal-thanks .pandariaquiz-question-feedback__modal-thanks {
    display: flex;
}

.pandariaquiz .pandariaquiz-question-feedback__lead {
    margin-bottom: 1rem;
    color: #555;
    font-size: 1.35rem;
    font-weight: normal;
    text-align: center;
}

.pandariaquiz .pandariaquiz-question-feedback__reason {
    width: 100%;
    min-height: 42px;
    padding: .55rem .8rem;
    border: 0;
    border-radius: 6px;
    background: #75c8ba;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .16s ease, transform .16s ease;
}

.pandariaquiz .pandariaquiz-question-feedback__reason:hover,
.pandariaquiz .pandariaquiz-question-feedback__reason:focus {
    background: #62b8aa;
    outline: none;
    transform: translateY(-1px);
}

.pandariaquiz .pandariaquiz-question-feedback.is-thanks .pandariaquiz-question-feedback__main,
.pandariaquiz .pandariaquiz-question-feedback.is-thanks:not(.is-modal-thanks) .pandariaquiz-question-feedback__modal {
    display: none;
}

.pandariaquiz .pandariaquiz-question-feedback.is-thanks .pandariaquiz-question-feedback__thanks {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    padding: .75rem 1rem;
    text-align: center;
}

.pandariaquiz .pandariaquiz-intro-title {
    font-size: 1.3rem;
}

.pandariaquiz .pandariaquiz-stage-summary {
    margin: 0 0 1rem;
    padding: 1rem;
    text-align: center;
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: rgb(204, 204, 204) 0px 2px 5px, rgb(204, 204, 204) 0px -2px 5px;
}

.pandariaquiz .pandariaquiz-stage-summary .pandariaquiz-stage-steps {
    margin-bottom: .85rem;
}

.pandariaquiz .pandariaquiz-stage-summary .pandariaquiz-stage-step:not(:last-child)::after {
    background: #d8ded9;
}

.pandariaquiz .pandariaquiz-stage-summary .pandariaquiz-stage-step.is-complete:not(:last-child)::after {
    background: rgba(45, 46, 45, .36);
}

.pandariaquiz .pandariaquiz-stage-summary .pandariaquiz-stage-step__dot {
    border-color: #2d2e2d;
    background: #2d2e2d;
    color: #fff;
}

.pandariaquiz .pandariaquiz-stage-summary .pandariaquiz-stage-step.is-complete .pandariaquiz-stage-step__dot {
    border-color: #2d2e2d;
    background: #2d2e2d;
    color: #fff;
}

.pandariaquiz .pandariaquiz-stage-summary .pandariaquiz-stage-step.is-current .pandariaquiz-stage-step__dot {
    border-color: #2d2e2d;
    background: #fff;
    color: #2d2e2d;
    box-shadow: 0 0 0 4px rgba(45, 46, 45, .12);
}

.pandariaquiz .pandariaquiz-stage-summary .pandariaquiz-stage-step.is-future .pandariaquiz-stage-step__dot {
    border-color: #cfd4d0;
    background: #fff;
    color: #6c757d;
}

.pandariaquiz .pandariaquiz-stage-summary h2 {
    margin: 0;
    font-size: 1.25rem;
}

.pandariaquiz .pandariaquiz-stage-description {
    margin-top: .65rem;
    color: #6c757d;
    line-height: 1.45;
}

.pandariaquiz .pandariaquiz-review-wrap .pandariaquiz-stage-summary {
    margin-right: 0;
    margin-left: 0;
    background: #2d2e2d;
    border-color: #2d2e2d;
    color: #fff;
    box-shadow: 0 10px 26px rgba(45, 46, 45, .18);
}

.pandariaquiz .pandariaquiz-review-wrap .pandariaquiz-stage-summary h2,
.pandariaquiz .pandariaquiz-review-wrap .pandariaquiz-stage-description {
    color: #fff;
}

.pandariaquiz .pandariaquiz-review-wrap .pandariaquiz-stage-summary .pandariaquiz-stage-step:not(:last-child)::after {
    background: rgba(255, 255, 255, .18);
}

.pandariaquiz .pandariaquiz-review-wrap .pandariaquiz-stage-summary .pandariaquiz-stage-step.is-complete:not(:last-child)::after {
    background: rgba(117, 213, 201, .52);
}

.pandariaquiz .pandariaquiz-review-wrap .pandariaquiz-stage-summary .pandariaquiz-stage-step__dot {
    border-color: rgba(255, 255, 255, .26);
    background: #313631;
    color: rgba(255, 255, 255, .72);
}

.pandariaquiz .pandariaquiz-review-wrap .pandariaquiz-stage-summary .pandariaquiz-stage-step.is-complete .pandariaquiz-stage-step__dot {
    border-color: #75d5c9;
    background: #75d5c9;
    color: #151715;
}

.pandariaquiz .pandariaquiz-review-wrap .pandariaquiz-stage-summary .pandariaquiz-stage-step.is-current .pandariaquiz-stage-step__dot {
    border-color: #fff;
    background: #fff;
    color: #242624;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .12);
}

.pandariaquiz .pandariaquiz-review-wrap .pandariaquiz-stage-summary .pandariaquiz-stage-step.is-future .pandariaquiz-stage-step__dot {
    border-color: rgba(255, 255, 255, .2);
    background: #1c1f1c;
    color: rgba(255, 255, 255, .44);
}

.pandariaquiz.microsite__quiz .step {
    display: block;
    padding: 2rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 2px 5px #ccc, 0 -2px 5px #ccc;
    background-color: #fff;
    scroll-margin-top: 24px;
}

.pandariaquiz.microsite__quiz .step.active,
.pandariaquiz.microsite__quiz .step.is-active {
    display: block;
    box-shadow: 0 5px 10px #ccc, 0 -5px 10px #ccc;
}

.pandariaquiz.microsite__quiz .step.closed,
.pandariaquiz.microsite__quiz .step.is-closed {
    display: block;
}

.pandariaquiz .form-title {
    font-size: 1.25rem;
    line-height: 1.35;
}

.pandariaquiz .form-description,
.pandariaquiz .pandariaquiz-question-description {
    font-size: 1.2em;
    background-color: #2d2e2d;
    color: #fff;
    padding: .5em 1em;
    margin-left: -2rem;
    margin-right: -2rem;
}

.pandariaquiz .field-img {
    display: inline-block;
    border-radius: 0;
}

.pandariaquiz .quiz-option-label {
    display: flex !important;
    align-items: stretch;
    padding: 0 !important;
    overflow: hidden;
    min-height: 74px;
    border-radius: 12px !important;
    background: #fff;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease, transform .16s ease;
}

.pandariaquiz .quiz-option-letter {
    width: 64px;
    min-width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f2ef;
    color: #b8bab6;
    font-size: 1.4rem;
    font-weight: 800;
}

.pandariaquiz .quiz-option-text {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    font-size: 1.15rem;
    line-height: 1.25;
}

.pandariaquiz .quiz-hint-text {
    font-size: .9rem;
    color: #6c757d;
}

.pandariaquiz .btn-hint,
.pandariaquiz .pandariaquiz-hint-button {
    border-radius: 50rem !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-width: min(100%, 11rem);
    min-height: 3.2rem;
    padding: .42rem 1.45rem .42rem .52rem !important;
    border: 0 !important;
    background: linear-gradient(105deg, #47cdf5 0%, #238ff5 58%, #287cf3 100%) !important;
    color: #fff !important;
    font-size: clamp(1.12rem, 3.4vw, 1.2rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: .01em;
    text-shadow: 0 1px 8px rgba(11, 78, 160, .22);
    box-shadow:
        0 10px 20px rgba(33, 130, 244, .2),
        0 3px 9px rgba(29, 117, 221, .2),
        inset 0 0 0 3px rgba(255, 255, 255, .22);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.pandariaquiz .btn-hint::before,
.pandariaquiz .pandariaquiz-hint-button::before {
    content: "";
    display: block;
    flex: 0 0 2.55rem;
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .18);
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 5.8v3'/%3E%3Cpath d='M6.8 24h3.4'/%3E%3Cpath d='M37.8 24h3.4'/%3E%3Cpath d='M11.5 11.5l2.4 2.4'/%3E%3Cpath d='M36.5 11.5l-2.4 2.4'/%3E%3Cpath d='M18.4 35c0-3.7-3.8-5.9-3.8-11 0-5.7 4.2-10 9.4-10s9.4 4.3 9.4 10c0 5.1-3.8 7.3-3.8 11'/%3E%3Cpath d='M18.4 35h11.2v2.4c0 3-2.3 5-5.6 5s-5.6-2-5.6-5V35Z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 82%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
}

.pandariaquiz .btn-hint:hover,
.pandariaquiz .btn-hint:focus,
.pandariaquiz .pandariaquiz-hint-button:hover,
.pandariaquiz .pandariaquiz-hint-button:focus {
    color: #fff !important;
    filter: brightness(1.03);
    transform: translateY(-1px);
    box-shadow:
        0 12px 22px rgba(33, 130, 244, .24),
        0 4px 10px rgba(29, 117, 221, .22),
        inset 0 0 0 3px rgba(255, 255, 255, .25);
}

.pandariaquiz .btn-hint:disabled,
.pandariaquiz .pandariaquiz-hint-button:disabled,
.pandariaquiz .pandariaquiz-hint-action:disabled {
    background: #e9ecef !important;
    border-color: #ced4da !important;
    color: #6c757d !important;
    opacity: 1;
    cursor: not-allowed;
    box-shadow: none !important;
}

.pandariaquiz .btn-hint:disabled::before,
.pandariaquiz .pandariaquiz-hint-button:disabled::before {
    background-color: rgba(108, 117, 125, .12);
    filter: grayscale(1) opacity(.7);
}

.pandariaquiz .pandariaquiz-answer-letter.is-audience-percent,
.pandariaquiz .quiz-option-letter.is-audience-percent {
    min-width: 4.35rem;
    padding: 0 .45rem;
    background: #fff4d8;
    color: #1f2933;
    font-size: 1.05rem;
    white-space: nowrap;
}

.pandariaquiz .pandariaquiz-step.has-audience-hint .pandariaquiz-answer-label {
    border-color: rgba(246, 178, 62, .48) !important;
}

.pandariaquiz .pandariaquiz-hint-modal__close {
    position: absolute;
    top: .75rem;
    right: .9rem;
    z-index: 2;
    border: 0;
    background: transparent;
    color: #6c757d;
    font-size: 2rem;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-hint-modal .modal-content {
    border: 0;
    border-radius: 0;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .18);
}

.pandariaquiz .pandariaquiz-hint-modal .modal-body {
    padding: 2rem;
}

.pandariaquiz .pandariaquiz-hint-modal__title {
    margin: 0 0 .5rem;
    padding-right: 2rem;
    color: #1f2933;
    font-size: 1.45rem;
    font-weight: 800;
}

.pandariaquiz .pandariaquiz-hint-modal__text {
    margin: 0 0 1.25rem;
    color: #6c757d;
}

.pandariaquiz .pandariaquiz-hint-modal__actions {
    display: grid;
    gap: .75rem;
}

.pandariaquiz .pandariaquiz-hint-pricing {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    margin: 0 0 1rem;
    padding: .75rem .9rem;
    border: 1px solid #dce4eb;
    border-radius: .5rem;
    background: #f7f9fb;
    color: #53606c;
    font-size: .9rem;
}

.pandariaquiz .pandariaquiz-hint-pricing strong {
    color: #202832;
}

.pandariaquiz .pandariaquiz-hint-modal__status {
    display: none;
    margin: 0 0 .85rem;
    padding: .65rem .75rem;
    border: 1px solid #f0c36a;
    border-radius: .4rem;
    background: #fff8e5;
    color: #72510b;
    font-size: .9rem;
    line-height: 1.4;
}

.pandariaquiz .pandariaquiz-hint-modal__status.is-visible {
    display: block;
}

.pandariaquiz .pandariaquiz-hint-modal__status.is-error {
    border-color: #edb4b4;
    background: #fff1f1;
    color: #8b2525;
}

.pandariaquiz .pandariaquiz-hint-action {
    width: 100%;
    padding: .9rem 1rem;
    border-radius: .85rem !important;
    font-weight: 700;
    text-align: left;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.pandariaquiz .pandariaquiz-hint-action__title,
.pandariaquiz .pandariaquiz-hint-action__text {
    display: block;
}

.pandariaquiz .pandariaquiz-hint-action__head {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
}

.pandariaquiz .pandariaquiz-hint-action__title {
    font-size: 1.02rem;
    line-height: 1.25;
}

.pandariaquiz .pandariaquiz-hint-action__text {
    margin-top: .2rem;
    font-size: .92rem;
    font-weight: 400;
    line-height: 1.35;
    opacity: .78;
}

.pandariaquiz .pandariaquiz-hint-action__price {
    flex: 0 0 auto;
    padding: .2rem .5rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .78rem;
    line-height: 1.2;
    white-space: nowrap;
    opacity: .85;
}

.pandariaquiz .pandariaquiz-hint-action--eliminate {
    background: #f0fbff;
    border-color: #4fcdff !important;
    color: #11647f;
}

.pandariaquiz .pandariaquiz-hint-action--eliminate:hover,
.pandariaquiz .pandariaquiz-hint-action--eliminate:focus {
    background: #dcf6ff;
    border-color: #35c4fb !important;
    color: #0d536b;
    box-shadow: 0 0 0 4px rgba(79, 205, 255, .2);
}

.pandariaquiz .pandariaquiz-hint-action--audience {
    background: #fff4d8;
    border-color: #f6b23e !important;
    color: #7b4b00;
}

.pandariaquiz .pandariaquiz-hint-action--audience:hover,
.pandariaquiz .pandariaquiz-hint-action--audience:focus {
    background: #ffeab6;
    border-color: #eda52c !important;
    color: #633d00;
    box-shadow: 0 0 0 4px rgba(246, 178, 62, .2);
}

.pandariaquiz .pandariaquiz-hint-modal__auth {
    display: none;
}

.pandariaquiz .pandariaquiz-hint-modal.is-auth-required .pandariaquiz-hint-modal__choice {
    display: none;
}

.pandariaquiz .pandariaquiz-hint-modal.is-auth-required .pandariaquiz-hint-modal__auth {
    display: block;
}

.pandariaquiz .quiz-hint-disabled,
.pandariaquiz .is-disabled-by-hint {
    background: #f0fbff !important;
    border-color: #4fcdff !important;
    opacity: 1;
    text-decoration: line-through;
}

.pandariaquiz .is-hint-scanning {
    background: #f0fbff !important;
    border-color: #4fcdff !important;
    box-shadow: 0 0 0 4px rgba(79, 205, 255, .28) !important;
    transform: translateY(-1px);
}

.pandariaquiz .quiz-social-proof {
    background: transparent;
    color: #f5f5f5;
    padding: 2rem var(--pandariaquiz-feedback-inner);
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, .14);
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    padding-bottom: 3rem;
}

.pandariaquiz .quiz-proof-intro {
    margin-bottom: 1.2rem;
    text-align: center;
}

.pandariaquiz .quiz-proof-heading {
    margin: 0 0 .35rem;
    color: #fff;
    font-size: 1.35rem;
}

.pandariaquiz .quiz-proof-subtitle {
    margin: 0;
    color: rgba(255, 255, 255, .65);
    font-size: .95rem;
}

.pandariaquiz .quiz-proof-votes {
    margin: .2rem 0 0;
    color: rgba(255, 255, 255, .65);
    font-size: .95rem;
}

.pandariaquiz .quiz-proof-votes-number {
    color: #fff;
}

.pandariaquiz .quiz-proof-row {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: .75rem;
    align-items: center;
    margin-bottom: 1.2rem;
}

.pandariaquiz .quiz-proof-row:last-child {
    margin-bottom: 0;
}

.pandariaquiz .quiz-proof-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pandariaquiz .quiz-proof-icon svg {
    width: 24px;
    height: 24px;
}

.pandariaquiz .quiz-proof-icon.is-correct {
    background: #75cfc1;
}

.pandariaquiz .quiz-proof-icon.is-wrong {
    background: #ff5a5f;
}

.pandariaquiz .quiz-proof-icon.is-empty {
    background: transparent;
}

.pandariaquiz .quiz-proof-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: baseline;
    margin-bottom: .45rem;
}

.pandariaquiz .quiz-proof-title {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: 1.15rem;
    line-height: 1.25;
}

.pandariaquiz .quiz-proof-letter {
    width: 1.55em;
    height: 1.55em;
    min-width: 1.55em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    font-size: .82em;
}

.pandariaquiz .quiz-proof-percent {
    font-size: 1.15rem;
}

.pandariaquiz .quiz-proof-bar {
    height: 8px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .16);
    overflow: hidden;
}

.pandariaquiz .quiz-proof-fill {
    height: 100%;
    border-radius: 20px;
    background: rgba(255, 255, 255, .75);
}

.pandariaquiz .quiz-proof-row.is-correct .quiz-proof-title,
.pandariaquiz .quiz-proof-row.is-correct .quiz-proof-percent {
    color: #75cfc1;
}

.pandariaquiz .quiz-proof-row.is-wrong-selected .quiz-proof-title,
.pandariaquiz .quiz-proof-row.is-wrong-selected .quiz-proof-percent {
    color: #ff5a5f;
}

.pandariaquiz .quiz-proof-row.is-correct .quiz-proof-letter {
    background: rgba(117, 213, 201, .25);
    color: #75d5c9;
}

.pandariaquiz .quiz-proof-row.is-wrong-selected .quiz-proof-letter {
    background: rgba(255, 91, 99, .25);
    color: #ff5b63;
}

.pandariaquiz .quiz-proof-row.is-correct .quiz-proof-fill {
    background: #75cfc1;
}

.pandariaquiz .quiz-proof-row.is-wrong-selected .quiz-proof-fill {
    background: #ff5a5f;
}

.pandariaquiz .pandariaquiz-message {
    padding: 14px 16px;
    margin: 0 1rem 16px;
    border: 1px solid #e7e8e5;
    border-radius: 12px;
    background: #fff;
}

.pandariaquiz .pandariaquiz-message-error {
    border-color: #f5b8b3;
    background: #fff1f0;
    color: #b42318;
}

.pandariaquiz .pandariaquiz-message-warning {
    border-color: #f0cd74;
    background: #fff8dc;
    color: #7a5600;
}

.pandariaquiz .pandariaquiz-review-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 0 0 18px;
}

.pandariaquiz .pandariaquiz-review-summary span {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #e7e8e5;
    border-radius: 999px;
    background: #fff;
    color: #6c757d;
}

.pandariaquiz .pandariaquiz-review-summary span.is-good {
    border-color: #b9eadf;
    background: #effaf7;
    color: #247c65;
}

.pandariaquiz .pandariaquiz-review-summary span.is-bad {
    border-color: #f5b8b3;
    background: #fff1f0;
    color: #b42318;
}

.pandariaquiz .pandariaquiz-review-question,
.pandariaquiz .pandariaquiz-result-card {
    background: #fff;
    border: 1px solid #e7e8e5;
    border-radius: 16px;
    padding: 1.2rem 1rem;
    margin-bottom: 16px;
    box-shadow: 0 8px 22px rgba(45, 46, 45, .08);
}

.pandariaquiz .pandariaquiz-review-question.is-correct {
    border-color: #75cfc1;
}

.pandariaquiz .pandariaquiz-review-question.is-wrong {
    border-color: #ff5a5f;
}

.pandariaquiz .pandariaquiz-review-number,
.pandariaquiz .pandariaquiz-result-status {
    color: #6c757d;
    font-size: .85rem;
    font-weight: 600;
    text-transform: uppercase;
}

.pandariaquiz .pandariaquiz-review-question-meta {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .15rem;
}

.pandariaquiz .pandariaquiz-review-question-meta .pandariaquiz-review-number {
    margin: 0;
}

.pandariaquiz .pandariaquiz-review-question h3 {
    margin: 8px 0 12px;
    color: #2d2e2d;
    font-size: 1.25rem;
}

.pandariaquiz .pandariaquiz-review-question-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.pandariaquiz .pandariaquiz-review-question-main {
    flex: 1 1 auto;
    min-width: 0;
}

.pandariaquiz .pandariaquiz-review-question-head h3 {
    flex: 1 1 auto;
    min-width: 0;
}

.pandariaquiz .pandariaquiz-review-question-image {
    flex: 0 0 84px;
    width: 84px;
    height: 84px;
    margin-top: 0;
    overflow: hidden;
    border: 1px solid #e7e8e5;
    border-radius: 10px;
    background: #f6f6f4;
}

.pandariaquiz .pandariaquiz-review-question-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pandariaquiz .pandariaquiz-review-answer {
    margin: 8px 0;
    padding: 10px 12px;
    border-radius: 10px;
    color: #2d2e2d;
}

.pandariaquiz .pandariaquiz-review-answer-user {
    border: 1px solid #ffd2d4;
    background: #fff1f2;
}

.pandariaquiz .pandariaquiz-review-answer-correct {
    border: 1px solid #b9eadf;
    background: #effaf7;
}

.pandariaquiz .pandariaquiz-review-answer-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35em;
    height: 1.35em;
    margin-right: .35em;
    border-radius: 50%;
    background: #4fbf9f;
    color: #fff;
    font-size: .78em;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-review-message {
    margin-top: 12px;
    padding: 12px;
    border-radius: 8px;
    background: #f2f5f0;
    color: #2d2e2d;
}

.pandariaquiz .pandariaquiz-result-card {
    text-align: center;
}

.pandariaquiz .pandariaquiz-result-user {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.05rem;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 1.15rem;
    color: #2d2e2d;
}

.pandariaquiz .pandariaquiz-result-user__avatar {
    display: inline-flex;
    flex: 0 0 95px;
    align-items: center;
    justify-content: center;
    width: 95px;
    height: 95px;
    overflow: hidden;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #e8f1fe;
    color: #2f5fba;
    font-size: 2.45rem;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 8px 20px rgba(45, 46, 45, .12);
    object-fit: cover;
}

.pandariaquiz .pandariaquiz-result-user__body {
    min-width: 0;
}

.pandariaquiz .pandariaquiz-result-user__name {
    min-width: 0;
    color: #343a40;
    font-size: 1.45rem;
    font-weight: 600;
    line-height: 1.2;
    overflow-wrap: anywhere;
    text-align: center;
}

.pandariaquiz .pandariaquiz-result-user__stats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    margin-top: .45rem;
}

.pandariaquiz .pandariaquiz-result-user__stat {
    display: inline-flex;
    align-items: baseline;
    gap: .28rem;
    min-height: 30px;
    padding: .25rem .55rem;
    border: 1px solid rgba(52, 58, 64, .1);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #6c757d;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-result-user__stat strong {
    color: #343a40;
    font-size: .98rem;
    font-weight: 600;
}

.pandariaquiz .pandariaquiz-result-user__stat small {
    font-size: .74rem;
    font-weight: 500;
    text-transform: uppercase;
}

.pandariaquiz .pandariaquiz-result-hero {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 520px;
    margin: 0 auto;
    padding: .35rem 0 .2rem;
}

.pandariaquiz .pandariaquiz-result-hero--with-reward {
    justify-content: stretch;
    text-align: center;
}

.pandariaquiz .pandariaquiz-result-hero .pandariaquiz-result-status {
    margin-bottom: .45rem;
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase;
}

.pandariaquiz .pandariaquiz-result-main,
.pandariaquiz .pandariaquiz-result-reward {
    min-width: 0;
}

.pandariaquiz .pandariaquiz-result-main {
    flex: 0 1 auto;
}

.pandariaquiz .pandariaquiz-result-reward {
    flex: 0 1 auto;
}

.pandariaquiz .pandariaquiz-result-hero--with-reward .pandariaquiz-result-main,
.pandariaquiz .pandariaquiz-result-hero--with-reward .pandariaquiz-result-reward {
    flex: 0 0 50%;
}

.pandariaquiz .pandariaquiz-result-hero--with-reward .pandariaquiz-result-main {
    padding-right: 1.35rem;
}

.pandariaquiz .pandariaquiz-result-hero--with-reward .pandariaquiz-result-reward {
    position: relative;
    padding-left: 1.35rem;
}

.pandariaquiz .pandariaquiz-result-hero--with-reward .pandariaquiz-result-reward::before {
    content: "";
    position: absolute;
    top: .4rem;
    bottom: .4rem;
    left: 0;
    width: 1px;
    background: #dfe3df;
}

.pandariaquiz .pandariaquiz-result-image img {
    max-width: 100%;
    border-radius: 12px;
    margin-bottom: 18px;
}

.pandariaquiz .pandariaquiz-result-number {
    color: #2d2e2d;
    font-size: 64px;
    font-weight: 400;
    line-height: 1.08;
    white-space: nowrap;
}

.pandariaquiz .pandariaquiz-result-number__correct {
    font-weight: 600;
}

.pandariaquiz .pandariaquiz-result-number__total {
    color: #8b9298;
    font-size: .58em;
    font-weight: 400;
}

.pandariaquiz .pandariaquiz-result-percent {
    color: #24c797;
    font-size: 26px;
    font-weight: 700;
}

.pandariaquiz .pandariaquiz-result-reward h3,
.pandariaquiz .pandariaquiz-result-correct-title {
    display: grid;
    align-items: flex-start;
    justify-items: center;
    gap: .35rem;
    margin: .35rem 0 0;
    color: #2d2e2d;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.18;
}

.pandariaquiz .pandariaquiz-result-correct-title {
    text-align: center;
}

.pandariaquiz .pandariaquiz-result-reward-label {
    margin: 0 0 .45rem;
    color: #6c757d;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.pandariaquiz .pandariaquiz-result-reward-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-result-reputation {
    margin: 1.1rem auto 0;
    padding: 1.2rem 1.25rem 1.3rem;
    border: 1px solid #242525;
    border-radius: 16px;
    background: linear-gradient(180deg, #3d3e3d, #2d2e2d);
    box-shadow: 0 10px 24px rgba(45, 46, 45, .18);
    text-align: center;
}

.pandariaquiz .pandariaquiz-result-reputation__label {
    margin: 0 0 .25rem;
    color: rgba(255, 255, 255, .72);
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .045em;
}

.pandariaquiz .pandariaquiz-result-reputation__title {
    margin: .35rem 0 0;
    color: #fff;
    font-size: 1.35rem;
    line-height: 1.25;
}

.pandariaquiz .pandariaquiz-result-reputation__title strong {
    display: inline-block;
    color: #73d8cd;
    white-space: nowrap;
}

.pandariaquiz .pandariaquiz-result-reputation__text {
    max-width: 520px;
    margin: .55rem auto 0;
    color: rgba(255, 255, 255, .78);
    line-height: 1.45;
}

.pandariaquiz .pandariaquiz-result-reputation__text a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .16em;
}

.pandariaquiz .pandariaquiz-result-reputation__user .pandariaquiz-result-user {
    margin: 0 auto;
}

.pandariaquiz .pandariaquiz-result-reputation__user .pandariaquiz-result-user__avatar {
    flex-basis: 72px;
    width: 72px;
    height: 72px;
    border-color: rgba(255, 255, 255, .9);
    box-shadow: none;
}

.pandariaquiz .pandariaquiz-result-reputation__user .pandariaquiz-result-user__name {
    color: #fff;
    text-align: left;
}

.pandariaquiz .pandariaquiz-result-reputation__user .pandariaquiz-result-user__stats {
    display: none;
}

.pandariaquiz .pandariaquiz-result-reputation__action {
    margin-top: 1rem;
}

.pandariaquiz .pandariaquiz-result-reputation__action .pandariaquiz-save-result {
    margin-bottom: 0;
}

.pandariaquiz .pandariaquiz-attempt-status {
    display: flex;
    align-items: center;
    gap: 1rem;
    text-align: left;
}

.pandariaquiz .pandariaquiz-attempt-status.has-award {
    margin-top: 1.15rem;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(255, 255, 255, .14);
}

.pandariaquiz .pandariaquiz-attempt-status__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(115, 216, 205, .16);
    font-size: 1.6rem;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-attempt-status__body {
    flex: 1 1 auto;
    min-width: 0;
}

.pandariaquiz .pandariaquiz-attempt-status__header {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .2rem;
}

.pandariaquiz .pandariaquiz-attempt-status__kicker {
    display: block;
    color: rgba(255, 255, 255, .68);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.pandariaquiz .pandariaquiz-attempt-status__help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .82);
    font-size: .78rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

.pandariaquiz .pandariaquiz-attempt-status__help:hover,
.pandariaquiz .pandariaquiz-attempt-status__help:focus {
    background: rgba(255, 255, 255, .22);
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}

.pandariaquiz .pandariaquiz-attempt-status__main {
    display: flex;
    align-items: baseline;
    gap: .65rem;
    margin-top: .2rem;
}

.pandariaquiz .pandariaquiz-attempt-status__main strong {
    color: #fff;
    font-size: 1.55rem;
    line-height: 1.05;
}

.pandariaquiz .pandariaquiz-attempt-status__main span {
    color: #73d8cd;
    font-weight: 600;
}

.pandariaquiz .pandariaquiz-attempt-status__next {
    margin-top: .7rem;
}

.pandariaquiz .pandariaquiz-attempt-status__next > div:first-child {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .35rem;
    color: rgba(255, 255, 255, .7);
    font-size: .82rem;
}

.pandariaquiz .pandariaquiz-attempt-status__next strong {
    color: rgba(255, 255, 255, .9);
}

.pandariaquiz .pandariaquiz-attempt-status__progress {
    overflow: hidden;
    height: 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .13);
}

.pandariaquiz .pandariaquiz-attempt-status__progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #73d8cd;
}

@media (max-width: 640px) {
    .pandariaquiz .pandariaquiz-attempt-status {
        align-items: flex-start;
        gap: .75rem;
    }

    .pandariaquiz .pandariaquiz-attempt-status__icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 1.3rem;
    }

    .pandariaquiz .pandariaquiz-attempt-status__main,
    .pandariaquiz .pandariaquiz-attempt-status__next > div:first-child {
        align-items: flex-start;
        flex-direction: column;
        gap: .15rem;
    }

    .pandariaquiz .pandariaquiz-attempt-status__main strong {
        font-size: 1.3rem;
    }
}

.pandariaquiz .pandariaquiz-result-save-only {
    margin: 1.1rem auto 0;
    text-align: center;
}

.pandariaquiz .pandariaquiz-result-save-only .pandariaquiz-save-result {
    margin-bottom: 0;
}

.pandariaquiz .quiz-result-score {
    max-width: 520px;
    margin: 1rem auto 0;
    padding: 12px 14px;
    border: 1px solid #e7e8e5;
    border-radius: 12px;
    background: #fff;
    color: #6c757d;
}

.pandariaquiz .quiz-result-score p {
    margin: 0;
}

.pandariaquiz .quiz-result-score p + p {
    margin-top: .35rem;
}

.pandariaquiz .quiz-result-score.is-good {
    border-color: #b9eadf;
    background: #effaf7;
    color: #247c65;
}

.pandariaquiz .pandariaquiz-result-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem auto 0;
}

@media (min-width: 992px) {
    .pandariaquiz.pandariaquiz-result {
        max-width: 900px;
    }

    .pandariaquiz .pandariaquiz-result-stat {
        gap: .8rem;
        padding-right: .85rem;
        padding-left: .85rem;
    }
}

.pandariaquiz .pandariaquiz-result-stat {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    min-height: 92px;
    padding: .9rem .95rem .8rem;
    overflow: hidden;
    border: 1px solid #e4ebe7;
    border-radius: 16px;
    background: #fff;
    text-align: left;
}

.pandariaquiz .pandariaquiz-result-stat:only-child {
    grid-column: 1 / -1;
}

.pandariaquiz .pandariaquiz-result-stat::after {
    content: "";
    position: absolute;
    right: 1rem;
    bottom: .8rem;
    width: 42px;
    height: 42px;
    opacity: .34;
    background-image: radial-gradient(currentColor 2px, transparent 2px);
    background-size: 10px 10px;
}

.pandariaquiz .pandariaquiz-result-stat__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 1.9rem;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-result-stat__icon svg {
    display: block;
    width: 30px;
    height: 30px;
    fill: none;
    stroke: currentColor;
    stroke-width: 3.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pandariaquiz .pandariaquiz-result-stat__body {
    min-width: 0;
}

.pandariaquiz .pandariaquiz-result-stat__label {
    color: #2d2e2d;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.28;
}

.pandariaquiz .pandariaquiz-result-stat__value {
    margin-top: .2rem;
    font-size: 1.22rem;
    font-weight: 400;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.pandariaquiz .pandariaquiz-result-stat__note {
    grid-column: 1 / -1;
    position: relative;
    z-index: 1;
    margin-top: .35rem;
    color: #777d82;
    font-size: .86rem;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.pandariaquiz .pandariaquiz-result-stat--hints {
    border-color: #d9eee5;
    color: #2e8068;
}

.pandariaquiz .pandariaquiz-result-stat--hints .pandariaquiz-result-stat__icon {
    background: #e8f6ef;
}

.pandariaquiz .pandariaquiz-result-stat--time {
    border-color: #e7e1f2;
    color: #6045b6;
}

.pandariaquiz .pandariaquiz-result-stat--time .pandariaquiz-result-stat__icon {
    background: #eeeafd;
}

.pandariaquiz .pandariaquiz-author-support {
    display: block;
    margin: 0;
    padding: .2rem 0 0;
    border: 0;
    background: transparent;
    color: #2c333a;
}

.pandariaquiz .pandariaquiz-author-support [hidden] {
    display: none !important;
}

.pandariaquiz .pandariaquiz-author-support__body {
    min-width: 0;
}

.pandariaquiz .pandariaquiz-author-support__author {
    display: flex;
    align-items: center;
    gap: 11px;
    justify-content: center;
    margin-bottom: 16px;
}

.pandariaquiz .pandariaquiz-author-support__avatar {
    display: block;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #dfe8ed;
    box-shadow: 0 0 0 1px #cad6dd;
    object-fit: cover;
}

.pandariaquiz .pandariaquiz-author-support__avatar--initial {
    color: #43515d;
    font-size: 17px;
    font-weight: 800;
    line-height: 44px;
    text-align: center;
}

.pandariaquiz .pandariaquiz-author-support__kicker {
    margin-bottom: 2px;
    color: #1687ad;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.pandariaquiz .pandariaquiz-author-support__name {
    overflow: hidden;
    color: #2c333a;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pandariaquiz .pandariaquiz-author-support__title {
    margin: 0;
    color: #262b33;
    font-size: 24px;
    text-align: center;
    line-height: 1.25;
    letter-spacing: 0;
}

.pandariaquiz .pandariaquiz-author-support__text {
    margin: 7px 0 0;
    color: #68727c;
    font-size: 16px;
    line-height: 1.45;
    text-align: center;
}

.pandariaquiz .pandariaquiz-author-support__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 18px;
    justify-content: center;
    margin-top: 13px;
    color: #68727c;
    font-size: 14px;
}

.pandariaquiz .pandariaquiz-author-support__remaining::before {
    margin-right: 18px;
    color: #a3abb2;
    content: "·";
}

.pandariaquiz .pandariaquiz-author-support__meta strong {
    color: #262b33;
}

.pandariaquiz .pandariaquiz-author-support__controls {
    width: 100%;
    margin-top: 20px;
}

.pandariaquiz .pandariaquiz-author-support__amounts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.pandariaquiz .pandariaquiz-author-support__amount {
    min-height: 50px;
    border-radius: 6px;
    font: inherit;
    font-weight: 800;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease, opacity .18s ease;
}

.pandariaquiz .pandariaquiz-author-support__amount {
    border: 1px solid #c8d3da;
    background: #30363d;
    color: #fff;
    cursor: pointer;
}

.pandariaquiz .pandariaquiz-author-support__amount:hover:not(:disabled),
.pandariaquiz .pandariaquiz-author-support__amount:focus:not(:disabled) {
    border-color: #1f2429;
    background: #1f2429;
    color: #fff;
    outline: none;
}

.pandariaquiz .pandariaquiz-author-support__amount:disabled {
    cursor: not-allowed;
    opacity: .42;
}

.pandariaquiz .pandariaquiz-author-support__status {
    min-height: 20px;
    margin-top: 8px;
    color: #68727c;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
}

.pandariaquiz .pandariaquiz-author-support__status.is-success {
    color: #16835f;
}

.pandariaquiz .pandariaquiz-author-support__status.is-error {
    color: #b63a45;
}

.pandariaquiz .pandariaquiz-author-support__empty {
    width: 100%;
    margin-top: 14px;
    color: #68727c;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}

.pandariaquiz .pandariaquiz-author-support__empty .is-success {
    color: #16835f;
}

.pandariaquiz .pandariaquiz-author-support__empty .is-error {
    color: #b63a45;
}

.pandariaquiz .pandariaquiz-author-support.is-waiting {
    opacity: .78;
}

@media (max-width: 767px) {
    .pandariaquiz .pandariaquiz-author-support {
        display: block;
        margin: 0;
        padding: 0;
    }

    .pandariaquiz .pandariaquiz-author-support__title {
        font-size: 20px;
    }

    .pandariaquiz .pandariaquiz-author-support__meta {
        display: grid;
        gap: 5px;
        justify-content: center;
        text-align: center;
    }

    .pandariaquiz .pandariaquiz-author-support__remaining::before {
        display: none;
        content: none;
    }

    .pandariaquiz .pandariaquiz-author-support__controls {
        width: 100%;
        margin-top: 16px;
    }

    .pandariaquiz .pandariaquiz-author-support__empty {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    .pandariaquiz .pandariaquiz-author-support.is-unavailable .pandariaquiz-author-support__author {
        margin-bottom: 10px;
    }

    .pandariaquiz .pandariaquiz-author-support.is-unavailable .pandariaquiz-author-support__text {
        margin-top: 4px;
    }

    .pandariaquiz .pandariaquiz-author-support.is-unavailable .pandariaquiz-author-support__meta {
        margin-top: 9px;
    }

    .pandariaquiz .pandariaquiz-author-support__amount {
        min-height: 48px;
    }
}

.pandariaquiz .pandariaquiz-result-meta {
    display: grid;
    gap: .55rem;
    max-width: 520px;
    margin: .75rem auto 0;
}

.pandariaquiz .pandariaquiz-result-meta__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: .75rem 1rem;
    border: 1px solid #e7e8e5;
    border-radius: 12px;
    background: #fff;
    color: #495057;
    line-height: 1.35;
}

.pandariaquiz .pandariaquiz-result-meta__icon {
    flex: 0 0 auto;
    font-size: 1.35rem;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-next-link {
    display: inline-block;
    border: 1px solid #343a40;
    border-radius: 50rem;
    background: #343a40;
    color: #fff;
    padding: .5rem 2.5rem;
    font-size: 1.5em;
    font-weight: 500;
    text-decoration: none;
}

.pandariaquiz .pandariaquiz-telegram-channel {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    max-width: 760px;
    margin: 1.25rem auto 0;
    padding: 1rem;
    border: 1px solid #229ed9;
    border-radius: 16px;
    background: #229ed9;
    color: #fff;
}

.pandariaquiz.pandariaquiz-stage > .pandariaquiz-telegram-channel {
    margin-top: 1rem;
    margin-bottom: 1.25rem;
}

.pandariaquiz .pandariaquiz-telegram-channel__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.pandariaquiz .pandariaquiz-telegram-channel__icon svg {
    display: block;
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.pandariaquiz .pandariaquiz-telegram-channel__title {
    font-weight: 700;
    line-height: 1.25;
}

.pandariaquiz .pandariaquiz-telegram-channel__text {
    margin: .2rem 0 0;
    color: rgba(255, 255, 255, .88);
    line-height: 1.4;
}

.pandariaquiz .pandariaquiz-telegram-channel__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .45rem;
}

.pandariaquiz .pandariaquiz-telegram-channel__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: .65rem 1rem;
    border: 1px solid #fff;
    border-radius: 8px;
    background: #fff;
    color: #1688bc;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.pandariaquiz .pandariaquiz-telegram-channel__button:hover,
.pandariaquiz .pandariaquiz-telegram-channel__button:focus {
    border-color: #eef9fd;
    background: #eef9fd;
    color: #126f9a;
    text-decoration: none;
}

.pandariaquiz .pandariaquiz-telegram-channel__dismiss {
    padding: .15rem .35rem;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, .9);
    font-size: .82rem;
    line-height: 1.25;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.pandariaquiz .pandariaquiz-telegram-channel__dismiss:hover,
.pandariaquiz .pandariaquiz-telegram-channel__dismiss:focus {
    color: #fff;
}

@media (max-width: 640px) {
    .pandariaquiz .pandariaquiz-telegram-channel {
        grid-template-columns: 40px minmax(0, 1fr);
        padding: .9rem;
    }

    .pandariaquiz.pandariaquiz-stage > .pandariaquiz-telegram-channel {
        margin-right: 15px;
        margin-left: 15px;
    }

    .pandariaquiz .pandariaquiz-telegram-channel__icon {
        width: 40px;
        height: 40px;
    }

    .pandariaquiz .pandariaquiz-telegram-channel__actions {
        grid-column: 1 / -1;
        width: 100%;
    }

    .pandariaquiz .pandariaquiz-telegram-channel__button {
        width: 100%;
    }
}

.pandariaquiz .pandariaquiz-save-progress {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: .75rem;
    padding: 0 1.15rem;
    border: 1px solid #d7dbd4;
    border-radius: 999px;
    background: #fff;
    color: #6c757d;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    transition: border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.pandariaquiz .pandariaquiz-save-progress:hover,
.pandariaquiz .pandariaquiz-save-progress:focus {
    border-color: #343a40;
    color: #343a40;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(52, 58, 64, .12);
}

.pandariaquiz .pandariaquiz-nav,
.pandariaquiz .pandariaquiz-submit-wrap {
    margin-top: 1rem;
}

.pandariaquiz .pandariaquiz-nav {
    text-align: center;
}

.pandariaquiz .pandariaquiz-nav-progress,
.pandariaquiz .pandariaquiz-submit-wrap-progress {
    margin-bottom: 4rem;
}

.pandariaquiz .pandariaquiz-question-comments {
    display: none;
    margin: -2rem 2rem 2.5rem;
    color: #2d3339;
}

.pandariaquiz .pandariaquiz-question-comments.is-visible {
    display: block;
}

.pandariaquiz .pandariaquiz-question-comments__title {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .35rem .55rem;
    margin: 0 0 1.15rem;
    color: #2f3330;
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.pandariaquiz .pandariaquiz-question-comments__count {
    color: #7b838b;
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: none;
}

.pandariaquiz .pandariaquiz-question-comments__form {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    --pandariaquiz-comment-avatar-size: 52px;
}

.pandariaquiz .pandariaquiz-question-comments__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 var(--pandariaquiz-comment-avatar-size);
    width: var(--pandariaquiz-comment-avatar-size);
    height: var(--pandariaquiz-comment-avatar-size);
    border-radius: 50%;
    background: #dfe3e7;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1;
    object-fit: cover;
    overflow: hidden;
}

.pandariaquiz .pandariaquiz-question-comments__field {
    flex: 1 1 auto;
    min-width: 0;
}

.pandariaquiz .pandariaquiz-question-comments__replying {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .55rem;
    padding: .55rem .7rem;
    border: 1px solid #dce1dd;
    border-radius: 8px;
    background: #f5f7f5;
    color: #6f7882;
    font-size: .92rem;
    line-height: 1.35;
}

.pandariaquiz .pandariaquiz-question-comments__replying[hidden] {
    display: none;
}

.pandariaquiz .pandariaquiz-question-comments__reply-cancel {
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: #294c78;
    font: inherit;
    cursor: pointer;
}

.pandariaquiz .pandariaquiz-question-comments__textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: var(--pandariaquiz-comment-avatar-size);
    padding: .85rem 1rem;
    border: 2px solid #d4d8d2;
    border-radius: 8px;
    background: #fff;
    color: #2d3339;
    font-size: 1.06rem;
    line-height: 1.45;
    overflow: hidden;
    resize: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.pandariaquiz .pandariaquiz-question-comments__textarea::placeholder {
    color: #8a8d8c;
}

.pandariaquiz .pandariaquiz-question-comments__textarea:focus {
    border-color: #294c78;
    box-shadow: 0 0 0 3px rgba(41, 76, 120, .13);
    outline: 0;
}

.pandariaquiz .pandariaquiz-question-comments__error {
    display: none;
    margin-top: .45rem;
    color: #b84a3b;
    font-size: .9rem;
    line-height: 1.35;
}

.pandariaquiz .pandariaquiz-question-comments.has-error .pandariaquiz-question-comments__textarea {
    border-color: #c75d52;
}

.pandariaquiz .pandariaquiz-question-comments.has-error .pandariaquiz-question-comments__error {
    display: block;
}

.pandariaquiz .pandariaquiz-question-comments__actions {
    display: flex;
    justify-content: flex-end;
    margin-top: .85rem;
}

.pandariaquiz .pandariaquiz-question-comments__submit {
    min-height: 48px;
    padding: .68rem 1.4rem;
    border: 0;
    border-radius: 7px;
    background: #333;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color .2s ease, opacity .2s ease;
}

.pandariaquiz .pandariaquiz-question-comments__submit:hover,
.pandariaquiz .pandariaquiz-question-comments__submit:focus {
    background: #1f1f1f;
    outline: 0;
}

.pandariaquiz .pandariaquiz-question-comments.is-saving .pandariaquiz-question-comments__submit {
    opacity: .65;
    cursor: wait;
}

.pandariaquiz .pandariaquiz-question-comments__list {
    display: grid;
    gap: .95rem;
    margin-top: 1.45rem;
}

.pandariaquiz .pandariaquiz-question-comments__empty {
    padding: .85rem 1rem;
    border: 1px solid #e2e5e0;
    border-radius: 8px;
    background: #f7f8f6;
    color: #7b838b;
    font-size: .98rem;
}

.pandariaquiz .pandariaquiz-question-comment {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: .75rem;
}

.pandariaquiz .pandariaquiz-question-comment.is-hidden {
    display: none;
}

.pandariaquiz .pandariaquiz-question-comment.is-reply {
    grid-template-columns: 34px minmax(0, 1fr);
    margin-left: .55rem;
    padding-left: .85rem;
    border-left: 2px solid #e4e8e3;
}

.pandariaquiz .pandariaquiz-question-comment__avatar {
    width: 42px;
    height: 42px;
    overflow: hidden;
    border-radius: 50%;
    background: #dfe3e7;
}

.pandariaquiz .pandariaquiz-question-comment.is-reply .pandariaquiz-question-comment__avatar {
    width: 34px;
    height: 34px;
}

.pandariaquiz .pandariaquiz-question-comment__avatar img,
.pandariaquiz .pandariaquiz-question-comment__avatar span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    object-fit: cover;
}

.pandariaquiz .pandariaquiz-question-comment__body {
    min-width: 0;
}

.pandariaquiz .pandariaquiz-question-comment__head {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .35rem .6rem;
    margin-bottom: .25rem;
}

.pandariaquiz .pandariaquiz-question-comment__head strong {
    color: #2d3339;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}

.pandariaquiz .pandariaquiz-question-comment__head span {
    color: #8a929b;
    font-size: .82rem;
    line-height: 1.25;
}

.pandariaquiz .pandariaquiz-question-comment__content {
    color: #3f454b;
    font-size: .98rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.pandariaquiz .pandariaquiz-question-comment__reply {
    display: inline-flex;
    margin-top: .35rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #294c78;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
}

.pandariaquiz .pandariaquiz-question-comment__replies {
    display: grid;
    gap: .85rem;
    margin-top: .85rem;
}

.pandariaquiz .pandariaquiz-question-comment__replies-more {
    justify-self: flex-start;
    padding: 0;
    border: 0;
    background: transparent;
    color: #6f7882;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
}

.pandariaquiz .pandariaquiz-question-comment__replies-more:hover,
.pandariaquiz .pandariaquiz-question-comment__replies-more:focus {
    color: #294c78;
    outline: 0;
}

.pandariaquiz .pandariaquiz-question-comments__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-top: 1.15rem;
}

.pandariaquiz .pandariaquiz-question-comments__more {
    min-height: 42px;
    padding: .55rem 1rem;
    border: 1px solid #dce1dd;
    border-radius: 999px;
    background: #fff;
    color: #294c78;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.pandariaquiz .pandariaquiz-question-comments__more:hover,
.pandariaquiz .pandariaquiz-question-comments__more:focus {
    border-color: #294c78;
    background: #f4f7fb;
    color: #1d3d64;
    outline: 0;
}

.pandariaquiz .pandariaquiz-question-comments__page {
    min-height: 38px;
    padding: .45rem .8rem;
    border: 1px solid #dce1dd;
    border-radius: 999px;
    background: #fff;
    color: #294c78;
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

.pandariaquiz .pandariaquiz-question-comments__page-current {
    color: #7b838b;
    font-size: .9rem;
}

.pandariaquiz .pandariaquiz-question-comments__auth-modal .modal-content {
    position: relative;
    border: 0;
    border-radius: 0;
    box-shadow: 0 18px 44px rgba(45, 46, 45, .18);
}

.pandariaquiz .pandariaquiz-question-comments__auth-modal .modal-body {
    padding: 1.5rem;
    text-align: center;
}

.pandariaquiz .pandariaquiz-question-comments__auth-close {
    position: absolute;
    top: .75rem;
    right: .9rem;
    z-index: 2;
    border: 0;
    background: transparent;
    color: #6c757d;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
}

.pandariaquiz .pandariaquiz-question-comments__auth-title {
    margin: 0 2rem 1rem;
    color: #1f2933;
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.25;
}

.pandariaquiz .pandariaquiz-restart {
    margin-top: 18px;
}

.pandariaquiz .pandariaquiz-result-actions {
    margin: 22px auto 0;
    text-align: center;
}

.pandariaquiz .pandariaquiz-result-action {
    margin-bottom: 1rem;
}

.pandariaquiz .pandariaquiz-result-action + .pandariaquiz-result-action {
    margin-top: .25rem;
}

.pandariaquiz .pandariaquiz-result-saved-notice {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 760px;
    margin: 0 auto 18px;
    padding: 1rem 1.15rem;
    border: 1px solid #cfe9dc;
    border-radius: 16px;
    background: #f7fcf9;
    box-shadow: 0 8px 22px rgba(45, 46, 45, .06);
}

.pandariaquiz .pandariaquiz-result-saved-notice__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #37966f;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-result-saved-notice__icon svg {
    display: block;
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pandariaquiz .pandariaquiz-result-saved-notice__body {
    flex: 1 1 auto;
    min-width: 0;
}

.pandariaquiz .pandariaquiz-result-saved-notice__title {
    color: #2d2e2d;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.2;
}

.pandariaquiz .pandariaquiz-result-saved-notice__text {
    margin: .25rem 0 0;
    color: #6c757d;
    font-size: .95rem;
    line-height: 1.35;
}

.pandariaquiz .pandariaquiz-result-saved-notice__action {
    flex: 0 0 auto;
    text-align: center;
}

.pandariaquiz .pandariaquiz-result-saved-notice__secondary-action {
    margin-top: .55rem;
}

.pandariaquiz .pandariaquiz-result-saved-notice .pandariaquiz-share-result,
.pandariaquiz .pandariaquiz-result-saved-notice .pandariaquiz-user-attempts {
    min-width: auto;
    margin: 0;
    padding-right: 1.15rem;
    padding-left: 1.15rem;
}

.pandariaquiz .pandariaquiz-user-attempts {
    min-width: min(100%, 280px);
    margin: 0 .4rem .75rem;
}

.pandariaquiz .pandariaquiz-copy-result {
    min-width: min(100%, 360px);
    margin: 0 .4rem .75rem;
    padding: .65rem 1.4rem;
    border-color: #343a40;
    background: #343a40;
    color: #fff;
    font-weight: 400;
    white-space: normal;
    box-shadow: 0 10px 22px rgba(52, 58, 64, .16);
    transition: background-color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.pandariaquiz .pandariaquiz-copy-result:hover,
.pandariaquiz .pandariaquiz-copy-result:focus {
    border-color: #24282c;
    background: #24282c;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(52, 58, 64, .2);
}

.pandariaquiz .pandariaquiz-copy-result.is-copied {
    border-color: #1877f2;
    background: #1877f2;
    color: #fff;
    box-shadow: 0 12px 26px rgba(24, 119, 242, .28);
}

.pandariaquiz .pandariaquiz-copy-result.is-copied:hover,
.pandariaquiz .pandariaquiz-copy-result.is-copied:focus {
    border-color: #166fe5;
    background: #166fe5;
    color: #fff;
    box-shadow: 0 14px 30px rgba(24, 119, 242, .32);
}

.pandariaquiz .pandariaquiz-share-result,
.pandariaquiz .pandariaquiz-save-result {
    min-width: min(100%, 320px);
    margin: 0 .4rem .75rem;
    padding: .65rem 1.4rem;
    border-color: #1877f2;
    background: #1877f2;
    color: #fff;
    font-weight: 400;
    white-space: normal;
    box-shadow: 0 12px 26px rgba(24, 119, 242, .22);
    transition: background-color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.pandariaquiz .pandariaquiz-share-result:hover,
.pandariaquiz .pandariaquiz-share-result:focus,
.pandariaquiz .pandariaquiz-save-result:hover,
.pandariaquiz .pandariaquiz-save-result:focus {
    border-color: #166fe5;
    background: #166fe5;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(24, 119, 242, .3);
}

.pandariaquiz .pandariaquiz-save-result-modal .modal-content {
    border: 0;
    border-radius: 0;
    box-shadow: 0 18px 44px rgba(45, 46, 45, .18);
}

.pandariaquiz .pandariaquiz-save-result-modal .modal-body {
    padding: 1.5rem;
    text-align: center;
}

.pandariaquiz .pandariaquiz-telegram-connect-share-modal__text {
    max-width: 34rem;
    margin: .75rem auto 0;
    color: #6c757d;
    font-size: 1rem;
    line-height: 1.5;
}

.pandariaquiz .pandariaquiz-telegram-connect-share-modal__bonus,
.pandariaquiz .pandariaquiz-telegram-channel-modal__bonus {
    max-width: 34rem;
    margin: .75rem auto 0;
    color: #247c65;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
}

.pandariaquiz .pandariaquiz-telegram-connect-share-modal__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    margin-top: 1.5rem;
}

.pandariaquiz .pandariaquiz-telegram-connect-share-modal__connect,
.pandariaquiz .pandariaquiz-telegram-connect-share-modal__skip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 320px);
    min-height: 46px;
    padding: .7rem 1.4rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.pandariaquiz .pandariaquiz-telegram-connect-share-modal__connect {
    border: 1px solid #229ed9;
    background: #229ed9;
    color: #fff;
    box-shadow: 0 12px 26px rgba(34, 158, 217, .24);
}

.pandariaquiz .pandariaquiz-telegram-connect-share-modal__connect:hover,
.pandariaquiz .pandariaquiz-telegram-connect-share-modal__connect:focus {
    border-color: #168bc2;
    background: #168bc2;
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(34, 158, 217, .3);
}

.pandariaquiz .pandariaquiz-telegram-connect-share-modal__skip {
    border: 1px solid #d7dbd4;
    background: #fff;
    color: #6c757d;
}

.pandariaquiz .pandariaquiz-telegram-connect-share-modal__skip:hover,
.pandariaquiz .pandariaquiz-telegram-connect-share-modal__skip:focus {
    border-color: #343a40;
    color: #343a40;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(52, 58, 64, .12);
}

.pandariaquiz .pandariaquiz-telegram-channel-modal__text {
    max-width: 34rem;
    margin: .75rem auto 0;
    color: #6c757d;
    font-size: 1rem;
    line-height: 1.5;
}

.pandariaquiz .pandariaquiz-telegram-channel-modal__text.is-success {
    color: #247c65;
}

.pandariaquiz .pandariaquiz-telegram-channel-modal__text.is-warning {
    color: #7a5600;
}

.pandariaquiz .pandariaquiz-telegram-channel-modal__text.is-error {
    color: #b42318;
}

.pandariaquiz .pandariaquiz-telegram-channel-modal.is-checking .pandariaquiz-telegram-channel-modal__text::before {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    border: 2px solid rgba(34, 158, 217, .25);
    border-top-color: #229ed9;
    border-radius: 50%;
    vertical-align: -.15rem;
    content: "";
    animation: pandariaquiz-telegram-channel-spin .7s linear infinite;
}

@keyframes pandariaquiz-telegram-channel-spin {
    to {
        transform: rotate(360deg);
    }
}

.pandariaquiz .pandariaquiz-telegram-channel-modal__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    margin-top: 1.5rem;
}

.pandariaquiz .pandariaquiz-telegram-channel-modal__connect,
.pandariaquiz .pandariaquiz-telegram-channel-modal__subscribe,
.pandariaquiz .pandariaquiz-telegram-channel-modal__check,
.pandariaquiz .pandariaquiz-telegram-channel-modal__later {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 320px);
    min-height: 46px;
    padding: .7rem 1.4rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.pandariaquiz .pandariaquiz-telegram-channel-modal__connect,
.pandariaquiz .pandariaquiz-telegram-channel-modal__subscribe {
    border: 1px solid #229ed9;
    background: #229ed9;
    color: #fff;
    box-shadow: 0 12px 26px rgba(34, 158, 217, .24);
}

.pandariaquiz .pandariaquiz-telegram-channel-modal__connect:hover,
.pandariaquiz .pandariaquiz-telegram-channel-modal__connect:focus,
.pandariaquiz .pandariaquiz-telegram-channel-modal__subscribe:hover,
.pandariaquiz .pandariaquiz-telegram-channel-modal__subscribe:focus {
    border-color: #168bc2;
    background: #168bc2;
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(34, 158, 217, .3);
}

.pandariaquiz .pandariaquiz-telegram-channel-modal__check {
    border: 1px solid #229ed9;
    background: #fff;
    color: #1688bc;
}

.pandariaquiz .pandariaquiz-telegram-channel-modal__check:hover,
.pandariaquiz .pandariaquiz-telegram-channel-modal__check:focus {
    border-color: #168bc2;
    color: #126f9a;
    transform: translateY(-1px);
}

.pandariaquiz .pandariaquiz-telegram-channel-modal__later {
    min-height: auto;
    padding: .25rem .75rem;
    border: 0;
    background: transparent;
    color: #6c757d;
}

.pandariaquiz .pandariaquiz-telegram-channel-modal__later:hover,
.pandariaquiz .pandariaquiz-telegram-channel-modal__later:focus {
    color: #343a40;
}

.pandariaquiz .pandariaquiz-telegram-channel-modal [hidden] {
    display: none !important;
}

.pandariaquiz .pandariaquiz-review-auth-modal__continue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 1.25rem;
    padding: 0 1.25rem;
    border: 1px solid #d7dbd4;
    border-radius: 999px;
    background: #fff;
    color: #6c757d;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    transition: border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.pandariaquiz .pandariaquiz-review-auth-modal__continue:hover,
.pandariaquiz .pandariaquiz-review-auth-modal__continue:focus {
    border-color: #343a40;
    color: #343a40;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(52, 58, 64, .12);
}

@media (max-width: 640px) {
    .pandariaquiz .pandariaquiz-review-auth-modal__continue {
        width: 100%;
    }
}

.pandariaquiz .pandariaquiz-registration-bonus {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-top: 1.25rem;
    padding: .85rem 1rem;
    border: 1px solid #d9eee5;
    border-radius: 14px;
    background: #eefaf7;
    color: #285d55;
    font-weight: 600;
    line-height: 1.35;
    font-size: .9rem;
    text-align: center;
}

.pandariaquiz .pandariaquiz-copy-hint {
    max-width: 440px;
    margin: .75rem auto .65rem;
    color: #6c757d;
    font-size: .95rem;
    line-height: 1.4;
}

.pandariaquiz .pandariaquiz-restart-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 1.15rem;
    border: 1px solid #343a40;
    border-radius: 999px;
    background: #fff;
    color: #343a40;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

.pandariaquiz .pandariaquiz-restart-link:hover,
.pandariaquiz .pandariaquiz-restart-link:focus {
    background: #343a40;
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}

.pandariaquiz .pandariaquiz-restart-link--challenge {
    border-color: #229ed9;
    background: #229ed9;
    color: #fff;
}

.pandariaquiz .pandariaquiz-restart-link--challenge:hover,
.pandariaquiz .pandariaquiz-restart-link--challenge:focus {
    border-color: #1687bd;
    background: #1687bd;
    color: #fff;
}

.pandariaquiz .pandariaquiz-snapshot {
    max-width: 760px;
    margin: 22px auto 0;
    padding: 1.15rem;
    border: 1px solid #e7e8e5;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(45, 46, 45, .08);
}

.pandariaquiz .pandariaquiz-snapshot-quiz {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
    padding-bottom: .95rem;
    border-bottom: 1px solid #eef0ec;
}

.pandariaquiz .pandariaquiz-snapshot-quiz__image {
    flex: 0 0 75px;
    width: 75px;
    height: 56px;
    overflow: hidden;
    border-radius: 10px;
    background: #f3f5f1;
}

.pandariaquiz .pandariaquiz-snapshot-quiz__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pandariaquiz .pandariaquiz-snapshot-quiz__body {
    min-width: 0;
}

.pandariaquiz .pandariaquiz-snapshot-quiz__title {
    overflow: hidden;
    color: #2d2e2d;
    font-size: .98rem;
    font-weight: 500;
    line-height: 1.25;
}

.pandariaquiz .pandariaquiz-snapshot__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.pandariaquiz .pandariaquiz-snapshot__eyebrow {
    margin: 0 0 .2rem;
    color: #6c757d;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.pandariaquiz .pandariaquiz-snapshot__title {
    margin: 0;
    color: #2d2e2d;
    font-size: 1.22rem;
    font-weight: 600;
    line-height: 1.15;
}

.pandariaquiz .pandariaquiz-snapshot__summary {
    flex: 0 0 auto;
    color: #6c757d;
    font-size: .95rem;
    line-height: 1.3;
    text-align: right;
}

.pandariaquiz .pandariaquiz-snapshot__stages {
    display: grid;
    gap: .75rem;
}

.pandariaquiz .pandariaquiz-snapshot-stage {
    overflow: hidden;
    border: 1px solid #e7e8e5;
    border-radius: 12px;
    background: #fff;
}

.pandariaquiz .pandariaquiz-snapshot-stage__header {
    padding: 0;
    border: 0;
    background: transparent;
}

.pandariaquiz .pandariaquiz-snapshot-stage__heading {
    margin: 0;
    font-size: 1rem;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-snapshot-stage__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-height: 58px;
    padding: .75rem 1rem;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    list-style: none;
    text-align: left;
}

.pandariaquiz .pandariaquiz-snapshot-stage__summary::-webkit-details-marker {
    display: none;
}

.pandariaquiz .pandariaquiz-snapshot-stage__summary::after {
    content: "";
    flex: 0 0 auto;
    width: .65rem;
    height: .65rem;
    border-right: 2px solid #777d82;
    border-bottom: 2px solid #777d82;
    transform: rotate(45deg);
    transition: transform .16s ease;
}

.pandariaquiz .pandariaquiz-snapshot-stage__summary:not(.collapsed)::after {
    transform: rotate(225deg);
}

.pandariaquiz .pandariaquiz-snapshot-stage__title {
    color: #2d2e2d;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.2;
}

.pandariaquiz .pandariaquiz-snapshot-stage__meta {
    margin-left: auto;
    color: #6c757d;
    font-size: .9rem;
    line-height: 1.3;
    text-align: right;
}

.pandariaquiz .pandariaquiz-snapshot-stage__body {
    display: grid;
    gap: 0;
    padding: 0 1rem 1rem;
}

.pandariaquiz .pandariaquiz-snapshot-question {
    padding: 1rem 0;
    border: 0;
    border-top: 1px solid #eef0ec;
    background: transparent;
    text-align: left;
}

.pandariaquiz .pandariaquiz-snapshot-question:first-child {
    border-top: 0;
    padding-top: .25rem;
}

.pandariaquiz .pandariaquiz-snapshot-question:last-child {
    padding-bottom: 0;
}

.pandariaquiz .pandariaquiz-snapshot-question__head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.pandariaquiz .pandariaquiz-snapshot-question__main {
    flex: 1 1 auto;
    min-width: 0;
}

.pandariaquiz .pandariaquiz-snapshot-question__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.pandariaquiz .pandariaquiz-snapshot-question h4 {
    margin: .45rem 0 .65rem;
    color: #2d2e2d;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.25;
}

.pandariaquiz .pandariaquiz-snapshot-question .pandariaquiz-review-question-image {
    flex: 0 0 84px;
    width: 84px;
    height: 84px;
}

.pandariaquiz .pandariaquiz-snapshot-hint {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: .82rem;
    height: .82rem;
    min-height: 0;
    padding: 0;
    border-radius: 50%;
    cursor: help;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-snapshot-hint:focus {
    outline: 2px solid rgba(45, 46, 45, .22);
    outline-offset: 3px;
}

.pandariaquiz .pandariaquiz-snapshot-hint--eliminate {
    background: #29aee4;
}

.pandariaquiz .pandariaquiz-snapshot-hint--audience {
    background: #d47a00;
}

.pandariaquiz .pandariaquiz-snapshot-audience {
    margin-top: .75rem;
    padding: .75rem;
    border: 1px solid #ffe0b8;
    border-radius: 10px;
    background: #fff9f0;
}

.pandariaquiz .pandariaquiz-snapshot-audience__title {
    margin-bottom: .5rem;
    color: #d47a00;
    font-size: .82rem;
    font-weight: 600;
    text-transform: uppercase;
}

.pandariaquiz .pandariaquiz-snapshot-audience__row {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: .6rem;
    align-items: start;
    padding: .28rem 0;
    color: #2d2e2d;
    font-size: .95rem;
    line-height: 1.3;
}

.pandariaquiz .pandariaquiz-snapshot-audience__percent {
    color: #d47a00;
    font-weight: 600;
}

.pandariaquiz.pandariaquiz-result-public .pandariaquiz-restart-link {
    min-height: 42px;
    padding: 0 1.15rem;
    font-size: 1rem;
    box-shadow: none;
}

.pandariaquiz.pandariaquiz-profile {
    width: 100%;
    max-width: none;
}

.pandariaquiz-profile-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.pandariaquiz-profile-kicker {
    margin: 0 0 .2rem;
    color: #6c757d;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.pandariaquiz-profile h2 {
    margin: 0;
    color: #2d2e2d;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.15;
}

.pandariaquiz .pandariaquiz-reputation-summary {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(177, 132, 25, .2);
    border-radius: 16px;
    background: #fff8df;
}

.pandariaquiz .pandariaquiz-reputation-summary__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #f2d36b;
    font-size: 1.55rem;
}

.pandariaquiz .pandariaquiz-reputation-summary__body {
    flex: 1 1 auto;
    min-width: 0;
}

.pandariaquiz .pandariaquiz-reputation-summary__header {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .2rem;
}

.pandariaquiz .pandariaquiz-reputation-summary__header .pandariaquiz-profile-kicker {
    margin-bottom: 0;
}

.pandariaquiz .pandariaquiz-reputation-summary__help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: rgba(85, 67, 15, .1);
    color: #6c5a23;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

.pandariaquiz .pandariaquiz-reputation-summary__help:hover,
.pandariaquiz .pandariaquiz-reputation-summary__help:focus {
    background: rgba(85, 67, 15, .2);
    color: #2d2e2d;
    text-decoration: none;
    transform: translateY(-1px);
}

.pandariaquiz .pandariaquiz-reputation-summary__main {
    display: flex;
    align-items: baseline;
    gap: .65rem;
}

.pandariaquiz .pandariaquiz-reputation-summary__main strong {
    color: #2d2e2d;
    font-size: 1.7rem;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-reputation-summary__main span {
    color: #55430f;
    font-weight: 600;
}

.pandariaquiz .pandariaquiz-reputation-summary__next {
    margin-top: .65rem;
}

.pandariaquiz .pandariaquiz-reputation-summary__next > div:first-child {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .3rem;
    color: #6c5a23;
    font-size: .82rem;
}

.pandariaquiz .pandariaquiz-reputation-summary__progress {
    overflow: hidden;
    height: 7px;
    border-radius: 999px;
    background: rgba(85, 67, 15, .12);
}

.pandariaquiz .pandariaquiz-reputation-summary__progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #b18419;
}

.pandariaquiz-profile-wallet {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #dce5eb;
    border-radius: 14px;
    background: #f7fbfd;
    color: inherit;
    text-decoration: none;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.pandariaquiz-profile-wallet:hover,
.pandariaquiz-profile-wallet:focus {
    border-color: #b8ccd8;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(45, 46, 45, .07);
}

.pandariaquiz-profile-wallet__body {
    min-width: 0;
}

.pandariaquiz-profile-wallet__body > strong {
    display: block;
    color: #2d2e2d;
    font-size: 1.5rem;
    line-height: 1.1;
}

.pandariaquiz-profile-wallet__body > strong span {
    color: #6c757d;
    font-size: .88rem;
    font-weight: 600;
}

.pandariaquiz-profile-wallet__action {
    flex: 0 0 auto;
    color: #2f7898;
    font-size: .9rem;
    font-weight: 700;
}

.pandariaquiz.pandariaquiz-wallet,
.pandariaquiz.pandariaquiz-wallet-history {
    width: 100%;
    max-width: none;
    min-width: 0;
    overflow: hidden;
}

.pandariaquiz-wallet-page-link {
    color: #2f7898;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
}

.pandariaquiz-wallet-page-link:hover,
.pandariaquiz-wallet-page-link:focus {
    color: #245d75;
    text-decoration: underline;
}

.pandariaquiz-wallet-summary {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr));
    gap: .75rem;
    width: 100%;
    min-width: 0;
    margin-bottom: 1rem;
}

.pandariaquiz-wallet-summary > div {
    min-width: 0;
    padding: 1rem;
    border: 1px solid #e0e5e8;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 16px rgba(45, 46, 45, .05);
}

.pandariaquiz-wallet-summary > div > span,
.pandariaquiz-wallet-summary > div > small {
    display: block;
    color: #747d85;
    font-size: .8rem;
    font-weight: 600;
}

.pandariaquiz-wallet-summary > div > strong {
    display: block;
    margin-top: .35rem;
    color: #2d2e2d;
    font-size: 1.55rem;
    line-height: 1;
}

.pandariaquiz-wallet-summary__balance {
    border-color: #cfe0e9 !important;
    background: #f7fbfd !important;
}

.pandariaquiz-wallet-summary__balance > strong {
    font-size: 2rem !important;
}

.pandariaquiz-wallet-summary__balance > small {
    margin-top: .25rem;
}

.pandariaquiz-wallet-history__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .6rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.pandariaquiz-wallet-history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: .9rem 1rem;
    border: 1px solid #e4e7e8;
    border-radius: 14px;
    background: #fff;
}

.pandariaquiz-wallet-history-item__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pandariaquiz-wallet-history-item__body > strong {
    color: #2d2e2d;
    font-size: .95rem;
    overflow-wrap: anywhere;
}

.pandariaquiz-wallet-history-item__body a {
    display: -webkit-box;
    overflow: hidden;
    max-width: 100%;
    margin-top: .18rem;
    color: #3d6178;
    font-size: .86rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pandariaquiz-wallet-history-item__body time {
    margin-top: .2rem;
    color: #8a9299;
    font-size: .78rem;
}

.pandariaquiz-wallet-history-item__amount {
    flex: 0 0 auto;
    text-align: right;
}

.pandariaquiz-wallet-history-item__amount strong,
.pandariaquiz-wallet-history-item__amount span {
    display: block;
}

.pandariaquiz-wallet-history-item__amount strong {
    color: #68727a;
    font-size: 1.08rem;
}

.pandariaquiz-wallet-history-item__amount strong.is-positive {
    color: #17826f;
}

.pandariaquiz-wallet-history-item__amount strong.is-negative {
    color: #a13b3b;
}

.pandariaquiz-wallet-history-item__amount span {
    margin-top: .2rem;
    color: #8a9299;
    font-size: .76rem;
    white-space: nowrap;
}

.pandariaquiz.pandariaquiz-rating {
    width: 100%;
    max-width: none;
}

.pandariaquiz .pandariaquiz-reputation-rules h2 {
    margin: 0 0 .4rem;
    color: #2d2e2d;
    font-size: 1.65rem;
}

.pandariaquiz .pandariaquiz-rating__periods {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1rem;
}

.pandariaquiz .pandariaquiz-rating__period {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 1rem;
    border: 1px solid #d9ddd8;
    border-radius: 999px;
    background: #fff;
    color: #2d2e2d;
    font-weight: 600;
    text-decoration: none;
}

.pandariaquiz .pandariaquiz-rating__period.is-active {
    border-color: #2d2e2d;
    background: #2d2e2d;
    color: #fff;
}

.pandariaquiz .pandariaquiz-rating__caption {
    margin-bottom: .65rem;
    color: #495057;
    font-size: 1.05rem;
    font-weight: 600;
}

.pandariaquiz .pandariaquiz-rating__list {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pandariaquiz .pandariaquiz-rating-item {
    display: grid;
    grid-template-columns: 42px 42px minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .8rem .9rem;
    border: 1px solid #e4e7e2;
    border-radius: 14px;
    background: #fff;
}

.pandariaquiz .pandariaquiz-rating-item.is-current {
    border-color: rgba(177, 132, 25, .4);
    background: #fff8df;
}

.pandariaquiz .pandariaquiz-rating-item.has-profile-link {
    display: block;
    padding: 0;
}

.pandariaquiz .pandariaquiz-rating-item__link {
    display: grid;
    grid-template-columns: 42px 42px minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .8rem .9rem;
    color: inherit;
    text-decoration: none;
}

.pandariaquiz .pandariaquiz-rating-item__link:hover,
.pandariaquiz .pandariaquiz-rating-item__link:focus {
    color: inherit;
    text-decoration: none;
}

.pandariaquiz .pandariaquiz-rating-item__link:focus-visible {
    outline: 3px solid rgba(23, 130, 111, .28);
    outline-offset: 3px;
}

.pandariaquiz .pandariaquiz-rating-group {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .8rem .9rem;
    border: 1px solid #e4e7e2;
    border-radius: 14px;
    background: #fff;
}

.pandariaquiz .pandariaquiz-rating-group.has-current {
    border-color: rgba(177, 132, 25, .4);
}

.pandariaquiz .pandariaquiz-rating-group__members {
    min-width: 0;
}

.pandariaquiz .pandariaquiz-rating-group__member {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: .75rem;
    align-items: center;
    padding: .45rem 0;
}

.pandariaquiz .pandariaquiz-rating-group__member + .pandariaquiz-rating-group__member {
    border-top: 1px solid #edf0eb;
}

.pandariaquiz .pandariaquiz-rating-group__member.is-current {
    margin: 0 -.35rem;
    padding-right: .35rem;
    padding-left: .35rem;
    border-radius: 10px;
    background: #fff8df;
}

.pandariaquiz a.pandariaquiz-rating-group__member {
    color: inherit;
    text-decoration: none;
}

.pandariaquiz a.pandariaquiz-rating-group__member:hover,
.pandariaquiz a.pandariaquiz-rating-group__member:focus {
    color: inherit;
    text-decoration: none;
}

.pandariaquiz a.pandariaquiz-rating-group__member:focus-visible {
    outline: 3px solid rgba(23, 130, 111, .28);
    outline-offset: 3px;
}

.pandariaquiz .pandariaquiz-rating-item__rank {
    color: #2d2e2d;
    font-size: 1.15rem;
    font-weight: 700;
    text-align: center;
}

.pandariaquiz .pandariaquiz-rating-item__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    overflow: hidden;
    border-radius: 50%;
    background: #f3f4f1;
    color: #495057;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-rating-item__icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pandariaquiz .pandariaquiz-rating-item__initial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.pandariaquiz .pandariaquiz-rating-item__user {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pandariaquiz .pandariaquiz-rating-item__user strong {
    overflow: hidden;
    color: #2d2e2d;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pandariaquiz .pandariaquiz-rating-item__user small {
    margin-top: .15rem;
    color: #6c757d;
}

.pandariaquiz .pandariaquiz-rating-item__points {
    color: #17826f;
    font-size: 1.1rem;
    white-space: nowrap;
}

.pandariaquiz .pandariaquiz-rating__empty {
    padding: 1.25rem;
    border: 1px dashed #d9ddd8;
    border-radius: 14px;
    color: #6c757d;
    text-align: center;
}

.pandariaquiz.pandariaquiz-authors {
    width: 100%;
    max-width: none;
}

.pandariaquiz .pandariaquiz-authors__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: .85rem;
}

.pandariaquiz .pandariaquiz-authors-card {
    min-width: 0;
    border: 1px solid #e4e7e2;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(45, 46, 45, .05);
}

.pandariaquiz .pandariaquiz-authors-card__link {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: .9rem;
    align-items: center;
    min-height: 120px;
    padding: 1rem;
    color: inherit;
    text-decoration: none;
}

.pandariaquiz a.pandariaquiz-authors-card__link:hover,
.pandariaquiz a.pandariaquiz-authors-card__link:focus {
    color: inherit;
    text-decoration: none;
}

.pandariaquiz a.pandariaquiz-authors-card__link:focus-visible {
    outline: 3px solid rgba(23, 130, 111, .28);
    outline-offset: 3px;
}

.pandariaquiz .pandariaquiz-authors-card__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 50%;
    background: #f3f4f1;
    color: #495057;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1;
}

.pandariaquiz .pandariaquiz-authors-card__avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pandariaquiz .pandariaquiz-authors-card__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pandariaquiz .pandariaquiz-authors-card__name {
    overflow: hidden;
    color: #2d2e2d;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pandariaquiz .pandariaquiz-authors-card__comment {
    display: -webkit-box;
    overflow: hidden;
    margin-top: .35rem;
    color: #495057;
    font-size: .92rem;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pandariaquiz .pandariaquiz-authors-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .65rem;
    margin-top: .55rem;
    color: #6c757d;
    font-size: .82rem;
    line-height: 1.3;
}

.pandariaquiz .pandariaquiz-rating__current {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e4e7e2;
}

.pandariaquiz .pandariaquiz-rating__current-label {
    margin-bottom: .55rem;
    color: #6c757d;
    font-size: .85rem;
    font-weight: 600;
}

.pandariaquiz .pandariaquiz-reputation-rules {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e4e7e2;
}

.pandariaquiz .pandariaquiz-reputation-rules h3 {
    margin: 1.5rem 0 .65rem;
    color: #2d2e2d;
    font-size: 1.25rem;
}

.pandariaquiz .pandariaquiz-reputation-rules__table-wrap {
    overflow-x: auto;
    border: 1px solid #e4e7e2;
    border-radius: 14px;
    background: #fff;
}

.pandariaquiz .pandariaquiz-reputation-rules__table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
}

.pandariaquiz .pandariaquiz-reputation-rules__table--statuses {
    min-width: 360px;
}

.pandariaquiz .pandariaquiz-reputation-rules__table th,
.pandariaquiz .pandariaquiz-reputation-rules__table td {
    padding: .75rem .85rem;
    border-bottom: 1px solid #eceeea;
    text-align: left;
}

.pandariaquiz .pandariaquiz-reputation-rules__table th:last-child,
.pandariaquiz .pandariaquiz-reputation-rules__table td:last-child {
    text-align: right;
}

.pandariaquiz .pandariaquiz-reputation-rules__table tr:last-child td {
    border-bottom: 0;
}

.pandariaquiz .pandariaquiz-reputation-rules__note {
    margin: .8rem 0 0;
    color: #6c757d;
    font-size: .92rem;
    line-height: 1.5;
}

.pandariaquiz.pandariaquiz-reputation-history {
    width: 100%;
    max-width: none;
}

.pandariaquiz-reputation-history__list,
.site-profile-reputation-history-ajax #profileReputationHistoryAjaxRows {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .6rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.pandariaquiz-reputation-history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: .9rem 1rem;
    border: 1px solid #e4e7e2;
    border-radius: 14px;
    background: #fff;
}

.pandariaquiz-reputation-history-item > div {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pandariaquiz-reputation-history-item > div > strong {
    color: #2d2e2d;
    font-size: .95rem;
    overflow-wrap: anywhere;
}

.pandariaquiz-reputation-history-item a {
    display: -webkit-box;
    overflow: hidden;
    max-width: 100%;
    margin-top: .15rem;
    color: #3d6178;
    font-size: .86rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pandariaquiz-reputation-history-item time {
    margin-top: .15rem;
    color: #8a8f94;
    font-size: .78rem;
}

.pandariaquiz-reputation-history-item__points {
    flex: 0 0 auto;
    color: #17826f;
    font-size: 1.05rem;
    white-space: nowrap;
}

.pandariaquiz-profile-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.pandariaquiz-profile-stats > div {
    min-width: 0;
    padding: .85rem .9rem;
    border: 1px solid #e7e8e5;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 16px rgba(45, 46, 45, .05);
}

.pandariaquiz-profile-stats strong {
    display: block;
    color: #2d2e2d;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.05;
}

.pandariaquiz-profile-stats span {
    display: block;
    margin-top: .25rem;
    color: #6c757d;
    font-size: .82rem;
    line-height: 1.2;
}

.pandariaquiz-profile-awards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.pandariaquiz-profile-awards > div {
    min-width: 0;
    padding: .75rem .85rem;
    border: 1px solid #e7e8e5;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 16px rgba(45, 46, 45, .05);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
}

.pandariaquiz-profile-awards__icon {
    font-size: 1.35rem;
    line-height: 1;
}

.pandariaquiz-profile-awards strong {
    color: #2d2e2d;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
}

.pandariaquiz-profile-list {
    display: grid;
    gap: .75rem;
}

.pandariaquiz-profile-attempt {
    border: 1px solid #e7e8e5;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(45, 46, 45, .06);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.pandariaquiz-profile-attempt:hover,
.pandariaquiz-profile-attempt:focus-within {
    border-color: #d5d8d2;
    box-shadow: 0 12px 28px rgba(45, 46, 45, .1);
    transform: translateY(-1px);
}

.pandariaquiz-profile-attempt__link {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) auto;
    gap: .9rem;
    align-items: center;
    padding: .85rem;
    border-radius: inherit;
    color: inherit;
    text-decoration: none;
}

.pandariaquiz-profile-attempt__link:hover,
.pandariaquiz-profile-attempt__link:focus {
    color: inherit;
    text-decoration: none;
}

.pandariaquiz-profile-attempt__link:focus-visible {
    outline: 3px solid rgba(79, 205, 255, .35);
    outline-offset: 2px;
}

.pandariaquiz-profile-attempt__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 64px;
    overflow: hidden;
    border-radius: 10px;
    background: #f3f5f1;
    color: #8a9299;
    text-decoration: none;
}

.pandariaquiz-profile-attempt__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pandariaquiz-profile-attempt__body {
    min-width: 0;
}

.pandariaquiz-profile-attempt h3 {
    margin: 0;
    color: #2d2e2d;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
}

.pandariaquiz-profile-attempt__outcome {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .3rem .65rem;
    margin-top: .45rem;
    line-height: 1.25;
}

.pandariaquiz-profile-attempt__outcome strong {
    color: #2d2e2d;
    font-size: 1.05rem;
    font-weight: 700;
}

.pandariaquiz-profile-attempt__reward {
    color: #6c757d;
    font-size: .9rem;
    font-weight: 500;
}

.pandariaquiz-profile-attempt__points {
    color: #17826f;
    font-size: .9rem;
    font-weight: 700;
    white-space: nowrap;
}

.pandariaquiz-profile-attempt__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .2rem;
    margin-top: .45rem;
    color: #8a9299;
    font-size: .8rem;
    line-height: 1.3;
}

.pandariaquiz-profile-attempt__meta span + span::before {
    margin: 0 .35rem 0 .15rem;
    content: "·";
}

.pandariaquiz-profile-attempt__side {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
}

.pandariaquiz-profile-attempt__publication {
    display: inline-flex;
    align-items: center;
    padding: .18rem .45rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}

.pandariaquiz-profile-attempt__publication.is-public {
    background: #e5f6ef;
    color: #37966f;
}

.pandariaquiz-profile-attempt__publication.is-private {
    background: #f1f2f0;
    color: #6c757d;
}

.pandariaquiz-profile-attempt__arrow {
    color: #8a9299;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1;
}

.pandariaquiz-profile-empty {
    padding: 1.15rem;
    border: 1px solid #e7e8e5;
    border-radius: 16px;
    background: #fff;
    color: #6c757d;
    text-align: center;
    box-shadow: 0 8px 22px rgba(45, 46, 45, .06);
}

.pandariaquiz-profile-empty p {
    margin: 0;
    font-size: .98rem;
    line-height: 1.4;
}

@media (max-width: 640px) {
    .pandariaquiz .pandariaquiz-registration-bonus {
        padding: .75rem .8rem;
    }

    .quiz-card__badges--rating {
        right: 10px;
        left: 10px;
        gap: 4px;
    }

    .quiz-card__badges--rating .quiz-card__badge-group {
        gap: 4px;
    }

    .quiz-card__badges--rating .quiz-card__badge {
        min-height: 30px;
        padding: 0 8px;
        font-size: .72rem;
    }

    .quiz-card__badges--rating .quiz-card__badge-dot {
        display: none;
    }

    .pandariaquiz {
        max-width: none;
        margin-right: -15px;
        margin-left: -15px;
    }

    .pandariaquiz.pandariaquiz-profile,
    .pandariaquiz.pandariaquiz-rating,
    .pandariaquiz.pandariaquiz-reputation-history,
    .pandariaquiz.pandariaquiz-wallet,
    .pandariaquiz.pandariaquiz-wallet-history {
        width: 100%;
        min-width: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .pandariaquiz.pandariaquiz-review,
    .pandariaquiz.pandariaquiz-result {
        margin-right: auto;
        margin-left: auto;
    }

    .pandariaquiz.microsite__quiz .step {
        padding: 1.5rem;
    }

    .pandariaquiz .form-description,
    .pandariaquiz .pandariaquiz-question-description {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }

    .pandariaquiz .pandariaquiz-stage-steps {
        justify-content: center;
        margin-right: -.2rem;
        margin-left: -.2rem;
        padding: 4px .2rem;
    }

    .pandariaquiz .pandariaquiz-stage-step {
        min-width: 36px;
    }

    .pandariaquiz .pandariaquiz-stage-step__dot {
        width: 26px;
        height: 26px;
        font-size: .78rem;
    }

    .pandariaquiz .pandariaquiz-stage-step.is-current .pandariaquiz-stage-step__dot {
        width: 30px;
        height: 30px;
    }

    .pandariaquiz .pandariaquiz-ad-free-notice {
        align-items: flex-start;
        margin-right: 15px;
        margin-left: 15px;
        padding: .7rem .8rem;
        font-size: .86rem;
        text-align: left;
    }

    .pandariaquiz .pandariaquiz-rating-notice {
        gap: .65rem;
        margin-right: 15px;
        margin-left: 15px;
        padding: .8rem;
    }

    .pandariaquiz .pandariaquiz-rating-notice__icon {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        font-size: 1rem;
    }

    .pandariaquiz .pandariaquiz-answer-feedback {
        --pandariaquiz-feedback-gutter: 1rem;
        --pandariaquiz-feedback-inner: 1rem;
    }

    .pandariaquiz .answer_message.alert {
        padding-right: var(--pandariaquiz-feedback-inner);
        padding-left: var(--pandariaquiz-feedback-inner);
    }

    .pandariaquiz .pandariaquiz-question-feedback__main {
        min-height: 66px;
        padding: .7rem var(--pandariaquiz-feedback-inner);
    }

    .pandariaquiz .pandariaquiz-snapshot {
        padding: 1rem;
        border-radius: 14px;
    }

    .pandariaquiz .pandariaquiz-snapshot__head,
    .pandariaquiz .pandariaquiz-snapshot-stage__summary,
    .pandariaquiz .pandariaquiz-snapshot-question__head {
        align-items: flex-start;
    }

    .pandariaquiz .pandariaquiz-snapshot__head {
        display: block;
    }

    .pandariaquiz .pandariaquiz-snapshot__summary {
        margin-top: .45rem;
        text-align: left;
    }

    .pandariaquiz .pandariaquiz-result-saved-notice {
        align-items: center;
        flex-direction: column;
        gap: .75rem;
        padding: .95rem;
        border-radius: 14px;
        text-align: center;
    }

    .pandariaquiz .pandariaquiz-result-saved-notice__body {
        width: 100%;
    }

    .pandariaquiz .pandariaquiz-result-saved-notice__action,
    .pandariaquiz .pandariaquiz-result-saved-notice .pandariaquiz-share-result,
    .pandariaquiz .pandariaquiz-result-saved-notice .pandariaquiz-user-attempts {
        width: 100%;
    }

    .pandariaquiz .pandariaquiz-snapshot-stage__summary {
        flex-wrap: wrap;
        gap: .3rem .75rem;
    }

    .pandariaquiz .pandariaquiz-snapshot-stage__meta {
        flex-basis: 100%;
        order: 3;
        margin-left: 0;
        text-align: left;
    }

    .pandariaquiz .pandariaquiz-snapshot-stage__summary::after {
        margin-left: auto;
    }

    .pandariaquiz-profile-head {
        display: block;
    }

    .pandariaquiz-profile h2 {
        font-size: 1.45rem;
    }

    .pandariaquiz .pandariaquiz-reputation-summary {
        align-items: flex-start;
        gap: .75rem;
        padding: .9rem;
    }

    .pandariaquiz .pandariaquiz-reputation-summary__icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        font-size: 1.25rem;
    }

    .pandariaquiz .pandariaquiz-reputation-summary__main {
        align-items: flex-start;
        flex-direction: column;
        gap: .2rem;
    }

    .pandariaquiz .pandariaquiz-reputation-summary__next > div:first-child {
        align-items: flex-start;
        flex-direction: column;
        gap: .1rem;
    }

    .pandariaquiz-profile-wallet {
        padding: .9rem;
    }

    .pandariaquiz-wallet-head {
        display: flex;
        justify-content: flex-end;
        margin-bottom: .65rem;
    }

    .pandariaquiz-wallet-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .6rem;
    }

    .pandariaquiz-wallet-summary__balance {
        grid-column: 1 / -1;
    }

    .pandariaquiz-wallet-summary > div {
        padding: .8rem;
    }

    .pandariaquiz-wallet-summary > div > strong {
        font-size: 1.3rem;
    }

    .pandariaquiz-wallet-summary__balance > strong {
        font-size: 1.65rem !important;
    }

    .pandariaquiz-wallet-history-item {
        align-items: flex-start;
        gap: .65rem;
        padding: .85rem;
    }

    .pandariaquiz-wallet-history-item__amount {
        max-width: 92px;
    }

    .site-profile-reputation-history-ajax,
    .site-profile-reputation-history-ajax #profileReputationHistoryAjaxRows {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .pandariaquiz-reputation-history-item {
        align-items: flex-start;
        gap: .65rem;
        padding: .85rem;
    }

    .pandariaquiz .pandariaquiz-reputation-rules h2 {
        font-size: 1.4rem;
    }

    .pandariaquiz .pandariaquiz-rating__periods {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .35rem;
    }

    .pandariaquiz .pandariaquiz-rating__period {
        min-height: 38px;
        padding: 0 .5rem;
        font-size: .82rem;
    }

    .pandariaquiz .pandariaquiz-rating-item {
        grid-template-columns: 32px 36px minmax(0, 1fr) auto;
        gap: .5rem;
        padding: .7rem .65rem;
    }

    .pandariaquiz .pandariaquiz-rating-item__link {
        grid-template-columns: 32px 36px minmax(0, 1fr) auto;
        gap: .5rem;
        padding: .7rem .65rem;
    }

    .pandariaquiz .pandariaquiz-rating-item__rank {
        font-size: 1rem;
    }

    .pandariaquiz .pandariaquiz-rating-item__icon {
        width: 36px;
        height: 36px;
        font-size: 1.05rem;
    }

    .pandariaquiz .pandariaquiz-rating-item__user small {
        font-size: .72rem;
    }

    .pandariaquiz .pandariaquiz-rating-item__points {
        font-size: .95rem;
    }

    .pandariaquiz .pandariaquiz-rating-group {
        grid-template-columns: 32px minmax(0, 1fr) auto;
        gap: .5rem;
        padding: .7rem .65rem;
    }

    .pandariaquiz .pandariaquiz-rating-group__member {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: .5rem;
        padding: .4rem 0;
    }

    .pandariaquiz-profile-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pandariaquiz-profile-attempt__link {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: .75rem;
    }

    .pandariaquiz-profile-attempt__image {
        width: 92px;
        height: 64px;
    }

    .pandariaquiz-profile-attempt__side {
        grid-column: 2;
        justify-content: flex-start;
    }

    .pandariaquiz-profile-attempt__side .pandariaquiz-profile-attempt__arrow {
        margin-left: auto;
    }

    .pandariaquiz .pandariaquiz-question-feedback__title,
    .pandariaquiz .pandariaquiz-question-feedback__thanks {
        font-size: 1.05rem;
    }

    .pandariaquiz .pandariaquiz-question-feedback.is-thanks .pandariaquiz-question-feedback__thanks {
        min-height: 66px;
        padding: .7rem var(--pandariaquiz-feedback-inner);
    }

    .pandariaquiz .pandariaquiz-question-feedback__button {
        width: 46px;
        height: 46px;
    }

    .pandariaquiz .pandariaquiz-question-feedback__button svg {
        width: 27px;
        height: 27px;
    }

    .pandariaquiz .pandariaquiz-question-comments {
        margin: -1.6rem 1rem 2rem;
    }

    .pandariaquiz .pandariaquiz-question-comments__title {
        margin-bottom: .9rem;
        font-size: 1.1rem;
    }

    .pandariaquiz .pandariaquiz-question-comments__count {
        font-size: .82rem;
    }

    .pandariaquiz .pandariaquiz-question-comments__form {
        gap: .6rem;
        --pandariaquiz-comment-avatar-size: 42px;
    }

    .pandariaquiz .pandariaquiz-question-comments__avatar {
        font-size: 1rem;
    }

    .pandariaquiz .pandariaquiz-question-comments__textarea {
        padding: .75rem .85rem;
        font-size: 1rem;
    }

    .pandariaquiz .pandariaquiz-question-comments__actions {
        justify-content: stretch;
    }

    .pandariaquiz .pandariaquiz-question-comments__submit {
        width: 100%;
    }

    .pandariaquiz .pandariaquiz-question-comment {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: .6rem;
    }

    .pandariaquiz .pandariaquiz-question-comment__avatar {
        width: 36px;
        height: 36px;
    }

    .pandariaquiz .pandariaquiz-question-comment.is-reply {
        grid-template-columns: 30px minmax(0, 1fr);
        margin-left: .25rem;
        padding-left: .6rem;
    }

    .pandariaquiz .pandariaquiz-question-comment.is-reply .pandariaquiz-question-comment__avatar {
        width: 30px;
        height: 30px;
    }

    .pandariaquiz .pandariaquiz-question-comments__pagination {
        justify-content: center;
    }

    .pandariaquiz .pandariaquiz-question-comments__more {
        width: 100%;
    }

    .pandariaquiz .pandariaquiz-share-result {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: .65rem;
        margin-left: 0;
    }

    .pandariaquiz .pandariaquiz-result-number {
        font-size: 48px;
    }

    .pandariaquiz .pandariaquiz-result-reward h3,
    .pandariaquiz .pandariaquiz-result-correct-title {
        gap: .4rem;
        font-size: 1.05rem;
    }

    .pandariaquiz .pandariaquiz-result-reward-icon {
        font-size: 4rem;
    }

    .pandariaquiz .pandariaquiz-result-reputation {
        padding: 1rem .95rem 1.1rem;
    }

    .pandariaquiz .pandariaquiz-result-reputation__title {
        font-size: 1.18rem;
    }

    .pandariaquiz .pandariaquiz-result-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .55rem;
    }

    .pandariaquiz .pandariaquiz-result-stat {
        grid-template-columns: 1fr;
        align-content: center;
        justify-items: center;
        gap: .45rem;
        min-height: 138px;
        padding: .75rem .5rem;
        text-align: center;
    }

    .pandariaquiz .pandariaquiz-result-stat::after {
        display: none;
    }

    .pandariaquiz .pandariaquiz-result-stat__icon {
        width: 44px;
        height: 44px;
        font-size: 1.65rem;
    }

    .pandariaquiz .pandariaquiz-result-stat__icon svg {
        width: 27px;
        height: 27px;
    }

    .pandariaquiz .pandariaquiz-result-stat__body {
        text-align: center;
    }

    .pandariaquiz .pandariaquiz-result-stat__label {
        font-size: .76rem;
    }

    .pandariaquiz .pandariaquiz-result-stat__value {
        font-size: .98rem;
        white-space: nowrap;
    }

    .pandariaquiz.pandariaquiz-review .pandariaquiz-ad-block,
    .pandariaquiz.pandariaquiz-result .pandariaquiz-ad-block {
        margin-right: -15px;
        margin-left: -15px;
    }

    .pandariaquiz .pandariaquiz-review-wrap .pandariaquiz-stage-summary {
        margin-right: -15px;
        margin-left: -15px;
    }

    .pandariaquiz.pandariaquiz-review .pandariaquiz-ad-label,
    .pandariaquiz.pandariaquiz-result .pandariaquiz-ad-label {
        padding-right: 15px;
        padding-left: 15px;
    }

    .pandariaquiz .quiz-option-letter {
        width: 54px;
        min-width: 54px;
    }

    .pandariaquiz .quiz-option-text {
        font-size: 1rem;
        padding: .85rem 1rem;
    }

    .pandariaquiz .pandariaquiz-review-question-head {
        gap: 10px;
    }

    .pandariaquiz .pandariaquiz-review-question-image {
        flex-basis: 68px;
        width: 68px;
        height: 68px;
    }
}