hanko-login::part(container) {
    --background-color: #ffffff;
    --container-padding: 0;
    height: auto;
    border-radius: 6px;
}

hanko-login::part(headline1) {
    --headline1-font-weight: normal;
    text-align: center;
}

hanko-login::part(form-item) {
    /*min-width: 100%;*/
}

hanko-login:: part(button) {
    --border-radius: 6px;
    border-color: #a7a7a7;
    color: #393838;
    background-color: transparent;
}

hanko-login::part(primary-button) {
    --border-radius: 6px;
    --item-height: 36px;
    --font-size: 14px;
    border-color: #a7a7a7;
    color: #393838;
    background-color: transparent;
}

hanko-login::part(secondary-button) {
    --border-radius: 6px;
    --item-height: 46px;
    --font-size: 16px;
}

hanko-login::part(button):hover {
    color: #ffffff;
    background: #ab1e22;
    border-color: #ab1e22;
}

hanko-login::part(link) {
    --link-color: #ab1e22;
}

hanko-login::part(divider) {
    --color-shade-1: #8f9095;
}

hanko-login::part(divider-text) {
    --divider-padding: 0 42px;
}

hanko-login::part(input) {
    --font-size: 14px;
    --item-height: 36px;
}

hanko-login::part(text-input) {
    --font-family: lato-regular, sans-serif;
    border: none;
    border-bottom: 1px solid #c9c9c9;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}