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

  background-color: settings.$background-color;
  color: settings.$text-color;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  border: settings.$border-width solid settings.$border-color;
 }

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

  padding: 0;
  text-align: center;
  font-style: normal;
  color: settings.$caption-text-color;
 }

@mixin caption-hidden() { ... }@mixin caption-hidden() { 
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
 }

@mixin caption-top() { ... }@mixin caption-top() { 
  caption-side: top;
  padding-bottom: settings.$spacing-vertical;
 }

@mixin caption-bottom() { ... }@mixin caption-bottom() { 
  caption-side: bottom;
  padding-top: settings.$spacing-vertical;
 }

@mixin header() { ... }@mixin header() { 
  border: none;
 }

@mixin body() { ... }@mixin body() { 
  border: none;
 }

@mixin footer() { ... }@mixin footer() { 
  border: none;
 }

@mixin cell-base() { ... }@mixin cell-base() { 
  vertical-align: top;
  text-align: left;
  padding: settings.$spacing-vertical settings.$spacing-horizontal;
  border: settings.$border-width solid settings.$border-color;
 }

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

@mixin cell-condensed() { ... }@mixin cell-condensed() { 
  padding: settings.$spacing-vertical-condensed settings.$spacing-horizontal-condensed;
 }

@mixin cell-striped() { ... }@mixin cell-striped() { 
  background-color: settings.$striped-background-color;

  > th,
  > td {
    @include cell-striped-hcm('row');
  }
 }

@mixin cell-striped-hcm() { ... }@mixin cell-striped-hcm() { 
  @media (forced-colors: active) {
    border-style: solid;

    @if $direction == 'row' {
      border-left-width: calc(settings.$border-width * 4);
      border-right-width: calc(settings.$border-width * 4);
    } @else if $direction == 'column' {
      border-top-width: calc(settings.$border-width * 4);
      border-bottom-width: calc(settings.$border-width * 4);
    }
  }
 }

@mixin heading() { ... }@mixin heading() { 
  @include cell-base;
  @include typography.style-as('section-2');

  background-color: transparent;
 }

@mixin heading-emphasized() { ... }@mixin heading-emphasized() { 
  background-color: settings.$emphasis-background-color;

  &,
  th,
  td {
    @include cell-striped-hcm('row');
    @include cell-striped-hcm('column');
  }
 }

@mixin heading-striped-emphasized() { ... }@mixin heading-striped-emphasized() { 
  background-color: settings.$striped-emphasis-heading-background-color;
 }

@mixin horizontal-stripe($cell, $heading, $emphasize: false) { ... }@mixin horizontal-stripe($cell, $heading, $emphasize: false) { 
  // no heading
  #{$cell}:nth-child(even) {
    @if $emphasize {
      @include heading-striped-emphasized;
    } @else {
      @include cell-striped;
      @include cell-striped-hcm('column');
    }
  }

  // with heading
  #{$heading} ~ #{$cell} {
    &:nth-child(odd) {
      @if $emphasize {
        @include heading-striped-emphasized;
      } @else {
        @include cell-striped;
      }
    }

    &:nth-child(even) {
      background-color: transparent;
    }
  }
 }

$text-color: color.get('text', 'primary') !default;

$background-color: color.get('ui-bg', 'primary') !default;

$spacing-vertical: spacing.get('s4') !default;

$spacing-horizontal: spacing.get('s4') !default;

$spacing-vertical-condensed: spacing.get('s2') !default;

$spacing-horizontal-condensed: spacing.get('s2') !default;

$border-width: unit.rem(1px) !default;

$border-color: color.get('ui-bg', '05') !default;

$caption-text-color: color.get('text', 'tertiary') !default;

$emphasis-background-color: color.get('ui-bg', '04') !default;

$striped-background-color: color.get('ui-bg', '04') !default;

$striped-emphasis-heading-background-color: color.get('ui-bg', '07') !default;