@layer components{.quiz-option{background:var(--color-bg-primary);border-radius:var(--radius-8);cursor:pointer;border:none;justify-content:center;align-items:center;transition:box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:clip}.quiz-option .option-number{z-index:1;position:absolute;top:0;left:0}.quiz-option-desktop{width:140px;max-width:140px;height:140px;max-height:140px;padding:var(--spacing-20)}.quiz-option-mobile{padding-inline:var(--spacing-20);padding-block:var(--spacing-16)}.quiz-option-image{flex-shrink:0}.quiz-option-desktop .quiz-option-image{aspect-ratio:1;flex:1 0 0;width:100px;min-width:1px;height:100px;min-height:1px}.quiz-option-mobile .quiz-option-image{width:70px;height:70px}.quiz-option-image img{object-fit:contain;width:100%;height:100%}.quiz-option-default{box-shadow:0 2px 8px #1d090e0a,0 4px 4px #1d090e05,0 2px 2px #1d090e0a}.quiz-option-default.quiz-option-desktop{box-shadow:0 0 0 1px var(--color-border-primary-hover),0 2px 8px #1d090e0a,0 4px 4px #1d090e05,0 2px 2px #1d090e0a}.quiz-option-default.quiz-option-mobile{box-shadow:0 0 0 .5px var(--color-border-primary-hover),0 2px 8px #1d090e0a,0 4px 4px #1d090e05,0 2px 2px #1d090e0a}.quiz-option-default.quiz-option-desktop:hover{box-shadow:0 0 0 4px var(--color-border-brand-hover),0 4px 12px #1d090e1f,0 2px 8px #1d090e14,0 2px 4px #1d090e14}.quiz-option-default.quiz-option-mobile:hover{box-shadow:0 0 0 4px var(--color-border-brand-hover),0 0 0 .5px var(--color-border-primary),0 4px 12px #1d090e1f,0 2px 8px #1d090e14,0 2px 4px #1d090e14}.quiz-option-active{box-shadow:inset 0 0 0 2px var(--color-content-brand-primary),0 0 0 4px var(--color-border-brand-default),0 0 0 .5px var(--color-border-primary),0 4px 12px #1d090e14,0 2px 6px #1d090e0a,0 2px 2px #1d090e0a}.quiz-option-active:hover{box-shadow:inset 0 0 0 2px var(--color-content-brand-primary),0 0 0 4px var(--color-border-brand-hover),0 0 0 .5px var(--color-border-primary),0 4px 12px #1d090e1f,0 2px 8px #1d090e14,0 2px 4px #1d090e14}.quiz-option-disabled{cursor:default;pointer-events:none;box-shadow:0 1px 2px #1d090e0f,0 1px 6px #1d090e05}.quiz-option-disabled .quiz-option-image,.quiz-option-disabled .option-number{opacity:.5}}
@layer components{.option-number{background:var(--color-bg-brand);border-radius:0 0 var(--radius-4)0;width:20px;height:20px}.option-number-label{color:var(--color-content-inverse-primary-bold);font:var(--text-caption-12-semi-font);letter-spacing:var(--text-caption-12-semi-ls);text-align:center;text-transform:uppercase}.option-number-disabled{opacity:.5}.option-number-active-desktop{margin-top:-2px;margin-left:-2px}}
/*# sourceMappingURL=6d3f7e0be551ae59.css.map*/