/* Restore the exact logo geometry from the supplied known-good index. */
body .appLogo {
  position: relative !important;
  width: min(430px, 92vw) !important;
  height: auto !important;
  margin: 0 auto 14px !important;
  padding: 0 !important;
  overflow: visible !important;
}
body .appLogo .appLogoImage {
  width: 100% !important;
  max-width: 430px !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  transform: none !important;
}
body .appLogo .logoThemeMask {
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
  background: linear-gradient(135deg, var(--accent2), var(--accent)) !important;
  -webkit-mask-image: url("images/logo-theme-mask.svg") !important;
  mask-image: url("images/logo-theme-mask.svg") !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  mix-blend-mode: color !important;
  opacity: .72 !important;
  filter: saturate(1.08) !important;
}
body.arctic .appLogo .logoThemeMask,
body.bright .appLogo .logoThemeMask,
body.light .appLogo .logoThemeMask,
body.theme-light .appLogo .logoThemeMask {
  mix-blend-mode: multiply !important;
  opacity: .58 !important;
}
body .appLogo .logoPriceOverlay {
  left: 66.3% !important;
  top: 43.1% !important;
  width: 26.6% !important;
  height: 8.2% !important;
  transform: none !important;
}
/* Use each theme's intended contrast color on the selected navigation button. */
html body .tabs .tab.active {
  color: var(--accent-ink, #07101c) !important;
  text-shadow: none !important;
}

@media (max-width: 620px) {
  body .appLogo {
    transform: translateX(-4%) !important;
  }
  body .appLogo .logoPriceOverlay {
    left: 68.2% !important;
    top: 43.2% !important;
    width: 26.8% !important;
    height: 8.1% !important;
  }
}