:root {
  --kaya-bg: #f7f7f4;
  --kaya-ink: #1d1f1c;
  --kaya-muted: #6e6e73;
  --kaya-accent: #6e6e73;
  --kaya-surface: transparent;
  --kaya-control: #ededed;
  --kaya-control-hover: #e3e3e0;
  --kaya-radius: 24px;
  --pf-v5-global--BorderWidth--sm: 0;
  --pf-v5-global--BorderWidth--md: 0;
  --pf-v5-global--BorderRadius--sm: var(--kaya-radius);
  --pf-v5-global--BorderRadius--md: var(--kaya-radius);
  --pf-v5-global--BorderRadius--lg: var(--kaya-radius);
  --pf-v5-global--primary-color--100: var(--kaya-accent);
  --pf-v5-global--primary-color--200: #5f5f64;
  --pf-v5-c-form-control--BorderRadius: var(--kaya-radius);
  --pf-v5-c-button--BorderRadius: var(--kaya-radius);
  --pf-v5-c-alert--BorderRadius: var(--kaya-radius);
}

@font-face {
  font-family: "Urbanist";
  src: url("../fonts/urbanist/Urbanist-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src: url("../fonts/urbanist/Urbanist-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

body,
.login-pf body {
  background: #f7f7f4;
  color: var(--kaya-ink);
  font-family: "Urbanist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body,
#keycloak-bg {
  min-height: 100vh;
  background: #f7f7f4 !important;
}

.pf-v5-theme-dark,
.pf-v5-theme-dark body,
.pf-v5-theme-dark .login-pf body {
  background: #f7f7f4;
  color: var(--kaya-ink);
}

*,
*::before,
*::after {
  border-color: transparent !important;
  box-shadow: none !important;
}

.pf-v5-c-login,
.pf-v5-c-login__container,
.pf-v5-c-login__header,
.pf-v5-c-login__main,
.pf-v5-c-login__main-header,
.pf-v5-c-login__main-body,
.pf-v5-c-login__main-footer,
.pf-v5-c-login__main-footer-band,
.login-pf-page,
.login-pf-page .login-pf-page-header,
.login-pf-page .card-pf {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.pf-v5-c-login {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: #f7f7f4 !important;
  overflow-x: hidden;
}

.pf-v5-c-login__container {
  width: min(calc(100vw - 28px), 420px);
  grid-template-columns: 1fr !important;
  grid-template-areas:
    "header"
    "main" !important;
  padding: 18px 0;
}

.pf-v5-c-login__header {
  margin: 0 !important;
  padding: 0 !important;
}

.pf-v5-c-login__main {
  width: 100%;
  padding: 0 !important;
  border-radius: var(--kaya-radius) !important;
}

.pf-v5-c-login__main-header,
.pf-v5-c-login__main-body,
.pf-v5-c-login__main-footer,
.pf-v5-c-login__main-footer-band {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.pf-v5-c-login__main-header {
  padding-top: 0 !important;
  padding-bottom: 22px !important;
}

.pf-v5-c-login__main-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.login-pf-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
}

.card-pf {
  width: 100%;
  margin: 0;
  padding: clamp(24px, 6vw, 52px) 0;
  background: transparent;
  border: 0 !important;
  border-radius: var(--kaya-radius) !important;
  box-shadow: none !important;
}

.login-pf-header,
#kc-header,
#kc-header-wrapper {
  color: var(--kaya-ink);
  text-transform: none;
  letter-spacing: 0;
}

#kc-header-wrapper {
  display: block !important;
  width: 196px !important;
  max-width: 196px !important;
  height: 60px !important;
  margin: 0 0 34px !important;
  padding: 0;
  overflow: hidden;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: url("../img/kaya-schwarz-logo.png") left center / contain no-repeat;
}

#kc-header-wrapper[role="link"] {
  cursor: pointer;
}

#kc-header-wrapper[role="link"]:focus-visible {
  outline: 2px solid var(--kaya-ink) !important;
  outline-offset: 6px !important;
}

#kc-page-title {
  display: none !important;
}

.pf-c-form-control,
.pf-v5-c-form-control,
input[type="text"],
input[type="password"],
input[type="email"] {
  min-height: 52px;
  border: 0 !important;
  border-radius: var(--kaya-radius) !important;
  background: var(--kaya-control) !important;
  color: var(--kaya-ink);
  box-shadow: none !important;
  outline: none;
}

.pf-v5-c-form-control > input,
.pf-c-form-control > input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.pf-v5-c-form__label,
.pf-c-form__label,
.pf-v5-c-form__label-text,
.pf-c-form__label-text {
  color: var(--kaya-muted) !important;
  font-weight: 650;
}

.pf-v5-c-form-control::before,
.pf-v5-c-form-control::after,
.pf-c-form-control::before,
.pf-c-form-control::after {
  border: 0 !important;
  box-shadow: none !important;
  display: none !important;
}

.pf-c-button.pf-m-primary,
.pf-v5-c-button.pf-m-primary,
#kc-login {
  min-height: 52px;
  border: 0 !important;
  border-radius: var(--kaya-radius) !important;
  background: var(--kaya-accent);
  color: #ffffff;
  font-weight: 700;
  box-shadow: none !important;
}

a {
  color: var(--kaya-accent);
}

.pf-c-alert,
.pf-v5-c-alert,
.alert {
  border: 0 !important;
  border-radius: var(--kaya-radius) !important;
}

hr,
.pf-v5-c-divider,
.pf-c-divider,
.kc-social-section,
#kc-social-providers,
#kc-form-options,
#kc-info,
#kc-info-wrapper,
#kc-registration,
#kc-form-buttons::before,
#kc-form-buttons::after,
.login-pf-signup,
.login-pf-settings {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

#kc-content,
#kc-content-wrapper,
#kc-form,
#kc-form-wrapper,
#kc-form-login,
.pf-v5-c-form,
.pf-c-form,
.pf-v5-c-form__group,
.pf-c-form__group,
.pf-v5-c-input-group,
.pf-c-input-group,
.pf-v5-c-input-group__item,
.pf-c-input-group__item {
  border: 0 !important;
  box-shadow: none !important;
}

.pf-v5-c-input-group,
.pf-c-input-group {
  gap: 8px;
  align-items: stretch;
}

.pf-v5-c-input-group__item,
.pf-c-input-group__item {
  background: transparent !important;
}

.pf-v5-c-input-group__item .pf-v5-c-button,
.pf-c-input-group__item .pf-c-button {
  min-height: 52px;
  min-width: 52px;
  border: 0 !important;
  border-radius: var(--kaya-radius) !important;
  background: var(--kaya-control) !important;
  color: var(--kaya-ink);
}

#kc-form-login {
  display: grid !important;
  gap: 18px !important;
}

#kc-form-login .pf-v5-c-form__group,
#kc-form-login .pf-c-form__group {
  margin: 0 !important;
}

#kc-form-login .pf-v5-c-helper-text,
#kc-form-login .pf-c-helper-text {
  margin-top: 10px !important;
  color: var(--kaya-ink) !important;
}

#kc-form-login .pf-v5-c-helper-text.pf-v5-u-display-flex,
#kc-form-login .pf-c-helper-text.pf-u-display-flex {
  display: grid !important;
  justify-content: start !important;
  justify-items: start !important;
  gap: 10px !important;
}

#kc-form-login .pf-v5-c-check,
#kc-form-login .pf-c-check {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  line-height: 1 !important;
}

#kc-form-login label.pf-v5-c-check,
#kc-form-login label.pf-c-check {
  gap: 8px !important;
}

#kc-form-login .pf-v5-c-check__label,
#kc-form-login .pf-c-check__label,
#kc-form-login .pf-v5-c-helper-text__item-text,
#kc-form-login .pf-c-helper-text__item-text {
  color: var(--kaya-ink) !important;
  font-size: 0.98rem !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

#kc-form-login .pf-v5-c-check__input,
#kc-form-login .pf-c-check__input {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  accent-color: var(--kaya-ink);
  transform: translateY(0);
}

#kc-form-login .pf-v5-c-helper-text a,
#kc-form-login .pf-c-helper-text a {
  color: var(--kaya-ink) !important;
  font-weight: 720 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

#kc-form-login .pf-v5-c-form__actions,
#kc-form-login .pf-c-form__actions {
  padding-top: 6px !important;
}

#kc-select-try-another-way-form {
  margin-top: 18px !important;
}

#try-another-way {
  margin-top: 0 !important;
}

.kaya-forgot-password {
  display: flex;
  justify-content: center;
  margin-top: 12px;
  text-align: center;
}

.kaya-forgot-password a {
  color: var(--kaya-ink) !important;
  font-size: 0.98rem !important;
  font-weight: 720 !important;
  line-height: 1.25 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

#kc-form-login .pf-v5-c-helper-text__item:empty,
#kc-form-login .pf-c-helper-text__item:empty {
  display: none !important;
}

#kc-form-login .kaya-forgot-password-source {
  display: none !important;
}

.kaya-logout-state {
  display: grid;
  justify-items: center;
  gap: 14px;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  text-align: center;
}

.kaya-logout-state h2 {
  margin: 0;
  color: var(--kaya-ink);
  font-size: clamp(1.45rem, 8vw, 2rem);
  font-weight: 760;
  line-height: 1.12;
}

.kaya-logout-state p {
  max-width: 34ch;
  margin: 0;
  color: var(--kaya-muted);
  font-size: 1rem;
  font-weight: 560;
  line-height: 1.45;
}

.kaya-primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  margin-top: 8px;
  padding: 0 22px;
  border-radius: var(--kaya-radius) !important;
  background: var(--kaya-accent) !important;
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 760;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
}

.kaya-primary-button:hover,
.kaya-primary-button:focus {
  background: #5f5f64 !important;
  color: #ffffff !important;
}

.kaya-password-toggle,
[data-password-toggle] {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.kaya-password-toggle i,
[data-password-toggle] i {
  display: none !important;
}

.kaya-password-toggle::before,
[data-password-toggle]::before {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12s3.6-6.5 9.5-6.5 9.5 6.5 9.5 6.5-3.6 6.5-9.5 6.5S2.5 12 2.5 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.8'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12s3.6-6.5 9.5-6.5 9.5 6.5 9.5 6.5-3.6 6.5-9.5 6.5S2.5 12 2.5 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.8'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

.kaya-password-toggle[data-kaya-password-visible="true"]::before,
[data-password-toggle][data-kaya-password-visible="true"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 3 18 18'/%3E%3Cpath d='M10.7 5.6c.4-.1.9-.1 1.3-.1 5.9 0 9.5 6.5 9.5 6.5a17 17 0 0 1-2.7 3.4'/%3E%3Cpath d='M6.6 6.9A17.4 17.4 0 0 0 2.5 12s3.6 6.5 9.5 6.5c1.7 0 3.2-.5 4.5-1.2'/%3E%3Cpath d='M9.9 9.9a2.8 2.8 0 0 0 4 4'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 3 18 18'/%3E%3Cpath d='M10.7 5.6c.4-.1.9-.1 1.3-.1 5.9 0 9.5 6.5 9.5 6.5a17 17 0 0 1-2.7 3.4'/%3E%3Cpath d='M6.6 6.9A17.4 17.4 0 0 0 2.5 12s3.6 6.5 9.5 6.5c1.7 0 3.2-.5 4.5-1.2'/%3E%3Cpath d='M9.9 9.9a2.8 2.8 0 0 0 4 4'/%3E%3C/g%3E%3C/svg%3E");
}

.pf-v5-c-button.pf-m-control,
.pf-c-button.pf-m-control {
  border: 0 !important;
  box-shadow: none !important;
}

.pf-v5-c-login__main-footer::before,
.pf-v5-c-login__main-footer::after,
.pf-v5-c-login__main-header::before,
.pf-v5-c-login__main-header::after,
.pf-v5-c-login__main-body::before,
.pf-v5-c-login__main-body::after {
  display: none !important;
}

.pf-v5-c-login__main *,
.pf-v5-c-login__main *::before,
.pf-v5-c-login__main *::after {
  border-width: 0 !important;
  box-shadow: none !important;
}

.pf-v5-c-login__main,
.pf-v5-c-login__main-header,
.pf-v5-c-login__main-body,
.pf-v5-c-login__main-footer,
.pf-v5-c-login__main-footer-band,
.pf-v5-c-form-control,
.pf-v5-c-input-group,
.pf-v5-c-input-group__item,
.pf-v5-c-button,
.pf-v5-c-alert,
.pf-v5-c-menu,
.pf-v5-c-menu__content,
.pf-v5-c-dropdown,
.pf-v5-c-dropdown__menu,
.pf-v5-c-dropdown__toggle,
.pf-c-form-control,
.pf-c-input-group,
.pf-c-input-group__item,
.pf-c-button,
.pf-c-alert,
input,
button,
select,
textarea {
  border: 0 !important;
  border-radius: var(--kaya-radius) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.pf-v5-c-login__main-header,
.pf-v5-c-login__main-body,
.pf-v5-c-login__main-footer,
.pf-v5-c-login__main-footer-band,
#kc-info,
#kc-info-wrapper,
#kc-content,
#kc-content-wrapper {
  background: transparent !important;
}

.pf-v5-c-form-control,
.pf-v5-c-form-control > input,
.pf-v5-c-input-group,
.pf-v5-c-input-group__item.pf-m-fill,
.pf-v5-c-input-group__item.pf-m-fill .pf-v5-c-form-control,
.pf-c-form-control,
.pf-c-form-control > input,
.pf-c-input-group,
.pf-c-input-group__item.pf-m-fill,
.pf-c-input-group__item.pf-m-fill .pf-c-form-control,
input,
select,
textarea {
  background: var(--kaya-control) !important;
}

.pf-v5-c-input-group__item.pf-m-fill,
.pf-c-input-group__item.pf-m-fill {
  overflow: hidden !important;
}

.pf-v5-c-button:not(.pf-m-primary),
.pf-c-button:not(.pf-m-primary) {
  background: var(--kaya-control) !important;
  color: var(--kaya-ink) !important;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus,
.pf-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:focus,
#kc-login:hover,
#kc-login:focus {
  background: #5f5f64 !important;
}

#kc-select-authenticator-form,
#kc-select-credential-form,
#kc-select-try-another-way-form,
.kc-select-authenticator,
.kc-select-credential,
.kc-authentication-list,
.kc-authentication-item,
.kc-authentication-item-content,
.kc-authentication-item-title,
.kc-authentication-item-description,
.pf-v5-c-list,
.pf-v5-c-list__item,
.pf-v5-c-card,
.pf-v5-c-card__body,
.pf-v5-c-card__title,
.pf-v5-c-card__footer,
.pf-c-list,
.pf-c-list__item,
.pf-c-card,
.pf-c-card__body,
.pf-c-card__title,
.pf-c-card__footer {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

#kc-select-authenticator-form,
#kc-select-credential-form,
.kc-authentication-list,
.pf-v5-c-data-list,
.pf-c-data-list,
.pf-v5-c-list,
.pf-c-list {
  display: grid !important;
  gap: 14px !important;
  row-gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

#kc-select-authenticator-form > * + *,
#kc-select-credential-form > * + *,
.kc-authentication-list > * + *,
.pf-v5-c-data-list > * + *,
.pf-c-data-list > * + *,
.pf-v5-c-list > * + *,
.pf-c-list > * + * {
  margin-top: 14px !important;
}

.kc-authentication-item,
.pf-v5-c-data-list__item,
.pf-c-data-list__item,
.pf-v5-c-list__item,
.pf-c-list__item,
.pf-v5-c-card,
.pf-c-card {
  display: block !important;
  width: 100% !important;
  min-height: 92px !important;
  padding: 20px 22px !important;
  margin: 0 0 14px !important;
  background: var(--kaya-control) !important;
  border-radius: var(--kaya-radius) !important;
  color: var(--kaya-ink) !important;
  text-decoration: none !important;
}

.kc-authentication-item:last-child,
.pf-v5-c-data-list__item:last-child,
.pf-c-data-list__item:last-child,
.pf-v5-c-list__item:last-child,
.pf-c-list__item:last-child,
.pf-v5-c-card:last-child,
.pf-c-card:last-child {
  margin-bottom: 0 !important;
}

.kc-authentication-item:hover,
.kc-authentication-item:focus-within,
.pf-v5-c-list__item:hover,
.pf-v5-c-list__item:focus-within,
.pf-c-list__item:hover,
.pf-c-list__item:focus-within,
.pf-v5-c-card:hover,
.pf-v5-c-card:focus-within,
.pf-c-card:hover,
.pf-c-card:focus-within {
  background: var(--kaya-control-hover) !important;
}

.kc-authentication-item a,
.kc-authentication-item button,
.pf-v5-c-list__item a,
.pf-v5-c-list__item button,
.pf-c-list__item a,
.pf-c-list__item button,
.pf-v5-c-card a,
.pf-v5-c-card button,
.pf-c-card a,
.pf-c-card button {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  text-align: left !important;
  text-decoration: none !important;
}

.kc-authentication-item-title,
.pf-v5-c-card__title,
.pf-c-card__title,
#kc-select-authenticator-form h2,
#kc-select-authenticator-form h3,
#kc-select-credential-form h2,
#kc-select-credential-form h3 {
  margin: 0 0 8px !important;
  color: var(--kaya-ink) !important;
  font-size: 1.08rem !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
}

.kc-authentication-item-description,
.pf-v5-c-card__body,
.pf-c-card__body,
#kc-select-authenticator-form p,
#kc-select-credential-form p {
  margin: 0 !important;
  color: var(--kaya-muted) !important;
  font-size: 0.98rem !important;
  font-weight: 520 !important;
  line-height: 1.45 !important;
}

.pf-v5-c-button.pf-m-secondary,
.pf-c-button.pf-m-secondary,
#try-another-way {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 20px !important;
  background: var(--kaya-control) !important;
  color: var(--kaya-ink) !important;
  border: 0 !important;
  border-radius: var(--kaya-radius) !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.pf-v5-c-button.pf-m-secondary:hover,
.pf-v5-c-button.pf-m-secondary:focus,
.pf-c-button.pf-m-secondary:hover,
.pf-c-button.pf-m-secondary:focus,
#try-another-way:hover,
#try-another-way:focus {
  background: var(--kaya-control-hover) !important;
}

.kaya-login-back {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.kaya-webauthn-error-actions {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}

.kaya-text-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 4px 8px;
  color: var(--kaya-muted) !important;
  font-size: 0.98rem;
  font-weight: 720;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.kaya-text-button:hover,
.kaya-text-button:focus {
  color: var(--kaya-ink) !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

.pf-v5-c-login__main :is(
  .pf-v5-c-tile,
  .pf-v5-c-panel,
  .pf-v5-c-panel__main,
  .pf-v5-c-panel__main-body,
  .pf-v5-c-data-list,
  .pf-v5-c-data-list__item,
  .pf-v5-c-data-list__item-row,
  .pf-v5-c-data-list__item-content,
  .pf-v5-c-data-list__cell,
  .pf-v5-c-choice,
  .pf-v5-c-choice__body,
  .pf-v5-c-radio,
  .pf-v5-c-check,
  .pf-v5-c-menu-toggle,
  .pf-v5-c-menu,
  .pf-v5-c-menu__list,
  .pf-v5-c-menu__list-item,
  .pf-v5-c-menu__item,
  .pf-v5-c-dropdown,
  .pf-v5-c-dropdown__toggle,
  .pf-v5-c-dropdown__menu,
  .pf-v5-c-dropdown__menu-item,
  .pf-v5-c-options-menu,
  .pf-v5-c-options-menu__toggle,
  .pf-c-tile,
  .pf-c-panel,
  .pf-c-panel__main,
  .pf-c-panel__main-body,
  .pf-c-data-list,
  .pf-c-data-list__item,
  .pf-c-data-list__item-row,
  .pf-c-data-list__item-content,
  .pf-c-data-list__cell,
  .pf-c-choice,
  .pf-c-radio,
  .pf-c-check,
  .pf-c-dropdown,
  .pf-c-dropdown__toggle,
  .pf-c-dropdown__menu,
  .pf-c-dropdown__menu-item,
  [role="button"],
  [role="option"],
  [role="menuitem"]
) {
  border: 0 !important;
  border-radius: var(--kaya-radius) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.pf-v5-c-login__main :is(
  .pf-v5-c-tile,
  .pf-v5-c-panel,
  .pf-v5-c-data-list__item,
  .pf-v5-c-choice,
  .pf-v5-c-menu-toggle,
  .pf-v5-c-menu__item,
  .pf-v5-c-dropdown__toggle,
  .pf-v5-c-dropdown__menu-item,
  .pf-v5-c-options-menu__toggle,
  .pf-c-tile,
  .pf-c-panel,
  .pf-c-data-list__item,
  .pf-c-choice,
  .pf-c-dropdown__toggle,
  .pf-c-dropdown__menu-item,
  [role="button"],
  [role="option"],
  [role="menuitem"]
) {
  background: var(--kaya-control) !important;
  color: var(--kaya-ink) !important;
}

.pf-v5-c-login__main :is(
  .pf-v5-c-tile,
  .pf-v5-c-data-list__item,
  .pf-v5-c-choice,
  .pf-v5-c-menu__item,
  .pf-v5-c-dropdown__menu-item,
  .pf-c-tile,
  .pf-c-data-list__item,
  .pf-c-choice,
  .pf-c-dropdown__menu-item,
  [role="button"],
  [role="option"],
  [role="menuitem"]
):hover,
.pf-v5-c-login__main :is(
  .pf-v5-c-tile,
  .pf-v5-c-data-list__item,
  .pf-v5-c-choice,
  .pf-v5-c-menu__item,
  .pf-v5-c-dropdown__menu-item,
  .pf-c-tile,
  .pf-c-data-list__item,
  .pf-c-choice,
  .pf-c-dropdown__menu-item,
  [role="button"],
  [role="option"],
  [role="menuitem"]
):focus {
  background: var(--kaya-control-hover) !important;
}

.pf-v5-c-login__main :is(
  .pf-v5-c-data-list,
  .pf-v5-c-menu,
  .pf-v5-c-menu__list,
  .pf-v5-c-dropdown__menu,
  .pf-c-data-list,
  .pf-c-dropdown__menu
) {
  background: transparent !important;
}

.kaya-error-actions {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}

.kaya-error-actions .pf-v5-c-button,
.kaya-error-actions .pf-c-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 72px !important;
  padding: 0 24px !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.kaya-error-hint {
  margin: 0 !important;
  color: var(--kaya-muted) !important;
  font-size: 0.95rem;
}

.pf-v5-c-login__main *,
.pf-c-login__main * {
  border-color: transparent !important;
}

.pf-v5-c-divider,
.pf-c-divider,
.pf-v5-c-data-list__item::before,
.pf-c-data-list__item::before,
.pf-v5-c-tile::before,
.pf-c-tile::before,
.pf-v5-c-choice::before,
.pf-c-choice::before {
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (min-width: 700px) {
  .pf-v5-c-login__container {
    width: min(calc(100vw - 64px), 540px);
    padding: 24px 0;
  }

  .card-pf {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  #kc-form-login {
    gap: 20px !important;
  }
}

@media (max-width: 420px) {
  .pf-v5-c-login {
    place-items: start center;
  }

  .pf-v5-c-login__container {
    width: min(calc(100vw - 24px), 376px);
    padding-top: 16px;
    padding-bottom: 18px;
  }

  #kc-header-wrapper {
    width: 168px !important;
    max-width: 168px !important;
    height: 52px !important;
    margin-bottom: 26px !important;
  }

  .pf-v5-c-input-group,
  .pf-c-input-group {
    gap: 6px;
  }

  .pf-v5-c-input-group__item .pf-v5-c-button,
  .pf-c-input-group__item .pf-c-button {
    min-width: 50px;
  }

  #kc-select-try-another-way-form {
    margin-top: 16px !important;
  }
}