.clearfix::after {
  content: "";
  display: table;
  clear: both; }

/*  To utilize the font mixin,

@mixin font-source-serif($size: false, $color: false, $weight: false,  $lh: false, $ls: false) {
@mixin font-source-serif-italic($size: false, $color: false, $weight: false,  $lh: false, $ls: false) {
@mixin font-source-sans($size: false, $color: false, $weight: false,  $lh: false, $ls: false) {

// @include font-source-serif(40px, $brand-v2-off-black, normal, 50px, null);
// @include font-source-sans(16px, $brand-v2-off-black, normal, 21px, 0.03em);

*/
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px; }

.display-none {
  display: none; }

.menu {
  float: left;
  margin: 0;
  padding: 0; }
  .menu li {
    float: left;
    list-style: none outside none !important; }

.text-ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 99%; }

/* mixin for multiline */
/* ============================================================================
Table column component
============================================================================ */
/* ============================================================================
Styles for custom components
============================================================================ */
.pd-table {
  width: var(--width); }
  @media only screen and (min-width: 768px) {
    .pd-table {
      width: var(--width-md); } }
  .pd-table__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .pd-table__column-wrapper {
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .pd-table__column-wrapper:nth-child(1) {
      -ms-flex-preferred-size: var(--flex-basis-column-1);
          flex-basis: var(--flex-basis-column-1);
      max-width: var(--max-width-column-1); }
      @media only screen and (min-width: 768px) {
        .pd-table__column-wrapper:nth-child(1) {
          -ms-flex-preferred-size: var(--flex-basis-column-md-1);
              flex-basis: var(--flex-basis-column-md-1);
          max-width: var(--max-width-column-md-1); } }
    .pd-table__column-wrapper:nth-child(2) {
      -ms-flex-preferred-size: var(--flex-basis-column-2);
          flex-basis: var(--flex-basis-column-2);
      max-width: var(--max-width-column-2); }
      @media only screen and (min-width: 768px) {
        .pd-table__column-wrapper:nth-child(2) {
          -ms-flex-preferred-size: var(--flex-basis-column-md-2);
              flex-basis: var(--flex-basis-column-md-2);
          max-width: var(--max-width-column-md-2); } }
    .pd-table__column-wrapper:nth-child(3) {
      -ms-flex-preferred-size: var(--flex-basis-column-3);
          flex-basis: var(--flex-basis-column-3);
      max-width: var(--max-width-column-3); }
      @media only screen and (min-width: 768px) {
        .pd-table__column-wrapper:nth-child(3) {
          -ms-flex-preferred-size: var(--flex-basis-column-md-3);
              flex-basis: var(--flex-basis-column-md-3);
          max-width: var(--max-width-column-md-3); } }
    .pd-table__column-wrapper:nth-child(4) {
      -ms-flex-preferred-size: var(--flex-basis-column-4);
          flex-basis: var(--flex-basis-column-4);
      max-width: var(--max-width-column-4); }
      @media only screen and (min-width: 768px) {
        .pd-table__column-wrapper:nth-child(4) {
          -ms-flex-preferred-size: var(--flex-basis-column-md-4);
              flex-basis: var(--flex-basis-column-md-4);
          max-width: var(--max-width-column-md-4); } }
    .pd-table__column-wrapper:nth-child(5) {
      -ms-flex-preferred-size: var(--flex-basis-column-5);
          flex-basis: var(--flex-basis-column-5);
      max-width: var(--max-width-column-5); }
      @media only screen and (min-width: 768px) {
        .pd-table__column-wrapper:nth-child(5) {
          -ms-flex-preferred-size: var(--flex-basis-column-md-5);
              flex-basis: var(--flex-basis-column-md-5);
          max-width: var(--max-width-column-md-5); } }
    .pd-table__column-wrapper:nth-child(6) {
      -ms-flex-preferred-size: var(--flex-basis-column-6);
          flex-basis: var(--flex-basis-column-6);
      max-width: var(--max-width-column-6); }
      @media only screen and (min-width: 768px) {
        .pd-table__column-wrapper:nth-child(6) {
          -ms-flex-preferred-size: var(--flex-basis-column-md-6);
              flex-basis: var(--flex-basis-column-md-6);
          max-width: var(--max-width-column-md-6); } }
    .pd-table__column-wrapper:nth-child(7) {
      -ms-flex-preferred-size: var(--flex-basis-column-7);
          flex-basis: var(--flex-basis-column-7);
      max-width: var(--max-width-column-7); }
      @media only screen and (min-width: 768px) {
        .pd-table__column-wrapper:nth-child(7) {
          -ms-flex-preferred-size: var(--flex-basis-column-md-7);
              flex-basis: var(--flex-basis-column-md-7);
          max-width: var(--max-width-column-md-7); } }
    .pd-table__column-wrapper:nth-child(8) {
      -ms-flex-preferred-size: var(--flex-basis-column-8);
          flex-basis: var(--flex-basis-column-8);
      max-width: var(--max-width-column-8); }
      @media only screen and (min-width: 768px) {
        .pd-table__column-wrapper:nth-child(8) {
          -ms-flex-preferred-size: var(--flex-basis-column-md-8);
              flex-basis: var(--flex-basis-column-md-8);
          max-width: var(--max-width-column-md-8); } }
    .pd-table__column-wrapper:nth-child(9) {
      -ms-flex-preferred-size: var(--flex-basis-column-9);
          flex-basis: var(--flex-basis-column-9);
      max-width: var(--max-width-column-9); }
      @media only screen and (min-width: 768px) {
        .pd-table__column-wrapper:nth-child(9) {
          -ms-flex-preferred-size: var(--flex-basis-column-md-9);
              flex-basis: var(--flex-basis-column-md-9);
          max-width: var(--max-width-column-md-9); } }

/*# sourceMappingURL=table.css.map */