/* STEP9H6K10B_BRANDING_LOGO_CENTER_V1
   UI-only centering layer for sidebar + Branding previews.
*/
.app #brandMark.brand-mark,
.app #brandPreviewLogo.brand-mark,
.app .nxc10-logo-preview {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  place-items: center !important;
  text-align: center !important;
}

.app #brandMark.brand-mark img,
.app #brandPreviewLogo.brand-mark img,
.app .nxc10-logo-preview img {
  display: block !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.app #brandMark img:not([src*="nexcip-favicon.png"]),
.app #brandPreviewLogo img:not([src*="nexcip-favicon.png"]),
.app .nxc10-logo-preview img:not([src*="nexcip-favicon.png"]) {
  width: calc(100% - 8px) !important;
  height: calc(100% - 8px) !important;
  padding: 0 !important;
  transform: none !important;
}

.app #brandMark img[src*="nexcip-favicon.png"],
.app #brandPreviewLogo img[src*="nexcip-favicon.png"] {
  object-position: center center !important;
  transform-origin: center center !important;
}

.app #brandMark img,
.app #brandPreviewLogo img,
.app .nxc10-logo-preview img {
  font-size: 0 !important;
  color: transparent !important;
}