.om-hanko-auth-surface,hanko-auth.om-hanko-auth-surface,hanko-login.om-hanko-auth-surface,hanko-profile.om-hanko-auth-surface,hanko-registration.om-hanko-auth-surface{--background-color:transparent;--border-radius:var(--om-radius-pill);--border-style:solid;--border-width:1px;--brand-color:var(--primary);--brand-color-shade-1:var(--primary);--brand-contrast-color:var(--primary-foreground);--button-min-width:100%;--color:var(--foreground);--color-shade-1:var(--muted-foreground);--color-shade-2:var(--border);--container-max-width:100%;--container-padding:0.75rem 0;--divider-padding:0 1.25rem;--error-color:var(--danger);--font-family:var(--font-om-work-sans,var(--om-font-body));--font-size:0.9375rem;--font-weight:450;--headline1-font-size:1rem;--headline1-font-weight:600;--headline1-margin:0 0 0.875rem;--headline2-font-size:0.875rem;--headline2-font-weight:600;--input-min-width:100%;--item-height:2.625rem;--item-margin:0.625rem 0;--link-color:var(--primary);--divider-visibility:visible;--headline2-margin:0 0 0.5rem;--line-height:1.5;--link-text-decoration:none;--link-text-decoration-hover:underline;color-scheme:light;display:block;width:100%}.om-hanko-auth-surface::part(container){background:transparent;color:var(--foreground)}.om-hanko-auth-surface::part(input){background:var(--background);border-color:var(--border);box-sizing:border-box;color:var(--foreground);font-size:.875rem;line-height:1.25rem;padding-left:.75rem;padding-right:.75rem}.om-hanko-auth-surface::part(form-item){min-width:100%;width:100%}.om-hanko-auth-surface::part(button){border-radius:var(--om-radius-pill);font-family:var(--font-om-work-sans,var(--om-font-body));font-size:1rem;font-weight:400;line-height:1.5rem;min-height:2.625rem;padding:.5rem 1rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;width:100%}.om-hanko-auth-surface::part(primary-button){background:var(--primary);border-color:transparent;color:var(--primary-foreground)}.om-hanko-auth-surface::part(primary-button):hover{background:color-mix(in srgb,var(--primary) 90%,transparent)}.om-hanko-auth-surface::part(secondary-button){background:var(--card);border-color:var(--border);color:var(--foreground)}.om-hanko-auth-surface::part(secondary-button):hover{background:var(--muted);border-color:var(--om-color-border-strong)}.om-hanko-auth-surface::part(dangerous-button):hover{background:var(--danger-surface);border-color:var(--danger)}.om-hanko-auth-surface::part(divider-line){border-color:var(--border)}.om-hanko-auth-surface::part(error){background:var(--danger-surface);border:1px solid color-mix(in srgb,var(--danger) 24%,transparent);border-radius:var(--om-radius-md)}html[data-theme=dark] .om-hanko-auth-surface{--background-color:transparent;--brand-color-shade-1:var(--primary);--color-shade-2:var(--om-color-border-strong);color-scheme:dark}html[data-theme=dark] .om-hanko-auth-surface::part(input){background:color-mix(in srgb,var(--card) 84%,black);border-color:var(--om-color-border-strong)}html[data-theme=dark] .om-hanko-auth-surface::part(secondary-button){background:color-mix(in srgb,var(--card) 88%,black);border-color:var(--om-color-border-strong);color:var(--foreground)}@media (min-width:640px){.om-hanko-auth-surface,hanko-auth.om-hanko-auth-surface,hanko-login.om-hanko-auth-surface,hanko-registration.om-hanko-auth-surface{--item-height:2.625rem}.om-hanko-auth-surface::part(button){font-size:1rem;line-height:1.5rem;min-height:2.625rem;padding:.5rem 1rem}}.om-hanko-auth-surface.om-hanko-profile-surface{--border-radius:var(--om-radius-md);--brand-color:var(--om-color-surface-section);--brand-color-shade-1:var(--om-color-surface-section);--brand-contrast-color:var(--om-color-text);--button-min-width:auto;--container-max-width:32rem;--container-padding:0;--input-min-width:0;contain:layout;overflow-anchor:none}.om-hanko-auth-surface.om-hanko-profile-surface::part(primary-button),.om-hanko-auth-surface.om-hanko-profile-surface::part(primary-button):focus{background:var(--primary);border-color:transparent;color:var(--primary-foreground)}.om-hanko-auth-surface.om-hanko-profile-surface::part(primary-button):hover{background:color-mix(in srgb,var(--primary) 90%,transparent)}.om-hanko-profile-surface::part(button){flex-grow:0;min-width:unset;width:auto}.om-hanko-profile-surface::part(form-item){flex-basis:calc(50% - 0.5em);flex-grow:0;min-width:0}@media (max-width:640px){.om-hanko-profile-surface::part(form-item){flex-basis:100%}.om-hanko-profile-surface::part(button){flex-grow:1;width:100%}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .om-hanko-auth-surface{--background-color:transparent;--brand-color-shade-1:var(--primary);--color-shade-2:var(--om-color-border-strong);color-scheme:dark}html:not([data-theme=light]) .om-hanko-auth-surface::part(input){background:color-mix(in srgb,var(--card) 84%,black);border-color:var(--om-color-border-strong)}html:not([data-theme=light]) .om-hanko-auth-surface::part(secondary-button){background:color-mix(in srgb,var(--card) 88%,black);border-color:var(--om-color-border-strong);color:var(--foreground)}}