hanko-login,hanko-auth{color:#f4f4f5;--color:#f4f4f5;--color-shade-1:#a1a1aa;--color-shade-2:#52525b;--brand-color:#f4f4f5;--brand-color-shade-1:#e4e4e7;--brand-contrast-color:#18181b;--background-color:transparent;--error-color:#f87171;--link-color:#f4f4f5;--font-family:inherit;--font-size:.875rem;--font-weight:400;--border-radius:.375rem;--border-style:solid;--border-width:1px;--item-height:2.5rem;--item-margin:.375rem 0;--container-padding:0;--container-max-width:100%;--headline1-font-size:1rem;--headline1-font-weight:500;--headline1-margin:0 0 .75rem 0;--headline2-font-size:.75rem;--headline2-font-weight:500;--headline2-margin:.75rem 0 .375rem 0;--button-min-width:max-content;--input-min-width:100%;--link-text-decoration:none;--link-text-decoration-hover:underline;--divider-padding:0;font-family:inherit;font-size:.875rem}hanko-login::part(container),hanko-auth::part(container){background:0 0;padding:0}hanko-login::part(headline1),hanko-auth::part(headline1){display:none}hanko-login::part(paragraph),hanko-auth::part(paragraph){color:#a1a1aa;font-size:.75rem}hanko-login::part(primary-button),hanko-auth::part(primary-button){color:#18181b;cursor:pointer;background:#f4f4f5;border:none;border-radius:.375rem;height:2.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:opacity .15s}hanko-login::part(primary-button):hover,hanko-auth::part(primary-button):hover{opacity:.9}hanko-login::part(secondary-button),hanko-auth::part(secondary-button){color:#f4f4f5;cursor:pointer;background:#09090b;border:1px solid #27272a;border-radius:.375rem;height:2.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s}hanko-login::part(secondary-button):hover,hanko-auth::part(secondary-button):hover{background:#18181b}hanko-login::part(input),hanko-auth::part(input),hanko-login::part(text-input),hanko-auth::part(text-input){color:#f4f4f5;background:#09090b;border:1px solid #27272a;border-radius:.375rem;height:2.5rem;padding:.5rem .75rem;font-size:.875rem}hanko-login::part(input):focus,hanko-auth::part(input):focus{box-shadow:none;border-color:#52525b;outline:none}hanko-login::part(input)::-moz-placeholder{color:#71717a;opacity:.7}hanko-auth::part(input)::-moz-placeholder{color:#71717a;opacity:.7}hanko-login::part(input)::placeholder,hanko-auth::part(input)::placeholder{color:#71717a;opacity:.7}hanko-login::part(passcode-input),hanko-auth::part(passcode-input){color:#f4f4f5;background:#09090b;border:1px solid #27272a;border-radius:.375rem}hanko-login::part(link),hanko-auth::part(link){color:#a1a1aa;font-size:.75rem;text-decoration:none}hanko-login::part(link):hover,hanko-auth::part(link):hover{color:#f4f4f5}hanko-login::part(divider-text),hanko-auth::part(divider-text){color:#a1a1aa;font-size:.75rem}hanko-login::part(divider-line),hanko-auth::part(divider-line){border-color:#27272a}hanko-login::part(error),hanko-auth::part(error){border-radius:.375rem;font-size:.75rem}hanko-login::part(error-text),hanko-auth::part(error-text){font-size:.75rem}hanko-login::part(secondary-button),hanko-login::part(divider-text),hanko-login::part(divider-line){display:none!important}