@layer page {
  .eas-login {
    max-width: 450px;
    padding: var(--spacing-3, 1rem);
    outline: solid 2px rgba(231, 231, 231, 0.5333333333);
    outline-offset: -1px;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
    display: flex;
    gap: var(--spacing-3, 1rem);
    overflow: auto;
  }
  .eas-login__logo {
    max-width: 50%;
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and ((orientation: portrait) or ((orientation: landscape) and (min-height: 35rem))) {
        .eas-login {
          flex-direction: column;
          min-width: min(21rem, 100vw);
        }
        .eas-login__logo {
          max-width: 100%;
          padding: 2rem;
        }
      }
    }
  }
  @container ((orientation: portrait) or ((orientation: landscape) and (height > 35rem))) {
    .eas-login {
      flex-direction: column;
      min-width: min(21rem, 100vw);
    }
    .eas-login__logo {
      max-width: 100%;
      padding: 2rem;
    }
  }
  .eas-login__form {
    display: var(--grid-display, grid);
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5em var(--spacing-3, 1rem);
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (max-width: 21rem) {
        .eas-login__form {
          grid-template-columns: minmax(0, 1fr);
        }
      }
    }
  }
  @container (width < 21rem) {
    .eas-login__form {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .eas-login__button {
    margin-top: var(--spacing-3, 1rem);
    grid-column: 1/-1;
    justify-self: end;
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .eas-login__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-login__button[disabled], .eas-login__button--disabled, .eas-login__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .eas-login__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .eas-login__button {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .eas-login__button:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .eas-login__button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
  }
  @layer theme {
    .eas-login__button:active, .eas-login__button.active, .eas-login__button--active {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
  }
  @layer theme {
    .eas-login__button[disabled], .eas-login__button--disabled, .eas-login__button:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .eas-login label {
    align-self: center;
  }
  .eas-login .e-ddl:not(.e-popup)::before {
    content: "";
    height: 2px;
    left: 50%;
  }
  #login-profile-tooltip_content {
    display: flex;
    background: white;
    font-size: 90%;
  }
  #login-profile-tooltip_content .e-tip-content {
    color: var(--clr-neutral-900, #292929);
    padding: 0.5rem !important;
  }
  #login-profile-tooltip_content .e-tooltip-wrap.e-popup {
    border: none;
    box-shadow: 0 0 0.5rem;
  }
  #login-profile-tooltip_content .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
    color: var(--clr-neutral-900, #292929);
  }
}

/*# sourceMappingURL=compound.css.map */