html:has(.auth-view:not(.is-hidden)),
body:has(.auth-view:not(.is-hidden)),
.shell:has(.auth-view:not(.is-hidden)),
.auth-view:not(.is-hidden) {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  overflow-x: clip;
  background: #121e36;
}

oficerto-public-home {
  display: block;
  width: 100%;
  min-height: 100vh;
  background: #121e36;
}

.auth-view:has(.public-access-shell.is-legacy-access > .signup-surface.is-open) > oficerto-public-home,
.auth-view:has(.public-access-shell.is-legacy-access > .login-surface.is-open) > oficerto-public-home {
  display: none;
}

.auth-view:has(.public-access-shell.is-legacy-access > .signup-surface.is-open) > .public-access-shell.is-legacy-access,
.auth-view:has(.public-access-shell.is-legacy-access > .login-surface.is-open) > .public-access-shell.is-legacy-access {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 40px 0;
}

.public-access-shell.is-legacy-access {
  min-height: 0;
  display: block;
  grid-template-rows: none;
  overflow: visible;
  background: #121e36;
}

.public-access-shell.is-legacy-access > :not(.signup-surface):not(.login-surface):not(.support-widget) {
  display: none !important;
}

.public-access-shell.is-legacy-access > .signup-surface.is-open,
.public-access-shell.is-legacy-access > .login-surface.is-open {
  position: relative;
  z-index: 3;
  margin-top: 0;
  margin-bottom: 48px;
}

@media (max-width: 720px) {
  .auth-view:has(.public-access-shell.is-legacy-access > .signup-surface.is-open) > .public-access-shell.is-legacy-access,
  .auth-view:has(.public-access-shell.is-legacy-access > .login-surface.is-open) > .public-access-shell.is-legacy-access {
    padding: 20px 0;
  }

  .public-access-shell.is-legacy-access > .signup-surface.is-open,
  .public-access-shell.is-legacy-access > .login-surface.is-open {
    width: calc(100% - 28px);
    margin-bottom: 28px;
  }
}