hanko-auth,hanko-profile{--color: var(--foreground);--color-shade-1: var(--muted-foreground);--color-shade-2: var(--muted);--brand-color: var(--primary);--brand-color-shade-1: var(--primary);--brand-contrast-color: var(--primary-foreground);--background-color: var(--card);--error-color: var(--destructive);--link-color: var(--sidebar-primary);--font-weight: 400;--font-size: 14px;--font-family: system-ui, -apple-system, sans-serif;--border-radius: calc(var(--radius) - 2px);--border-style: solid;--border-width: 1px;--item-height: 36px;--item-margin: .275rem 0;--container-padding: 24px;--container-max-width: 410px;--headline1-font-size: 16px;--headline1-font-weight: 600;--headline1-margin: 0 0 .5rem;--headline2-font-size: 14px;--headline2-font-weight: 600;--headline2-margin: .75rem 0 .5rem;--divider-padding: 0 42px;--divider-visibility: visible;--link-text-decoration: underline;--link-text-decoration-hover: underline;--input-min-width: 14em;--button-min-width: max-content}hanko-auth::part(container){background-color:var(--card);color:var(--card-foreground);width:410px;max-width:100%}hanko-profile::part(container){background-color:var(--card);color:var(--card-foreground);width:610px;max-width:100%}hanko-auth::part(headline1),hanko-profile::part(headline1){color:var(--foreground);font-weight:600;letter-spacing:-.025em}hanko-auth::part(headline2),hanko-profile::part(headline2){color:var(--foreground);font-weight:600}hanko-auth::part(paragraph),hanko-profile::part(paragraph){color:var(--muted-foreground);font-size:14px;line-height:1.5}hanko-auth::part(button),hanko-profile::part(button){font-weight:500;transition:all .15s ease;cursor:pointer}hanko-auth::part(primary-button),hanko-profile::part(primary-button){background-color:var(--primary);color:var(--primary-foreground);border:none;height:2.25rem;padding:.5rem 1rem;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;box-shadow:0 1px 2px #0000000d;transition:all .15s ease}hanko-auth::part(primary-button):hover,hanko-profile::part(primary-button):hover{background-color:var(--primary);opacity:.9}hanko-auth::part(primary-button):focus-visible,hanko-profile::part(primary-button):focus-visible{outline:2px solid var(--ring);outline-offset:2px}hanko-auth::part(secondary-button),hanko-profile::part(secondary-button){background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--input);height:2.25rem;padding:.5rem 1rem;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;box-shadow:0 1px 2px #0000000d;transition:all .15s ease}hanko-auth::part(secondary-button):hover,hanko-profile::part(secondary-button):hover{background-color:var(--secondary);opacity:.8}hanko-auth::part(secondary-button):focus-visible,hanko-profile::part(secondary-button):focus-visible{outline:2px solid var(--ring);outline-offset:2px}hanko-auth::part(input),hanko-profile::part(input){background-color:var(--background);border:1px solid var(--input);color:var(--foreground);border-radius:calc(var(--radius) - 2px);box-shadow:0 1px 2px #0000000d;transition:color .15s ease,box-shadow .15s ease;outline:none}hanko-auth::part(input):focus,hanko-profile::part(input):focus{border-color:var(--ring);box-shadow:0 0 0 3px oklch(from var(--ring) l c h / .5);outline:none}hanko-auth::part(text-input),hanko-profile::part(text-input){height:2.25rem;padding:.25rem .75rem;font-size:.875rem;background-color:var(--background);border:1px solid var(--input);color:var(--foreground);min-width:0}hanko-auth::part(text-input)::placeholder,hanko-profile::part(text-input)::placeholder{color:var(--muted-foreground)}hanko-auth::part(passcode-input),hanko-profile::part(passcode-input){height:36px;width:36px;text-align:center;font-size:16px;font-weight:500;background-color:var(--background);border:1px solid var(--input);color:var(--foreground)}hanko-auth::part(link),hanko-profile::part(link){color:var(--sidebar-primary);font-size:.875rem;font-weight:400;text-decoration:none;text-underline-offset:4px;transition:all .15s ease}hanko-auth::part(link):hover,hanko-profile::part(link):hover{text-decoration:underline}hanko-auth::part(error),hanko-profile::part(error){background-color:var(--destructive);border-radius:var(--radius);padding:12px 16px;margin:8px 0}hanko-auth::part(error-text),hanko-profile::part(error-text){color:var(--primary-foreground);font-size:14px;font-weight:500}hanko-auth::part(divider),hanko-profile::part(divider){display:flex;align-items:center;margin:24px 0}hanko-auth::part(divider-text),hanko-profile::part(divider-text){color:var(--muted-foreground);font-size:12px;text-transform:uppercase;font-weight:500;letter-spacing:.05em;padding:0 12px}hanko-auth::part(divider-line),hanko-profile::part(divider-line){flex:1;height:1px;color:var(--border)!important;border-color:var(--border)!important}hanko-auth::part(form-item),hanko-profile::part(form-item){min-width:100%;margin:6px 0}