/* See https://www.patternfly.org/design-foundations/colors */

/*noinspection CssUnresolvedCustomProperty*/
#keycloak-bg {
  background: var(--pf-v5-global--BackgroundColor--dark-300);
  background-size: cover;
}

/*noinspection CssUnresolvedCustomProperty*/
@media (prefers-color-scheme: dark) {
  #keycloak-bg {
    background: var(--pf-v5-global--BackgroundColor--light-400);
  }
}

/*noinspection CssUnresolvedCustomProperty*/
div.oppsee-logo-text {
  background-color: var(--pf-v5-global--Color--light-100);
  -webkit-mask-image: url(../img/logo.svg);
  mask-image: url(../img/logo.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  height: 60px;
  width: 400px;
  margin: 0 auto;
}

/*noinspection CssUnresolvedCustomProperty*/
@media (prefers-color-scheme: dark) {
  div.oppsee-logo-text {
    background-color: var(--pf-v5-global--Color--light-100);
  }
}

/* Hide visually but stay accessible for screen readers */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}