:root {
  --pf-global--active-color--100: #f8b0c8 !important;
  --pf-global--active-color--200: #f9d0de !important;
  --pf-global--active-color--300: #f790b2 !important;
  --pf-global--active-color--400: #f8b0c8 !important;

  --pf-global--primary-color--100: #f8b0c8 !important;
  --pf-global--primary-color--200: #f790b2 !important;
  --pf-global--primary-color--light-100: #f9d0de !important;
  --pf-global--primary-color--dark-100: #f8b0c8 !important;

  --pf-global--link--Color: #f790b2 !important;
  --pf-global--link--Color--hover: #f790b2 !important;
  --pf-global--link--Color--light: #f8b0c8 !important;
  --pf-global--link--Color--light--hover: #f8b0c8 !important;
}

.pf-c-login {
  --pf-c-login__main--BackgroundColor: rgba(255, 255, 255, 0.8);
}

.ak-login-container {
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.ak-login-container,
.pf-c-login__main,
.pf-c-login__main-footer-band {
  background: none;
}

.ak-brand {
  max-height: 5rem;
  justify-content: start;
}

.ak-brand img {
  padding: 0;
}

.pf-c-login__footer {
  display: none;
}

.pf-c-form-control {
  margin-top: 0.2rem;

  --pf-c-form-control--BorderTopColor: var(--pf-global--BorderColor--300);
  --pf-c-form-control--BorderRightColor: var(--pf-global--BorderColor--300);
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--300);
  --pf-c-form-control--BorderLeftColor: var(--pf-global--BorderColor--300);
}

.pf-c-form-control:focus-visible {
  outline-color: var(--pf-global--primary-color--dark-100);
}