@mixin root-container() { ... }@mixin root-container() { 
  padding: 0;
  border: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  margin-bottom: spacing.get('s2');
 }

@mixin label() { ... }@mixin label() { 
  position: relative;
  @include typography.style-as(settings.$field-group-legend-typography);

  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: spacing.get('s4');
 }

@mixin label-with-message() { ... }@mixin label-with-message() { 
  margin-bottom: spacing.get('s2');
 }

@mixin help() { ... }@mixin help() { 
  @include typography.style-as('form-helper');

  order: 0;
  color: settings.$help-text-color;
  margin-top: 0;
  margin-bottom: spacing.get('s4');
 }

@mixin help-bottom() { ... }@mixin help-bottom() { 
  order: 3;
  margin-top: spacing.get('s4');
  margin-bottom: 0;
 }

@mixin content() { ... }@mixin content() { 
  gap: spacing.get('s2');
  display: flex;
  flex-direction: column;
 }

@mixin alert() { ... }@mixin alert() { 
  margin-bottom: spacing.get('s3');
 }

@mixin icon() { ... }@mixin icon() { 
  $style: 'form-grouping';
  $line-height: typography.get($style, 'line-height');
  $font-size: typography.get($style, 'font-size');

  display: inline-block;
  flex-shrink: 0;
  width: calc(#{$line-height} * #{$font-size});
  height: calc(#{$line-height} * #{$font-size});
  margin-right: spacing.get('s2');
 }

@mixin error() { ... }@mixin error() { 
  order: 5;
 }

@mixin error-message() { ... }@mixin error-message() { 
  @include typography.style-as(settings.$error-message-token-size);

  display: flex;
  margin-top: spacing.get('s1');
  color: settings.$error-text-color;
 }

@mixin error-icon() { ... }@mixin error-icon() { 
  margin-right: spacing.get('s1');
  width: settings.$error-icon-size;
  height: settings.$error-icon-size;
  color: currentColor;
 }

@mixin group-label() { ... }@mixin group-label() { 
  @include typography.style-as('section-1');

  margin-bottom: spacing.get('s4');
 }

@mixin group-messages-above() { ... }@mixin group-messages-above() { 
  @include typography.style-as('caption');

  margin-bottom: spacing.get('s4');
 }

@mixin group-messages-below() { ... }@mixin group-messages-below() { 
  @include typography.style-as('caption');

  margin-top: spacing.get('s4');
 }

@mixin reset-fieldset-styling() { ... }@mixin reset-fieldset-styling() { 
  padding: 0;
  border: 0;
  margin: 0;
 }