@import '../variables/colors';
@import '../variables/gutters';


@mixin msfa__fieldset($legendAsHeading: true) {
  margin: 0;
  padding: 0;
  border-width: 0;

  legend {
    position: relative;
    text-align: left;

    @if $legendAsHeading {
      width: 100%;
      display: flex;
      align-items: center;
      padding-bottom: var(--digi--layout--gutter--xs);
      margin: 0;
      font-weight: var(--digi--typography--font-weight--bold);
      font-size: var(--digi--typography--font-size--s);
      border-bottom: 1px solid var(--digi--ui--color--background--off);
    }
  }
}