.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 1rem;
}

body {
  background-color: #000000;
  color: #ffffff;
}

.signal-led {
  box-shadow: 0 0 8px currentColor;
}

.equipment-box.is-highlighted,
.equipment-box:hover {
  border-color: #d74030 !important;
  background-color: rgba(0, 0, 0, 0.2);
}

.equipment-box.is-highlighted .equipment-indicator,
.equipment-box:hover .equipment-indicator {
  opacity: 1 !important;
}

.equipment-box.is-highlighted .equipment-text,
.equipment-box:hover .equipment-text {
  color: #ffffff !important;
}

.equipment-image.is-highlighted,
.equipment-image:hover,
.equipment-img-wrapper.is-highlighted,
.equipment-img-wrapper:hover {
  border-color: #d74030 !important;
  box-shadow: 0 10px 25px -5px rgba(215, 64, 48, 0.3);
}

.equipment-image.is-highlighted img,
.equipment-image:hover img,
.equipment-img-wrapper.is-highlighted img,
.equipment-img-wrapper:hover img {
  filter: grayscale(0%) !important;
  transform: scale(1.04);
}

@keyframes audio-bar {
  0%,
  100% {
    transform: scaleY(0.3);
  }
  50% {
    transform: scaleY(1);
  }
}