/* element attempts matching input styles */
.textInput {
  height: 2rem;
  background-color: transparent;
  border-radius: 3px;

  display: flex;
  align-items: center;
  gap: 0.25rem;

  &.delayed {
    color: $ontime-delay-text;
  }

  &.muted {
    // we use opacity instead of colour to handle delayed values
    opacity: 0.4;
  }

  &:hover {
    background-color: $gray-1100;
    cursor: text;
  }
}
