:root {
  --primary: #13C4A3;
  --primary-rgb: 19, 196, 163;
  --primary-dark: #0f9179;
  --primary-dark-rgb: 15, 145, 121;
  --dark: #071D4A;
  --dark-rgb: 7, 29, 74;
  --btn-primary-color: var(--dark);
  --btn-primary-hover: #15d4b1;
  --background-color: #DFDFDF;
  --text-rgb: var(--dark-rgb);
  --box-shadow-rgb: 0, 0, 0;
  --info-alert-background: var(--dark);
  --info-alert-color: var(--light);
  --card-background-color: rgba(255, 255, 255, .33);
  --input-box-shadow: none;
  --dropdown-bg: var(--light);
  --btn-secondary: rgba(var(--dark-rgb), .1);
  --btn-secondary-hover: rgba(var(--dark-rgb), .15);
  --btn-secondary-active: rgba(var(--dark-rgb), .15);
  --btn-secondary-color: rgba(var(--dark-rgb), 1);
  @media (prefers-color-scheme: dark) {
    --card-background-color: #1e2330;
    --background-color: #151923;
    --input-background: #283042;
    --primary: #13C4A3;
    --primary-rgb: 19, 196, 163;
    --primary-dark: #0f9179;
    --primary-dark-rgb: 15, 145, 121;
    --text-rgb: var(--light-rgb);
    --box-shadow-rgb: 0, 0, 0;
    --box-shadow-opacity: .33;
    --info-alert-background: #638CEE;
    --input-box-shadow: none;
    --dropdown-bg: #0d121a;
    --btn-secondary-color: #B4C9DE;
    --btn-secondary: rgba(120, 167, 224, 0.1);
    --btn-secondary-hover: rgba(120, 167, 224, .15);
    --btn-secondary-active: rgba(120, 167, 224, .15);
  }
}

.login-body:before {
  mix-blend-mode: multiply;
  opacity: .5;
}

@media (prefers-color-scheme: dark) {
  .login-body:before {
    mix-blend-mode: darken;
    opacity: .25;
  }
}

.pf-v5-c-login__container {
  border-radius: .25rem;
}

.pf-v5-c-login__container:before {
  display: none !important;
}