.openapi-explorer__form-item-input {
  margin-top: calc(var(--ifm-pre-padding) / 2);
  background-color: var(--openapi-input-background);
  border: 1px solid transparent;
  outline: none;
  width: 100%;
  color: var(--ifm-pre-color);
  padding: var(--openapi-explorer-padding-input);
  border-radius: 4px;

  &:hover {
    border: 1px solid var(--ifm-toc-border-color);
  }

  &:focus {
    border: 1px solid var(--ifm-color-primary);
    box-shadow: none;
  }

  &.error {
    border: 1px solid var(--openapi-required);
  }
}

.openapi-explorer__input-error {
  font-size: var(--openapi-explorer-font-size-input);
  color: var(--openapi-required);
  padding-top: var(--openapi-explorer-padding-input);

  &::before {
    display: inline;
    content: "⚠ ";
  }
}
