/* Stable SVG wordmark: avoids inherited page and header styles changing the logo. */
.rn-route-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: max-content !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.rn-route-brand::before,
.rn-route-brand::after {
  content: none !important;
  display: none !important;
}

.rn-route-brand .rn-logo-asset {
  display: block !important;
  width: 151px !important;
  height: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  object-fit: contain !important;
  overflow: visible !important;
  position: static !important;
}

.rn-route-brand .rn-logo-on-light { display: block !important; }
.rn-route-brand .rn-logo-on-dark { display: none !important; }
.rn-route-brand.rn-wordmark--dark .rn-logo-on-light { display: none !important; }
.rn-route-brand.rn-wordmark--dark .rn-logo-on-dark { display: block !important; }

/* Keep the wordmark fixed in the customer header; change only the pin symbol
   color when the sticky header enters its scrolled state. */
.rn-customer-header .rn-customer-brand.rn-route-brand,
.rn-customer-header.is-scroll-revealed .rn-customer-brand.rn-route-brand {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-self: start !important;
  width: max-content !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.rn-customer-header .rn-customer-brand .rn-logo-on-dark { display: block !important; }
.rn-customer-header .rn-customer-brand .rn-logo-on-scroll,
.rn-customer-header.is-scroll-revealed .rn-customer-brand .rn-logo-on-dark { display: none !important; }
.rn-customer-header.is-scroll-revealed .rn-customer-brand .rn-logo-on-scroll { display: block !important; }

@media (max-width: 640px) {
  .rn-route-brand .rn-logo-asset { width: 132px !important; }
  .rn-customer-header .rn-customer-brand .rn-logo-asset { width: 126px !important; }
}

@media (max-width: 360px) {
  .rn-customer-header .rn-customer-brand .rn-logo-asset { width: 116px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .rn-route-brand .rn-logo-asset { animation: none !important; }
}