:root {
  /*
   * BASE COLOR VARIABLES (added for all unique hex values)
   */
  --color-blackish: #262626;
  --color-white: #fff;
  --color-green: #4E693B;
  --color-half-green: #a6b49d;
  --color-light-green: #F0F2ED;
  --color-orange: #BA812C;
  --color-half-orange: #dcc095;
  --color-light-orange: #F9F2EB;
  --color-grey: #f4f4f4;
  --color-dark-grey: #606060;
  --color-link-blue: #0964af;
  --color-link-light-blue: #d6dfe6;
  --color-light-grey: #dedede;

  /*
  * GLOBAL
  */

  /* Component */
  --sq-component-font-family: 'IBM Plex Sans', 'Arial', sans-serif;
  --sq-component-font-size: 1rem;
  --sq-component-font-weight: 400;
  --sq-component-line-height: 1.5;

  /* Component default color */
  --sq-component-default-color: var(--color-blackish);
  --sq-component-default-bg-color: var(--color-white);

  /* Component primary color */
  --sq-component-primary-color: var(--color-green);
  --sq-component-primary-bg-color: var(--color-light-green);

  /* Component secondary color */
  --sq-component-secondary-color: var(--color-orange);
  --sq-component-secondary-bg-color: var(--color-light-orange);

  /* Button */
  --sq-btn-font-size: 1rem;
  --sq-btn-font-weight: 400;
  --sq-btn-line-height: 1.5;
  --sq-btn-border-radius: 0;

  /* Button primary color */
  --sq-btn-primary-color: var(--color-light-green);
  --sq-btn-primary-bg-color: var(--color-green);
  --sq-btn-primary-border-color: transparent;
  --sq-btn-primary-hover-color: var(--color-half-green);
  --sq-btn-primary-hover-bg-color: var(--color-grey);
  --sq-btn-primary-hover-border-color: var(--color-blackish);

  /* Button secondary color */
  --sq-btn-secondary-color: var(--color-light-orange);
  --sq-btn-secondary-bg-color: var(--color-orange);
  --sq-btn-secondary-border-color: transparent;
  --sq-btn-secondary-hover-color: var(--color-blackish);
  --sq-btn-secondary-hover-bg-color: var(--color-half-orange);
  --sq-btn-secondary-hover-border-color: var(--color-white);

  /* Button no background primary color */
  --sq-btn-no-bg-primary-color: var(--color-green);
  --sq-btn-no-bg-primary-bg-color: transparent;
  --sq-btn-no-bg-primary-border-color: transparent;
  --sq-btn-no-bg-primary-hover-color: var(--color-blackish);
  --sq-btn-no-bg-primary-hover-bg-color: rgba(0 0 0 / 3%);
  --sq-btn-no-bg-primary-hover-border-color: transparent;

  /* Button no background secondary color */
  --sq-btn-no-bg-secondary-color: var(--color-orange);
  --sq-btn-no-bg-secondary-bg-color: transparent;
  --sq-btn-no-bg-secondary-border-color: transparent;
  --sq-btn-no-bg-secondary-hover-color: var(--color-blackish);
  --sq-btn-no-bg-secondary-hover-bg-color: rgba(255 255 255 / 10%);
  --sq-btn-no-bg-secondary-hover-border-color: transparent;

  /* Button link primary color */
  --sq-btn-link-primary-color: var(--color-green);
  --sq-btn-link-primary-bg-color: transparent;
  --sq-btn-link-primary-border-color: transparent;
  --sq-btn-link-primary-hover-color: var(--color-blackish);
  --sq-btn-link-primary-hover-bg-color: transparent;
  --sq-btn-link-primary-hover-border-color: transparent;

  /* Button link secondary color */
  --sq-btn-link-secondary-color: var(--color-orange);
  --sq-btn-link-secondary-bg-color: transparent;
  --sq-btn-link-secondary-border-color: transparent;
  --sq-btn-link-secondary-hover-color: var(--color-white);
  --sq-btn-link-secondary-hover-bg-color: transparent;
  --sq-btn-link-secondary-hover-border-color: transparent;

  /* Heading */
  --sq-component-heading-font-family: 'IBM Plex Sans', 'Arial', sans-serif;
  --sq-component-heading-font-size: 2rem;
  --sq-component-heading-font-weight: 700;
  --sq-component-heading-line-height: 1.375;

  /* Heading default color */
  --sq-component-heading-default-color: var(--color-blackish);

  /* Heading primary color */
  --sq-component-heading-primary-color: var(--color-green);

  /* Heading primary color */
  --sq-component-heading-secondary-color: var(--color-orange);

  /*
  * Component specific
  */

  /* Accordion */
  --accordion-item-body-font-family: var(--sq-component-font-family);
  --accordion-item-body-font-size: var(--sq-component-font-size);
  --accordion-item-body-font-weight: var(--sq-component-font-weight);
  --accordion-item-body-line-height: var(--sq-component-line-height);
  --accordion-item-body-color: var(--sq-component-default-color);
  --accordion-item-body-bg-color: var(--sq-component-default-bg-color);
  --accordion-btn-font-size: var(--sq-btn-font-size);
  --accordion-btn-font-weight: var(--sq-btn-font-weight);
  --accordion-btn-line-height: var(--sq-btn-line-height);
  --accordion-btn-border-radius: var(--sq-btn-border-radius);
  --accordion-btn-color: var(--sq-btn-primary-color);
  --accordion-btn-bg-color: var(--sq-btn-primary-bg-color);
  --accordion-btn-border-color: var(--sq-btn-primary-border-color);
  --accordion-btn-hover-color: var(--sq-btn-primary-hover-color);
  --accordion-btn-hover-bg-color: var(--sq-btn-primary-hover-bg-color);
  --accordion-btn-hover-border-color: var(
      --sq-btn-primary-hover-border-color
  );
  --accordion-item-border-radius: 0;
  --accordion-item-border-color: var(--color-dark-grey);
  --accordion-item-heading-font-family: 'IBM Plex Sans', 'Arial', sans-serif;
  --accordion-item-heading-font-size: 1rem;
  --accordion-item-heading-font-weight: 400;
  --accordion-item-heading-line-height: 1.5;
  --accordion-item-heading-color: var(--color-light-green);
  --accordion-item-heading-bg-color: var(--color-green);
  --accordion-item-heading-hover-color: var(--color-green);
  --accordion-item-heading-hover-bg-color: var(--color-light-green);
  --accordion-item-heading-active-color: var(--color-green);
  --accordion-item-heading-active-bg-color: var(--color-grey);

  /* Banner */
  --banner-font-family: var(--sq-component-font-family);
  --banner-color: var(--sq-component-primary-color);
  --banner-bg-color: var(--sq-component-primary-bg-color);
  --banner-btn-font-size: var(--sq-btn-font-size);
  --banner-btn-font-weight: var(--sq-btn-font-weight);
  --banner-btn-line-height: var(--sq-btn-line-height);
  --banner-btn-border-radius: var(--sq-btn-border-radius);
  --banner-btn-primary-color: var(--sq-btn-primary-color);
  --banner-btn-primary-bg-color: var(--sq-btn-primary-bg-color);
  --banner-btn-primary-border-color: var(--sq-btn-primary-border-color);
  --banner-btn-primary-hover-color: var(--sq-btn-primary-hover-color);
  --banner-btn-primary-hover-bg-color: var(--sq-btn-primary-hover-bg-color);
  --banner-btn-primary-hover-border-color: var(
      --sq-btn-primary-hover-border-color
  );
  --banner-btn-secondary-color: var(--sq-btn-link-primary-color);
  --banner-btn-secondary-bg-color: var(--sq-btn-link-primary-bg-color);
  --banner-btn-secondary-border-color: var(
      --sq-btn-link-primary-border-color
  );
  --banner-btn-secondary-hover-color: var(--sq-btn-link-primary-hover-color);
  --banner-btn-secondary-hover-bg-color: var(
      --sq-btn-link-primary-hover-bg-color
  );
  --banner-btn-secondary-hover-border-color: var(
      --sq-btn-link-primary-hover-border-color
  );
  --banner-heading-font-family: var(--sq-component-heading-font-family);
  --banner-heading-font-size: var(--sq-component-heading-font-size);
  --banner-heading-font-weight: var(--sq-component-heading-font-weight);
  --banner-heading-line-height: var(--sq-component-heading-line-height);
  --banner-heading-color: var(--sq-component-heading-primary-color);
  --banner-font-size: 1.5rem;
  --banner-font-weight: 400;
  --banner-line-height: 1.375;
  --banner-border: none;
  --banner-border-radius: 0;
  --banner-border-color: transparent;

  /* Banner secondary color pattern */
  --banner-scp-font-family: var(--sq-component-font-family);
  --banner-scp-color: var(--sq-component-secondary-color);
  --banner-scp-bg-color: var(--sq-component-secondary-bg-color);
  --banner-scp-btn-font-size: var(--sq-btn-font-size);
  --banner-scp-btn-font-weight: var(--sq-btn-font-weight);
  --banner-scp-btn-line-height: var(--sq-btn-line-height);
  --banner-scp-btn-border-radius: var(--sq-btn-border-radius);
  --banner-scp-btn-primary-color: var(--sq-btn-secondary-color);
  --banner-scp-btn-primary-bg-color: var(--sq-btn-secondary-bg-color);
  --banner-scp-btn-primary-border-color: var(--sq-btn-secondary-border-color);
  --banner-scp-btn-primary-hover-color: var(--sq-btn-secondary-hover-color);
  --banner-scp-btn-primary-hover-bg-color: var(
      --sq-btn-secondary-hover-bg-color
  );
  --banner-scp-btn-primary-hover-border-color: var(
      --sq-btn-secondary-hover-border-color
  );
  --banner-scp-btn-secondary-color: var(--sq-btn-link-secondary-color);
  --banner-scp-btn-secondary-bg-color: var(--sq-btn-link-secondary-bg-color);
  --banner-scp-btn-secondary-border-color: var(
      --sq-btn-link-secondary-border-color
  );
  --banner-scp-btn-secondary-hover-color: var(
      --sq-btn-link-secondary-hover-color
  );
  --banner-scp-btn-secondary-hover-bg-color: var(
      --sq-btn-link-secondary-hover-bg-color
  );
  --banner-scp-btn-secondary-hover-border-color: var(
      --sq-btn-link-secondary-hover-border-color
  );
  --banner-scp-heading-font-family: var(--sq-component-heading-font-family);
  --banner-scp-heading-font-size: var(--sq-component-heading-font-size);
  --banner-scp-heading-font-weight: var(--sq-component-heading-font-weight);
  --banner-scp-heading-line-height: var(--sq-component-heading-line-height);
  --banner-scp-heading-color: var(--sq-component-heading-secondary-color);
  --banner-scp-font-size: 1.5rem;
  --banner-scp-font-weight: 400;
  --banner-scp-line-height: 1.375;
  --banner-scp-border: none;
  --banner-scp-border-radius: 0;
  --banner-scp-border-color: transparent;

  /* Banner background image */
  --banner-bi-font-family: var(--sq-component-font-family);
  --banner-bi-color: var(--color-white);
  --banner-bi-bg-color: var(--sq-component-primary-bg-color);
  --banner-bi-btn-font-size: var(--sq-btn-font-size);
  --banner-bi-btn-font-weight: var(--sq-btn-font-weight);
  --banner-bi-btn-line-height: var(--sq-btn-line-height);
  --banner-bi-btn-border-radius: var(--sq-btn-border-radius);
  --banner-bi-btn-primary-color: var(--sq-btn-primary-color);
  --banner-bi-btn-primary-bg-color: var(--sq-btn-primary-bg-color);
  --banner-bi-btn-primary-border-color: var(--sq-btn-primary-border-color);
  --banner-bi-btn-primary-hover-color: var(--sq-btn-primary-hover-color);
  --banner-bi-btn-primary-hover-bg-color: var(
      --sq-btn-primary-hover-bg-color
  );
  --banner-bi-btn-primary-hover-border-color: var(
      --sq-btn-primary-hover-border-color
  );
  --banner-bi-btn-secondary-color: var(--sq-btn-link-primary-color);
  --banner-bi-btn-secondary-bg-color: var(--sq-btn-link-primary-bg-color);
  --banner-bi-btn-secondary-border-color: var(
      --sq-btn-link-primary-border-color
  );
  --banner-bi-btn-secondary-hover-color: var(
      --sq-btn-link-secondary-hover-color
  );
  --banner-bi-btn-secondary-hover-bg-color: var(
      --sq-btn-link-secondary-hover-bg-color
  );
  --banner-bi-btn-secondary-hover-border-color: var(
      --sq-btn-link-secondary-hover-border-color
  );
  --banner-bi-font-size: 1.5rem;
  --banner-bi-font-weight: 400;
  --banner-bi-line-height: 1.375;
  --banner-bi-border: none;
  --banner-bi-border-radius: 0;
  --banner-bi-border-color: transparent;
  --banner-bi-heading-font-family: var(--sq-component-heading-font-family);
  --banner-bi-heading-font-size: 3rem;
  --banner-bi-heading-font-weight: var(--sq-component-heading-font-weight);
  --banner-bi-heading-line-height: var(--sq-component-heading-line-height);
  --banner-bi-heading-color: var(--sq-component-heading-secondary-color);

  /* Banner background image secondary color pattern */
  --banner-scp-bi-font-family: var(--sq-component-font-family);
  --banner-scp-bi-color: var(--sq-component-color);
  --banner-scp-bi-bg-color: var(--sq-component-bg-color);
  --banner-scp-bi-btn-font-size: var(--sq-btn-font-size);
  --banner-scp-bi-btn-font-weight: var(--sq-btn-font-weight);
  --banner-scp-bi-btn-line-height: var(--sq-btn-line-height);
  --banner-scp-bi-btn-border-radius: var(--sq-btn-border-radius);
  --banner-scp-bi-btn-primary-color: var(--sq-btn-primary-color);
  --banner-scp-bi-btn-primary-bg-color: var(--sq-btn-primary-bg-color);
  --banner-scp-bi-btn-primary-border-color: var(
      --sq-btn-primary-border-color
  );
  --banner-scp-bi-btn-primary-hover-color: var(--sq-btn-primary-hover-color);
  --banner-scp-bi-btn-primary-hover-bg-color: var(
      --sq-btn-primary-hover-bg-color
  );
  --banner-scp-bi-btn-primary-hover-border-color: var(
      --sq-btn-primary-hover-border-color
  );
  --banner-scp-bi-btn-secondary-color: var(--sq-btn-link-primary-color);
  --banner-scp-bi-btn-secondary-bg-color: var(--sq-btn-link-primary-bg-color);
  --banner-scp-bi-btn-secondary-border-color: var(
      --sq-btn-link-primary-border-color
  );
  --banner-scp-bi-btn-secondary-hover-color: var(
      --sq-btn-link-primary-hover-color
  );
  --banner-scp-bi-btn-secondary-hover-bg-color: var(
      --sq-btn-link-primary-hover-bg-color
  );
  --banner-scp-bi-btn-secondary-hover-border-color: var(
      --sq-btn-link-primary-hover-border-color
  );
  --banner-scp-bi-font-size: 1.5rem;
  --banner-scp-bi-font-weight: 400;
  --banner-scp-bi-line-height: 1.375;
  --banner-scp-bi-border: none;
  --banner-scp-bi-border-radius: 0;
  --banner-scp-bi-border-color: transparent;
  --banner-scp-bi-heading-font-family: var(
      --sq-component-heading-font-family
  );
  --banner-scp-bi-heading-font-size: 3rem;
  --banner-scp-bi-heading-font-weight: var(
      --sq-component-heading-font-weight
  );
  --banner-scp-bi-heading-line-height: var(
      --sq-component-heading-line-height
  );
  --banner-scp-bi-heading-color: var(--sq-component-heading-color);

  /* Banner text only */
  --banner-to-font-family: var(--sq-component-font-family);
  --banner-to-color: var(--sq-component-primary-color);
  --banner-to-bg-color: var(--sq-component-primary-bg-color);
  --banner-to-btn-font-size: var(--sq-btn-font-size);
  --banner-to-btn-font-weight: var(--sq-btn-font-weight);
  --banner-to-btn-line-height: var(--sq-btn-line-height);
  --banner-to-btn-border-radius: var(--sq-btn-border-radius);
  --banner-to-btn-primary-color: var(--sq-btn-primary-color);
  --banner-to-btn-primary-bg-color: var(--sq-btn-primary-bg-color);
  --banner-to-btn-primary-border-color: var(--sq-btn-primary-border-color);
  --banner-to-btn-primary-hover-color: var(--sq-btn-primary-hover-color);
  --banner-to-btn-primary-hover-bg-color: var(
      --sq-btn-primary-hover-bg-color
  );
  --banner-to-btn-primary-hover-border-color: var(
      --sq-btn-primary-hover-border-color
  );
  --banner-to-btn-secondary-color: var(--sq-btn-link-primary-color);
  --banner-to-btn-secondary-bg-color: var(--sq-btn-link-primary-bg-color);
  --banner-to-btn-secondary-border-color: var(
      --sq-btn-link-primary-border-color
  );
  --banner-to-btn-secondary-hover-color: var(
      --sq-btn-link-primary-hover-color
  );
  --banner-to-btn-secondary-hover-bg-color: var(
      --sq-btn-link-primary-hover-bg-color
  );
  --banner-to-btn-secondary-hover-border-color: var(
      --sq-btn-link-primary-hover-border-color
  );
  --banner-to-font-size: 1.5rem;
  --banner-to-font-weight: 400;
  --banner-to-line-height: 1.375;
  --banner-to-border: none;
  --banner-to-border-radius: 0;
  --banner-to-border-color: transparent;
  --banner-to-heading-font-family: var(--sq-component-heading-font-family);
  --banner-to-heading-font-size: 3rem;
  --banner-to-heading-font-weight: var(--sq-component-heading-font-weight);
  --banner-to-heading-line-height: var(--sq-component-heading-line-height);
  --banner-to-heading-color: var(--sq-component-heading-color);

  /* Banner text only secondary color pattern */
  --banner-scp-to-font-family: var(--sq-component-font-family);
  --banner-scp-to-color: var(--sq-component-secondary-color);
  --banner-scp-to-bg-color: var(--sq-component-secondary-bg-color);
  --banner-scp-to-btn-font-size: var(--sq-btn-font-size);
  --banner-scp-to-btn-font-weight: var(--sq-btn-font-weight);
  --banner-scp-to-btn-line-height: var(--sq-btn-line-height);
  --banner-scp-to-btn-border-radius: var(--sq-btn-border-radius);
  --banner-scp-to-btn-primary-color: var(--sq-btn-secondary-color);
  --banner-scp-to-btn-primary-bg-color: var(--sq-btn-secondary-bg-color);
  --banner-scp-to-btn-primary-border-color: var(
      --sq-btn-secondary-border-color
  );
  --banner-scp-to-btn-primary-hover-color: var(
      --sq-btn-secondary-hover-color
  );
  --banner-scp-to-btn-primary-hover-bg-color: var(
      --sq-btn-secondary-hover-bg-color
  );
  --banner-scp-to-btn-primary-hover-border-color: var(
      --sq-btn-secondary-hover-border-color
  );
  --banner-scp-to-btn-secondary-color: var(--sq-btn-link-secondary-color);
  --banner-scp-to-btn-secondary-bg-color: var(
      --sq-btn-link-secondary-bg-color
  );
  --banner-scp-to-btn-secondary-border-color: var(
      --sq-btn-link-secondary-border-color
  );
  --banner-scp-to-btn-secondary-hover-color: var(
      --sq-btn-link-secondary-hover-color
  );
  --banner-scp-to-btn-secondary-hover-bg-color: var(
      --sq-btn-link-secondary-hover-bg-color
  );
  --banner-scp-to-btn-secondary-hover-border-color: var(
      --sq-btn-link-secondary-hover-border-color
  );
  --banner-scp-to-font-size: 1.5rem;
  --banner-scp-to-font-weight: 400;
  --banner-scp-to-line-height: 1.375;
  --banner-scp-to-border: none;
  --banner-scp-to-border-radius: 0;
  --banner-scp-to-border-color: transparent;
  --banner-scp-to-heading-font-family: var(
      --sq-component-heading-font-family
  );
  --banner-scp-to-heading-font-size: 3rem;
  --banner-scp-to-heading-font-weight: var(
      --sq-component-heading-font-weight
  );
  --banner-scp-to-heading-line-height: var(
      --sq-component-heading-line-height
  );
  --banner-scp-to-heading-color: var(--sq-component-heading-secondary-color);

  /* Cards */
  --cards-item-body-font-family: var(--sq-component-font-family);
  --cards-item-body-font-size: var(--sq-component-font-size);
  --cards-item-body-font-weight: var(--sq-component-font-weight);
  --cards-item-body-line-height: var(--sq-component-line-height);
  --cards-item-body-color: var(--sq-component-primary-color);
  --cards-item-body-bg-color: var(--sq-component-primary-bg-color);
  --cards-item-btn-font-size: var(--sq-btn-font-size);
  --cards-item-btn-font-weight: var(--sq-btn-font-weight);
  --cards-item-btn-line-height: var(--sq-btn-line-height);
  --cards-item-btn-border-radius: var(--sq-btn-border-radius);
  --cards-item-btn-color: var(--sq-btn-link-primary-color);
  --cards-item-btn-bg-color: var(--sq-btn-link-primary-bg-color);
  --cards-item-btn-border-color: var(--sq-btn-link-primary-border-color);
  --cards-item-btn-hover-color: var(--sq-btn-link-primary-hover-color);
  --cards-item-btn-hover-bg-color: var(--sq-btn-link-primary-hover-bg-color);
  --cards-item-btn-hover-border-color: var(
      --sq-btn-link-primary-hover-border-color
  );
  --cards-item-heading-font-family: var(--sq-component-heading-font-family);
  --cards-item-heading-font-size: var(--sq-component-heading-font-size);
  --cards-item-heading-font-weight: var(--sq-component-heading-font-weight);
  --cards-item-heading-line-height: var(--sq-component-heading-line-height);
  --cards-item-heading-color: var(--sq-component-heading-primary-color);
  --cards-item-highlighted-body-color: var(--sq-component-secondary-color);
  --cards-item-highlighted-body-bg-color: var(
      --sq-component-secondary-bg-color
  );
  --cards-item-highlighted-heading-color: var(
      --sq-component-heading-secondary-color
  );
  --cards-item-highlighted-btn-color: var(--sq-btn-link-secondary-color);
  --cards-item-highlighted-btn-bg-color: var(
      --sq-btn-link-secondary-bg-color
  );
  --cards-item-highlighted-btn-border-color: var(
      --sq-btn-link-secondary-border-color
  );
  --cards-item-highlighted-btn-hover-color: var(
      --sq-btn-link-secondary-hover-color
  );
  --cards-item-highlighted-btn-hover-bg-color: var(
      --sq-btn-link-secondary-hover-bg-color
  );
  --cards-item-highlighted-btn-hover-border-color: var(
      --sq-btn-link-secondary-hover-border-color
  );
  --cards-item-border: none;
  --cards-item-border-radius: 0;
  --cards-item-border-color: var(--color-green);
  --cards-item-category-font-size: 0.75rem;
  --cards-item-category-font-weight: 700;
  --cards-item-category-line-height: 1.375rem;
  --cards-item-category-color: var(--color-dark-grey);
  --cards-item-category-bg-color: var(--color-white);
  --cards-item-category-border: 1px solid
      var(--cards-item-category-border-color);
  --cards-item-category-border-color: transparent;
  --cards-item-category-border-radius: 0;
  --cards-item-arrow-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMjYyNjI2IiBkPSJNOSAzTDguMjg1IDMuNjk2NUwxMi4wNzUgNy41SDJWOC41SDEyLjA3NUw4LjI4NSAxMi4yODY1TDkgMTNMMTQgOEw5IDNaIiAvPjwvc3ZnPg==');

  /* News */
  --news-item-body-font-family: var(--sq-component-font-family);
  --news-item-body-font-size: var(--sq-component-font-size);
  --news-item-body-font-weight: var(--sq-component-font-weight);
  --news-item-body-line-height: var(--sq-component-line-height);
  --news-item-body-color: var(--sq-component-primary-color);
  --news-item-body-bg-color: var(--sq-component-primary-bg-color);
  --news-item-btn-font-size: var(--sq-btn-font-size);
  --news-item-btn-font-weight: var(--sq-btn-font-weight);
  --news-item-btn-line-height: var(--sq-btn-line-height);
  --news-item-btn-border-radius: var(--sq-btn-border-radius);
  --news-item-btn-color: var(--sq-btn-link-primary-color);
  --news-item-btn-bg-color: var(--sq-btn-link-primary-bg-color);
  --news-item-btn-border-color: var(--sq-btn-link-primary-border-color);
  --news-item-btn-hover-color: var(--sq-btn-link-primary-hover-color);
  --news-item-btn-hover-bg-color: var(--sq-btn-link-primary-hover-bg-color);
  --news-item-btn-hover-border-color: var(
      --sq-btn-link-primary-hover-border-color
  );
  --news-item-heading-font-family: var(--sq-component-heading-font-family);
  --news-item-heading-font-size: var(--sq-component-heading-font-size);
  --news-item-heading-font-weight: var(--sq-component-heading-font-weight);
  --news-item-heading-line-height: var(--sq-component-heading-line-height);
  --news-item-heading-color: var(--sq-component-heading-primary-color);
  --news-item-highlighted-body-color: var(--sq-component-secondary-color);
  --news-item-highlighted-body-bg-color: var(
      --sq-component-secondary-bg-color
  );
  --news-item-highlighted-heading-color: var(
      --sq-component-heading-secondary-color
  );
  --news-item-highlighted-btn-color: var(--sq-btn-link-secondary-color);
  --news-item-highlighted-btn-bg-color: var(--sq-btn-link-secondary-bg-color);
  --news-item-highlighted-btn-border-color: var(
      --sq-btn-link-secondary-border-color
  );
  --news-item-highlighted-btn-hover-color: var(
      --sq-btn-link-secondary-hover-color
  );
  --news-item-highlighted-btn-hover-bg-color: var(
      --sq-btn-link-secondary-hover-bg-color
  );
  --news-item-highlighted-btn-hover-border-color: var(
      --sq-btn-link-secondary-hover-border-color
  );
  --news-item-border: none;
  --news-item-border-radius: 0;
  --news-item-border-color: var(--color-dark-grey);
  --news-item-date-font-size: 1rem;
  --news-item-date-font-weight: 400;
  --news-item-date-line-height: 1.375rem;
  --news-item-date-color: var(--color-blackish);
  --news-item-date-bg-color: transparent;
  --news-item-highlighted-date-color: var(--color-white);
  --news-item-highlighted-date-bg-color: transparent;
  --news-item-category-font-size: 0.75rem;
  --news-item-category-font-weight: 700;
  --news-item-category-line-height: 1.375rem;
  --news-item-category-color: var(--color-white);
  --news-item-category-bg-color: var(--color-green);
  --news-item-category-border: 1px solid
      var(--news-item-category-border-color);
  --news-item-category-border-color: transparent;
  --news-item-category-border-radius: 0;
  --news-item-date-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIGZpbGw9Im5vbmUiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiIGZpbGw9IiMyNjI2MjYiPjxwYXRoIGQ9Ik0xMi44MzMzMzMzLDEuMDc2OTIzMDggTDEwLjYwMDQ5MzQsMS4wNzY5MjMwOCBMMTAuNjAwNDkzNCwwIEw5LjM5ODkwMTk0LDAgTDkuMzk4OTAxOTQsMS4wNzY5MjMwOCBMNC42MDczMzMxOCwxLjA3NjkyMzA4IEw0LjYwNzMzMzE4LDAgTDMuNDAwMTU5ODQsMCBMMy40MDAxNTk4NCwxLjA3NjkyMzA4IEwxLjE2NjY2NjY3LDEuMDc2OTIzMDggQzAuNTI1LDEuMDc2OTIzMDggMCwxLjU2MTUzODQ2IDAsMi4xNTM4NDYxNSBMMCwxMi45MjMwNzY5IEMwLDEzLjUxNTM4NDYgMC41MjUsMTQgMS4xNjY2NjY2NywxNCBMMTIuODMzMzMzMywxNCBDMTMuNDc1LDE0IDE0LDEzLjUxNTM4NDYgMTQsMTIuOTIzMDc2OSBMMTQsMi4xNTM4NDYxNSBDMTQsMS41NjE1Mzg0NiAxMy40NzUsMS4wNzY5MjMwOCAxMi44MzMzMzMzLDEuMDc2OTIzMDggWiBNMTMsMTMgTDEsMTMgTDEsNSBMMTMsNSBMMTMsMTMgWiBNMTMsNCBMMSw0IEwxLDIgTDMuNCwyIEwzLjQsMyBMNC42LDMgTDQuNiwyIEw5LjQsMiBMOS40LDMgTDEwLjYsMyBMMTAuNiwyIEwxMywyIEwxMyw0IFoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==');
  --news-item-arrow-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMjYyNjI2IiBkPSJNOSAzTDguMjg1IDMuNjk2NUwxMi4wNzUgNy41SDJWOC41SDEyLjA3NUw4LjI4NSAxMi4yODY1TDkgMTNMMTQgOEw5IDNaIiAvPjwvc3ZnPg==');

  /* Events */
  --events-item-body-font-family: var(--sq-component-font-family);
  --events-item-body-font-size: var(--sq-component-font-size);
  --events-item-body-font-weight: var(--sq-component-font-weight);
  --events-item-body-line-height: var(--sq-component-line-height);
  --events-item-body-color: var(--sq-component-primary-color);
  --events-item-body-bg-color: var(--sq-component-primary-bg-color);
  --events-item-btn-font-size: var(--sq-btn-font-size);
  --events-item-btn-font-weight: var(--sq-btn-font-weight);
  --events-item-btn-line-height: var(--sq-btn-line-height);
  --events-item-btn-border-radius: var(--sq-btn-border-radius);
  --events-item-btn-color: var(--sq-btn-link-primary-color);
  --events-item-btn-bg-color: var(--sq-btn-link-primary-bg-color);
  --events-item-btn-border-color: var(--sq-btn-link-primary-border-color);
  --events-item-btn-hover-color: var(--sq-btn-link-primary-hover-color);
  --events-item-btn-hover-bg-color: var(--sq-btn-link-primary-hover-bg-color);
  --events-item-btn-hover-border-color: var(
      --sq-btn-link-primary-hover-border-color
  );
  --events-item-heading-font-family: var(--sq-component-heading-font-family);
  --events-item-heading-font-size: var(--sq-component-heading-font-size);
  --events-item-heading-font-weight: var(--sq-component-heading-font-weight);
  --events-item-heading-line-height: var(--sq-component-heading-line-height);
  --events-item-heading-color: var(--sq-component-heading-primary-color);
  --events-item-highlighted-body-color: var(--sq-component-secondary-color);
  --events-item-highlighted-body-bg-color: var(
      --sq-component-secondary-bg-color
  );
  --events-item-highlighted-heading-color: var(
      --sq-component-heading-secondary-color
  );
  --events-item-highlighted-btn-color: var(--sq-btn-link-secondary-color);
  --events-item-highlighted-btn-bg-color: var(
      --sq-btn-link-secondary-bg-color
  );
  --events-item-highlighted-btn-border-color: var(
      --sq-btn-link-secondary-border-color
  );
  --events-item-highlighted-btn-hover-color: var(
      --sq-btn-link-secondary-hover-color
  );
  --events-item-highlighted-btn-hover-bg-color: var(
      --sq-btn-link-secondary-hover-bg-color
  );
  --events-item-highlighted-btn-hover-border-color: var(
      --sq-btn-link-secondary-hover-border-color
  );
  --events-item-border: none;
  --events-item-border-radius: 0;
  --events-item-border-color: var(--color-dark-grey);
  --events-item-date-font-size: 1rem;
  --events-item-date-font-weight: 400;
  --events-item-date-line-height: 1.375rem;
  --events-item-date-color: var(--color-blackish);
  --events-item-date-bg-color: transparent;
  --events-item-highlighted-date-color: var(--color-white);
  --events-item-highlighted-date-bg-color: transparent;
  --events-item-category-font-size: 0.75rem;
  --events-item-category-font-weight: 700;
  --events-item-category-line-height: 1.375rem;
  --events-item-category-color: var(--color-dark-grey);
  --events-item-category-bg-color: var(--color-white);
  --events-item-category-border: 1px solid
      var(--events-item-category-border-color);
  --events-item-category-border-color: transparent;
  --events-item-category-border-radius: 0;
  --events-item-date-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIGZpbGw9Im5vbmUiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiIGZpbGw9IiMyNjI2MjYiPjxwYXRoIGQ9Ik0xMi44MzMzMzMzLDEuMDc2OTIzMDggTDEwLjYwMDQ5MzQsMS4wNzY5MjMwOCBMMTAuNjAwNDkzNCwwIEw5LjM5ODkwMTk0LDAgTDkuMzk4OTAxOTQsMS4wNzY5MjMwOCBMNC42MDczMzMxOCwxLjA3NjkyMzA4IEw0LjYwNzMzMzE4LDAgTDMuNDAwMTU5ODQsMCBMMy40MDAxNTk4NCwxLjA3NjkyMzA4IEwxLjE2NjY2NjY3LDEuMDc2OTIzMDggQzAuNTI1LDEuMDc2OTIzMDggMCwxLjU2MTUzODQ2IDAsMi4xNTM4NDYxNSBMMCwxMi45MjMwNzY5IEMwLDEzLjUxNTM4NDYgMC41MjUsMTQgMS4xNjY2NjY2NywxNCBMMTIuODMzMzMzMywxNCBDMTMuNDc1LDE0IDE0LDEzLjUxNTM4NDYgMTQsMTIuOTIzMDc2OSBMMTQsMi4xNTM4NDYxNSBDMTQsMS41NjE1Mzg0NiAxMy40NzUsMS4wNzY5MjMwOCAxMi44MzMzMzMzLDEuMDc2OTIzMDggWiBNMTMsMTMgTDEsMTMgTDEsNSBMMTMsNSBMMTMsMTMgWiBNMTMsNCBMMSw0IEwxLDIgTDMuNCwyIEwzLjQsMyBMNC42LDMgTDQuNiwyIEw5LjQsMiBMOS40LDMgTDEwLjYsMyBMMTAuNiwyIEwxMywyIEwxMyw0IFoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==');
  --events-item-time-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIGZpbGw9Im5vbmUiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiIGZpbGw9IiMyNjI2MjYiPjxwYXRoIGQ9Ik03LjAwMDAwMDc2LDE0LjAwMDAwMDggQzUuNjE1NTMsMTQuMDAwMDAwOCA0LjI2MjE2LDEzLjU4OTUgMy4xMTEwMSwxMi44MjAzIEMxLjk1OTg3LDEyLjA1MTEgMS4wNjI2NiwxMC45NTc5IDAuNTMyODUsOS42Nzg4IEMwLjAwMzAzLDguMzk5NyAtMC4xMzU1OSw2Ljk5MjI0IDAuMTM0NTEsNS42MzQzNyBDMC40MDQ2LDQuMjc2NSAxLjA3MTI5LDMuMDI5MjIgMi4wNTAyNiwyLjA1MDI2IEMzLjAyOTIyLDEuMDcxMjkgNC4yNzY1LDAuNDA0NiA1LjYzNDM3LDAuMTM0NTEgQzYuOTkyMjQsLTAuMTM1NTkgOC4zOTk3LDAuMDAzMDMgOS42Nzg4LDAuNTMyODUgQzEwLjk1NzksMS4wNjI2NiAxMi4wNTExLDEuOTU5ODcgMTIuODIwMywzLjExMTAxIEMxMy41ODk1LDQuMjYyMTYgMTQuMDAwMDAwOCw1LjYxNTUzIDE0LjAwMDAwMDgsNy4wMDAwMDA3NiBDMTQuMDAwMDAwOCw4Ljg1NjUyIDEzLjI2MjUsMTAuNjM3IDExLjk0OTcsMTEuOTQ5NyBDMTAuNjM3LDEzLjI2MjUgOC44NTY1MiwxNC4wMDAwMDA4IDcuMDAwMDAwNzYsMTQuMDAwMDAwOCBaIE03LjAwMDAwMDA3LDEgQzUuODEzMzIsMSA0LjY1MzI4LDEuMzUxOSAzLjY2NjU4LDIuMDExMTkgQzIuNjc5ODksMi42NzA0NyAxLjkxMDg1LDMuNjA3NTUgMS40NTY3Myw0LjcwMzkgQzEuMDAyNiw1LjgwMDI2IDAuODgzNzgsNy4wMDY2NiAxLjExNTI5LDguMTcwNTQgQzEuMzQ2OCw5LjMzNDQgMS45MTgyNSwxMC40MDM1IDIuNzU3MzYsMTEuMjQyNiBDMy41OTY0OCwxMi4wODE4IDQuNjY1NTgsMTIuNjUzMiA1LjgyOTQ2LDEyLjg4NDcgQzYuOTkzMzUsMTMuMTE2MiA4LjE5OTc1LDEyLjk5NzQgOS4yOTYxLDEyLjU0MzMgQzEwLjM5MjUsMTIuMDg5MiAxMS4zMjk1LDExLjMyMDEgMTEuOTg4OCwxMC4zMzM0IEMxMi42NDgxLDkuMzQ2NyAxMy4wMDAwMDAxLDguMTg2NjkgMTMuMDAwMDAwMSw3IEMxMy4wMDAwMDAxLDUuNDA4NyAxMi4zNjc5LDMuODgyNTggMTEuMjQyNiwyLjc1NzM2IEMxMC4xMTc0LDEuNjMyMTQgOC41OTEzLDEgNy4wMDAwMDAwNywxIFoiPjwvcGF0aD48cG9seWdvbiBwb2ludHM9IjkuMjk1IDEwIDYuNSA3LjIwNSA2LjUgMi41IDcuNSAyLjUgNy41IDYuNzkgMTAgOS4yOTUiPjwvcG9seWdvbj48L2c+PC9nPjwvc3ZnPg==');
  --events-item-arrow-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMjYyNjI2IiBkPSJNOSAzTDguMjg1IDMuNjk2NUwxMi4wNzUgNy41SDJWOC41SDEyLjA3NUw4LjI4NSAxMi4yODY1TDkgMTNMMTQgOEw5IDNaIiAvPjwvc3ZnPg==');

  /* Phase-banner */
  --phase-banner-font-family: var(--sq-component-font-family);
  --phase-banner-font-size: var(--sq-component-font-size);
  --phase-banner-font-weight: var(--sq-component-font-weight);
  --phase-banner-line-height: var(--sq-component-line-height);
  --phase-banner-border-radius: var(--sq-btn-border-radius);
  --phase-banner-color: var(--sq-component-primary-color);
  --phase-banner-bg-color: var(--sq-component-primary-bg-color);
  --phase-banner-border-color: var(--sq-btn-primary-border-color);
  --phase-banner-border-left-color: var(--sq-component-primary-color);
  --phase-banner-status-font-size: var(--sq-btn-font-size);
  --phase-banner-status-font-weight: var(--sq-btn-font-weight);
  --phase-banner-status-line-height: var(--sq-btn-line-height);
  --phase-banner-status-border-radius: var(--sq-btn-border-radius);
  --phase-banner-status-primary-color: var(--sq-btn-primary-color);
  --phase-banner-status-primary-bg-color: var(--sq-btn-primary-bg-color);
  --phase-banner-status-primary-border-color: var(
      --sq-btn-primary-border-color
  );
  --phase-banner-border: none;
  --phase-banner-link-color: var(--color-green);
  --phase-banner-status-border: none;

  /* In-page alert */
  --in-page-alert-font-family: var(--sq-component-font-family);
  --in-page-alert-font-size: 1rem;
  --in-page-alert-font-weight: 400;
  --in-page-alert-line-height: 1.5;
  --in-page-alert-border: none;
  --in-page-alert-border-radius: 0;
  --in-page-alert-color: var(--sq-component-primary-color);
  --in-page-alert-bg-color: var(--sq-component-primary-bg-color);
  --in-page-alert-border-color: transparent;
  --in-page-alert-border-left-color: var(--color-dark-grey);
  --in-page-alert-link-color: var(--color-link-light-blue);
  --in-page-alert-button-font-size: var(--sq-btn-font-size);
  --in-page-alert-button-font-weight: var(--sq-btn-font-weight);
  --in-page-alert-button-line-height: var(--sq-btn-line-height);
  --in-page-alert-button-border-radius: var(--sq-btn-border-radius);
  --in-page-alert-button-primary-color: var(--sq-component-default-color);
  --in-page-alert-button-primary-bg-color: var(--sq-btn-secondary-bg-color);
  --in-page-alert-button-primary-border-color: var(
      --sq-btn-primary-border-color
  );
  --in-page-alert-button-hover-color: var(--sq-btn-secondary-hover-color);
  --in-page-alert-button-hover-bg-color: var(
      --sq-btn-secondary-hover-bg-color
  );
  --in-page-alert-button-hover-border-color: var(
      --sq-btn-primary-border-color
  );

  /* Link list */
  --links-item-body-font-family: var(--sq-component-font-family);
  --links-item-body-font-size: var(--sq-component-font-size);
  --links-item-body-font-weight: var(--sq-component-font-weight);
  --links-item-body-line-height: var(--sq-component-line-height);
  --links-item-btn-font-size: 1rem;
  --links-item-btn-font-weight: 400;
  --links-item-btn-line-height: 1.5;
  --links-item-btn-border-radius: 0;
  --links-item-btn-color: var(--sq-btn-link-primary-color);
  --links-item-btn-bg-color: var(--sq-btn-link-primary-bg-color);
  --links-item-btn-border-color: var(--sq-btn-link-primary-border-color);
  --links-item-btn-hover-color: var(--sq-btn-link-primary-hover-color);
  --links-item-btn-hover-bg-color: var(--sq-btn-link-primary-hover-bg-color);
  --links-item-btn-hover-border-color: var(
      --sq-btn-link-primary-hover-border-color
  );
  --links-item-bg-color: transparent;
  --links-item-hover-bg-color: var(--color-grey);

  /* Details */
  --details-font-family: var(--sq-component-font-family);
  --details-font-size: var(--sq-component-font-size);
  --details-font-weight: var(--sq-component-font-weight);
  --details-line-height: var(--sq-component-line-height);
  --details-border-radius: var(--sq-btn-border-radius);
  --details-color: var(--sq-component-primary-color);
  --details-bg-color: var(--sq-component-default-bg-color);
  --details-border-color: var(--sq-btn-primary-border-color);
  --details-border-left-color: var(--sq-component-secondary-bg-color);
  --details-heading-font-family: 'IBM Plex Sans', 'Arial', sans-serif;
  --details-heading-font-size: 1.25rem;
  --details-heading-font-weight: 400;
  --details-heading-line-height: 1.625rem;
  --details-heading-color: var(--color-green);
  --details-heading-text-decoration: underline;
  --details-heading-hover-color: var(--color-green);
  --details-heading-hover-text-decoration: none;
  --details-heading-active-color: var(--color-green);
  --details-border: none;

  /* Features */
  --features-font-family: var(--sq-component-font-family);
  --features-font-size-xs: var(--sq-component-font-size);
  --features-font-size-m: 1.5rem;
  --features-line-height-xs: var(--sq-component-line-height);
  --features-line-height-m: 2rem;
  --features-component-background: var(--sq-component-default-bg-color);
  --features-background: var(--sq-component-primary-bg-color);
  --features-color: var(--sq-component-default-color);
  --features-button-color: var(--sq-component-secondary-bg-color);
  --features-button-background: var(--sq-component-default-bg-color);
  --features-item-width-desktop: calc(33% - 0.625rem);
  --features-width: auto;
  --features-min-width: 18.75rem;
  --features-arrow-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMjYyNjI2IiBkPSJNOSAzTDguMjg1IDMuNjk2NUwxMi4wNzUgNy41SDJWOC41SDEyLjA3NUw4LjI4NSAxMi4yODY1TDkgMTNMMTQgOEw5IDNaIiAvPjwvc3ZnPg==');

  /* Image */
  --image-body-font-family: var(--sq-component-font-family);
  --image-body-font-size: var(--sq-component-font-size);
  --image-body-font-weight: var(--sq-component-font-weight);
  --image-body-line-height: var(--sq-component-line-height);
  --image-color: var(--sq-component-default-color);
  --image-bg-color: var(--sq-component-default-bg-color);
  --image-caption-color: var(--sq-component-primary-color);
  --image-caption-bg-color: transparent;
  --image-caption-font-family: var(--sq-component-font-family);
  --image-caption-font-size: var(--sq-component-font-size);
  --image-caption-font-weight: var(--sq-component-font-weight);
  --image-caption-line-height: var(--sq-component-line-height);
  --image-caption-border: none;
  --image-caption-border-radius: 0;
  --image-caption-border-color: transparent;

  /* Image full */
  --image-full-body-font-family: var(--sq-component-font-family);
  --image-full-body-font-size: var(--sq-component-font-size);
  --image-full-body-font-weight: var(--sq-component-font-weight);
  --image-full-body-line-height: var(--sq-component-line-height);
  --image-full-color: var(--sq-component-primary-color);
  --image-full-bg-color: var(--sq-component-primary-bg-color);
  --image-full-heading-font-family: 'IBM Plex Sans', 'Arial', sans-serif;
  --image-full-heading-font-size: 1rem;
  --image-full-heading-font-weight: 700;
  --image-full-heading-line-height: 1.5;
  --image-full-heading-color: var(--color-blackish);
  --image-full-caption-border: none;
  --image-full-caption-border-radius: 0;
  --image-full-caption-border-color: transparent;

  /* Pull quote */
  --pull-quote-body-font-family: var(
      --sq-component-font-family,
      'IBM Plex Sans',
      'Arial',
      sans-serif
  );
  --pull-quote-body-font-size: var(--sq-component-font-size, 1rem);
  --pull-quote-body-font-weight: var(--sq-component-font-weight, 200);
  --pull-quote-body-line-height: var(--sq-component-line-height, 1.375);
  --pull-quote-dark-color: var(--color-green);
  --pull-quote-body-color: var(--color-orange);
  --pull-quote-body-bg-color: var(--color-blackish);
  --pull-quote-author-font-family: 'IBM Plex Sans', 'Arial', sans-serif;
  --pull-quote-author-font-size: 1.25rem;
  --pull-quote-quote-font-size: 2rem;
  --pull-quote-author-font-weight: 400;
  --pull-quote-author-line-height: 1.3;
  --pull-quote-quote-line-height: 1.375;
  --pull-quote-author-color: var(--color-green);
  --pull-quote-author-bg-color: var(--color-white);

  /* Inset text */
  --inset-text-body-font-family: var(--sq-component-font-family);
  --inset-text-body-font-size: var(--sq-component-font-size);
  --inset-text-body-font-weight: var(--sq-component-font-weight);
  --inset-text-body-line-height: var(--sq-component-line-height);
  --inset-text-body-color: var(--sq-component-color);
  --inset-text-border-color: var(--color-blackish);

  /* Tabs */
  --tabs-border-radius: var(--sq-btn-border-radius);
  --tabs-nav-bg-color: var(--sq-component-default-bg-color);
  --tabs-content-font-family: var(--sq-component-font-family);
  --tabs-content-font-size: var(--sq-component-font-size);
  --tabs-content-font-weight: var(--sq-component-font-weight);
  --tabs-content-line-height: var(--sq-component-line-height);
  --tabs-content-border-radius: var(--sq-btn-border-radius);
  --tabs-content-color: var(--sq-component-primary-color);
  --tabs-content-bg-color: var(--sq-component-default-bg-color);
  --tabs-content-border-color: var(--sq-btn-primary-border-color);
  --tabs-tab-font-family: var(--sq-component-font-family);
  --tabs-tab-font-size: var(--sq-component-font-size);
  --tabs-tab-font-weight: var(--sq-component-font-weight);
  --tabs-tab-line-height: var(--sq-component-line-height);
  --tabs-tab-border-radius: var(--sq-btn-border-radius);
  --tabs-tab-active-font-family: var(--sq-component-font-family);
  --tabs-tab-active-font-size: var(--sq-component-font-size);
  --tabs-tab-active-font-weight: var(--sq-component-heading-font-weight);
  --tabs-tab-active-line-height: var(--sq-component-line-height);
  --tabs-tab-active-border-radius: var(--sq-btn-border-radius);
  --tabs-tab-hover-font-size: var(--sq-component-font-size);
  --tabs-tab-hover-font-weight: var(--sq-component-heading-font-weight);
  --tabs-tab-color: var(--sq-btn-primary-bg-color);
  --tabs-tab-bg-color: var(--sq-component-default-bg-color);
  --tabs-tab-border-color: var(--sq-btn-primary-border-color);
  --tabs-tab-underline-color: var(--sq-component-primary-bg-color);
  --tabs-tab-active-color: var(--sq-btn-primary-hover-color);
  --tabs-tab-active-bg-color: var(--sq-component-default-bg-color);
  --tabs-tab-active-border-color: var(--sq-btn-primary-border-color);
  --tabs-tab-active-underline-color: var(--sq-component-primary-color);
  --tabs-overflow-menu-font-family: var(--sq-component-font-family);
  --tabs-overflow-menu-font-size: var(--sq-component-font-size);
  --tabs-overflow-menu-font-weight: var(--sq-component-font-weight);
  --tabs-overflow-menu-line-height: var(--sq-component-line-height);
  --tabs-overflow-menu-border-radius: var(--sq-btn-border-radius);
  --tabs-overflow-buton-color: var(--sq-btn-link-primary-color);
  --tabs-overflow-button-bg-color: var(--sq-component-default-bg-color);
  --tabs-overflow-button-hover-bg-color: var(--sq-component-primary-bg-color);
  --tabs-border: none;
  --tabs-tab-border: none;
  --tabs-tab-active-border: none;
  --tabs-content-border: none;
  --tabs-overflow-menu-border: none;
  --tabs-border-bottom-color: var(--color-grey);
  --tabs-overflowButton-icon: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_8662_17632)"><path d="M18 24C18 22.8954 17.1046 22 16 22C14.8954 22 14 22.8954 14 24C14 25.1046 14.8954 26 16 26C17.1046 26 18 25.1046 18 24Z" fill="%23606060"></path><path d="M18 16C18 14.8954 17.1046 14 16 14C14.8954 14 14 14.8954 14 16C14 17.1046 14.8954 18 16 18C17.1046 18 18 17.1046 18 16Z" fill="%23606060"></path><path d="M18 8C18 6.89543 17.1046 6 16 6C14.8954 6 14 6.89543 14 8C14 9.10457 14.8954 10 16 10C17.1046 10 18 9.10457 18 8Z" fill="%23606060"></path></g><defs><clipPath id="clip0_8662_17632"><rect width="32" height="32" fill="white"></rect></clipPath></defs></svg>');
  --tabs-overflowButton-icon-size: 2rem;

  /* Video player */
  --video-player-font-family: var(--sq-component-font-family);
  --video-player-font-size: var(--sq-component-font-size);
  --video-player-font-weight: var(--sq-component-font-weight);
  --video-player-line-height: var(--sq-component-line-height);
  --video-player-color: var(--sq-component-primary-color);
  --video-player-bg-color: var(--sq-component-primary-bg-color);
  --video-player-border: none;
  --video-player-border-radius: 0;
  --video-player-border-color: transparent;
  --video-player-icon-color: var(--color-white);
  --video-player-icon-bg-color: var(--color-blackish);
  --video-player-link-color: var(--video-player-color);
  --video-player-icon-size: 4rem;
  --video-player-icon: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0idmlkZW8tbW9kYWxfX2ltZy1pY29uIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPlBsYXkgVmlkZW88L3RpdGxlPjxnPjxwYXRoIGQ9Ik0yMS4xNTU1NDYxLDE2LjM1NTUyODMgQzIwLjA0NzMyMiwxNi40NDgyOTg5IDE5LjE5NjIyNjUsMTcuMzc2NzY2NyAxOS4xOTk5NzksMTguNDg4ODYwNyBMMTkuMTk5OTc5LDQ1LjUxMTA5OTMgQzE5LjE5NzgwMzIsNDYuMjY5ODE0NCAxOS41OTg3MDkxLDQ2Ljk3MjYxMjcgMjAuMjUyOTExMyw0Ny4zNTY4OTUgQzIwLjkwNzExMzUsNDcuNzQxMTc3MyAyMS43MTYxNzk1LDQ3Ljc0OTEyMzggMjIuMzc3ODAzNCw0Ny4zNzc3NjUyIEw0Ni41NTU1NzA0LDMzLjg2NjY2MDEgQzQ3LjI1ODc1NSwzMy40NzI3OTggNDcuNjc5OTc1MywzMi43MTYyOTYxIDQ3LjY0NDQyMzIsMzEuOTExMTA1NCBDNDcuNjE1NDE0MywzMS4xNjk0NDg0IDQ3LjIwMzA0NzUsMzAuNDk2MTYzNiA0Ni41NTU1NzA0LDMwLjEzMzI5OTkgTDIyLjM3NzgwMzQsMTYuNjIyMTk0OCBDMjIuMDA2MTgyMiwxNi40MTMxNzQgMjEuNTgwNDU4MywxNi4zMjAyOTE1IDIxLjE1NTU0NjEsMTYuMzU1NTI4MyBMMjEuMTU1NTQ2MSwxNi4zNTU1MjgzIFogTTIzLjQ2NjY1NjIsMjIuMTExMDgxMyBMNDEuMTU1NTM3MiwzMS45OTk5OTQyIEwyMy40NjY2NTYyLDQxLjg4ODg0MzIgTDIzLjQ2NjY1NjIsMjIuMTExMDgxMyBaIj48L3BhdGg+PC9nPjwvc3ZnPg==');

  /* Video modal */
  --video-modal-font-family: var(--sq-component-font-family);
  --video-modal-color: var(--sq-component-primary-color);
  --video-modal-bg-color: var(--sq-component-primary-bg-color);
  --video-modal-btn-font-size: var(--sq-btn-font-size);
  --video-modal-btn-font-weight: var(--sq-btn-font-weight);
  --video-modal-btn-line-height: var(--sq-btn-line-height);
  --video-modal-btn-border-radius: var(--sq-btn-border-radius);
  --video-modal-btn-primary-color: var(--sq-btn-primary-color);
  --video-modal-btn-primary-bg-color: var(--sq-btn-primary-bg-color);
  --video-modal-btn-primary-border-color: var(--sq-btn-primary-border-color);
  --video-modal-btn-primary-hover-color: var(--sq-btn-primary-hover-color);
  --video-modal-btn-primary-hover-bg-color: var(
      --sq-btn-primary-hover-bg-color
  );
  --video-modal-btn-primary-hover-border-color: var(
      --sq-btn-primary-hover-border-color
  );
  --video-modal-btn-secondary-color: var(--sq-btn-link-primary-color);
  --video-modal-btn-secondary-bg-color: var(--sq-btn-link-primary-bg-color);
  --video-modal-btn-secondary-border-color: var(
      --sq-btn-link-primary-border-color
  );
  --video-modal-btn-secondary-hover-color: var(
      --sq-btn-link-primary-hover-color
  );
  --video-modal-btn-secondary-hover-bg-color: var(
      --sq-btn-link-primary-hover-bg-color
  );
  --video-modal-btn-secondary-hover-border-color: var(
      --sq-btn-link-primary-hover-border-color
  );
  --video-modal-font-size: 1.5rem;
  --video-modal-font-weight: 400;
  --video-modal-line-height: 1.375;
  --video-modal-border: none;
  --video-modal-border-radius: 0;
  --video-modal-border-color: transparent;
  --video-modal-heading-font-family: var(--sq-component-heading-font-family);
  --video-modal-heading-font-size: var(--sq-component-heading-font-size);
  --video-modal-heading-font-weight: var(--sq-component-heading-font-weight);
  --video-modal-heading-line-height: var(--sq-component-heading-line-height);
  --video-modal-heading-color: var(--sq-component-heading-primary-color);
  --video-modal-close-icon-color: var(--color-white);
  --video-modal-close-icon-bg-color: transparent;
  --video-modal-error-font-size: 1.5rem;
  --video-modal-error-font-weight: 400;
  --video-modal-error-line-height: 1.375;
  --video-modal-error-color: var(--color-white);
  --video-modal-error-bg-color: var(--color-blackish);
  --video-modal-error-border-bottom: 1px solid
      var(--video-modal-error-border-color);
  --video-modal-error-border-color: var(--color-white);
  --video-modal-error-heading-font-family: var(
      --sq-component-heading-font-family
  );
  --video-modal-error-heading-font-size: var(
      --sq-component-heading-font-size
  );
  --video-modal-error-heading-font-weight: var(
      --sq-component-heading-font-weight
  );
  --video-modal-error-heading-line-height: var(
      --sq-component-heading-line-height
  );
  --video-modal-error-heading-color: var(--color-white);
  --video-modal-alt-font-size: 1.5rem;
  --video-modal-alt-font-weight: 400;
  --video-modal-alt-line-height: 1.375;
  --video-modal-alt-color: var(--color-white);
  --video-modal-alt-bg-color: var(--color-blackish);
  --video-modal-play-icon-color: var(--color-white);
  --video-modal-play-icon-bg-color: var(--color-blackish);
  --video-modal-play-icon-size: 4rem;
  --video-modal-play-icon: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0idmlkZW8tbW9kYWxfX2ltZy1pY29uIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPlBsYXkgVmlkZW88L3RpdGxlPjxnPjxwYXRoIGQ9Ik0yMS4xNTU1NDYxLDE2LjM1NTUyODMgQzIwLjA0NzMyMiwxNi40NDgyOTg5IDE5LjE5NjIyNjUsMTcuMzc2NzY2NyAxOS4xOTk5NzksMTguNDg4ODYwNyBMMTkuMTk5OTc5LDQ1LjUxMTA5OTMgQzE5LjE5NzgwMzIsNDYuMjY5ODE0NCAxOS41OTg3MDkxLDQ2Ljk3MjYxMjcgMjAuMjUyOTExMyw0Ny4zNTY4OTUgQzIwLjkwNzExMzUsNDcuNzQxMTc3MyAyMS43MTYxNzk1LDQ3Ljc0OTEyMzggMjIuMzc3ODAzNCw0Ny4zNzc3NjUyIEw0Ni41NTU1NzA0LDMzLjg2NjY2MDEgQzQ3LjI1ODc1NSwzMy40NzI3OTggNDcuNjc5OTc1MywzMi43MTYyOTYxIDQ3LjY0NDQyMzIsMzEuOTExMTA1NCBDNDcuNjE1NDE0MywzMS4xNjk0NDg0IDQ3LjIwMzA0NzUsMzAuNDk2MTYzNiA0Ni41NTU1NzA0LDMwLjEzMzI5OTkgTDIyLjM3NzgwMzQsMTYuNjIyMTk0OCBDMjIuMDA2MTgyMiwxNi40MTMxNzQgMjEuNTgwNDU4MywxNi4zMjAyOTE1IDIxLjE1NTU0NjEsMTYuMzU1NTI4MyBMMjEuMTU1NTQ2MSwxNi4zNTU1MjgzIFogTTIzLjQ2NjY1NjIsMjIuMTExMDgxMyBMNDEuMTU1NTM3MiwzMS45OTk5OTQyIEwyMy40NjY2NTYyLDQxLjg4ODg0MzIgTDIzLjQ2NjY1NjIsMjIuMTExMDgxMyBaIj48L3BhdGg+PC9nPjwvc3ZnPg==');

  /* Video modal secondary color pattern */
  --video-modal-scp-font-family: var(--sq-component-font-family);
  --video-modal-scp-color: var(--sq-component-secondary-color);
  --video-modal-scp-bg-color: var(--sq-component-secondary-bg-color);
  --video-modal-scp-btn-font-size: var(--sq-btn-font-size);
  --video-modal-scp-btn-font-weight: var(--sq-btn-font-weight);
  --video-modal-scp-btn-line-height: var(--sq-btn-line-height);
  --video-modal-scp-btn-border-radius: var(--sq-btn-border-radius);
  --video-modal-scp-btn-primary-color: var(--sq-btn-secondary-color);
  --video-modal-scp-btn-primary-bg-color: var(--sq-btn-secondary-bg-color);
  --video-modal-scp-btn-primary-border-color: var(
      --sq-btn-secondary-border-color
  );
  --video-modal-scp-btn-primary-hover-color: var(
      --sq-btn-secondary-hover-color
  );
  --video-modal-scp-btn-primary-hover-bg-color: var(
      --sq-btn-secondary-hover-bg-color
  );
  --video-modal-scp-btn-primary-hover-border-color: var(
      --sq-btn-secondary-hover-border-color
  );
  --video-modal-scp-btn-secondary-color: var(--sq-btn-link-secondary-color);
  --video-modal-scp-btn-secondary-bg-color: var(
      --sq-btn-link-secondary-bg-color
  );
  --video-modal-scp-btn-secondary-border-color: var(
      --sq-btn-link-secondary-border-color
  );
  --video-modal-scp-btn-secondary-hover-color: var(
      --sq-btn-link-secondary-hover-color
  );
  --video-modal-scp-btn-secondary-hover-bg-color: var(
      --sq-btn-link-secondary-hover-bg-color
  );
  --video-modal-scp-btn-secondary-hover-border-color: var(
      --sq-btn-link-secondary-hover-border-color
  );
  --video-modal-scp-font-size: var(--sq-component-font-size);
  --video-modal-scp-font-weight: var(--sq-component-font-weight);
  --video-modal-scp-line-height: var(--sq-component-line-height);
  --video-modal-scp-border: none;
  --video-modal-scp-border-radius: 0;
  --video-modal-scp-border-color: transparent;
  --video-modal-scp-heading-font-family: var(
      --sq-component-heading-font-family
  );
  --video-modal-scp-heading-font-size: var(--sq-component-heading-font-size);
  --video-modal-scp-heading-font-weight: var(
      --sq-component-heading-font-weight
  );
  --video-modal-scp-heading-line-height: var(
      --sq-component-heading-line-height
  );
  --video-modal-scp-heading-color: var(
      --sq-component-heading-secondary-color
  );
  --video-modal-scp-close-icon-color: var(--color-white);
  --video-modal-scp-close-icon-bg-color: transparent;
  --video-modal-scp-error-font-size: var(--sq-component-font-size);
  --video-modal-scp-error-font-weight: var(--sq-component-font-weight);
  --video-modal-scp-error-line-height: var(--sq-component-line-height);
  --video-modal-scp-error-color: var(--color-white);
  --video-modal-scp-error-bg-color: var(--color-blackish);
  --video-modal-scp-error-border-bottom: 1px solid
      var(--video-modal-scp-error-border-color);
  --video-modal-scp-error-border-color: var(--color-white);
  --video-modal-scp-error-heading-font-family: var(
      --sq-component-heading-font-family
  );
  --video-modal-scp-error-heading-font-size: var(
      --sq-component-heading-font-size
  );
  --video-modal-scp-error-heading-font-weight: var(
      --sq-component-heading-font-weight
  );
  --video-modal-scp-error-heading-line-height: var(
      --sq-component-heading-line-height
  );
  --video-modal-scp-error-heading-color: var(
      --sq-component-heading-primary-color
  );
  --video-modal-scp-alt-font-size: var(--sq-component-font-size);
  --video-modal-scp-alt-font-weight: var(--sq-component-font-weight);
  --video-modal-scp-alt-line-height: var(--sq-component-line-height);
  --video-modal-scp-alt-color: var(--color-white);
  --video-modal-scp-alt-bg-color: var(--color-blackish);
  --video-modal-scp-play-icon-color: var(--color-white);
  --video-modal-scp-play-icon-bg-color: var(--color-blackish);
  --video-modal-scp-play-icon-size: 4rem;
  --video-modal-scp-play-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPlBsYXkgVmlkZW88L3RpdGxlPjxnPjxwYXRoIGZpbGw9IiMyNjI2MjYiIGQ9Ik0yMS4xNTU1NDYxLDE2LjM1NTUyODMgQzIwLjA0NzMyMiwxNi40NDgyOTg5IDE5LjE5NjIyNjUsMTcuMzc2NzY2NyAxOS4xOTk5NzksMTguNDg4ODYwNyBMMTkuMTk5OTc5LDQ1LjUxMTA5OTMgQzE5LjE5NzgwMzIsNDYuMjY5ODE0NCAxOS41OTg3MDkxLDQ2Ljk3MjYxMjcgMjAuMjUyOTExMyw0Ny4zNTY4OTUgQzIwLjkwNzExMzUsNDcuNzQxMTc3MyAyMS43MTYxNzk1LDQ3Ljc0OTEyMzggMjIuMzc3ODAzNCw0Ny4zNzc3NjUyIEw0Ni41NTU1NzA0LDMzLjg2NjY2MDEgQzQ3LjI1ODc1NSwzMy40NzI3OTggNDcuNjc5OTc1MywzMi43MTYyOTYxIDQ3LjY0NDQyMzIsMzEuOTExMTA1NCBDNDcuNjE1NDE0MywzMS4xNjk0NDg0IDQ3LjIwMzA0NzUsMzAuNDk2MTYzNiA0Ni41NTU1NzA0LDMwLjEzMzI5OTkgTDIyLjM3NzgwMzQsMTYuNjIyMTk0OCBDMjIuMDA2MTgyMiwxNi40MTMxNzQgMjEuNTgwNDU4MywxNi4zMjAyOTE1IDIxLjE1NTU0NjEsMTYuMzU1NTI4MyBMMjEuMTU1NTQ2MSwxNi4zNTU1MjgzIFogTTIzLjQ2NjY1NjIsMjIuMTExMDgxMyBMNDEuMTU1NTM3MiwzMS45OTk5OTQyIEwyMy40NjY2NTYyLDQxLjg4ODg0MzIgTDIzLjQ2NjY1NjIsMjIuMTExMDgxMyBaIj48L3BhdGg+PC9nPjwvc3ZnPg==');

  /* Consent banner */
  --consent-banner-font-family: var(--sq-component-font-family);
  --consent-banner-font-size: var(--sq-component-font-size);
  --consent-banner-font-weight: var(--sq-component-font-weight);
  --consent-banner-line-height: var(--sq-component-line-height);
  --consent-banner-border-radius: var(--sq-btn-border-radius);
  --consent-banner-color: var(--sq-component-primary-color);
  --consent-banner-bg-color: var(--sq-component-primary-bg-color);
  --consent-banner-border-color: var(--sq-btn-primary-border-color);
  --consent-banner-btn-font-size: var(--sq-btn-font-size);
  --consent-banner-btn-font-weight: var(--sq-btn-font-weight);
  --consent-banner-btn-line-height: var(--sq-btn-line-height);
  --consent-banner-btn-border-radius: var(--sq-btn-border-radius);
  --consent-banner-btn-primary-color: var(--sq-btn-primary-color);
  --consent-banner-btn-primary-bg-color: var(--sq-btn-primary-bg-color);
  --consent-banner-btn-primary-border-color: var(
      --sq-btn-primary-border-color
  );
  --consent-banner-btn-primary-hover-color: var(--sq-btn-primary-hover-color);
  --consent-banner-btn-primary-hover-bg-color: var(
      --sq-btn-primary-hover-bg-color
  );
  --consent-banner-btn-primary-hover-border-color: var(
      --sq-btn-primary-hover-border-color
  );
  --consent-banner-border: none;
  --consent-banner-link-color: var(--color-link-blue);
  --consent-banner-external-icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iQXJ0Ym9hcmQtQ29weS0yIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iZXh0ZXJuYWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDAwMDAwLCAyLjAwMDAwMCkiIGZpbGw9IiMwOTY0QUYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMSwxMyBMMSwxMyBDMC43MzQ4OSwxMi45OTk2IDAuNDgwNzUsMTIuODk0MiAwLjI5MzI5LDEyLjcwNjcgQzAuMTA1ODMsMTIuNTE5MyAwLjAwMDM2LDEyLjI2NTEgMCwxMiBMMCwyIEMwLjAwMDM2LDEuNzM0ODkgMC4xMDU4MywxLjQ4MDc1IDAuMjkzMjksMS4yOTMyOSBDMC40ODA3NSwxLjEwNTgzIDAuNzM0ODksMS4wMDAzNiAxLDEgTDYsMSBMNiwyIEwxLDIgTDEsMTIgTDExLDEyIEwxMSw3IEwxMiw3IEwxMiwxMiBDMTEuOTk5NiwxMi4yNjUxIDExLjg5NDIsMTIuNTE5MyAxMS43MDY3LDEyLjcwNjcgQzExLjUxOTMsMTIuODk0MiAxMS4yNjUxLDEyLjk5OTYgMTEsMTMgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iOCAwIDggMSAxMS4yOTMgMSA3IDUuMjkzIDcuNzA3IDYgMTIgMS43MDcgMTIgNSAxMyA1IDEzIDAiPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
  --consent-banner-reject-icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+QXJ0Ym9hcmQ8L3RpdGxlPgogICAgPGcgaWQ9IkFydGJvYXJkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjEyIDQuNyAxMS4zIDQgOCA3LjMgNC43IDQgNCA0LjcgNy4zIDggNCAxMS4zIDQuNyAxMiA4IDguNyAxMS4zIDEyIDEyIDExLjMgOC43IDgiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+');
  --consent-banner-accept-icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iQXJ0Ym9hcmQtQ29weSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSI2LjUgMTIuMjA3MDAxIDIgNy43MDcwMDEgMi43MDcgNy4wMDAwMDEgNi41IDEwLjc5MjUwMSAxMy4yOTMgNCAxNCA0LjcwNzAwMSI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=');

  /* Image gallery */
  --image-gallery-bg-color: var(--sq-component-default-bg-color);
  --image-gallery-grid-gap: 3rem;
  --image-gallery-item-border: 0 solid var(--image-gallery-item-border-color);
  --image-gallery-item-border-radius: 0;
  --image-gallery-item-border-color: transparent;
  --image-gallery-close-icon-color: var(--color-white);
  --image-gallery-close-icon-bg-color: transparent;
  --image-gallery-caption-font-family: var(--sq-component-font-family);
  --image-gallery-caption-font-size: var(--sq-component-font-size);
  --image-gallery-caption-font-weight: var(--sq-component-font-weight);
  --image-gallery-caption-line-height: var(--sq-component-line-height);
  --image-gallery-caption-color: var(--color-white);
  --image-gallery-caption-bg-color: transparent;
  --image-gallery-caption-header-font-family: var(
      --sq-component-heading-font-family
  );
  --image-gallery-caption-header-font-size: 1.5rem;
  --image-gallery-caption-header-font-weight: var(
      --sq-component-heading-font-weight
  );
  --image-gallery-caption-header-line-height: var(
      --sq-component-heading-line-height
  );
  --image-gallery-navigation-color: var(--color-white);
  --image-gallery-pagination-color: var(--color-white);
  --image-gallery-close-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgMi4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNMTkuNTU2MzE0LDAuNDU4NzcxODEgQzE5LjI3Mjg5NDEsMC4xNzQ3Njg5NTMgMTguODg4MTQ0OCwwLjAxNTE2ODgxNjggMTguNDg2OTE3LDAuMDE1MTY4ODE2OCBDMTguMDg1Njg5MSwwLjAxNTE2ODgxNjggMTcuNzAwOTM5OCwwLjE3NDc2ODk1MyAxNy40MTc1MTk5LDAuNDU4NzcxODEgTDEwLDcuODYxMTU0MzkgTDIuNTgyNDgwMDksMC40NDM2MDI5OTMgQzIuMjk5MDYwMTUsMC4xNTk2MDAxMzYgMS45MTQzMTA5MSwwIDEuNTEzMDgzMDUsMCBDMS4xMTE4NTUxOCwwIDAuNzI3MTA1OTQ2LDAuMTU5NjAwMTM2IDAuNDQzNjg2MDA3LDAuNDQzNjAyOTkzIEMtMC4xNDc4OTUzMzYsMS4wMzUxODY4NSAtMC4xNDc4OTUzMzYsMS45OTA4MjIzIDAuNDQzNjg2MDA3LDIuNTgyNDA2MTYgTDcuODYxMjA1OTIsOS45OTk5NTc1NSBMMC40NDM2ODYwMDcsMTcuNDE3NTA4OSBDLTAuMTQ3ODk1MzM2LDE4LjAwOTA5MjggLTAuMTQ3ODk1MzM2LDE4Ljk2NDcyODMgMC40NDM2ODYwMDcsMTkuNTU2MzEyMSBDMS4wMzUyNjczNSwyMC4xNDc4OTYgMS45OTA4OTg3NSwyMC4xNDc4OTYgMi41ODI0ODAwOSwxOS41NTYzMTIxIEwxMCwxMi4xMzg3NjA3IEwxNy40MTc1MTk5LDE5LjU1NjMxMjEgQzE4LjAwOTEwMTMsMjAuMTQ3ODk2IDE4Ljk2NDczMjcsMjAuMTQ3ODk2IDE5LjU1NjMxNCwxOS41NTYzMTIxIEMyMC4xNDc4OTUzLDE4Ljk2NDcyODMgMjAuMTQ3ODk1MywxOC4wMDkwOTI4IDE5LjU1NjMxNCwxNy40MTc1MDg5IEwxMi4xMzg3OTQxLDkuOTk5OTU3NTUgTDE5LjU1NjMxNCwyLjU4MjQwNjE2IEMyMC4xMzI3MjY2LDIuMDA1OTkxMTIgMjAuMTMyNzI2NiwxLjAzNTE4Njg1IDE5LjU1NjMxNCwwLjQ1ODc3MTgxIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');

  /* Dialog */
  --dialog-font-family: var(--sq-component-font-family);
  --dialog-color: var(--sq-component-primary-color);
  --dialog-bg-color: var(--sq-component-primary-bg-color);
  --dialog-btn-font-size: var(--sq-btn-font-size);
  --dialog-btn-font-weight: var(--sq-btn-font-weight);
  --dialog-btn-line-height: var(--sq-btn-line-height);
  --dialog-btn-border-radius: var(--sq-btn-border-radius);
  --dialog-btn-color: var(--sq-btn-primary-color);
  --dialog-btn-bg-color: var(--sq-btn-primary-bg-color);
  --dialog-btn-border-color: var(--sq-btn-primary-border-color);
  --dialog-btn-hover-color: var(--sq-btn-primary-hover-color);
  --dialog-btn-hover-bg-color: var(--sq-btn-primary-hover-bg-color);
  --dialog-btn-hover-border-color: var(--sq-btn-primary-hover-border-color);
  --dialog-font-size: var(--sq-component-font-size);
  --dialog-font-weight: var(--sq-component-font-weight);
  --dialog-line-height: var(--sq-component-line-height);
  --dialog-font-weight-bold: var(--sq-component-font-weight);
  --dialog-border: none;
  --dialog-border-radius: 0;
  --dialog-border-color: transparent;
  --dialog-heading-font-family: var(--sq-component-heading-font-family);
  --dialog-heading-font-size: var(--sq-component-heading-font-size);
  --dialog-heading-font-weight: var(--sq-component-heading-font-weight);
  --dialog-heading-line-height: var(--sq-component-heading-line-height);
  --dialog-heading-color: var(--sq-component-heading-primary-color);
  --dialog-close-icon-color: var(--color-light-grey);
  --dialog-close-icon-bg-color: transparent;
}