@use '@carbon/layout';
@use '@carbon/type';
@use '@carbon/colors';

.dependentsTitle {
  display: flex;
  font-size: layout.$spacing-04;

  align-items: center;
  justify-content: space-between;
  row-gap: layout.$spacing-06;
  position: relative;
  margin-bottom: layout.$spacing-06;

  &::after {
    content: '';
    display: block;
    width: layout.$spacing-07;
    border-bottom: 0.375rem solid var(--brand-03);
    position: absolute;
    bottom: -0.75rem;
    left: 0;
  }

  & > span {
    @include type.type-style('body-01');
  }
}