/* Fit the rover in the same stage as the original homepage demonstration. */
.robotics-lab-scene {
  position: absolute;
  z-index: -1;
  inset-block-start: 12%;
  inset-inline-start: 49%;
  inline-size: 53%;
  block-size: 61%;
  pointer-events: none;
}

.robotics-lab-scene svg {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  stroke: none;
}

.robotics-lab-controls .privacy-demo-indicator {
  border-color: #1983754d;
  background: #6dc9b746;
  color: #12665c;
}

.robotics-lab-controls .privacy-demo-status {
  margin: 8px 0 4px;
}

.robotics-lab-run {
  padding: 0 8px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #004c65;
}

.robotics-lab-run svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.robotics-lab-run .robotics-lab-pause-icon,
.robotics-lab-run[data-playing] .robotics-lab-play-icon {
  display: none;
}

.robotics-lab-run[data-playing] .robotics-lab-pause-icon {
  display: initial;
}

.robotics-lab-run:focus-visible {
  outline: 2px solid #005a75;
  outline-offset: 3px;
}

.robotics-lab-run:not(:disabled):hover {
  background: #cde7ee;
}

.robotics-lab-reset {
  min-inline-size: 44px;
}

.robotics-lab-controls button:disabled {
  cursor: default;
}

.robotics-lab-controls .robotics-lab-feedback {
  display: block;
  min-block-size: 1.6em;
  padding-block-start: 3px;
  font-size: 12px;
}

@media (max-width: 899px) {
  .privacy-hero .hero-content:has(.robotics-lab-scene) {
    row-gap: 0;
  }

  .robotics-lab-scene {
    position: relative;
    inset: auto;
    inline-size: 100%;
    block-size: clamp(240px, 47vw, 350px);
  }
}

@media (max-width: 430px) {
  .robotics-lab-scene {
    block-size: 235px;
  }

  .robotics-lab-controls .robotics-lab-feedback {
    min-block-size: 3em;
  }
}