@use '@creatio/interface-designer/styles/properties-panel-styles';

.panel-section {
  margin-top: var(--crt-size-xs);
}

.section-title {
  font-size: var(--crt-caption-font-size);
  font-weight: var(--crt-font-weight-semibold);
  line-height: var(--crt-line-height-xs);
  color: var(--crt-palette-primary-500);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin: 0 0 var(--crt-size-2xs) 0;
  padding-bottom: var(--crt-size-3xs);
  border-bottom: 1px solid var(--crt-palette-border-500);
}

.required-mark {
  color: var(--crt-palette-primary-500);
}

.validation-message {
  display: block;
  font-size: var(--crt-caption-font-size);
  font-weight: var(--crt-font-weight-medium);
  line-height: var(--crt-line-height-xs);
  color: var(--crt-palette-primary-500);
}
