.surface-profile-page{background-color:#f9fafb;color:#111827}:where(.dark,.dark *) .surface-profile-page{background-color:#18181b;color:#f4f4f5}.surface-profile-card{border-radius:.75rem;border:1px solid #e5e7eb;background-color:#ffffff;color:#111827;box-shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1)}:where(.dark,.dark *) .surface-profile-card{border-color:rgba(82,82,91,.35);background-color:#27272a;color:#f4f4f5;box-shadow:none}.surface-profile-inset{border-radius:.5rem;border:1px solid #e5e7eb;background-color:#f3f4f6;color:#111827}:where(.dark,.dark *) .surface-profile-inset{border-color:rgba(82,82,91,.25);background-color:rgba(24,24,27,.45);color:#d4d4d8}.surface-settings-card{border-radius:.75rem;border:1px solid #e5e7eb;background-color:#ffffff;box-shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1)}:where(.dark,.dark *) .surface-settings-card{border-color:rgba(82,82,91,.35);background-color:#27272a;box-shadow:none}