@layer components{.quiz{gap:var(--space-5);max-width:46rem;color:var(--dark-900);background-color:var(--light-100);border:var(--border-width) solid color-mix(in lab, var(--dark-900) 12%, transparent);border-left:.25rem solid var(--brand-500);border-radius:var(--radius-main);padding:var(--space-6);display:grid;box-shadow:0 1rem 2.5rem #13223114}.quiz_heading{font-family:var(--heading-family);font-size:var(--h3);font-weight:var(--primary-bold);line-height:var(--line-height-medium);letter-spacing:-.01em;text-wrap:balance;margin-block:0}.quiz_text{margin-block:var(--space-2) 0;max-width:52ch;color:color-mix(in lab, var(--dark-900) 72%, transparent)}.quiz_progress{border-radius:var(--radius-round);background-color:var(--light-300);height:.4rem;overflow:hidden}.quiz_progress-bar{border-radius:inherit;background-color:var(--brand-500);width:20%;height:100%;transition:width .3s;display:block}.quiz_count{font-size:.8125rem;font-weight:var(--primary-semibold);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in lab, var(--dark-900) 58%, transparent);margin:0}.quiz_step{border:0;margin:0;padding:0}.quiz_legend{font-family:var(--heading-family);font-size:clamp(1.25rem,1.05rem + .6vw,1.5rem);font-weight:var(--primary-bold);line-height:var(--line-height-medium);color:var(--dark-900);text-wrap:balance;padding:0}.quiz_help{margin-block:var(--space-2) var(--space-4);color:color-mix(in lab, var(--dark-900) 62%, transparent);font-size:.9375rem}.quiz_options{gap:var(--space-2);display:grid}.quiz_option{align-items:center;gap:var(--space-3);background-color:var(--light-200);border:var(--border-width) solid color-mix(in lab, var(--dark-900) 10%, transparent);border-radius:var(--radius-small);cursor:pointer;font-weight:var(--primary-semibold);padding:.85rem 1rem;transition:border-color .15s,background-color .15s;display:flex}.quiz_option:hover{border-color:color-mix(in lab, var(--brand-500) 55%, transparent)}.quiz_option:has(input:checked){border-color:var(--brand-500);background-color:color-mix(in lab, var(--brand-500) 12%, var(--light-100))}.quiz_option input{width:1.15rem;height:1.15rem;accent-color:var(--brand-500);flex:none}.quiz_actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.quiz_button{border:var(--border-width) solid var(--brand-500);border-radius:var(--radius-small);background-color:var(--brand-500);color:var(--dark-900);font-family:inherit;font-size:.9375rem;font-weight:var(--primary-bold);cursor:pointer;justify-content:center;align-items:center;padding:.7em 1.3em;display:inline-flex}.quiz_button--ghost{border-color:color-mix(in lab, var(--dark-900) 22%, transparent);color:var(--dark-900);background-color:#0000}.quiz_button[hidden]{display:none}.quiz_result{gap:var(--space-3);padding:var(--space-5);background-color:var(--light-200);border-radius:var(--radius-small);display:grid}.quiz_result[hidden]{display:none}.quiz_result-label{font-family:var(--heading-family);font-size:.8125rem;font-weight:var(--primary-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--category-500,var(--brand-500));margin:0}.quiz_result-name{font-family:var(--heading-family);font-size:clamp(1.6rem,1.2rem + 1.4vw,2.1rem);font-weight:var(--primary-bold);letter-spacing:-.015em;margin:0;line-height:1.05}.quiz_result-tagline{font-size:1rem;font-weight:var(--primary-semibold);color:color-mix(in lab, var(--dark-900) 72%, transparent);margin:0}.quiz_result-why{margin:var(--space-2) 0 0;gap:.5rem;padding:0;list-style:none;display:grid}.quiz_result-why li{font-size:.9375rem;line-height:var(--line-height-medium);gap:.6em;display:flex}.quiz_result-why li:before{content:"";border-radius:var(--radius-round);background-color:var(--brand-500);flex:none;width:.9em;height:.9em;margin-top:.35em}.quiz_result-watch{padding:var(--space-3) var(--space-4);border-left:.2rem solid color-mix(in lab, var(--dark-900) 25%, transparent);font-size:.875rem;line-height:var(--line-height-medium);color:color-mix(in lab, var(--dark-900) 70%, transparent);margin:0}.quiz_result-cost{padding:var(--space-4);background-color:var(--light-100);border-radius:var(--radius-small)}.quiz_result-cost-label{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in lab, var(--dark-900) 58%, transparent);margin:0;font-size:.8125rem}.quiz_result-cost-value{margin:var(--space-1) 0 0;font-family:var(--heading-family);font-size:clamp(1.5rem,1.15rem + 1.3vw,2rem);font-weight:var(--primary-bold);letter-spacing:-.015em;color:var(--brand-500)}.quiz_result-cost-note{margin:var(--space-2) 0 0;color:color-mix(in lab, var(--dark-900) 62%, transparent);font-size:.8125rem}.quiz_result-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.quiz_results-data{display:none}@media not (min-width:48rem){.quiz{padding:var(--space-5)}}}