/* Optional enhancement: removing this file and its script restores the original selection. */
.hero-selection-highlight {
  display: none;
}

.hero-service-controls[data-selector-motion] {
  position: relative;
  isolation: isolate;
  background: var(--white);
}

.hero-service-controls[data-selector-motion] > .hero-selection-highlight {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 1px;
  background: var(--orange);
  transform-origin: 0 0;
  pointer-events: none;
}

.hero-service-controls[data-selector-motion] > .hero-service-button,
.hero-service-controls[data-selector-motion] > .hero-service-button[aria-pressed="true"],
.hero-service-controls[data-selector-motion] > .hero-service-button[aria-pressed="true"]:hover {
  z-index: 1;
  background: transparent;
}

.hero-service-controls[data-selector-motion] > .hero-service-button:not([aria-pressed="true"]):hover {
  background: #f5822012;
}

.hero-service-controls[data-selector-motion="moving"] > .hero-selection-highlight {
  will-change: transform;
}