@layer components.features{.quiz-invite.svelte-1kh27x6{border:1px solid var(--signal-line);border-radius:var(--radius-lg);background:var(--signal-faint);transition:border-color var(--duration-normal), background-color var(--duration-normal);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:1.25rem;display:grid;position:relative}.quiz-invite.svelte-1kh27x6:hover{border-color:var(--signal-strong);background:var(--signal-wash)}.quiz-invite.svelte-1kh27x6 h2:where(.svelte-1kh27x6){font-size:var(--text-2xl);line-height:var(--leading-2xl)}.quiz-invite.svelte-1kh27x6 p:where(.svelte-1kh27x6){color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-sm);margin-top:.25rem}.quiz-invite.svelte-1kh27x6 .quiz-invite-action{min-block-size:3rem;font-size:var(--text-base);grid-column:1/-1;font-weight:600}.quiz-invite-icon.svelte-1kh27x6{border-radius:var(--radius-md);background:var(--signal-tint);block-size:3.5rem;inline-size:3.5rem;color:var(--signal);place-items:center;display:grid}@media (width>=40rem){.quiz-invite.svelte-1kh27x6{grid-template-columns:auto minmax(0,1fr) auto;gap:1.25rem;padding:1.5rem}.quiz-invite.svelte-1kh27x6 .quiz-invite-action{grid-column:auto;padding-inline:1.5rem}}}