/* Step navigation uses the full footer without changing the shared scene height. */
.desktop-demo .desktop-demo-steps {
  width: 100%;
  justify-content: space-between;
  gap: 0;
}

.desktop-demo .desktop-demo-steps button {
  position: relative;
  flex: 1 1 0;
  justify-content: center;
  min-width: 0;
  padding-inline: 8px;
}

.desktop-demo .desktop-demo-steps button + button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 1px;
  background: rgb(0 0 0 / .1);
}

@container (max-width: 340px) {
  .desktop-demo .desktop-demo-steps button {
    gap: 5px;
    padding-inline: 5px;
    font-size: 11px;
  }
}