/* Prevent the component's hard-coded badge from flashing before the rate loads. */
.home-v5 .v5-quick.is-logged-in .quick-icons.logged-quick-icons .q-item:first-child::before,
.home-v5 .v5-quick .quick-icons.logged-quick-icons .q-item:first-child::before {
  content: '' !important;
  opacity: 0 !important;
}

/* The logged-in selector above is more specific, so repeat it here to restore
   the backend-driven mark after its data attribute has been attached. */
.home-v5 .quick-icons .q-item[data-target153-rate-label]::before,
.home-v5 .v5-quick.is-logged-in .quick-icons.logged-quick-icons .q-item[data-target153-rate-label]::before,
.home-v5 .v5-quick .quick-icons.logged-quick-icons .q-item[data-target153-rate-label]::before {
  content: attr(data-target153-rate-label) !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  height: 17px !important;
  min-height: 17px !important;
  padding: 0 4px !important;
  border-radius: 4px !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  line-height: 17px !important;
  white-space: nowrap !important;
  top: -8px !important;
  right: -10px !important;
  transform: none !important;
}