/* Keep occupied status labels compact until hover or keyboard focus. */
.homes-map-property-marker:is(.is-sold, .is-leased) .homes-map-property-dot {
  background: var(--homes-clay);
}
.homes-map-property-marker:is(.is-sold, .is-leased) .homes-map-property-status {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  padding-inline: 0;
  border-width: 0;
  transition: max-width 180ms ease, opacity 140ms ease, padding 180ms ease, border-width 180ms ease;
}

.homes-map-property-marker:is(.is-sold, .is-leased):is(:hover, :focus-visible) .homes-map-property-status {
  max-width: 6rem;
  opacity: 1;
  padding: 0.3rem 0.55rem 0.3rem 0.45rem;
  border-width: 2px;
}

.homes-map-property-marker:is(.is-sold, .is-leased) .homes-map-property-status {
  background: var(--homes-clay);
  color: #fffdf8;
}

.homes-map-property-marker:is(.is-sold, .is-leased):is(:hover, :focus-visible) .homes-map-property-dot {
  background: var(--homes-clay);
}

@media (prefers-reduced-motion: reduce) {
  .homes-map-property-marker:is(.is-sold, .is-leased) .homes-map-property-status {
    transition: none;
  }
}