.quiz-paper{background-color:var(--cv-creme);color:var(--cv-bordeaux);border-radius:var(--cv-radius-paper)}.quiz-sign{color:var(--cv-carmin);font-size:clamp(2rem,.2rem + 7.6vw,8rem);line-height:.9}.quiz-rank{font-size:clamp(8rem,40vw,16rem);line-height:.8}@media (min-width:768px){.quiz-rank{font-size:var(--text-sign)}}.quiz-steps{grid-auto-columns:1fr;grid-auto-flow:column;gap:.375rem;display:grid}.quiz-steps>span{background-color:color-mix(in srgb, var(--cv-bordeaux) 14%, transparent);height:.3125rem;transition:background-color .3s var(--cv-ease);border-radius:999px}.quiz-steps>span[data-done]{background-color:var(--cv-carmin)}.quiz-option{background-color:var(--cv-guimauve);width:100%;min-height:4.25rem;color:var(--cv-bordeaux);text-align:left;cursor:pointer;transition:background-color .2s var(--cv-ease), border-color .2s var(--cv-ease), color .2s var(--cv-ease), opacity .2s var(--cv-ease);border:1.5px solid #0000;border-radius:999px;align-items:center;gap:1rem;padding:.75rem 1.5rem .75rem 1.375rem;font-size:1.0625rem;font-weight:500;line-height:1.3;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--cv-carmin)}.quiz-option:focus-visible{outline:2px solid var(--cv-carmin);outline-offset:3px}.quiz-option:disabled{cursor:default}.quiz-option-letter{width:1.5rem;color:var(--cv-carmin);flex-shrink:0;font-size:2rem}.quiz-option-text{flex:1;min-width:0}.quiz-option[data-state=right]{background-color:var(--cv-carmin);border-color:var(--cv-carmin);color:var(--cv-guimauve)}.quiz-option[data-state=right] .quiz-option-letter{color:var(--cv-guimauve)}.quiz-option[data-state=wrong]{border-color:color-mix(in srgb, var(--cv-bordeaux) 30%, transparent);color:color-mix(in srgb, var(--cv-bordeaux) 62%, var(--cv-creme));background-color:#0000}.quiz-option[data-state=wrong] .quiz-option-letter{color:inherit}.quiz-option[data-state=wrong] .quiz-option-text{text-decoration:line-through;text-decoration-thickness:1.5px}.quiz-option[data-state=rest]{opacity:.5}@keyframes quiz-pop{40%{transform:scale(1.025)}}@keyframes quiz-nudge{25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes quiz-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:no-preference){.quiz-option[data-state=right]{animation:quiz-pop .42s var(--ease-expo)}.quiz-option[data-state=wrong]{animation:quiz-nudge .36s var(--cv-ease)}.quiz-feedback{animation:quiz-in .5s var(--ease-expo) both}}