@require "../../stylus/index.styl";

.oui-form-item {
  margin-y: 8;

  label {
    display: block;

    span {
      color: -red-600;
    }
  }

  &-title {
    display: block;
    font-size: 13;
    font-weight: 500;
    margin-bottom: 4;

    &._disabled {
      color: var(--s2-fg);
      cursor: not-allowed;
    }
  }

  &-description {
    display: block;
    font-size: 13;
    font-weight: 500;
    margin-top: 4;
    margin-bottom: 12;
    color: var(--t3-fg);

    &._disabled {
      cursor: not-allowed;
    }
  }

  .oui-select {
    min-width: min(100%, 12ch);
  }

  .oui-input-string, .oui-textarea, .oui-password {
    width: 100%;
  }
}