/**
 * Simplified stylesheet used for displaying LinkedIn Profile Badges. 
 * Used with the react-linkedinbadge component as one of the required stylsheets needed
 * to properly display the badge. LinkedIn Profile badges rendered through LinkedIn's
 * provided instruction by default injects a global stylesheet into the document.
 * that has been known to conflict with existing styles used within the page. 
 * This stylesheet only contains styles specific to the Profile Badge React component.
 * and hence is less in size and less likely to conflict with other stylesheets.
 */

 div.profile-badge-reacted {

  transition: all 0.3s ease-in-out;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;

  .profile-badge.profile-badge--light:hover {
     box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.08),
        0 2px 4px rgba(0, 0, 0, 0.08);
  }

  .profile-badge--dark.profile-badge:hover {
     box-shadow:
        0 0 0 1px rgba(90, 89, 89, 0.5),
        0 2px 4px rgba(90, 89, 89, 0.5);
  }

  div.profile-badge--width-250 {
     width: 250px;
  }

  transition: all 0.3s ease-in-out;

  .profile-badge--width-280 {
     width: 280px;
  }

  .profile-badge--width-300 {
     width: 300px;
  }

  .profile-badge--width-330 {
     width: 330px;
  }

  .profile-badge--width-360 {
     width: 360px;
  }

  .artdeco-entity-image--ghost {
     background-color: #b3b6b9;
  }

  .artdeco-entity-image--square-4 {
     width: 56px;
     height: 56px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background-clip: content-box;
     border: 4px solid rgba(0, 0, 0, 0);
     border-radius: 6px;
  }

  .profile-badge--light {
     background-color: #fff;
     color: #000;
  }

  .profile-badge--dark {
     background-color: #000;
     color: #fff;
  }

  .profile-badge__cta-btn--light:visited,
  div.profile-badge-reacted .profile-badge__cta-btn--light:visited:active,
  div.profile-badge-reacted .profile-badge__cta-btn--light:visited:focus,
  div.profile-badge-reacted .profile-badge__cta-btn--light:visited:hover {
     color: #0a66c2;
  }

  .profile-badge {
     background-color: #fff;
     border-radius: 8px;
     overflow: hidden;
     -webkit-box-shadow:
        0px -1px 1px rgba(0, 0, 0, 0.08),
        1px 0px 1px rgba(0, 0, 0, 0.08),
        -1px 0px 1px rgba(0, 0, 0, 0.08),
        0px 1px 1px rgba(0, 0, 0, 0.08);
     box-shadow:
        0px -1px 1px rgba(0, 0, 0, 0.08),
        1px 0px 1px rgba(0, 0, 0, 0.08),
        -1px 0px 1px rgba(0, 0, 0, 0.08),
        0px 1px 1px rgba(0, 0, 0, 0.08);
     padding: 0;
  }

  .profile-badge--dark {
     background-color: black;
  }

  .profile-badge--light {
     background-color: #fff;
  }

  /** Profile name and headline and company/school info */
  .profile-badge__content-profile-image {
     margin: 12px 0 8px;
     transition: all 0.3s ease-in-out;
  }

  .profile-badge__content-profile-name {
     padding: 0 0 4px;
     color: inherit;
  }

  .profile-badge__content-profile-name-link {
     font-size: 1.6rem;
     line-height: 1.5;
     font-weight: 600;
     color: rgba(0, 0, 0, 0.9);
     color: inherit;
  }

  .profile-badge__content-profile-name-link--dark:focus,
  .profile-badge__content-profile-name-link--dark:hover,
  .profile-badge__content-profile-name-link--dark:active {
     color: #fff;
  }

  .profile-badge__content-profile-name-link--dark:visited,
  .profile-badge__content-profile-name-link--dark:visited:active,
  .profile-badge__content-profile-name-link--dark:visited:focus,
  .profile-badge__content-profile-name-link--dark:visited:hover {
     color: #fff;
  }

  .profile-badge__content-profile-name-link--light:focus,
  .profile-badge__content-profile-name-link--light:hover,
  .profile-badge__content-profile-name-link--light:active {
     color: #000;
  }

  .profile-badge__content-profile-name-link--light:visited,
  .profile-badge__content-profile-name-link--light:visited:active,
  .profile-badge__content-profile-name-link--light:visited:focus,
  .profile-badge__content-profile-name-link--light:visited:hover {
     color: #000;
  }

  .profile-badge__content-profile-headline {
     padding: 0 0 4px;
     font-size: inherit;
     line-height: 1.42857;
     font-weight: 400;
     color: rgba(0, 0, 0, 0.9);
     color: inherit;
  }

  h4,
  .medium-text {
     font-style: normal;
     font-weight: 400;
     font-size: 2rem;
     line-height: 1.4;
     color: rgba(0, 0, 0, 0.9);
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
     outline: 0;

  }

  .profile-badge__content-profile-company-school-info {
     padding: 0 0 4px;
     font-size: 1.2rem;
     line-height: 1.33333;
     font-weight: 400;
     color: rgba(0, 0, 0, 0.6);
     color: inherit;
  }

  .profile-badge__content-profile-company-school-info-link {
     font-size: 1.2rem;
     line-height: 1.33333;
     font-weight: 400;
     color: rgba(0, 0, 0, 0.6);
     color: inherit;
  }

  a.profile-badge__content-profile-name-link,
  a.profile-badge__cta-btn {
     text-decoration: none;
     background-color: transparent;
     border: 0;
     font-size: 1.6rem;


  }

  .profile-badge__content-profile-company-school-info-link--dark:focus,
  .profile-badge__content-profile-company-school-info-link--dark:hover,
  .profile-badge__content-profile-company-school-info-link--dark:active {
     color: #fff;
  }

  .profile-badge__content-profile-company-school-info-link--dark:visited,
  .profile-badge__content-profile-company-school-info-link--dark:visited:active,
  .profile-badge__content-profile-company-school-info-link--dark:visited:focus,
  .profile-badge__content-profile-company-school-info-link--dark:visited:hover {
     color: #fff;
  }

  .profile-badge__content-profile-company-school-info-link--light:focus,
  .profile-badge__content-profile-company-school-info-link--light:hover,
  .profile-badge__content-profile-company-school-info-link--light:active {
     color: #000;
  }

  .profile-badge__content-profile-company-school-info-link--light:visited,
  .profile-badge__content-profile-company-school-info-link--light:visited:active,
  .profile-badge__content-profile-company-school-info-link--light:visited:focus,
  .profile-badge__content-profile-company-school-info-link--light:visited:hover {
     color: #000;
  }

  /** Profile badge header **/

  .profile-badge__header {
     padding: 12px 16px;
  }

  .profile-badge__header--light {
     background-color: #e9e5df;
  }

  .profile-badge__header--dark {
     background-color: #38434f;
  }

  .profile-badge__header-logo-icon {
     width: 84px;
     height: 21px;
     display: inline-block;
  }

  .profile-badge__header>.sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border-width: 0;
  }

  .profile-badge__header-logo-icon--light {
     color: #0a66c2;
  }

  .profile-badge__header-logo-icon--dark {
     color: #fff;
  }

  /** Profile badge content **/
  .profile-badge__content {
     padding: 0 16px;
     --rem: 16;

     margin: 0;
     border: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
     padding: 0 16px;
  }

  .profile-badge__content-profile-image {
     margin: 12px 0 8px;
  }

  .profile-badge__content-profile-name {
     padding: 0 0 4px;
     font-size: inherit;
     color: inherit;
     margin: 0;
  }

  h3,
  .large-text {
     font-size: 2.4rem;
     line-height: 1.4;
     font-weight: 400;
  }

  .profile-badge__content-profile-name {
     padding: 0 0 4px;
  }

  .profile-badge__content-profile-company-school-info {
     padding: 0 0 4px;
     font-size: 1.2rem;
     line-height: 1.33333;
     font-weight: 400;
     color: inherit;
  }

  /** view profile button */
  a.profile-badge__cta-btn {
     --rem: 16;

     background: transparent;
     margin: 4px 16px 12px;
      border: 0;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-block;
     font-size: inherit;
     font-weight: 600;
     font-family: inherit;
     height: 32px;
     line-height: 32px;
     overflow: hidden;
     outline-width: 2px;
     padding: 0 16px;
     position: relative;
     text-align: center;
     text-decoration: none;
     transition-duration: 167ms;
     transition-property: background-color, box-shadow, color, -webkit-box-shadow;
      vertical-align: middle;
     z-index: 0;
     border-radius: 24px;
    
   }

  .profile-badge__cta-btn--light {
     background-color: rgba(0, 0, 0, 0);
     border: 0;
     border-radius: 2px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     color: #0073b1;
     cursor: pointer;
     display: inline-block;
     font-size: 1.6rem;
     font-weight: 600;
     font-family: inherit;
     height: 32px;
     line-height: 32px;
     overflow: hidden;
     outline-width: 2px;
     padding: 0 16px;
     position: relative;
     text-align: center;
     text-decoration: none;
     -webkit-transition-duration: 167ms;
     transition-duration: 167ms;
     -webkit-transition-property:
        background-color,
        color,
        -webkit-box-shadow;
     transition-property:
        background-color,
        color,
        -webkit-box-shadow;
     transition-property: background-color, box-shadow, color;
     transition-property:
        background-color,
        box-shadow,
        color,
        -webkit-box-shadow;
     -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     vertical-align: middle;
     z-index: 0;
     -webkit-box-shadow:
        inset 0 0 0 1px #0073b1,
        inset 0 0 0 2px rgba(0, 0, 0, 0),
        inset 0 0 0 1px rgba(0, 0, 0, 0);
     box-shadow:
        inset 0 0 0 1px #0073b1,
        inset 0 0 0 2px rgba(0, 0, 0, 0),
        inset 0 0 0 1px rgba(0, 0, 0, 0);
     border-radius: 24px;
     -webkit-box-shadow: inset 0 0 0 1px #0a66c2;
     box-shadow: inset 0 0 0 1px #0a66c2;
     color: #0a66c2;
  }

  @media only screen and (-ms-high-contrast: active) {
     .profile-badge__cta-btn--light {
        border: 1px solid currentColor;
        line-height: 30px;
     }
  }

  .profile-badge__cta-btn--light li-icon,
  .profile-badge__cta-btn--light i,
  .profile-badge__cta-btn--light li {
     top: 2px;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     height: 16px;
     left: 0;
     margin: -12px 0 0 -6px;
     padding: 0 6px 0 0;
     position: relative;
     width: 16px;
  }

  .profile-badge__cta-btn--light li-icon>svg,
  .profile-badge__cta-btn--light li>svg,
  .profile-badge__cta-btn--light i>svg {
     -webkit-transition: -webkit-transform 167ms;
     transition: -webkit-transform 167ms;
     transition: transform 167ms;
     transition:
        transform 167ms,
        -webkit-transform 167ms;
     -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     display: inline-block;
     vertical-align: top;
  }

  .edge .profile-badge__cta-btn--light,
  .ie .profile-badge__cta-btn--light {
     border-radius: 0;
  }

  .profile-badge__cta-btn--light:not(:disabled)[data-is-animating-click="true"],
  .profile-badge__cta-btn--light:hover:not( :disabled)[data-is-animating-click="true"] {
     -webkit-box-shadow:
        inset 0 0 0 1px #0073b1,
        inset 0 0 0 2px rgba(0, 0, 0, 0),
        inset 0 0 0 1px #004b7c;
     box-shadow:
        inset 0 0 0 1px #0073b1,
        inset 0 0 0 2px rgba(0, 0, 0, 0),
        inset 0 0 0 1px #004b7c;
  }

  .profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled),
  .profile-badge__cta-btn--light.hover-not-disabled {
     background-color: rgba(152, 216, 244, 0.25);
     color: #006097;
     -webkit-box-shadow:
        inset 0 0 0 1px #0073b1,
        inset 0 0 0 2px #006097,
        inset 0 0 0 1px rgba(0, 0, 0, 0);
     box-shadow:
        inset 0 0 0 1px #0073b1,
        inset 0 0 0 2px #006097,
        inset 0 0 0 1px rgba(0, 0, 0, 0);
  }

  .profile-badge__cta-btn--light:focus,
  .profile-badge__cta-btn--light.focus {
     background-color: rgba(152, 216, 244, 0.25);
     color: #006097;
     -webkit-box-shadow:
        inset 0 0 0 1px #0073b1,
        inset 0 0 0 2px #006097,
        inset 0 0 0 1px rgba(0, 0, 0, 0);
     box-shadow:
        inset 0 0 0 1px #0073b1,
        inset 0 0 0 2px #006097,
        inset 0 0 0 1px rgba(0, 0, 0, 0);
  }

  .profile-badge__cta-btn--light:active:not(:disabled):not(.disabled),
  .profile-badge__cta-btn--light.active-not-disabled {
     background-color: rgba(152, 216, 244, 0.45);
     color: #004b7c;
  }

  .profile-badge__cta-btn--light:disabled,
  .profile-badge__cta-btn--light.disabled {
     color: rgba(0, 115, 177, 0.35);
     -webkit-box-shadow: inset 0 0 0 1px rgba(0, 115, 177, 0.35);
     box-shadow: inset 0 0 0 1px rgba(0, 115, 177, 0.35);
     cursor: not-allowed;
  }

  .profile-badge__cta-btn--light:focus,
  .profile-badge__cta-btn--light.focus,
  .profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled),
  .profile-badge__cta-btn--light.hover-not-disabled {
     -webkit-box-shadow: inset 0 0 0 2px #0a66c2;
     box-shadow: inset 0 0 0 2px #0a66c2;
  }

  .profile-badge__cta-btn--light:active,
  .profile-badge__cta-btn--light.active,
  .profile-badge__cta-btn--light:active:not(:disabled):not(.disabled),
  .profile-badge__cta-btn--light.active-not-disabled {
     -webkit-box-shadow: inset 0 0 0 1px #004182;
     box-shadow: inset 0 0 0 1px #004182;
  }

  .profile-badge__cta-btn--light:focus,
  .profile-badge__cta-btn--light.focus,
  .profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled),
  .profile-badge__cta-btn--light.hover-not-disabled {
     background-color: rgba(112, 181, 249, 0.15);
     color: #0a66c2;
  }

  .profile-badge__cta-btn--light:active,
  .profile-badge__cta-btn--light.active,
  .profile-badge__cta-btn--light:active:not(:disabled):not(.disabled),
  .profile-badge__cta-btn--light.active-not-disabled {
     background-color: rgba(112, 181, 249, 0.3);
     color: #004182;
  }

  .profile-badge__cta-btn--light:visited,
  .profile-badge__cta-btn--light:visited:active,
  .profile-badge__cta-btn--light:visited:focus,
  .profile-badge__cta-btn--light:visited:hover {
     color: #0a66c2;
  }

  .profile-badge__cta-btn--light:hover {
     color: #0a66c2;
     text-decoration: none !important;
  }

  .profile-badge__cta-btn--dark {
     background-color: rgba(0, 0, 0, 0);
     border: 0;
     border-radius: 2px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     font-size: 1.6rem;
     font-weight: 600;
     font-family: inherit;
     height: 32px;
     line-height: 32px;
     overflow: hidden;
     outline-width: 2px;
     padding: 0 16px;
     position: relative;
     text-align: center;
     text-decoration: none;
     -webkit-transition-duration: 167ms;
     transition-duration: 167ms;
     -webkit-transition-property:
        background-color,
        color,
        -webkit-box-shadow;
     transition-property:
        background-color,
        color,
        -webkit-box-shadow;
     transition-property: background-color, box-shadow, color;
     transition-property:
        background-color,
        box-shadow,
        color,
        -webkit-box-shadow;
     -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     vertical-align: middle;
     z-index: 0;
     -webkit-box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.7),
        inset 0 0 0 2px rgba(0, 0, 0, 0),
        inset 0 0 0 1px rgba(0, 0, 0, 0);
     box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.7),
        inset 0 0 0 2px rgba(0, 0, 0, 0),
        inset 0 0 0 1px rgba(0, 0, 0, 0);
     border-radius: 24px;
     -webkit-box-shadow: inset 0 0 0 1px #fff;
     box-shadow: inset 0 0 0 1px #fff;
  }

  @media only screen and (-ms-high-contrast: active) {
     .profile-badge__cta-btn--dark {
        border: 1px solid currentColor;
        line-height: 30px;
     }
  }



  html.ie .profile-badge__cta-btn--dark:focus,
  html.edge .profile-badge__cta-btn--dark:focus {
     outline: 1px dashed #7f7f7f;
  }

  .profile-badge__cta-btn--dark li-icon,
  .profile-badge__cta-btn--dark i,
  .profile-badge__cta-btn--dark li {
     top: 2px;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     height: 16px;
     left: 0;
     margin: -12px 0 0 -6px;
     padding: 0 6px 0 0;
     position: relative;
     width: 16px;
  }

  .profile-badge__cta-btn--dark li-icon>svg,
  .profile-badge__cta-btn--dark li>svg,
  .profile-badge__cta-btn--dark i>svg {
     -webkit-transition: -webkit-transform 167ms;
     transition: -webkit-transform 167ms;
     transition: transform 167ms;
     transition:
        transform 167ms,
        -webkit-transform 167ms;
     -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     display: inline-block;
     vertical-align: top;
  }

  .edge .profile-badge__cta-btn--dark,
  .ie .profile-badge__cta-btn--dark {
     border-radius: 0;
  }

  .profile-badge__cta-btn--dark:not(:disabled)[data-is-animating-click="true"],
  .profile-badge__cta-btn--dark:hover:not( :disabled)[data-is-animating-click="true"] {
     -webkit-box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.7),
        inset 0 0 0 2px rgba(0, 0, 0, 0),
        inset 0 0 0 1px #fff;
     box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.7),
        inset 0 0 0 2px rgba(0, 0, 0, 0),
        inset 0 0 0 1px #fff;
  }

  .profile-badge__cta-btn--dark:hover:not(:disabled):not(.disabled),
  .profile-badge__cta-btn--dark.hover-not-disabled {
     background-color: rgba(255, 255, 255, 0.1);
     color: #fff;
     -webkit-box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.7),
        inset 0 0 0 2px #fff,
        inset 0 0 0 1px rgba(0, 0, 0, 0);
     box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.7),
        inset 0 0 0 2px #fff,
        inset 0 0 0 1px rgba(0, 0, 0, 0);
  }

  .profile-badge__cta-btn--dark:focus,
  .profile-badge__cta-btn--dark.focus {
     background-color: rgba(255, 255, 255, 0.1);
     color: #fff;
     -webkit-box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.7),
        inset 0 0 0 2px #fff,
        inset 0 0 0 1px rgba(0, 0, 0, 0);
     box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.7),
        inset 0 0 0 2px #fff,
        inset 0 0 0 1px rgba(0, 0, 0, 0);
  }

  .profile-badge__cta-btn--dark:active:not(:disabled):not(.disabled),
  .profile-badge__cta-btn--dark.active-not-disabled {
     background-color: rgba(255, 255, 255, 0.1);
     color: #fff;
  }

  .profile-badge__cta-btn--dark:disabled,
  .profile-badge__cta-btn--dark.disabled {
     color: rgba(255, 255, 255, 0.35);
     -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
     cursor: not-allowed;
  }

  .profile-badge__cta-btn--dark:visited,
  .profile-badge__cta-btn--dark:visited:active,
  .profile-badge__cta-btn--dark:visited:focus,
  .profile-badge__cta-btn--dark:visited:hover {
     color: #fff;
  }

  .profile-badge__cta-btn--dark:hover {
     color: #fff;
     text-decoration: none !important;
  }


  /** Profile Badge Photo **/
  .artdeco-entity-image--circle-4 {
     width: 56px;
     height: 56px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background-clip: content-box;
     border: 2px solid rgba(0, 0, 0, 0);
     border-radius: 49.9%;
  }

  --color-button-container-primary: #0a66c2;
  --color-button-container-primary-border: rgba(0, 0, 0, 0);
  --color-button-container-primary-hover: #004182;
  --color-button-container-primary-border-hover: #004182;
  --color-button-container-secondary: rgba(0, 0, 0, 0);
  --color-button-container-secondary-hover: rgba(0, 0, 0, 0.04);
  --color-button-container-primary-border-active: rgba(0, 0, 0, 0);
  --color-button-container-secondary-border-hover: rgba(0, 0, 0, 0.9);
  --color-button-container-secondary-border-active: rgba(0, 0, 0, 0.9);
  --color-button-container-primary-active: #004182;
  --color-button-container-secondary-active: rgba(0, 0, 0, 0.08);
  --color-button-container-tertiary: rgba(0, 0, 0, 0);
  --color-button-container-tertiary-hover: rgba(0, 0, 0, 0.04);
  --color-button-container-tertiary-active: rgba(0, 0, 0, 0.08);
  --color-button-label-primary: #ffffff;
  --color-button-label-primary-hover: #ffffff;
  --color-button-label-primary-active: rgba(255, 255, 255, 0.6);
  --color-button-icon-primary: #ffffff;
  --color-button-icon-primary-hover: #ffffff;
  --color-button-icon-primary-active: rgba(255, 255, 255, 0.6);
  --color-button-container-tertiary-border: rgba(0, 0, 0, 0);
  --color-button-container-tertiary-border-hover: rgba(0, 0, 0, 0.04);
  --color-button-container-tertiary-border-active: rgba(0, 0, 0, 0);
  --color-button-icon-secondary: rgba(0, 0, 0, 0.75);
  --color-button-icon-tertiary-hover: rgba(0, 0, 0, 0.9);
  --color-button-icon-tertiary-active: rgba(0, 0, 0, 0.9);
  --color-button-icon-tertiary: rgba(0, 0, 0, 0.75);
  --color-button-icon-secondary-hover: rgba(0, 0, 0, 0.9);
  --color-button-icon-secondary-active: rgba(0, 0, 0, 0.9);
  --color-button-label-secondary: rgba(0, 0, 0, 0.75);
  --color-button-label-secondary-hover: rgba(0, 0, 0, 0.9);
  --color-button-label-secondary-active: rgba(0, 0, 0, 0.9);
  --color-button-label-tertiary: rgba(0, 0, 0, 0.75);
  --color-button-label-tertiary-hover: rgba(0, 0, 0, 0.9);
  --color-button-label-tertiary-active: rgba(0, 0, 0, 0.9);
  --color-button-overlay-container: rgba(0, 0, 0, 0.75);
  --color-button-overlay-container-hover: rgba(0, 0, 0, 0.9);
  --color-button-overlay-container-active: rgba(0, 0, 0, 0.9);
  --color-button-overlay-container-border: rgba(0, 0, 0, 0);
  --color-button-overlay-container-border-hover: rgba(0, 0, 0, 0.9);
  --color-button-overlay-container-border-active: rgba(0, 0, 0, 0);
  --color-button-overlay-icon: #ffffff;
  --color-button-overlay-icon-active: rgba(255, 255, 255, 0.6);
  --color-button-overlay-icon-hover: #ffffff;
  --color-button-container-secondary-border: rgba(0, 0, 0, 0.75);
  --color-button-container-secondary-emphasis-border: #0a66c2;
  --color-button-container-secondary-emphasis-border-hover: #004182;
  --color-button-container-secondary-emphasis-border-active: #004182;
  --color-button-container-secondary-emphasis: rgba(0, 0, 0, 0);
  --color-button-container-secondary-emphasis-hover: rgba(112, 181, 249, 0.1);
  --color-button-container-secondary-emphasis-active: rgba(112, 181, 249, 0.2);
  --color-button-icon-secondary-emphasis: #0a66c2;
  --color-button-icon-secondary-emphasis-hover: #004182;
  --color-button-icon-secondary-emphasis-active: #004182;
  --color-button-label-secondary-emphasis: #0a66c2;
  --color-button-label-secondary-emphasis-hover: #004182;
  --color-button-label-secondary-emphasis-active: #004182;
  --color-button-container-tertiary-emphasis-border: rgba(0, 0, 0, 0);
  --color-button-container-tertiary-emphasis-border-hover: rgba(112, 181, 249, 0.1);
  --color-button-container-tertiary-emphasis-border-active: rgba(0, 0, 0, 0);
  --color-button-container-tertiary-emphasis: rgba(0, 0, 0, 0);
  --color-button-container-tertiary-emphasis-hover: rgba(112, 181, 249, 0.1);
  --color-button-container-tertiary-emphasis-active: rgba(112, 181, 249, 0.2);
  --color-button-icon-tertiary-emphasis: #0a66c2;
  --color-button-icon-tertiary-emphasis-hover: #004182;
  --color-button-icon-tertiary-emphasis-active: #004182;
  --color-button-label-tertiary-emphasis: #0a66c2;
  --color-button-label-tertiary-emphasis-hover: #004182;
  --color-button-label-tertiary-emphasis-active: #004182;
  --color-button-overlay-container-disabled: rgba(0, 0, 0, 0.08);
  --color-button-overlay-container-border-disabled: rgba(0, 0, 0, 0);
  --color-button-overlay-icon-disabled: rgba(0, 0, 0, 0.3);
  --color-button-container-primary-disabled: rgba(0, 0, 0, 0.08);
  --color-button-container-primary-border-disabled: rgba(0, 0, 0, 0);
  --color-button-icon-primary-disabled: rgba(0, 0, 0, 0.3);
  --color-button-label-primary-disabled: rgba(0, 0, 0, 0.3);
  --color-button-container-secondary-disabled: rgba(0, 0, 0, 0.08);
  --color-button-container-secondary-border-disabled: rgba(0, 0, 0, 0);
  --color-button-icon-secondary-disabled: rgba(0, 0, 0, 0.3);
  --color-button-label-secondary-disabled: rgba(0, 0, 0, 0.3);
  --color-button-container-secondary-emphasis-disabled: rgba(0, 0, 0, 0.08);
  --color-button-container-secondary-emphasis-border-disabled: rgba(0, 0, 0, 0);
  --color-button-icon-secondary-emphasis-disabled: rgba(0, 0, 0, 0.3);
  --color-button-label-secondary-emphasis-disabled: rgba(0, 0, 0, 0.3);
  --color-button-container-tertiary-disabled: rgba(0, 0, 0, 0.08);
  --color-button-container-tertiary-border-disabled: rgba(0, 0, 0, 0);
  --color-button-icon-tertiary-disabled: rgba(0, 0, 0, 0.3);
  --color-button-label-tertiary-disabled: rgba(0, 0, 0, 0.3);
  --color-button-container-tertiary-emphasis-disabled: rgba(0, 0, 0, 0.08);
  --color-button-container-tertiary-emphasis-border-disabled: rgba(0, 0, 0, 0);
  --color-button-icon-tertiary-emphasis-disabled: rgba(0, 0, 0, 0.3);
  --color-button-label-tertiary-emphasis-disabled: rgba(0, 0, 0, 0.3);
  --color-button-overlay-label: #ffffff;
  --color-button-overlay-label-hover: #ffffff;
  --color-button-overlay-label-active: rgba(255, 255, 255, 0.6);
  --color-button-overlay-label-disabled: rgba(0, 0, 0, 0.3);
  --color-button-container-primary-loading: rgba(0, 0, 0, 0.08);
  --color-button-container-secondary-loading: rgba(0, 0, 0, 0.08);
  --color-button-container-secondary-emphasis-loading: rgba(0, 0, 0, 0.08);
  --color-button-container-tertiary-loading: rgba(0, 0, 0, 0.08);
  --color-button-container-tertiary-emphasis-loading: rgba(0, 0, 0, 0.08);
  --color-button-overlay-container-loading: #e6e6e6;
  --color-button-container-primary-border-loading: rgba(0, 0, 0, 0);
  --color-button-container-secondary-border-loading: rgba(0, 0, 0, 0);
  --color-button-container-secondary-emphasis-border-loading: rgba(0, 0, 0, 0);
  --color-button-container-tertiary-border-loading: rgba(0, 0, 0, 0);
  --color-button-container-tertiary-emphasis-border-loading: rgba(0, 0, 0, 0);
  --color-button-overlay-container-border-loading: rgba(0, 0, 0, 0);
  --color-button-label-primary-loading: rgba(0, 0, 0, 0.3);
  --color-button-label-secondary-loading: rgba(0, 0, 0, 0.3);
  --color-button-label-tertiary-loading: rgba(0, 0, 0, 0.3);
  --color-button-label-secondary-emphasis-loading: rgba(0, 0, 0, 0.3);
  --color-button-label-tertiary-emphasis-loading: rgba(0, 0, 0, 0.3);
  --color-button-overlay-label-loading: rgba(0, 0, 0, 0.3);
  --color-button-fab-container-loading: #e6e6e6;
  --color-canvas: #f3f2f0;
  --color-canvas-tint: #ffffff;
  --color-canvas-mobile: #eae6df;
  --color-container-primary: #0a66c2;
  --color-container-primary-hover: #004182;
  --color-container-primary-active: #004182;
  --color-container-primary-disabled: rgba(0, 0, 0, 0.08);
  --color-container-secondary: rgba(0, 0, 0, 0);
  --color-container-secondary-hover: rgba(0, 0, 0, 0.04);
  --color-container-secondary-active: rgba(0, 0, 0, 0.08);
  --color-container-secondary-disabled: rgba(0, 0, 0, 0.08);
  --color-container-tertiary: rgba(0, 0, 0, 0);
  --color-container-tertiary-hover: rgba(0, 0, 0, 0.04);
  --color-container-tertiary-active: rgba(0, 0, 0, 0.08);
  --color-container-tertiary-disabled: rgba(0, 0, 0, 0.08);
  --color-container-checked: #057642;
  --color-container-checked-hover: #004d2a;
  --color-container-checked-active: #004d2a;
  --color-container-checked-disabled: rgba(0, 0, 0, 0.08);
  --color-container-current: rgba(0, 0, 0, 0.9);
  --color-container-current-hover: rgba(0, 0, 0, 0.9);
  --color-container-current-active: rgba(0, 0, 0, 0.9);
  --color-container-current-disabled: rgba(0, 0, 0, 0.08);
  --color-container-alt-current: rgba(0, 0, 0, 0);
  --color-container-alt-current-hover: rgba(0, 0, 0, 0.04);
  --color-container-alt-current-active: rgba(0, 0, 0, 0.08);
  --color-container-alt-current-disabled: rgba(0, 0, 0, 0.08);
  --color-container-alert: #cf0007;
  --color-container-new: #0a66c2;
  --color-container-positive: #057642;
  --color-container-positive-hover: #004d2a;
  --color-container-positive-active: #004d2a;
  --color-container-neutral: #56687a;
  --color-container-neutral-hover: #38434f;
  --color-container-neutral-active: #38434f;
  --color-container-caution: #b93a04;
  --color-container-caution-hover: #792603;
  --color-container-caution-active: #792603;
  --color-container-negative: #cf0007;
  --color-container-negative-hover: #8a0005;
  --color-container-negative-active: #8a0005;
  --color-container-help: #8344cc;
  --color-container-help-hover: #592099;
  --color-container-help-active: #592099;
  --color-container-brand: #0a66c2;
  --color-container-brand-hover: #004182;
  --color-container-brand-active: #004182;
  --color-container-accent-1: #915907;
  --color-container-accent-1-hover: #5c3b09;
  --color-container-accent-1-active: #5c3b09;
  --color-container-accent-2: #b24020;
  --color-container-accent-2-hover: #762812;
  --color-container-accent-2-active: #762812;
  --color-container-accent-3: #616c20;
  --color-container-accent-3-hover: #3f4618;
  --color-container-accent-3-active: #3f4618;
  --color-container-accent-4: #56687a;
  --color-container-accent-4-hover: #38434f;
  --color-container-accent-4-active: #38434f;
  --color-container-accent-5: #1b707d;
  --color-container-accent-5-hover: #114951;
  --color-container-accent-5-active: #114951;
  --color-container-accent-6: #8344cc;
  --color-container-accent-6-hover: #592099;
  --color-container-accent-6-active: #592099;
  --color-container-accent-7: #a833a2;
  --color-container-accent-7-hover: #711c6d;
  --color-container-accent-7-active: #711c6d;
  --color-container-primary-border: rgba(0, 0, 0, 0);
  --color-container-primary-border-hover: #004182;
  --color-container-primary-border-active: rgba(0, 0, 0, 0);
  --color-container-primary-border-disabled: rgba(0, 0, 0, 0);
  --color-container-secondary-border: rgba(0, 0, 0, 0.75);
  --color-container-secondary-border-hover: rgba(0, 0, 0, 0.9);
  --color-container-secondary-border-active: rgba(0, 0, 0, 0.9);
  --color-container-secondary-border-disabled: rgba(0, 0, 0, 0);
  --color-container-tertiary-border: rgba(0, 0, 0, 0);
  --color-container-tertiary-border-hover: rgba(0, 0, 0, 0.04);
  --color-container-tertiary-border-active: rgba(0, 0, 0, 0);
  --color-container-tertiary-border-disabled: rgba(0, 0, 0, 0);
  --color-container-border-checked: rgba(0, 0, 0, 0);
  --color-container-border-checked-hover: #004d2a;
  --color-container-border-checked-active: rgba(0, 0, 0, 0);
  --color-container-border-checked-disabled: rgba(0, 0, 0, 0);
  --color-container-border-current: rgba(0, 0, 0, 0);
  --color-container-border-current-hover: rgba(0, 0, 0, 0.9);
  --color-container-border-current-active: rgba(0, 0, 0, 0);
  --color-container-border-current-disabled: rgba(0, 0, 0, 0);
  --color-container-alt-border-current: rgba(0, 0, 0, 0);
  --color-container-alt-border-current-hover: rgba(0, 0, 0, 0.04);
  --color-container-alt-border-current-active: rgba(0, 0, 0, 0);
  --color-container-alt-border-current-disabled: rgba(0, 0, 0, 0);
  --color-container-alert-border: rgba(0, 0, 0, 0);
  --color-container-new-border: rgba(0, 0, 0, 0);
  --color-container-positive-border: rgba(0, 0, 0, 0);
  --color-container-positive-border-hover: #004d2a;
  --color-container-positive-border-active: rgba(0, 0, 0, 0);
  --color-container-neutral-border: rgba(0, 0, 0, 0);
  --color-container-neutral-border-hover: #38434f;
  --color-container-neutral-border-active: rgba(0, 0, 0, 0);
  --color-container-caution-border: rgba(0, 0, 0, 0);
  --color-container-caution-border-hover: #792603;
  --color-container-caution-border-active: rgba(0, 0, 0, 0);
  --color-container-negative-border: rgba(0, 0, 0, 0);
  --color-container-negative-border-hover: #8a0005;
  --color-container-negative-border-active: rgba(0, 0, 0, 0);
  --color-container-help-border: rgba(0, 0, 0, 0);
  --color-container-help-border-hover: #592099;
  --color-container-help-border-active: rgba(0, 0, 0, 0);
  --color-container-brand-border: rgba(0, 0, 0, 0);
  --color-container-brand-border-hover: #004182;
  --color-container-brand-border-active: rgba(0, 0, 0, 0);
  --color-container-accent-border-1: rgba(0, 0, 0, 0);
  --color-container-accent-border-1-hover: #5c3b09;
  --color-container-accent-border-1-active: rgba(0, 0, 0, 0);
  --color-container-accent-border-2: rgba(0, 0, 0, 0);
  --color-container-accent-border-2-hover: #762812;
  --color-container-accent-border-2-active: rgba(0, 0, 0, 0);
  --color-container-accent-border-3: rgba(0, 0, 0, 0);
  --color-container-accent-border-3-hover: #3f4618;
  --color-container-accent-border-3-active: rgba(0, 0, 0, 0);
  --color-container-accent-border-4: rgba(0, 0, 0, 0);
  --color-container-accent-border-4-hover: #38434f;
  --color-container-accent-border-4-active: rgba(0, 0, 0, 0);
  --color-container-accent-border-5: rgba(0, 0, 0, 0);
  --color-container-accent-border-5-hover: #114951;
  --color-container-accent-border-5-active: rgba(0, 0, 0, 0);
  --color-container-accent-border-6: rgba(0, 0, 0, 0);
  --color-container-accent-border-6-hover: #592099;
  --color-container-accent-border-6-active: rgba(0, 0, 0, 0);
  --color-container-accent-border-7: rgba(0, 0, 0, 0);
  --color-container-accent-border-7-hover: #711c6d;
  --color-container-accent-border-7-active: rgba(0, 0, 0, 0);
  --color-divider: rgba(0, 0, 0, 0.08);
  --color-divider-solid: #e6e6e6;
  --color-icon: rgba(0, 0, 0, 0.6);
  --color-icon-hover: rgba(0, 0, 0, 0.9);
  --color-icon-active: rgba(0, 0, 0, 0.9);
  --color-icon-disabled: rgba(0, 0, 0, 0.3);
  --color-icon-current: rgba(0, 0, 0, 0.9);
  --color-icon-current-hover: rgba(0, 0, 0, 0.9);
  --color-icon-current-active: rgba(0, 0, 0, 0.9);
  --color-icon-current-disabled: rgba(0, 0, 0, 0.3);
  --color-icon-positive: #057642;
  --color-icon-positive-hover: #004d2a;
  --color-icon-positive-active: #004d2a;
  --color-icon-neutral: #56687a;
  --color-icon-neutral-hover: #38434f;
  --color-icon-neutral-active: #38434f;
  --color-icon-caution: #b93a04;
  --color-icon-caution-hover: #792603;
  --color-icon-caution-active: #792603;
  --color-icon-negative: #cf0007;
  --color-icon-negative-hover: #8a0005;
  --color-icon-negative-active: #8a0005;
  --color-icon-help: #8344cc;
  --color-icon-help-hover: #592099;
  --color-icon-help-active: #592099;
  --color-icon-brand: #0a66c2;
  --color-icon-brand-hover: #004182;
  --color-icon-brand-active: #004182;
  --color-icon-accent-1: #915907;
  --color-icon-accent-1-hover: #5c3b09;
  --color-icon-accent-1-active: #5c3b09;
  --color-icon-accent-2: #b24020;
  --color-icon-accent-2-hover: #762812;
  --color-icon-accent-2-active: #762812;
  --color-icon-accent-3: #616c20;
  --color-icon-accent-3-hover: #3f4618;
  --color-icon-accent-3-active: #3f4618;
  --color-icon-accent-4: #56687a;
  --color-icon-accent-4-hover: #38434f;
  --color-icon-accent-4-active: #38434f;
  --color-icon-accent-5: #1b707d;
  --color-icon-accent-5-hover: #114951;
  --color-icon-accent-5-active: #114951;
  --color-icon-accent-6: #8344cc;
  --color-icon-accent-6-hover: #592099;
  --color-icon-accent-6-active: #592099;
  --color-icon-accent-7: #a833a2;
  --color-icon-accent-7-hover: #711c6d;
  --color-icon-accent-7-active: #711c6d;
  --color-attachment-icon: #ffffff;
  --color-indicator-current: rgba(0, 0, 0, 0.9);
  --color-indicator-current-hover: rgba(0, 0, 0, 0.9);
  --color-indicator-current-active: rgba(0, 0, 0, 0.9);
  --color-indicator-current-disabled: rgba(0, 0, 0, 0.3);
  --color-indicator: rgba(0, 0, 0, 0.75);
  --color-indicator-hover: rgba(0, 0, 0, 0.9);
  --color-indicator-active: rgba(0, 0, 0, 0.9);
  --color-indicator-disabled: rgba(0, 0, 0, 0.3);
  --color-label: rgba(0, 0, 0, 0.75);
  --color-label-hover: rgba(0, 0, 0, 0.9);
  --color-label-active: rgba(0, 0, 0, 0.9);
  --color-label-disabled: rgba(0, 0, 0, 0.3);
  --color-label-checked: #ffffff;
  --color-label-checked-hover: #ffffff;
  --color-label-checked-active: rgba(255, 255, 255, 0.6);
  --color-label-checked-disabled: rgba(0, 0, 0, 0.3);
  --color-label-alt-checked: #057642;
  --color-label-alt-checked-hover: #004d2a;
  --color-label-alt-checked-active: #004d2a;
  --color-label-alt-checked-disabled: rgba(0, 0, 0, 0.3);
  --color-label-current: #ffffff;
  --color-label-current-hover: #ffffff;
  --color-label-current-active: rgba(255, 255, 255, 0.6);
  --color-label-current-disabled: rgba(0, 0, 0, 0.3);
  --color-label-alt-current: rgba(0, 0, 0, 0.9);
  --color-label-alt-current-hover: rgba(0, 0, 0, 0.9);
  --color-label-alt-current-active: rgba(0, 0, 0, 0.9);
  --color-label-alt-current-disabled: rgba(0, 0, 0, 0.3);
  --color-badge-label: #ffffff;
  --color-attachment-label: #ffffff;
  --color-link: #0a66c2;
  --color-link-hover: #004182;
  --color-link-active: #004182;
  --color-link-visited: #8344cc;
  --color-link-visited-hover: #592099;
  --color-link-visited-active: #592099;
  --color-logo-brand: #0a66c2;
  --color-logo-brand-alt: #000000;
  --color-logo-brand-lockup: #6e6558;
  --color-logo-brand-lockup-alt: #000000;
  --color-progress: #057642;
  --color-progress-loading: #0a66c2;
  --color-progress-disabled: #b0b0b0;
  --color-scrim: rgba(0, 0, 0, 0.6);
  --color-shadow: rgba(0, 0, 0, 0.3);
  --color-surface: #ffffff;
  --color-surface-tint: #f5f7f9;
  --color-surface-new: rgba(112, 181, 249, 0.2);
  --color-surface-new-hover: rgba(112, 181, 249, 0.2);
  --color-surface-new-active: rgba(112, 181, 249, 0.4);
  --color-surface-accent-1: #474139;
  --color-surface-accent-2: #ffdfd6;
  --color-surface-accent-3: #daebd1;
  --color-surface-accent-4: #dde7f1;
  --color-surface-accent-5: #d9e9ec;
  --color-surface-accent-tint-1: #fdf6ec;
  --color-surface-accent-tint-2: #fff5f2;
  --color-surface-accent-tint-3: #eefbe7;
  --color-surface-accent-tint-4: #f1f8ff;
  --color-surface-accent-tint-5: #f1f8fa;
  --color-surface-accent-6: #ebe3f3;
  --color-surface-accent-tint-6: #faf5ff;
  --color-surface-accent-7: #f3e1f2;
  --color-surface-accent-tint-7: #fff4fe;
  --color-surface-border: rgba(0, 0, 0, 0.08);
  --color-text: rgba(0, 0, 0, 0.9);
  --color-text-hover: rgba(0, 0, 0, 0.9);
  --color-text-active: rgba(0, 0, 0, 0.9);
  --color-text-secondary: rgba(0, 0, 0, 0.6);
  --color-text-secondary-hover: rgba(0, 0, 0, 0.9);
  --color-text-secondary-active: rgba(0, 0, 0, 0.9);
  --color-text-disabled: rgba(0, 0, 0, 0.3);
  --color-text-solid: #1f1f1f;
  --color-text-solid-hover: #1f1f1f;
  --color-text-solid-active: #1f1f1f;
  --color-text-solid-secondary: #666666;
  --color-text-solid-secondary-hover: #1f1f1f;
  --color-text-solid-secondary-active: #1f1f1f;
  --color-text-solid-disabled: #b0b0b0;
  --color-text-positive: #057642;
  --color-text-positive-hover: #004d2a;
  --color-text-positive-active: #004d2a;
  --color-text-neutral: #56687a;
  --color-text-neutral-hover: #38434f;
  --color-text-neutral-active: #38434f;
  --color-text-caution: #b93a04;
  --color-text-caution-hover: #792603;
  --color-text-caution-active: #792603;
  --color-text-negative: #cf0007;
  --color-text-negative-hover: #8a0005;
  --color-text-negative-active: #8a0005;
  --color-text-help: #8344cc;
  --color-text-help-hover: #592099;
  --color-text-help-active: #592099;
  --color-text-brand: #0a66c2;
  --color-text-brand-hover: #004182;
  --color-text-brand-active: #004182;
  --color-text-accent-1: #915907;
  --color-text-accent-1-hover: #5c3b09;
  --color-text-accent-1-active: #5c3b09;
  --color-text-accent-2: #b24020;
  --color-text-accent-2-hover: #762812;
  --color-text-accent-2-active: #762812;
  --color-text-accent-3: #616c20;
  --color-text-accent-3-hover: #3f4618;
  --color-text-accent-3-active: #3f4618;
  --color-text-accent-4: #56687a;
  --color-text-accent-4-hover: #38434f;
  --color-text-accent-4-active: #38434f;
  --color-text-accent-5: #1b707d;
  --color-text-accent-5-hover: #114951;
  --color-text-accent-5-active: #114951;
  --color-text-accent-6: #8344cc;
  --color-text-accent-6-hover: #592099;
  --color-text-accent-6-active: #592099;
  --color-text-accent-7: #a833a2;
  --color-text-accent-7-hover: #711c6d;
  --color-text-accent-7-active: #711c6d;
  --color-text-highlight: #fde2bc;
  --color-text-blockquote-border: rgba(0, 0, 0, 0.3);
  --color-track: rgba(0, 0, 0, 0.6);
  --color-track-disabled: rgba(0, 0, 0, 0.3);
  --color-action: #0a66c2;
  --color-action-active: #004182;
  --color-background-brand-accent-1: #fde2bc;
  --color-background-brand-accent-2: #fbe1d9;
  --color-background-brand-accent-3: #daebd1;
  --color-background-brand-accent-4: #dde7f1;
  --color-background-brand-accent-5: #eae6df;
  --color-background-container: #ffffff;
  --color-background-container-tint: #f5f7f9;
  --color-background-faint: rgba(0, 0, 0, 0.08);
  --color-background-container-dark-tint: #23292f;
  --color-background-canvas: #f3f2f0;
  --color-background-canvas-mobile: #eae6df;
  --color-background-canvas-tint: #ffffff;
  --color-background-canvas-dark: #000000;
  --color-background-scrim: rgba(0, 0, 0, 0.6);
  --color-background-scrim-dark: rgba(0, 0, 0, 0.9);
  --color-background-new: rgba(112, 181, 249, 0.2);
  --color-background-on-dark-disabled: rgba(255, 255, 255, 0.12);
  --color-background-none: rgba(0, 0, 0, 0);
  --color-background-none-active: rgba(0, 0, 0, 0.08);
  --color-background-none-action-active: rgba(112, 181, 249, 0.2);
  --color-background-none-tint-hover: rgba(0, 0, 0, 0.08);
  --color-border: rgba(0, 0, 0, 0.6);
  --color-border-faint: rgba(0, 0, 0, 0.08);
  --color-border-low-emphasis: rgba(0, 0, 0, 0.3);
  --color-border-on-dark: rgba(255, 255, 255, 0.9);
  --color-border-active: rgba(0, 0, 0, 0.9);
  --color-brand: #0a66c2;
  --color-brand-accent-1: #915907;
  --color-brand-accent-2: #8f5849;
  --color-brand-accent-3: #5a6b51;
  --color-brand-accent-4: #56687a;
  --color-brand-accent-5: #6e6558;
  --color-brand-accent-1-on-dark: #f8c77e;
  --color-brand-accent-2-on-dark: #f2c5b8;
  --color-brand-accent-3-on-dark: #bdd7b0;
  --color-brand-accent-4-on-dark: #c0d1e2;
  --color-brand-accent-5-on-dark: #d6cec2;
  --color-brand-alt: #000000;
  --color-checked: #057642;
  --color-checked-offset: #13a05f;
  --color-checked-active: #004d2a;
  --color-element: rgba(0, 0, 0, 0.9);
  --color-element-low-emphasis: rgba(0, 0, 0, 0.6);
  --color-element-shift-on-dark-flip: #ffffff;
  --color-entity-ghost-background: #eae6df;
  --color-icon-nav: rgba(0, 0, 0, 0.45);
  --color-icon-nav-selected: rgba(0, 0, 0, 0.9);
  --color-icon-on-dark: rgba(255, 255, 255, 0.9);
  --color-icon-on-dark-flip: rgba(255, 255, 255, 0.9);
  --color-signal-negative: #cf0007;
  --color-signal-negative-active: #8a0005;
  --color-signal-positive: #057642;
  --color-signal-positive-active: #004d2a;
  --color-signal-neutral: #56687a;
  --color-signal-neutral-active: #38434f;
  --color-signal-caution: #b93a04;
  --color-signal-caution-active: #792603;
  --color-text-low-emphasis: rgba(0, 0, 0, 0.6);
  --color-text-low-emphasis-on-dark: rgba(255, 255, 255, 0.6);
  --color-text-on-dark: rgba(255, 255, 255, 0.9);
  --color-text-on-dark-disabled: rgba(255, 255, 255, 0.4);
  --color-text-shift-on-dark-flip: #ffffff;
  --premium-color-inbug: #c37d16;
  --reactions-color-text-like: #0a66c2;
  --reactions-color-text-like-on-dark: #a8d4ff;
  --reactions-color-text-celebrate: #44712e;
  --reactions-color-text-celebrate-on-dark: #a5df89;
  --reactions-color-text-support: #715e86;
  --reactions-color-text-support-on-dark: #d7cae7;
  --reactions-color-text-love: #b24020;
  --reactions-color-text-love-on-dark: #fdc2b1;
  --reactions-color-text-insightful: #915907;
  --reactions-color-text-insightful-on-dark: #f8c77e;
  --reactions-color-text-curious: #80597e;
  --reactions-color-text-curious-on-dark: #e5c6e3;
  --color-data-categorical-1: #378fe9;
  --color-data-categorical-2: #114951;
  --color-data-categorical-3: #e16745;
  --color-data-categorical-4: #474139;
  --color-data-categorical-5: #85942f;
  --color-data-categorical-6: #004182;
  --color-data-categorical-7: #c37d16;
  --color-data-categorical-8: #711c6d;
  --color-data-sequential-a-1: #f5f7f9;
  --color-data-sequential-a-2: #edf3f8;
  --color-data-sequential-a-3: #dde7f1;
  --color-data-sequential-a-4: #c0d1e2;
  --color-data-sequential-a-5: #9db3c8;
  --color-data-sequential-a-6: #788fa5;
  --color-data-sequential-a-7: #56687a;
  --color-data-sequential-a-8: #38434f;
  --color-data-divergent-scale-a-1: #fdf6ec;
  --color-data-divergent-scale-a-2: #fdf0de;
  --color-data-divergent-scale-a-3: #fde2bc;
  --color-data-divergent-scale-a-4: #f8c77e;
  --color-data-divergent-scale-a-5: #e7a33e;
  --color-data-divergent-scale-a-6: #c37d16;
  --color-data-divergent-scale-a-7: #915907;
  --color-data-divergent-scale-a-8: #5c3b09;
  --color-data-sequential-b-1: #faf5ff;
  --color-data-sequential-b-2: #f7efff;
  --color-data-sequential-b-3: #efe0ff;
  --color-data-sequential-b-4: #dec5fd;
  --color-data-sequential-b-5: #c79ef7;
  --color-data-sequential-b-6: #a872e8;
  --color-data-sequential-b-7: #8344cc;
  --color-data-sequential-b-8: #592099;
  --color-data-sequential-c-1: #f1f8ff;
  --color-data-sequential-c-2: #e8f3ff;
  --color-data-sequential-c-3: #d2e9ff;
  --color-data-sequential-c-4: #a8d4ff;
  --color-data-sequential-c-5: #70b5f9;
  --color-data-sequential-c-6: #378fe9;
  --color-data-sequential-c-7: #0a66c2;
  --color-data-sequential-c-8: #004182;
  --color-data-sequential-d-1: #fdf6ec;
  --color-data-sequential-d-2: #fdf0de;
  --color-data-sequential-d-3: #fde2bc;
  --color-data-sequential-d-4: #f8c77e;
  --color-data-sequential-d-5: #e7a33e;
  --color-data-sequential-d-6: #c37d16;
  --color-data-sequential-d-7: #915907;
  --color-data-sequential-d-8: #5c3b09;
  --color-data-divergent-scale-b-1: #faf5ff;
  --color-data-divergent-scale-b-2: #f7efff;
  --color-data-divergent-scale-b-3: #efe0ff;
  --color-data-divergent-scale-b-4: #dec5fd;
  --color-data-divergent-scale-b-5: #c79ef7;
  --color-data-divergent-scale-b-6: #a872e8;
  --color-data-divergent-scale-b-7: #8344cc;
  --color-data-divergent-scale-b-8: #592099;
  --color-data-divergent-status-a-1: #fff5f2;
  --color-data-divergent-status-a-2: #ffefea;
  --color-data-divergent-status-a-3: #ffdfd6;
  --color-data-divergent-status-a-4: #fdc2b1;
  --color-data-divergent-status-a-5: #f5987e;
  --color-data-divergent-status-a-6: #e16745;
  --color-data-divergent-status-a-7: #b24020;
  --color-data-divergent-status-a-8: #762812;
  --color-data-divergent-status-b-1: #f1f8ff;
  --color-data-divergent-status-b-2: #e8f3ff;
  --color-data-divergent-status-b-3: #d2e9ff;
  --color-data-divergent-status-b-4: #a8d4ff;
  --color-data-divergent-status-b-5: #70b5f9;
  --color-data-divergent-status-b-6: #378fe9;
  --color-data-divergent-status-b-7: #0a66c2;
  --color-data-divergent-status-b-8: #004182;
  --color-data-benchmark: rgba(0, 0, 0, 0.9);
  --color-data-benchmark-disabled: rgba(0, 0, 0, 0.3);
  --color-data-container: rgba(0, 0, 0, 0.08);
  --color-data-container-positive: #057642;
  --color-data-container-neutral: #56687a;
  --color-data-container-caution: #b93a04;
  --color-data-container-negative: #cf0007;
  --color-data-container-accent-1: #fde2bc;
  --color-data-container-accent-2: #ffdfd6;
  --color-data-container-accent-3: #daebd1;
  --color-data-container-accent-4: #dde7f1;
  --color-data-container-accent-5: #c1edf4;
  --color-data-container-accent-6: #efe0ff;
  --color-data-container-accent-7: #fcddfb;
  --color-data-container-disabled: rgba(0, 0, 0, 0.08);
  --color-data-icon: rgba(0, 0, 0, 0.75);
  --color-data-icon-positive: #057642;
  --color-data-icon-neutral: #56687a;
  --color-data-icon-caution: #b93a04;
  --color-data-icon-negative: #cf0007;
  --color-data-icon-accent-1: #915907;
  --color-data-icon-accent-2: #b24020;
  --color-data-icon-accent-3: #616c20;
  --color-data-icon-accent-4: #56687a;
  --color-data-icon-accent-5: #1b707d;
  --color-data-icon-accent-6: #8344cc;
  --color-data-icon-accent-7: #a833a2;
  --color-data-icon-disabled: rgba(0, 0, 0, 0.3);
  --color-data-label: rgba(0, 0, 0, 0.9);
  --color-data-label-positive: #ffffff;
  --color-data-label-neutral: #ffffff;
  --color-data-label-caution: #ffffff;
  --color-data-label-negative: #ffffff;
  --color-data-label-disabled: rgba(0, 0, 0, 0.3);
  --color-data-progress-positive: #057642;
  --color-data-progress-neutral: #56687a;
  --color-data-progress-caution: #b93a04;
  --color-data-progress-negative: #cf0007;
  --color-data-progress-accent-1: #915907;
  --color-data-progress-accent-2: #b24020;
  --color-data-progress-accent-3: #616c20;
  --color-data-progress-accent-4: #56687a;
  --color-data-progress-accent-5: #1b707d;
  --color-data-progress-accent-6: #8344cc;
  --color-data-progress-accent-7: #a833a2;
  --color-data-progress-disabled: #b0b0b0;
  --color-data-track: rgba(0, 0, 0, 0.6);
  --color-data-track-disabled: rgba(0, 0, 0, 0.3);
  --color-input-benchmark: rgba(0, 0, 0, 0.9);
  --color-input-benchmark-disabled: #b0b0b0;
  --color-input-container: rgba(0, 0, 0, 0);
  --color-input-container-hover: rgba(0, 0, 0, 0.04);
  --color-input-container-active: rgba(0, 0, 0, 0.08);
  --color-input-container-disabled: rgba(0, 0, 0, 0.08);
  --color-input-switch-ios-container: rgba(0, 0, 0, 0.75);
  --color-input-switch-ios-container-active: rgba(0, 0, 0, 0.9);
  --color-input-switch-ios-container-disabled: rgba(0, 0, 0, 0.08);
  --color-input-android-container-disabled: rgba(0, 0, 0, 0);
  --color-input-date-container: rgba(0, 0, 0, 0);
  --color-input-date-container-hover: rgba(0, 0, 0, 0.04);
  --color-input-date-container-active: rgba(0, 0, 0, 0.08);
  --color-input-date-container-disabled: rgba(0, 0, 0, 0);
  --color-input-date-container-range: #b6f3d7;
  --color-input-container-border: rgba(0, 0, 0, 0.75);
  --color-input-container-border-hover: rgba(0, 0, 0, 0.9);
  --color-input-container-border-active: rgba(0, 0, 0, 0.9);
  --color-input-container-border-disabled: rgba(0, 0, 0, 0);
  --color-input-switch-ios-container-border: rgba(0, 0, 0, 0);
  --color-input-switch-ios-container-border-active: rgba(0, 0, 0, 0);
  --color-input-switch-ios-container-border-disabled: rgba(0, 0, 0, 0);
  --color-input-android-container-border-disabled: rgba(0, 0, 0, 0.3);
  --color-input-date-container-border: rgba(0, 0, 0, 0);
  --color-input-date-container-border-hover: rgba(0, 0, 0, 0.04);
  --color-input-date-container-border-active: rgba(0, 0, 0, 0);
  --color-input-date-container-border-disabled: rgba(0, 0, 0, 0);
  --color-input-container-checked: #057642;
  --color-input-container-checked-hover: #004d2a;
  --color-input-container-checked-active: #004d2a;
  --color-input-container-checked-disabled: rgba(0, 0, 0, 0.08);
  --color-input-switch-ios-container-checked: #057642;
  --color-input-switch-ios-container-checked-active: #004d2a;
  --color-input-switch-ios-container-checked-disabled: rgba(0, 0, 0, 0.08);
  --color-input-android-container-checked: #13a05f;
  --color-input-date-container-checked: #057642;
  --color-input-date-container-checked-hover: #004d2a;
  --color-input-date-container-checked-active: #004d2a;
  --color-input-date-container-checked-disabled: rgba(0, 0, 0, 0.08);
  --color-input-date-container-opposite-checked: rgba(0, 0, 0, 0);
  --color-input-date-container-opposite-checked-hover: rgba(0, 0, 0, 0.04);
  --color-input-date-container-opposite-checked-active: rgba(0, 0, 0, 0.08);
  --color-input-date-container-opposite-checked-disabled: rgba(0, 0, 0, 0);
  --color-input-container-border-checked: rgba(0, 0, 0, 0);
  --color-input-container-border-checked-hover: #004d2a;
  --color-input-container-border-checked-active: rgba(0, 0, 0, 0);
  --color-input-container-border-checked-disabled: rgba(0, 0, 0, 0);
  --color-input-switch-ios-container-border-checked: rgba(0, 0, 0, 0);
  --color-input-switch-ios-container-border-checked-active: rgba(0, 0, 0, 0);
  --color-input-switch-ios-container-border-checked-disabled: rgba(0, 0, 0, 0);
  --color-input-date-container-border-checked: rgba(0, 0, 0, 0);
  --color-input-date-container-border-checked-hover: #004d2a;
  --color-input-date-container-border-checked-active: rgba(0, 0, 0, 0);
  --color-input-date-container-border-checked-disabled: rgba(0, 0, 0, 0);
  --color-input-date-container-opposite-border-checked: #057642;
  --color-input-date-container-opposite-border-checked-hover: #004d2a;
  --color-input-date-container-opposite-border-checked-active: #004d2a;
  --color-input-date-container-opposite-border-checked-disabled: rgba(0, 0, 0, 0.3);
  --color-input-container-error: rgba(0, 0, 0, 0);
  --color-input-container-error-hover: rgba(0, 0, 0, 0.04);
  --color-input-container-error-active: rgba(0, 0, 0, 0.08);
  --color-input-container-error-disabled: rgba(0, 0, 0, 0.08);
  --color-input-container-border-error: #cf0007;
  --color-input-container-border-error-hover: #8a0005;
  --color-input-container-border-error-active: #8a0005;
  --color-input-container-border-error-disabled: rgba(0, 0, 0, 0);
  --color-input-handle: #057642;
  --color-input-handle-hover: #004d2a;
  --color-input-handle-active: #004d2a;
  --color-input-handle-disabled: #cfcfcf;
  --color-input-handle-border: rgba(0, 0, 0, 0);
  --color-input-handle-border-hover: #004d2a;
  --color-input-handle-border-active: rgba(0, 0, 0, 0);
  --color-input-handle-border-disabled: rgba(0, 0, 0, 0);
  --color-input-helper: rgba(0, 0, 0, 0.6);
  --color-input-helper-disabled: rgba(0, 0, 0, 0.3);
  --color-input-helper-error: #cf0007;
  --color-input-helper-error-disabled: rgba(0, 0, 0, 0.3);
  --color-input-hint: rgba(0, 0, 0, 0.6);
  --color-input-hint-disabled: rgba(0, 0, 0, 0.3);
  --color-input-icon: rgba(0, 0, 0, 0.75);
  --color-input-icon-disabled: rgba(0, 0, 0, 0.3);
  --color-input-icon-error: #cf0007;
  --color-input-icon-error-disabled: rgba(0, 0, 0, 0.3);
  --color-input-indicator: rgba(0, 0, 0, 0.75);
  --color-input-indicator-hover: rgba(0, 0, 0, 0.9);
  --color-input-indicator-active: rgba(0, 0, 0, 0.9);
  --color-input-indicator-disabled: rgba(0, 0, 0, 0.3);
  --color-input-switch-ios-indicator: #ffffff;
  --color-input-switch-ios-indicator-active: rgba(255, 255, 255, 0.6);
  --color-input-switch-ios-indicator-disabled: rgba(0, 0, 0, 0.3);
  --color-input-android-indicator: #424242;
  --color-input-android-indicator-disabled: #b0b0b0;
  --color-input-indicator-checked: #ffffff;
  --color-input-indicator-checked-hover: #ffffff;
  --color-input-indicator-checked-active: rgba(255, 255, 255, 0.6);
  --color-input-indicator-checked-disabled: rgba(0, 0, 0, 0.3);
  --color-input-switch-ios-indicator-checked: #ffffff;
  --color-input-switch-ios-indicator-checked-active: rgba(255, 255, 255, 0.6);
  --color-input-switch-ios-indicator-checked-disabled: rgba(0, 0, 0, 0.3);
  --color-input-android-indicator-checked: #057642;
  --color-input-android-indicator-checked-disabled: #b0b0b0;
  --color-input-label: rgba(0, 0, 0, 0.75);
  --color-input-label-disabled: rgba(0, 0, 0, 0.3);
  --color-input-label-axis: rgba(0, 0, 0, 0.6);
  --color-input-label-axis-disabled: rgba(0, 0, 0, 0.3);
  --color-input-date-label: rgba(0, 0, 0, 0.75);
  --color-input-date-label-hover: rgba(0, 0, 0, 0.9);
  --color-input-label-hover: rgba(0, 0, 0, 0.9);
  --color-input-date-label-active: rgba(0, 0, 0, 0.9);
  --color-input-label-active: rgba(0, 0, 0, 0.9);
  --color-input-date-label-disabled: rgba(0, 0, 0, 0.3);
  --color-input-label-checked: #ffffff;
  --color-input-label-checked-disabled: rgba(0, 0, 0, 0.3);
  --color-input-date-label-checked: #ffffff;
  --color-input-date-label-checked-hover: #ffffff;
  --color-input-label-checked-hover: #ffffff;
  --color-input-date-label-checked-active: rgba(255, 255, 255, 0.6);
  --color-input-label-checked-active: rgba(255, 255, 255, 0.6);
  --color-input-date-label-checked-disabled: rgba(0, 0, 0, 0.3);
  --color-input-date-label-opposite-checked: rgba(0, 0, 0, 0.75);
  --color-input-date-label-opposite-checked-hover: rgba(0, 0, 0, 0.9);
  --color-input-date-label-opposite-checked-active: rgba(0, 0, 0, 0.9);
  --color-input-date-label-opposite-checked-disabled: rgba(0, 0, 0, 0.3);
  --color-input-label-error: #cf0007;
  --color-input-label-error-disabled: rgba(0, 0, 0, 0.3);
  --color-input-progress: #057642;
  --color-input-progress-disabled: #b0b0b0;
  --color-input-track: rgba(0, 0, 0, 0.6);
  --color-input-track-disabled: rgba(0, 0, 0, 0.3);
  --color-input-value: rgba(0, 0, 0, 0.9);
  --color-input-value-disabled: rgba(0, 0, 0, 0.3);
  --color-pill-container: rgba(0, 0, 0, 0);
  --color-pill-container-hover: rgba(0, 0, 0, 0.04);
  --color-pill-container-active: rgba(0, 0, 0, 0.08);
  --color-pill-container-disabled: rgba(0, 0, 0, 0.08);
  --color-pill-container-count: #ffffff;
  --color-pill-container-count-hover: #ffffff;
  --color-pill-container-count-active: rgba(255, 255, 255, 0.6);
  --color-pill-container-count-disabled: rgba(0, 0, 0, 0.08);
  --color-pill-container-border: rgba(0, 0, 0, 0.3);
  --color-pill-container-border-hover: rgba(0, 0, 0, 0.45);
  --color-pill-container-border-active: rgba(0, 0, 0, 0.45);
  --color-pill-container-border-disabled: rgba(0, 0, 0, 0);
  --color-pill-container-checked: #057642;
  --color-pill-container-checked-hover: #004d2a;
  --color-pill-container-checked-active: #004d2a;
  --color-pill-container-checked-disabled: rgba(0, 0, 0, 0.08);
  --color-pill-input-entity-container-checked: rgba(0, 0, 0, 0.08);
  --color-pill-input-entity-container-checked-hover: rgba(0, 0, 0, 0.12);
  --color-pill-input-entity-container-checked-active: rgba(0, 0, 0, 0.16);
  --color-pill-input-entity-container-checked-disabled: rgba(0, 0, 0, 0.08);
  --color-pill-container-border-checked: rgba(0, 0, 0, 0);
  --color-pill-container-border-checked-hover: #004d2a;
  --color-pill-container-border-checked-active: rgba(0, 0, 0, 0);
  --color-pill-container-border-checked-disabled: rgba(0, 0, 0, 0);
  --color-pill-input-entity-container-border-checked: rgba(0, 0, 0, 0);
  --color-pill-input-entity-container-border-checked-hover: rgba(0, 0, 0, 0.12);
  --color-pill-input-entity-container-border-checked-active: rgba(0, 0, 0, 0);
  --color-pill-input-entity-container-border-checked-disabled: rgba(0, 0, 0, 0);
  --color-pill-icon: rgba(0, 0, 0, 0.75);
  --color-pill-icon-hover: rgba(0, 0, 0, 0.9);
  --color-pill-icon-active: rgba(0, 0, 0, 0.9);
  --color-pill-icon-disabled: rgba(0, 0, 0, 0.3);
  --color-pill-icon-checked: #ffffff;
  --color-pill-icon-checked-hover: #ffffff;
  --color-pill-icon-checked-active: rgba(255, 255, 255, 0.6);
  --color-pill-icon-checked-disabled: rgba(0, 0, 0, 0.3);
  --color-pill-input-entity-icon-checked: rgba(0, 0, 0, 0.75);
  --color-pill-input-entity-icon-checked-hover: rgba(0, 0, 0, 0.9);
  --color-pill-input-entity-icon-checked-active: rgba(0, 0, 0, 0.9);
  --color-pill-input-entity-icon-checked-disabled: rgba(0, 0, 0, 0.3);
  --color-pill-indicator-checked: #ffffff;
  --color-pill-indicator-checked-hover: #ffffff;
  --color-pill-indicator-checked-active: rgba(255, 255, 255, 0.6);
  --color-pill-indicator-checked-disabled: rgba(0, 0, 0, 0.3);
  --color-pill-label-count: rgba(0, 0, 0, 0.9);
  --color-pill-label-count-hover: rgba(0, 0, 0, 0.9);
  --color-pill-label-count-active: rgba(0, 0, 0, 0.9);
  --color-pill-label-count-disabled: rgba(0, 0, 0, 0.3);
  --color-pill-label: rgba(0, 0, 0, 0.75);
  --color-pill-label-hover: rgba(0, 0, 0, 0.9);
  --color-pill-label-active: rgba(0, 0, 0, 0.9);
  --color-pill-label-disabled: rgba(0, 0, 0, 0.3);
  --color-pill-label-checked: #ffffff;
  --color-pill-label-checked-hover: #ffffff;
  --color-pill-label-checked-active: rgba(255, 255, 255, 0.6);
  --color-pill-label-checked-disabled: rgba(0, 0, 0, 0.3);
  --color-pill-input-entity-label-checked: rgba(0, 0, 0, 0.75);
  --color-pill-input-entity-label-checked-hover: rgba(0, 0, 0, 0.9);
  --color-pill-input-entity-label-checked-active: rgba(0, 0, 0, 0.9);
  --color-pill-input-entity-label-checked-disabled: rgba(0, 0, 0, 0.3);
  --icon-input-indicator-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" data-supported-dps="16x16" fill="white" fill-opacity="1"> <path d="M12.57 2H15L6 15l-5-5 1.41-1.41 3.31 3.3z"/> </svg>');
  --icon-input-indicator-checked-hover: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" data-supported-dps="16x16" fill="white" fill-opacity="1"> <path d="M12.57 2H15L6 15l-5-5 1.41-1.41 3.31 3.3z"/> </svg>');
  --icon-input-indicator-checked-active: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" data-supported-dps="16x16" fill="rgba(255, 255, 255, 0.6)" fill-opacity="0.7"> <path d="M12.57 2H15L6 15l-5-5 1.41-1.41 3.31 3.3z"/> </svg>');
  --icon-input-indicator-checked-disabled: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" data-supported-dps="16x16" fill="rgba(0, 0, 0, 0.3)" fill-opacity="0.3"> <path d="M12.57 2H15L6 15l-5-5 1.41-1.41 3.31 3.3z"/> </svg>');
  --icon-caret-default: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-supported-dps="24x24" fill="rgba(0, 0, 0, 0.75)" fill-opacity="0.6"> <path d="M12 16L5 9h14z" fill-rule="evenodd"/> </svg>');
  --icon-caret-active: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-supported-dps="24x24" fill="rgba(0, 0, 0, 0.9)" fill-opacity="0.9"> <path d="M12 16L5 9h14z" fill-rule="evenodd"/> </svg>');
  --icon-caret-disabled: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-supported-dps="24x24" fill="rgba(0, 0, 0, 0.3)" fill-opacity="0.3"> <path d="M12 16L5 9h14z" fill-rule="evenodd"/> </svg>');
  --mobile-nav-height: 48px;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Fira Sans",Ubuntu,Oxygen,"Oxygen Sans",Cantarell,"Droid Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Emoji","Segoe UI Symbol","Lucida Grande",Helvetica,Arial,sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  box-sizing: border-box;
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
 


}