/* Original supplied artwork, shown whole inside a circular frame. */
@layer signet-branding {
  .signet-brand-image {
    aspect-ratio: 1 !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    border-radius: 50% !important;
  }
  .dash-brand {
    height: auto !important;
    aspect-ratio: 1 !important;
  }
  .dash-brand .signet-brand-image {
    width: 100% !important;
  }
  .connect-logo {
    display: block !important;
    width: 72px !important;
    height: 72px !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }
  .connect-logo .signet-brand-image {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }
  .auth-loading-mark {
    isolation: isolate;
  }
  .auth-loading-mark .signet-brand-image {
    position: absolute;
    left: 50%; top: 50%;
    /* Compensate for the narrow black margin in the supplied circular artwork. */
    width: calc(100% + 6px) !important;
    max-width: none !important;
    transform: translate(-50%, -50%) !important;
    animation: none !important;
    opacity: 1 !important;
  }
  .auth-loading-mark .auth-loading-orbit {
    z-index: 1;
    pointer-events: none;
  }
  .simple-header::before {
    background: url("/static/signet-logo-circle.jpg") center / contain no-repeat !important;
    border-radius: 50% !important;
  }
  @media (orientation: landscape) and (max-height: 560px) {
    .dash-brand {
      width: 48px !important;
      height: 48px !important;
      margin-bottom: 8px !important;
    }
  }
}