.block--onlinequiz .block__content {margin-block: 2rem 3rem;}.onlinequiz {--quiz-correct: var(--color-3-dark, #4F9275);--quiz-wrong: var(--color-error, #b2003e);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: clamp(1.5rem, 4vw, 3rem);margin-block: 1.5rem;max-inline-size: 60rem;margin-inline: auto;}.onlinequiz__intro {text-align: center;margin: 0;font-size: 1.1rem;line-height: 1.5;text-wrap: balance;}.onlinequiz__progress {text-align: center;margin-block: 0 2rem;font-size: 1.3rem;line-height: 1.2em;text-wrap: balance;}.onlinequiz__progress-step {display: block;-webkit-margin-after: 1rem;margin-block-end: 1rem;color: var(--color-accent);}.onlinequiz__audio {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: .5rem;-webkit-margin-after: 2rem;margin-block-end: 2rem;}.onlinequiz__control {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;inline-size: 3.5rem;block-size: 3.5rem;padding: 0;color: white;background-color: var(--color-accent);border: none;border-radius: 50%;cursor: pointer;-webkit-transition: background-color .2s, -webkit-box-shadow .2s;transition: background-color .2s, -webkit-box-shadow .2s;transition: background-color .2s, box-shadow .2s;transition: background-color .2s, box-shadow .2s, -webkit-box-shadow .2s;}.onlinequiz__control:hover {background-color: var(--color-accent-dark);-webkit-box-shadow: 0 8px 16px color-mix(in srgb, var(--color-accent-dark), transparent 80%);box-shadow: 0 8px 16px color-mix(in srgb, var(--color-accent-dark), transparent 80%);}.onlinequiz__icon {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}.onlinequiz__icon svg {inline-size: 1.5rem;block-size: 1.5rem;fill: currentColor;}.onlinequiz__icon.onlinequiz__icon--hidden {display: none;}.onlinequiz__waveform {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;min-inline-size: 0;block-size: 4rem;}.onlinequiz__confetti {position: fixed;inset: 0;inline-size: 100%;block-size: 100%;pointer-events: none;z-index: 9999;}.onlinequiz__answers {list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2, 1fr);gap: clamp(1rem, 3vw, 2rem);}.onlinequiz__answer {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;cursor: pointer;-webkit-transition: -webkit-transform .2s;transition: -webkit-transform .2s;transition: transform .2s;transition: transform .2s, -webkit-transform .2s;}.onlinequiz__answer:where(:hover):not(.is-disabled) {-webkit-transform: scale(1.05);transform: scale(1.05);}.onlinequiz__answer.is-disabled {cursor: default;}.onlinequiz__answer-image {display: block;aspect-ratio: 1;background-color: var(--color-1-light, #f4f6f6);background-repeat: no-repeat;background-position: center;background-size: contain;border-radius: .5rem .5rem 0 0;}.is-disabled .onlinequiz__answer-image {opacity: .5;}.is-correct .onlinequiz__answer-image,.is-wrong .onlinequiz__answer-image {opacity: 1;}.onlinequiz__answer-btn {inline-size: 100%;padding: .75rem .5rem;font-family: inherit;font-weight: 600;color: white;background-color: var(--color-text-primary, black);border: none;border-radius: 0 0 .5rem .5rem;cursor: inherit;-webkit-transition: background-color .2s;transition: background-color .2s;}.onlinequiz__answer:where(:hover):not(.is-disabled) .onlinequiz__answer-btn {background-color: var(--color-accent);}.is-correct .onlinequiz__answer-btn {background-color: var(--quiz-correct);}.is-wrong .onlinequiz__answer-btn {background-color: var(--quiz-wrong);}:is(.onlinequiz--text-choice,.onlinequiz--text-trivia) .onlinequiz__answers {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1rem;max-inline-size: 36rem;margin-inline: auto;}:is(.onlinequiz--text-choice,.onlinequiz--text-trivia) .onlinequiz__answer {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}:is(.onlinequiz--text-choice,.onlinequiz--text-trivia) .onlinequiz__answer:where(:hover):not(.is-disabled) {-webkit-transform: none;transform: none;}:is(.onlinequiz--text-choice,.onlinequiz--text-trivia) .onlinequiz__answer-btn {border-radius: 999px;padding: 1rem 1.5rem;font-size: 1.05rem;background-color: var(--color-1-light, #f4f6f6);color: var(--color-text-primary, black);-webkit-transition: background-color .2s, color .2s, -webkit-transform .2s;transition: background-color .2s, color .2s, -webkit-transform .2s;transition: background-color .2s, color .2s, transform .2s;transition: background-color .2s, color .2s, transform .2s, -webkit-transform .2s;}:is(.onlinequiz--text-choice,.onlinequiz--text-trivia) .onlinequiz__answer:where(:hover):not(.is-disabled) .onlinequiz__answer-btn {background-color: var(--color-accent);color: white;-webkit-transform: scale(1.02);transform: scale(1.02);}:is(.onlinequiz--text-choice,.onlinequiz--text-trivia) .onlinequiz__answer.is-disabled .onlinequiz__answer-btn {opacity: .6;}:is(.onlinequiz--text-choice,.onlinequiz--text-trivia) .onlinequiz__answer.is-correct .onlinequiz__answer-btn {background-color: var(--quiz-correct);color: white;opacity: 1;}:is(.onlinequiz--text-choice,.onlinequiz--text-trivia) .onlinequiz__answer.is-wrong .onlinequiz__answer-btn {background-color: var(--quiz-wrong);color: white;opacity: 1;}.onlinequiz__trivia {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1.5rem;text-align: center;}.onlinequiz__trivia-title {margin: 0;font-size: 1.6rem;line-height: 1.4;color: var(--color-accent);text-wrap: balance;}.onlinequiz__trivia-figure {inline-size: 100%;max-inline-size: 28rem;margin: 0;}.onlinequiz__trivia-image {display: block;inline-size: 100%;block-size: auto;border-radius: .5rem;}.onlinequiz__trivia-text {margin: 0;max-inline-size: 44rem;font-size: 1.05rem;line-height: 1.6;text-align: start;}.onlinequiz__memory {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1.5rem;}.onlinequiz__hud {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 1.5rem;-ms-flex-wrap: wrap;flex-wrap: wrap;font-weight: 600;font-size: 1.05rem;}.onlinequiz__hud-item {color: var(--color-text-primary, black);}.onlinequiz__hud-moves {color: var(--color-accent);}.onlinequiz__board {display: grid;grid-template-columns: repeat(var(--memory-cols, 4), 1fr);gap: clamp(0.4rem, 1.5vw, 0.9rem);max-inline-size: 44rem;margin-inline: auto;inline-size: 100%;}.onlinequiz__card {display: block;inline-size: 100%;aspect-ratio: 1;padding: 0;background: none;border: none;cursor: pointer;-webkit-perspective: 700px;perspective: 700px;-webkit-tap-highlight-color: transparent;}.onlinequiz__card.is-matched {cursor: default;}.onlinequiz__card-inner {position: relative;display: block;inline-size: 100%;block-size: 100%;-webkit-transition: -webkit-transform .4s;transition: -webkit-transform .4s;transition: transform .4s;transition: transform .4s, -webkit-transform .4s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.onlinequiz__card.is-flipped .onlinequiz__card-inner,.onlinequiz__card.is-matched .onlinequiz__card-inner {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}.onlinequiz__card-face {position: absolute;inset: 0;display: block;border-radius: .5rem;backface-visibility: hidden;-webkit-backface-visibility: hidden;}.onlinequiz__card-back {background-color: var(--color-accent);background-image: radial-gradient(circle at 30% 30%, color-mix(in srgb, white, transparent 80%), transparent 60%);}.onlinequiz__card:where(:hover):not(.is-flipped):not(.is-matched) .onlinequiz__card-back {background-color: var(--color-accent-dark, #6d0a5e);}.onlinequiz__card-front {background-color: var(--color-1-light, #f4f6f6);background-repeat: no-repeat;background-position: center;background-size: 70%;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color-accent), transparent 70%);box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color-accent), transparent 70%);}.onlinequiz__card.is-matched .onlinequiz__card-front {-webkit-box-shadow: inset 0 0 0 3px var(--quiz-correct);box-shadow: inset 0 0 0 3px var(--quiz-correct);}.onlinequiz__score-detail {font-size: 1.3rem;font-weight: 600;color: var(--color-accent);margin-block: 0 1rem;}.onlinequiz__buttons {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 1rem;-webkit-margin-before: 2.5rem;margin-block-start: 2.5rem;}.onlinequiz__next:disabled {opacity: .4;cursor: not-allowed;pointer-events: none;}.onlinequiz__result {text-align: center;}.onlinequiz__score {font-size: var(--fonts-size-header-small, 2rem);font-weight: 700;line-height: 1.3;margin-block: 0 1rem;}.onlinequiz__message {font-size: 1.1rem;margin-block: 0;}@media (prefers-reduced-motion: reduce) {.onlinequiz__card-inner {-webkit-transition: none;transition: none;}}@media (min-width: 768px) {.onlinequiz__control {inline-size: 4rem;block-size: 4rem;}.onlinequiz__answers {grid-template-columns: repeat(4, 1fr);}}