@font-face {
  font-family: MrAlex-Bold;
  src: url('https://static.customersaas.com/qc5/mobile_vikings_be/assets/mralex-bold.woff');
  font-display: swap;
}

@font-face {
  font-family: 'Foro Sans';
  src: url('https://static.customersaas.com/qc5/mobile_vikings_be_csr/assets/forosans-regular.woff');
  font-display: swap;
}

@font-face {
  font-family: Foro;
  src: url('https://static.customersaas.com/qc5/mobile_vikings_be_csr/assets/foro-bold.woff');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('https://static.customersaas.com/qc5/mobile_vikings_be/assets/OpenSans-Regular.woff');
  font-display: swap;
}

body {
  margin: 0;
}

:root {
  /* GENERAL COLOR VARIABLES */
  --qelp-link: #cd0400;
  --qelp-link-hover: #df2700;
  --qelp-link-active: #801500;
  --qelp-accent: #cd0400;
  --qelp-headers: #000;
  --qelp-body: #444;
  --qelp-body-hover: #262626;
  --qelp-muted: #555;
  --qelp-muted-hover: #404040;
  --qelp-line: #ccc;
  --qelp-line-hover: #b3b3b3;
  --qelp-line-active: #999;
  --qelp-tint: #e6e8e5;
  --qelp-tint-hover: #e6e8e5;
  --qelp-light: #f5f5f5;
  --qelp-background: #f5f5f5;
  --qelp-background-accent: #f1dddd;
  --qelp-background-light: #f6f6f6;
  --qelp-background-dark: #000;
  --qelp-qlicker: #cd0400;
  --qelp-error: #cd0400;
  --qelp-subtitle-color: var(--qelp-body);
  --qelp-main-title-color: initial;
  --qelp-subtitle-font-size: 18px;
  --qelp-subtitle-font-weight: 400;
  --qelp-subtitle-font-family: var(--qelp-font-family);
  --qelp-super-container-overflow-x: visible;

  /* COLOURS RELATED TO THE STEP LIST */
  --qelp-steps-resume-current-step: var(--qelp-accent);
  --qelp-steps-resume-current-step-font-family: 'Foro Sans';
  --qelp-step-list-current-step: var(--qelp-body);
  --qelp-step-list-step-number: var(--qelp-body);
  --qelp-step-list-current-step-number-font-family: 'Foro Sans';
  --qelp-step-list-step: var(--qelp-body);
  --qelp-step-list-link-text-decoration: underline;
  --qelp-step-list-font-size: 22px;
  --qelp-step-list-font-weight: 900;
  --qelp-scrollable-step-list-font-family: initial;
  --qelp-scrollable-step-list-active-font-family: var(--qelp-font-family-bold);
  --qelp-scrollable-step-list-active-font-size: 20px;
  --qelp-scrollable-step-list-line-height: 22px;

  /* FONT VARIABLES */
  --qelp-font-family: 'Foro Sans';
  --qelp-font-family-light: 'Foro';
  --qelp-font-family-bold: 'Foro';
  --qelp-font-family-secondary: 'OpenSans-Regular';
  --qelp-font-family-secondary-light: 'OpenSans-Light';
  --qelp-font-family-secondary-bold: 'OpenSans-Bold';
  --qelp-h1-font-family: 'MrAlex-Bold';
  --qelp-h1-font-size: 48px;
  --qelp-h1-line-height: 50px;
  --qelp-h1-font-weight: 700;
  --qelp-h1-color: #333;
  --qelp-h1-text-transform: uppercase;
  --qelp-h1-mobile-font-family: 'MrAlex-Bold';
  --qelp-h1-mobile-font-size: 42px;
  --qelp-h1-mobile-line-height: 50px;
  --qelp-h1-mobile-font-weight: 700;
  --qelp-h1-mobile-color: #333;
  --qelp-h1-mobile-text-transform: uppercase;
  --qelp-h2-font-family: 'MrAlex-Bold';
  --qelp-h2-font-size: 36px;
  --qelp-h2-line-height: 42px;
  --qelp-h2-font-weight: 700;
  --qelp-h2-color: #333;
  --qelp-h2-text-transform: uppercase;
  --qelp-h2-mobile-font-family: 'MrAlex-Bold';
  --qelp-h2-mobile-font-size: 36px;
  --qelp-h2-mobile-line-height: 42px;
  --qelp-h2-mobile-font-weight: 700;
  --qelp-h2-mobile-color: #333;
  --qelp-h2-mobile-text-transform: uppercase;
  --qelp-h3-font-family: 'MrAlex-Bold';
  --qelp-h3-font-size: 32px;
  --qelp-h3-line-height: 48px;
  --qelp-h3-font-weight: 700;
  --qelp-h3-color: #333;
  --qelp-h3-text-transform: uppercase;
  --qelp-h3-mobile-font-family: 'MrAlex-Bold';
  --qelp-h3-mobile-font-size: 28px;
  --qelp-h3-mobile-line-height: 40px;
  --qelp-h3-mobile-font-weight: 700;
  --qelp-h3-mobile-color: #333;
  --qelp-h3-mobile-text-transform: uppercase;
  --qelp-body-font-family: 'Foro Sans';
  --qelp-body-font-size: 16px;
  --qelp-body-line-height: 25px;
  --qelp-body-font-weight: 400;
  --qelp-body-bold-font-family: 'OpenSans-Regular';
  --qelp-body-bold-font-size: 16px;
  --qelp-body-bold-line-height: 22px;
  --qelp-body-bold-font-weight: 700;
  --qelp-body-cards-font-family: 'Open Sans';
  --qelp-body-cards-font-size: 16px;
  --qelp-body-cards-line-height: 24px;
  --qelp-body-cards-font-weight: 700;
  --qelp-body-cards-mobile-font-family: 'Open Sans';
  --qelp-body-cards-mobile-font-size: 16px;
  --qelp-body-cards-mobile-line-height: 24px;
  --qelp-body-cards-mobile-font-weight: 700;
  --qelp-small-font-family: 'Foro Sans';
  --qelp-small-font-size: 14px;
  --qelp-small-line-height: 18px;
  --qelp-small-font-weight: 400;
  --qelp-alertbox-font-family: 'Foro';

  /* ALERTBOX, BOXES */
  --qelp-box-background-color: none;
  --qelp-box-font-family: 'Foro';
  --qelp-box-box-shadow: 0 2px 4px rgb(87 84 82 / 20%);
  --qelp-alertbox-font-size: 16px;
  --qelp-alertbox-font-size-mobile: 12px;
  --qelp-alertbox-line-height: 22px;
  --qelp-alertbox-line-height-mobile: 15px;

  /* OS CHOICE */

  --qelp-os-choice-font-size: 12px;
  --qelp-os-choice-line-height: 15px;
  --qelp-change-os-font-size: 14px;

  /* TROUBLESHOOTING WIZARD */

  /* Image button */
  --qelp-button-image-background-color: #e6e8e5;
  --qelp-button-image-color: #2c2c2c;
  --qelp-button-image-border: none;
  --qelp-button-image-border-radius: 4px;
  --qelp-button-image-box-shadow: 0 2px 4px rgb(87 84 82 / 20%);
  --qelp-button-image-font-family: var(--qelp-font-family-bold);

  /* Image button: hover, active states */
  --qelp-button-image-hover-background-color: #e6e8e5;
  --qelp-button-hover-image-color: #2c2c2c;
  --qelp-button-image-hover-box-shadow: 0 6px 30px 0 rgb(0 0 0 / 12%);

  /* STEP LIST */
  --qelp-step-item-active-border-left: none;
  --qelp-step-title-font-weight: 400;
  --qelp-step-title-font-size: 36px;
  --qelp-step-title-text-transform: uppercase;
  --qelp-step-title-color-active: #2c2c2c;
  --qelp-step-title-color-inactive: #7f7f7f;

  /* BUTTON VARIABLES - CTA */

  /* Normal - size and font */
  --qelp-button-normal-font-family: 'Foro';
  --qelp-button-normal-font-size: 16px;
  --qelp-button-normal-line-height: 24px;
  --qelp-button-normal-font-weight: 700;
  --qelp-button-normal-min-width: 68px;
  --qelp-button-normal-text-transform: none;
  --qelp-button-normal-padding: calc(var(--qelp-space-unit) * 2)
    calc(var(--qelp-space-unit) * 3);

  /* Large - size and font */
  --qelp-button-large-font-family: 'OpenSans-Regular';
  --qelp-button-large-font-size: 16px;
  --qelp-button-large-line-height: 13px;
  --qelp-button-large-font-weight: 500;
  --qelp-button-large-min-width: 78px;
  --qelp-button-large-text-transform: uppercase;

  /* Primary - styles and colors */
  --qelp-button-primary-background-color: #cd0400;
  --qelp-button-primary-color: #fff;
  --qelp-button-primary-text-decoration: none;
  --qelp-button-primary-box-shadow: 0 3px 0 #801500;
  --qelp-button-primary-hover-background-color: #df2700;
  --qelp-button-primary-hover-color: #fff;
  --qelp-button-primary-hover-text-decoration: none;
  --qelp-button-primary-hover-box-shadow: 0 3px 0 #801500;
  --qelp-button-primary-focus-border: 1px solid #333;
  --qelp-button-primary-focus-outline: none;
  --qelp-button-primary-focus-text-decoration: none;
  --qelp-button-primary-focus-background-color: #cd0400;
  --qelp-button-primary-focus-color: #fff;
  --qelp-button-primary-focus-box-shadow: 0 0 0 1px #333;
  --qelp-button-primary-active-text-decoration: none;
  --qelp-button-primary-active-background-color: #cd0400;
  --qelp-button-primary-active-color: #fff;
  --qelp-button-primary-active-box-shadow: 0 3px 0 #801500;
  --qelp-button-primary-disabled-text-decoration: none;
  --qelp-button-primary-disabled-background-color: #cd0400;
  --qelp-button-primary-disabled-color: #fff;
  --qelp-button-primary-disabled-box-shadow: 0 3px 0 #801500;

  /* Secondary - styles and colors */
  --qelp-button-secondary-background-color: #e6e8e5;
  --qelp-button-secondary-color: #575756;
  --qelp-button-secondary-border: 1px solid transparent;
  --qelp-button-secondary-text-decoration: none;
  --qelp-button-secondary-box-shadow: 0 3px 0 0 #b3b3b3;
  --qelp-button-secondary-hover-text-decoration: none;
  --qelp-button-secondary-hover-border: 1px solid transparent;
  --qelp-button-secondary-hover-color: #575756;
  --qelp-button-secondary-hover-background-color: #e2e4e1;
  --qelp-button-secondary-hover-box-shadow: 0 3px 0 0 #b3b3b3;
  --qelp-button-secondary-focus-outline: 1px solid #333;
  --qelp-button-secondary-focus-text-decoration: none;
  --qelp-button-secondary-focus-border: 1px solid transparent;
  --qelp-button-secondary-focus-color: #575756;
  --qelp-button-secondary-focus-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #333;
  --qelp-button-secondary-focus-background-color: #e2e4e1;
  --qelp-button-secondary-active-text-decoration: none;
  --qelp-button-secondary-active-border: 1px solid transparent;
  --qelp-button-secondary-active-color: #575756;
  --qelp-button-secondary-active-background-color: #e2e4e1;
  --qelp-button-secondary-active-box-shadow: none;
  --qelp-button-secondary-disabled-text-decoration: none;
  --qelp-button-secondary-disabled-border: 1px solid transparent;
  --qelp-button-secondary-disabled-color: #575756;
  --qelp-button-secondary-disabled-background-color: #e2e4e1;
  --qelp-button-secondary-disabled-box-shadow: none;

  /* CTA */
  --qelp-button-cta-border-radius: 8px;
  --qelp-button-cta-height: 48px;
  --qelp-button-cta-feedback-background-color: var(
    --qelp-button-primary-background-color
  );
  --qelp-button-cta-min-width: initial;
  --qelp-button-cta-padding: 8px 24px;
  --qelp-button-cta-box-shadow: 0 3px 0 rgb(127 127 127 / 70%);
  --qelp-button-cta-font-family: 'Foro';
  --qelp-button-cta-text-transform: 'none';

  /* Zoom buttons */
  --qelp-zoom-btn-color: #6a6a6a;
  --qelp-zoom-btn-color-hover: #333;
  --qelp-zoom-btn-color-disabled: #c1d0d6;
  --qelp-zoom-btn-background: rgb(255 255 255 / 80%);
  --qelp-zoom-btn-background-hover: rgb(255 255 255 / 90%);
  --qelp-zoom-btn-font-size: 24px;
  --qelp-zoom-btn-border-radius: 50%;
  --qelp-zoom-btn-size: 48px;

  /* Others button rules - general */
  --qelp-button-border-radius: 8px;

  /* HERO VARIABLES */

  --qelp-hero-search-width: 450px;
  --qelp-hero-content-padding: calc(6 * var(--qelp-space-unit));
  --qelp-hero-content-mobile-padding: calc(8 * var(--qelp-space-unit))
    calc(3 * var(--qelp-space-unit));
  --qelp-hero-search-margin: 0 0 0 auto;
  --qelp-hero-height: 280px;
  --qelp-hero-background: #fff;
  --qelp-hero-title-color: #fff;
  --qelp-hero-title-font-family: 'OpenSans-Regular';
  --qelp-hero-title-font-weight: 700;
  --qelp-hero-title-font-size: 48px;
  --qelp-hero-title-line-height: 60px;
  --qelp-hero-title-text-case: uppercase;
  --qelp-hero-title-alignment: right;
  --qelp-hero-title-mobile-font-size: 32px;
  --qelp-hero-title-mobile-line-height: 40px;
  --qelp-hero-subtitle-color: #fff;
  --qelp-hero-subtitle-font-family: 'OpenSans-Regular';
  --qelp-hero-subtitle-font-weight: 24px;
  --qelp-hero-subtitle-font-size: 700;
  --qelp-hero-subtitle-line-height: 35px;
  --qelp-hero-subtitle-text-case: initial;
  --qelp-hero-subtitle-alignment: right;
  --qelp-hero-subtitle-mobile-font-size: 18px;
  --qelp-hero-subtitle-mobile-line-height: 24px;
  --qelp-hero-margin-top: calc(-12 * var(--qelp-space-unit));
  --qelp-hero-margin-top-mobile: calc(-6 * var(--qelp-space-unit));

  /* CARDS VARIABLES */

  /* Product Tiles */
  --qelp-product-tiles-color: #2c2c2c;
  --qelp-product-tiles-background-color: #e6e8e5;
  --qelp-product-tiles-box-shadow: 0 2px 4px rgb(87 84 82 / 20%);
  --qelp-product-tiles-border: none;
  --qelp-product-tiles-hover-color: #cd0400;
  --qelp-product-tiles-hover-background-color: #e6e8e5;
  --qelp-product-tiles-hover-box-shadow:
    0 6px 30px rgb(0 0 0 / 12%), 0 8px 10px rgb(0 0 0 / 20%);
  --qelp-product-tiles-hover-border: none;
  --qelp-product-tiles-focus-color: #cd0400;
  --qelp-product-tiles-focus-background-color: #e6e8e5;
  --qelp-product-tiles-focus-box-shadow:
    0 6px 30px rgb(0 0 0 / 12%), 0 8px 10px rgb(0 0 0 / 20%);
  --qelp-product-tiles-focus-border: none;
  --qelp-product-tiles-active-color: #cd0400;
  --qelp-product-tiles-active-background-color: #e6e8e5;
  --qelp-product-tiles-active-box-shadow:
    0 6px 30px rgb(0 0 0 / 12%), 0 8px 10px rgb(0 0 0 / 20%);
  --qelp-product-tiles-active-border: none;
  --qelp-product-tiles-border-radius: none;
  --qelp-product-tiles-min-height: auto;
  --qelp-product-title-boxes-background-color: none;
  --qelp-product-title-boxes-padding: calc(2 * var(--qelp-space-unit)) 0;
  --qelp-device-card-title-color: var(--qelp-body);

  /* Product Search Tiles */
  --qelp-product-search-tiles-color: #cd0400;
  --qelp-product-search-tiles-box-shadow: none;
  --qelp-product-search-hover-tiles-box-shadow: none;
  --qelp-product-search-hover-tiles-text-decoration: underline;

  /* Manufacturer Tiles */
  --qelp-manufacturer-tiles-background-color: #fff;
  --qelp-manufacturer-tiles-box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
  --qelp-manufacturer-tiles-border: 0;
  --qelp-manufacturer-tiles-hover-background-color: #fff;
  --qelp-manufacturer-tiles-hover-box-shadow:
    0 6px 30px rgb(0 0 0 / 12%), 0 8px 10px rgb(0 0 0 / 20%);
  --qelp-manufacturer-tiles-hover-border: 0;
  --qelp-manufacturer-tiles-focus-background-color: #fff;
  --qelp-manufacturer-tiles-focus-box-shadow:
    0 6px 30px rgb(0 0 0 / 12%), 0 8px 10px rgb(0 0 0 / 20%);
  --qelp-manufacturer-tiles-focus-border: 2px solid #4d4d4d;
  --qelp-manufacturer-tiles-active-background-color: #fff;
  --qelp-manufacturer-tiles-active-box-shadow:
    0 6px 30px rgb(0 0 0 / 12%), 0 8px 10px rgb(0 0 0 / 20%);
  --qelp-manufacturer-tiles-active-border: none;
  --qelp-manufacturer-tiles-border-radius: none;
  --qelp-manufacturer-all-products-container-padding: calc(
      8 * var(--qelp-space-unit)
    )
    calc(6 * var(--qelp-space-unit));
  --qelp-manufacturer-all-products-container-padding-mobile: calc(
      6 * var(--qelp-space-unit)
    )
    calc(3 * var(--qelp-space-unit));
  --qelp-manufacturer-all-products-container-padding-tablet: calc(
      6 * var(--qelp-space-unit)
    )
    calc(2 * var(--qelp-space-unit)) calc(3 * var(--qelp-space-unit))
    calc(2 * var(--qelp-space-unit));
  --qelp-manufacturer-all-products-grid-template-columns: repeat(
    6,
    minmax(136px, 1fr)
  );

  /* Featured Manufacturer Tiles */
  --qelp-featured-manufacturer-tiles-background-color: #e6e8e5;
  --qelp-featured-manufacturer-tiles-box-shadow: 0 2px 4px rgb(87 84 82 / 20%);
  --qelp-featured-manufacturer-tiles-border: none;
  --qelp-featured-manufacturer-tiles-hover-background-color: #e6e8e5;
  --qelp-featured-manufacturer-tiles-hover-box-shadow:
    0 6px 30px rgb(0 0 0 / 12%), 0 8px 10px rgb(0 0 0 / 20%);
  --qelp-featured-manufacturer-tiles-hover-border: none;
  --qelp-featured-manufacturer-tiles-focus-background-color: #e6e8e5;
  --qelp-featured-manufacturer-tiles-focus-box-shadow:
    0 6px 30px rgb(0 0 0 / 12%), 0 8px 10px rgb(0 0 0 / 20%);
  --qelp-featured-manufacturer-tiles-focus-border: none;
  --qelp-featured-manufacturer-tiles-active-background-color: #e6e8e5;
  --qelp-featured-manufacturer-tiles-active-box-shadow:
    0 6px 30px rgb(0 0 0 / 12%), 0 8px 10px rgb(0 0 0 / 20%);
  --qelp-featured-manufacturer-tiles-active-border: none;
  --qelp-featured-manufacturer-tiles-border-radius: none;

  /* OS Tiles */
  --qelp-os-tiles-color: #cd0400;
  --qelp-os-tiles-background-color: #fff;
  --qelp-os-tiles-box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
  --qelp-os-tiles-border: 2px solid transparent;
  --qelp-os-tiles-hover-color: #df2700;
  --qelp-os-tiles-hover-background-color: #fff;
  --qelp-os-tiles-hover-box-shadow:
    0 2px 14px rgb(0 0 0 / 12%), 0 3px 5px rgb(0 0 0 / 20%);
  --qelp-os-tiles-hover-border: 2px solid transparent;
  --qelp-os-tiles-focus-color: #801500;
  --qelp-os-tiles-focus-background-color: #fff;
  --qelp-os-tiles-focus-box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
  --qelp-os-tiles-focus-border: 2px solid #4d4d4d;
  --qelp-os-tiles-active-color: #801500;
  --qelp-os-tiles-active-background-color: #fff;
  --qelp-os-tiles-active-box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
  --qelp-os-tiles-active-border: 2px solid #cd0400;
  --qelp-os-tiles-border-radius: 5px;

  /* SEARCHBOX GENERAL VARIABLES */

  --qelp-searchbox-border: 1px solid #7f7f7f;
  --qelp-searchbox-border-radius: none;
  --qelp-searchbox-result-background: #e6e8e5;
  --qelp-searchbox-focus-border: 1px solid #7f7f7f;
  --qelp-searchbox-placeholder-font-family: var(--qelp-font-family);
  --qelp-searchbox-placeholder-color: var(--qelp-muted);

  /* ACCORDION VARIABLES */

  --qelp-accordion-title-font-family: 'OpenSans-Regular';
  --qelp-accordion-title-font-size: 20px;
  --qelp-accordion-title-font-size-installation-flow: 16px;
  --qelp-accordion-title-line-height: 30px;
  --qelp-accordion-title-font-weight: 400;
  --qelp-accordion-tittle-font-weight-installation-flow: 700;
  --qelp-accordion-title-text-transform-installation-flow: 'none';

  /* BREADCRUMB VARIABLES */

  --qelp-breadcrumb-font-family: 'Foro Sans';
  --qelp-breadcrumb-last-font-family: 'OpenSans-Regular';
  --qelp-breadcrumb-last-font-weight: normal;
  --qelp-breadcrumb-font-size: 16px;
  --qelp-breadcrumb-line-height: 22px;
  --qelp-breadcrumb-font-weight: 700;
  --qelp-breadcrumb-text-decoration: none;
  --qelp-breadcrumb-font-color: #cd0400;
  --qelp-breadcrumb-font-color-hover: #df2700;
  --qelp-breadcrumb-font-color-active: #801500;
  --qelp-breadcrumb-active-font-color: #444;
  --qelp-breadcrumb-margin: 0 0 15px;

  /* NAVIGATION LINKS VARIABLES */

  --qelp-navigation-links-font-family: 'Foro Sans';
  --qelp-navigation-links-font-size: 16px;
  --qelp-navigation-links-line-height: 22px;
  --qelp-navigation-links-font-weight: 400;
  --qelp-navigation-links-icon-color: #cd0400;
  --qelp-navigation-links-icon-color-hover: #df2700;
  --qelp-navigation-links-icon-color-active: #801500;
  --qelp-navigation-links-text-color: #cd0400;
  --qelp-navigation-links-text-color-hover: #df2700;
  --qelp-navigation-links-text-color-active: #801500;

  /* CATEGORY TOPICS VARIABLES */

  --qelp-category-topics-title-font-family: 'MrAlex-Bold';
  --qelp-category-topics-title-font-size: 32px;
  --qelp-category-topics-title-line-height: 40px;
  --qelp-category-topics-title-font-weight: 700;
  --qelp-category-topics-title-text-color: #636462;
  --qelp-category-topics-title-transform: uppercase;

  /* LIST ITEMS VARIABLES */

  --qelp-list-items-font-family: 'Foro Sans';
  --qelp-list-items-font-size: 16px;
  --qelp-list-items-line-height: 28px;
  --qelp-list-items-font-weight: 400;
  --qelp-list-items-text-color: #cd0400;
  --qelp-list-items-text-color-hover: #cd0400;
  --qelp-list-items-text-color-active: #cd0400;
  --qelp-list-items-icon-color: #cd0400;

  /* LIST IMAGES VARIABLES TOPICS / PRODUCTS */
  --qelp-list-images-items-background-color: var(
    --qelp-manufacturer-tiles-background-color
  );
  --qelp-list-images-items-border: var(--qelp-manufacturer-tiles-border);
  --qelp-list-images-items-box-shadow: var(
    --qelp-topics-categories-tiles-box-shadow
  );
  --qelp-list-images-items-color: var(--qelp-body);
  --qelp-list-images-items-text-decoration: none;
  --qelp-list-images-items-hover-color: var(--qelp-body);
  --qelp-list-images-items-hover-text-decoration: initial;
  --qelp-list-images-items-hover-box-shadow: var(
    --qelp-manufacturer-tiles-hover-box-shadow
  );
  --qelp-list-images-items-hover-background-color: var(
    --qelp-manufacturer-tiles-hover-background-color
  );

  /* USECASE */
  --qelp-scroll-usecase-font-color: #cd0400;

  /* ARTICLE */
  --qelp-article-h2-font-family: 'OpenSans-Regular';
  --qelp-article-h2-font-size: 18px;
  --qelp-article-h2-font-color: initial;
  --qelp-article-h2-padding: 8px 0 0;
  --qelp-article-h3-font-family: 'OpenSans-Regular';
  --qelp-article-h3-font-size: 18px;
  --qelp-article-h3-font-color: initial;
  --qelp-article-h3-padding: 8px 0 0;
  --qelp-article-border-bottom: 1px solid #ccc;
  --qelp-article-border-left: 1px solid #ccc;
  --qelp-article-border-top: 1px solid #ccc;
  --qelp-article-border-right: 1px solid #ccc;
  --qelp-article-list-style: disc;
  --qelp-article-list-padding: 8px 20px;
  --qelp-article-h2-font-weight: bold;
  --qelp-article-h3-font-weight: bold;
  --qelp-article-thead-tr-border-bottom: 2px solid #ccc;
  --qelp-article-thead-tr-border-top: 1px solid transparent;
  --qelp-article-thead-td-border-left: 1px solid transparent;
  --qelp-article-thead-td-border-right: 1px solid transparent;
  --qelp-article-thead-font-family: var(--qelp-font-family-bold);
  --qelp-article-thead-text-transform: uppercase;
  --qelp-article-thead-font-size: initial;
  --qelp-article-background-color: #e6e8e5;

  /* GENERAL FEEDBACK FORM */
  --qelp-feedback-box-shadow: initial;
  --qelp-feedback-background: #e6e8e5;
  --qelp-feedback-header-font-size: 32px;
  --qelp-feedback-close-color: var(--qelp-link);
  --qelp-feedback-body-font-color: var(--qelp-body);
  --qelp-feedback-textfield-title-font-family: 'MrAlex-Bold';
  --qelp-feedback-textfield-title-font-size: 20px;
  --qelp-feedback-textfield-title-text-transform: 'uppercase';
  --qelp-feedback-header-font-color: #000;
  --qelp-feedback-emoji-text-font-family: 'Foro Sans';
  --qelp-feedback-emoji-text-color: #2c2c2c;

  /* FEATURED COMPONENTS VARIABLES */

  /* Categories */
  --qelp-featured-categories-button-position: flex-start;

  /* Topics */
  --qelp-featured-topics-button-position: flex-start;

  /* Devices */
  --qelp-featured-devices-button-position: flex-start;

  /* Manufacturers */
  --qelp-featured-manufacturers-button-position: flex-start;
  --qelp-featured-manufacturers-show-more-position: flex-end;

  /* All Category Topics */
  --qelp-featured-category-topics-button-position: flex-start;

  /* GENERAL VARIABLES */
  --qelp-space-unit: 5px;
  --qelp-spacer: 40px;
  --qelp-spacer-mobile: 40px;
  --qelp-box-border-radius: initial;

  /* DIVIDER */
  --qelp-divider-size: 1px;
  --qelp-divider-color: #9b9b9b;

  /* EMULATOR VARIABLES */
  --qelp-emulator-title-font-size: initial;
  --qelp-emulator-subtitle-font-size: initial;

  /* Feedback */
  --qelp-emulator-feedback-btn-color: #0af;
  --qelp-emulator-feedback-btn-font-size: initial;
  --qelp-emulator-feedback-btn-font-weight: bold;
  --qelp-emulator-feedback-padding: 12px 0 56px 0;

  /* Related tutorials */
  --qelp-emulator-tutorials-list-background-color: #f6f6f6;
  --qelp-emulator-tutorials-header-font-size: 16px;
  --qelp-emulator-tutorials-header-color: #333;
  --qelp-emulator-tutorials-header-background: #e8e8e8;
  --qelp-emulator-tutorials-link-size: 14px;
  --qelp-emulator-tutorials-link-color: inherit;
  --qelp-emulator-tutorials-link-hover-color: #08c;
  --qelp-emulator-error-modal-width: 163px;
  --qelp-emulator-error-modal-close-size: 18px;
  --qelp-emulator-clicker-color: #ffce0a;
  --qelp-emulator-clicker-hover-color: #fedf5f;
  --qelp-emulator-clicker-disabled-color: #7d7d7d;
  --qelp-emulator-clicker-border-size: 1px;
  --qelp-emulator-clicker-border-size-focus: 2px;
  --qelp-emulator-link-hover-background: #fff;
  --qelp-emulator-list-height: 576px;
  --qelp-emulator-header-padding: 0;

  /* Tutorial Component */
  --qelp-tutorial-title-text-transform: uppercase;
  --qelp-tutorial-title-font-weight: 900;

  /* Device */
  --qelp-emulator-button-large-size: 42px;
  --qelp-emulator-button-small-size: 30px;
  --qelp-emulator-scroll-controls-space: 18px;
  --qelp-emulator-button-margin-big: 50px;
  --qelp-emulator-screen-border-radius: 15px;
  --qelp-emulator-play-btn-size: 50px;
  --qelp-emulator-play-btn-color: #ffce0a;
  --qelp-emulator-play-background-color: rgb(0 0 0 / 50%);

  /* PROGRESS BAR VARIABLES */
  --qelp-progress-bar-background-color: var(--qelp-line);
  --qelp-progress-bar-active-background-color: var(--qelp-accent);
  --qelp-progress-bar-border-radius: 5px;
  --qelp-usecase-header-margin: 32px 0 24px 0;

  /* Pages heading */
  --qelp-heading-action-button-height: 39px;

  /* CSR */
  --qelp-csr-text-field-url-background-color: var(--qelp-line);
  --qelp-csr-text-field-url-border: 1px solid var(--qelp-line-active);
  --qelp-csr-text-field-url-border-radius: 0;
  --qelp-csr-image-height: 60px;
  --qelp-csr-container-min-height: auto;
  --qelp-csr-container-padding: 8px 16px;
  --qelp-csr-background: var(--qelp-background-dark);
  --qelp-csr-text-color: var(--qelp-light);
  --qelp-copy-label-background-color: var(--qelp-background-dark);
  --qelp-copy-label-border-color: var(--qelp-accent);

  /* Footer */
  --qelp-footer-text-decodation: none;
  --qelp-footer-padding: calc(3 * var(--qelp-space-unit)) 0;
  --qelp-footer-box-shadow: none;

  /* Content Overview */
  --qelp-content-overview-container-background: #e6e8e5;
  --qelp-content-overview-container-border-radius: 4px;
  --qelp-content-overview-container-padding: 28px 6px 28px 6px;
  --qelp-content-overview-container-title-font-weight: 700;

  /* Device Detection */
  --qelp-device-detection-font-family: var(--qelp-font-family);
  --qelp-device-detection-font-size: var(--qelp-h2-font-size);
  --qelp-device-detection-border: 1px solid #ccc;
  --qelp-device-detection-box-shadow: var(
    --qelp-product-tiles-hover-box-shadow
  );

  /* Other Devices */
  --other-devices-grid-template-column: repeat(3, 1fr);
}