@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--quiz-option-glow:#e2602200}}}@property --quiz-option-glow{syntax:"<color>";inherits:false;initial-value:#e2602200}@layer components{.quiz-option{background-color:var(--color-bg-primary);background-image:linear-gradient(to bottom,rgb(from var(--quiz-option-glow)r g b/0)0%,var(--quiz-option-glow)100%);border-radius:var(--radius-8);cursor:pointer;border:none;justify-content:center;align-items:center;transition:box-shadow .15s,border-color .15s,--quiz-option-glow .15s;display:flex;position:relative;overflow:clip}.quiz-option .option-number{z-index:1;position:absolute;top:0;left:0}.quiz-option-answer-mode.quiz-option-desktop{width:140px;max-width:140px;height:140px;max-height:140px;padding:var(--spacing-20)}.quiz-option-answer-mode.quiz-option-mobile{padding-inline:var(--spacing-20);padding-block:var(--spacing-16)}.quiz-option-slot-mode.quiz-option-desktop{padding:var(--spacing-16);min-height:58px}.quiz-option-slot-mode.quiz-option-mobile{padding:var(--spacing-12);min-height:48px}.quiz-option-slot{flex:1 1 0;min-width:0}.quiz-option-image,.quiz-option-value{flex-shrink:0}.quiz-option-desktop :is(.quiz-option-image,.quiz-option-value){aspect-ratio:1;flex:1 0 0;width:100px;min-width:1px;height:100px;min-height:1px}.quiz-option-mobile :is(.quiz-option-image,.quiz-option-value){width:70px;height:70px}.quiz-option-image img{object-fit:contain;width:100%;height:100%}.quiz-option-value{font:var(--text-headline-56-font);letter-spacing:var(--text-headline-56-ls);color:var(--color-content-secondary);justify-content:center;align-items:center;display:flex}.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-active.quiz-option-glow{--quiz-option-glow:rgb(from var(--color-bg-brand)r g b/.1)}.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 .quiz-option-value,.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=ae43baef9fd0a3a5.css.map*/