.home-loading {
  width: 100%;
  min-height: 320px;
  flex: 1 1 auto;
  display: grid;
  place-items: center;
  padding: 48px 20px;
}

.home-loading[hidden] { display: none !important; }

.home-loading-spinner {
  width: clamp(44px, 7vw, 54px);
  height: clamp(44px, 7vw, 54px);
  display: block;
  border: 4px solid #d5e5ef;
  border-top-color: #1267b6;
  border-right-color: #0c8f94;
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(13, 54, 86, .12);
  animation: home-loading-spin .8s linear infinite;
}

body.home-loading-active .portal-chat,
body.home-loading-active .social-global-nav,
body.home-loading-active .social-mobile-nav {
  display: none !important;
}

@keyframes home-loading-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .home-loading-spinner { animation: none; }
}

@media (forced-colors: active) {
  .home-loading-spinner {
    border-color: CanvasText;
    border-top-color: Highlight;
  }
}