@mixin root() { ... }@mixin root() { 
  display: flex;
  flex-direction: column;
 }

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

  @container kib-profile-card (max-width: #{settings.$card-condensed-max-width}) {
    @include typography.style-as('paragraph-1');

    font-weight: typography.get-weight('semibold');
    color: color.get('text', 'primary');
  }
 }

@mixin metadata-airy() { ... }@mixin metadata-airy() { 
  @include typography.style-as('paragraph-1');

  @container kib-profile-card (max-width: #{settings.$card-condensed-max-width}) {
    @include typography.style-as('paragraph-2');

    color: color.get('text', 'secondary');
  }
 }

@mixin name() { ... }@mixin name() { 
  @include typography.style-as('paragraph-1');

  font-weight: typography.get-weight('semibold');
  color: color.get('text', 'primary');

  #{$parent}--airy & {
    @include name-airy;
  }
 }

@mixin metadata() { ... }@mixin metadata() { 
  @include typography.style-as('paragraph-2');

  color: color.get('text', 'secondary');

  #{$parent}--airy & {
    @include metadata-airy;
  }
 }