/* Layout classes for _Layout.cshtml */
/* Replaces prism.comps.min.css Bootstrap utilities used in the shared layout */

body {
  display: flex;
  justify-content: center;
  margin-top: var(--ids-base-space-160);
}

.main-content:has(ids-card:not(:defined)) {
  visibility: hidden;
}

@media only screen and (max-width: 480px) {
  body {
    margin-top: var(--ids-base-space-40);
  }
}

.main-content {
  display: flex;
  flex-direction: column;
  font-family: var(--ids-sem-type-font-body);
  width: 392px;
  margin-top: var(--ids-base-space-0);
  margin-bottom: auto;
  padding-bottom: var(--ids-base-space-160);
}

.main-content .layout-card {
  /* cloned from .card + .p-2 in prism.comps.min.css (Bootstrap 4) */
  word-wrap: break-word;
  background-clip: border-box;
  background-color: var(--ids-sem-color-surface-default);
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: var(--ids-sem-size-border-radius-default);
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.main-content .logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  border-bottom: 1px solid var(--ids-sem-color-border-muted);
  padding-bottom: var(--ids-base-space-40);
  margin-top: var(--ids-base-space-20);
}