:root {
  --gui-rgb-color-primary: 28, 77, 235; /* #1c4de5 */
  --gui-rgb-color-primary-high: 21, 26, 209; /* #151ad1 */
  --gui-rgb-color-primary-low: 214, 228, 255; /* #d6e4ff */
  --gui-rgb-color-primary-active: 250, 224, 80; /* #faec50 */

  --gui-rgb-color-secondary: 30, 30, 30; /* #1e1e1e */
  --gui-rgb-color-secondary-high: 0, 0, 0; /* #000000 */
  --gui-rgb-color-secondary-low: 224, 224, 224; /* #e0e0e0 */
  --gui-rgb-color-secondary-active: 250, 224, 80; /* #faec50 */

  --gui-rgb-color-tertiary: 250, 224, 80; /* #faec50 */
  --gui-rgb-color-tertiary-high: 250, 200, 67; /* #faec44 */
  --gui-rgb-color-tertiary-low: 253, 241, 176; /* #fdf1b0 */
  --gui-rgb-color-tertiary-active: 0, 0, 0; /* #000000 */

  --gui-rgb-color-neutral-1: 0, 0, 0; /* #000000 */
  --gui-rgb-color-neutral-2: 30, 30, 30; /* #1e1e1e */
  --gui-rgb-color-neutral-3: 44, 44, 44; /* #2c2c2c */
  --gui-rgb-color-neutral-4: 66, 66, 66; /* #424242 */
  --gui-rgb-color-neutral-5: 97, 97, 97; /* #616161 */
  --gui-rgb-color-neutral-6: 117, 117, 117; /* #757575 */
  --gui-rgb-color-neutral-7: 158, 158, 158; /* #9e9e9e */
  --gui-rgb-color-neutral-8: 189, 189, 189; /* #bdbdbd */
  --gui-rgb-color-neutral-9: 208, 208, 208; /* #d0d0d0 */
  --gui-rgb-color-neutral-10: 224, 224, 224; /* #e0e0e0 */
  --gui-rgb-color-neutral-11: 238, 238, 238; /* #eeeeee */
  --gui-rgb-color-neutral-12: 245, 245, 245; /* #f5f5f5 */
  --gui-rgb-color-neutral-13: 255, 255, 255; /* #ffffff */

  --gui-rgb-color-success: 160, 217, 17; /* #a0d917 */
  --gui-rgb-color-success-high: 124, 179, 5; /* #7db905 */
  --gui-rgb-color-success-low: 244, 255, 184; /* #f4ffb8 */
  --gui-rgb-color-success-active: 186, 230, 55; /* #baec37 */

  --gui-rgb-color-info: 28, 77, 235; /* #1c4de5 */
  --gui-rgb-color-info-high: 21, 26, 209; /* #151ad1 */
  --gui-rgb-color-info-low: 214, 228, 255; /* #d6e4ff */
  --gui-rgb-color-info-active: 22, 119, 255; /* #1677ff */

  --gui-rgb-color-warning: 250, 173, 20; /* #fac140 */
  --gui-rgb-color-warning-high: 212, 136, 6; /* #d48a06 */
  --gui-rgb-color-warning-low: 255, 241, 184; /* #fff1b8 */
  --gui-rgb-color-warning-active: 255, 197, 61; /* #ffb93d */

  --gui-rgb-color-danger: 207, 19, 34; /* #cf1322 */
  --gui-rgb-color-danger-high: 168, 7, 26; /* #a80626 */
  --gui-rgb-color-danger-low: 255, 204, 199; /* #ffc8c7 */
  --gui-rgb-color-danger-active: 245, 34, 45; /* #f5363d */

  --gui-rgb-color-background-default: 255, 255, 255; /* #ffffff */
  --gui-rgb-color-background-default-high: 44, 44, 44; /* #2c2c2c */
  --gui-rgb-color-background-default-low: 245, 245, 245; /* #f5f5f5 */
  --gui-rgb-color-background-default-active: 224, 224, 224; /* #e0e0e0 */
  --gui-rgb-color-background-default-reverse: 0, 0, 0; /* #000000 */

  --gui-rgb-color-complementary-1: 0, 71, 79; /* #00474f */
  --gui-rgb-color-complementary-2: 8, 151, 156; /* #08979c */
  --gui-rgb-color-complementary-3: 54, 207, 201; /* #36cfc9 */
  --gui-rgb-color-complementary-4: 135, 232, 222; /* #87e8de */
  --gui-rgb-color-complementary-5: 34, 7, 94; /* #22075e */
  --gui-rgb-color-complementary-6: 83, 29, 171; /* #531dab */
  --gui-rgb-color-complementary-7: 146, 84, 222; /* #9254de */
  --gui-rgb-color-complementary-8: 211, 173, 247; /* #d3adf7 */
  --gui-rgb-color-complementary-9: 120, 6, 80; /* #780650 */
  --gui-rgb-color-complementary-10: 196, 29, 127; /* #c41d7f */
  --gui-rgb-color-complementary-11: 247, 89, 171; /* #f759ab */
  --gui-rgb-color-complementary-12: 255, 173, 210; /* #ffadd2 */
  --gui-rgb-color-complementary-13: 135, 20, 0; /* #871400 */
  --gui-rgb-color-complementary-14: 212, 56, 13; /* #d4380d */
  --gui-rgb-color-complementary-15: 255, 122, 69; /* #ff7a45 */
  --gui-rgb-color-complementary-16: 255, 187, 150; /* #ffbb96 */

  --dpe-letter-A-background-color: #007a01;
  --dpe-letter-B-background-color: #51a340;
  --dpe-letter-C-background-color: #c8d900;
  --dpe-letter-D-background-color: #ffef51;
  --dpe-letter-E-background-color: #ffc54d;
  --dpe-letter-F-background-color: #ff7a01;
  --dpe-letter-G-background-color: #cd0020;
  --dpe-letter-NC-background-color: #bdbdbd;

  --dpe-letter-A-color: white;
  --dpe-letter-B-color: black;
  --dpe-letter-C-color: black;
  --dpe-letter-D-color: black;
  --dpe-letter-E-color: black;
  --dpe-letter-F-color: black;
  --dpe-letter-G-color: white;

  --gui-shadow-small: 0px 3px 0px 0px rgba(0, 0, 0, 1);
  --gui-shadow-medium: 0px 4px 0px 0px rgba(0, 0, 0, 1);

  --gui-border-color: var(--gui-color-neutral-3);

  --gui-border-radius-extra-small: 4px;
  --gui-border-radius-small: 8px;
  --gui-border-radius-medium: 16px;
  --gui-border-radius-large: 24px;

  --gui-text-color: var(--gui-color-neutral-2);
  --gui-text-color-dark: 0, 0, 0;
  --gui-text-color-light: 97, 97, 97;
  --gui-text-color-gray: 255, 255, 255;

  --gui-heading-color: var(--gui-color-black);

  --gui-font-family-default: var(--font-heebo);

  --gui-text-font-size-extra-small: 11px;
  --gui-text-line-height-extra-small: 16px;

  --gui-text-font-size-small: 12px;
  --gui-text-line-height-small: 18px;

  --gui-text-font-size-medium: 14px;
  --gui-text-line-height-medium: 20px;

  --gui-text-font-size-large: 16px;
  --gui-text-line-height-large: 24px;

  --gui-text-font-size-extra-large: 21px;
  --gui-text-line-height-extra-large: 30px;

  --gui-font-family-heading: var(--font-heebo);

  --gui-h0-font-family: var(--font-anton);
  --gui-h0-font-size: 100px;
  --gui-h0-line-height: 100px;
  --gui-h0-font-weight: 400;
  --gui-h0-font-family-mobile: var(--font-anton);
  --gui-h0-font-size-mobile: 44px;
  --gui-h0-line-height-mobile: 44px;

  --gui-h1-font-size: 50px;
  --gui-h1-line-height: 62px;
  --gui-h1-font-weight: 900;
  --gui-h1-font-family-mobile: var(--font-anton);
  --gui-h1-font-size-mobile: 34px;
  --gui-h1-line-height-mobile: 38px;
  --gui-h1-font-weight-mobile: 900;

  --gui-h2-font-size: 36px;
  --gui-h2-line-height: 42px;
  --gui-h2-font-weight: 900;
  --gui-h2-font-size-mobile: 26px;
  --gui-h2-line-height-mobile: 30px;
  --gui-h2-font-weight-mobile: 900;

  --gui-h3-font-size: 28px;
  --gui-h3-line-height: 32px;
  --gui-h3-font-weight: 900;
  --gui-h3-font-size-mobile: 22px;
  --gui-h3-line-height-mobile: 24px;
  --gui-h3-font-weight-mobile: 900;

  --gui-h4-font-size: 22px;
  --gui-h4-line-height: 26px;
  --gui-h4-font-weight: 900;
  --gui-h4-font-size-mobile: 20px;
  --gui-h4-line-height-mobile: 24px;
  --gui-h4-font-weight-mobile: 900;

  --gui-h5-font-size: 18px;
  --gui-h5-line-height: 22px;
  --gui-h5-font-weight: 900;
  --gui-h5-font-size-mobile: 16px;
  --gui-h5-line-height-mobile: 20px;
  --gui-h5-font-weight-mobile: 900;

  --gui-h6-font-size: 16px;
  --gui-h6-line-height: 20px;
  --gui-h6-font-weight: 900;
  --gui-h6-font-size-mobile: 14px;
  --gui-h6-line-height-mobile: 18px;
  --gui-h6-font-weight-mobile: 900;

  /* CUSTOM VARIABLES */

  --gui-header-height: 80px;
  --gui-header-height-mobile: 54px;
  --header-background-blur: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 80%);

  --gui-url-static-icons: 'https://static.ep-builder.com/icons/';

  --gui-label-color: var(--gui-color-gray-high);
  --gui-label-font-size: var(--gui-text-font-size-medium);
  --gui-label-font-weight: var(--gui-text-font-weight-semi-bold);
  --gui-label-medium-font-weight: var(--gui-text-font-weight-bold);
  --gui-label-font-family: var(--gui-font-family-default);

  --gui-link-color: var(--gui-color-secondary);
  --gui-link-font-size: var(--gui-text-font-size);
  --gui-link-line-height: var(--gui-text-line-height);
  --gui-link-font-weight: var(--gui-text-font-weight-semi-bold);
  --gui-link-hover-color: var(--gui-color-primary);
  --gui-link-text-decoration: underline;

  --gui-modal-backdrop-color: rgba(var(--gui-rgb-color-secondary), 0.8);

  --gui-border-width-extra-small: 1px;
  --gui-border-width-small: 2px;
  --gui-border-width-medium: 4px;
  --gui-border-width-large: 6px;

  --gui-grid-breakpoints-xs: 0;
  --gui-grid-breakpoints-sm: 588px;
  --gui-grid-breakpoints-md: 768px;
  --gui-grid-breakpoints-lg: 1008px;
  --gui-grid-breakpoints-xl: 1188px;
  --gui-grid-breakpoints-xxl: 1392px;
  --gui-grid-width-xs: 100%;
  --gui-grid-width-sm: 540px;
  --gui-grid-width-md: 720px;
  --gui-grid-width-lg: 960px;
  --gui-grid-width-xl: 1140px;
  --gui-grid-width-xxl: 1344px;

  --gui-placeholder-color: var(--gui-color-neutral-7);

  --article-share-icon-size: 40px;
  --separator-background-color: var(--gui-color-neutral-2);

  /* Form */

  --form-header-height: 80px;
  --form-footer-height: 80px;
  --form-logo-height: 48px;

  --form-stepper-step-width: 26px;
  --form-stepper-step-height: 26px;
  --form-stepper-max-width: 320px;
  --form-stepper-progress-max-width: 180px;
  --form-stepper-icon-size: 16px;
  --form-loading-icon-size: 122px;

  /* Estimation result page */

  --estimation-result-component-height: 200px;
  --estimation-result-component-width: 888px;

  --estimation-value-font-size: 80px;
  --estimation-bracket-size: 14px;
  --estimation-icon-size: 48px;
  --estimation-shadow: 0px 4px 0px 0px var(--gui-color-neutral-8);

  --estimation-modal-width: 564px;

  /* Home page */

  --home-page-cover-gradient: linear-gradient(180deg, #fac643 0%, #fcd348 25%, #fddc4c 57.17%, #fbcb46 86.17%, #fac340 100%);

  /* DPE */

  --dpe-letter-icon-size: 10px;

  --dpe-letter-medium-font-size: 12px;
  --dpe-letter-medium-line-height: 14px;

  --dpe-letter-medium-nc-font-size: 8px;
  --dpe-letter-medium-nc-line-height: 10px;

  --dpe-letter-icon-font-size: 20px;
  --dpe-letter-icon-line-height: 22px;

  --dpe-letter-icon-nc-font-size: 12px;
  --dpe-letter-icon-nc-line-height: 22px;

  --dpe-letter-large-font-size: 42px;
  --dpe-letter-large-line-height: 48px;

  --dpe-letter-large-nc-font-size: 18px;
  --dpe-letter-large-nc-line-height: 36px;

  --dpe-letter-A-background-color: #007a01;
  --dpe-letter-B-background-color: #51a340;
  --dpe-letter-C-background-color: #c8d900;
  --dpe-letter-D-background-color: #ffef51;
  --dpe-letter-E-background-color: #ffc54d;
  --dpe-letter-F-background-color: #ff7a01;
  --dpe-letter-G-background-color: #cd0020;

  --dpe-letter-A-color: white;
  --dpe-letter-B-color: black;
  --dpe-letter-C-color: black;
  --dpe-letter-D-color: black;
  --dpe-letter-E-color: black;
  --dpe-letter-F-color: black;
  --dpe-letter-G-color: white;

  --total-dpe-width: 106px;
}

html,
body {
  scroll-behavior: smooth;
}

ul {
  --gui-list-style: none;
  --gui-list-content: '';
  --gui-list-item-size: 20px;
  --gui-list-item-image: url('https://static.ep-builder.com/products/icons/arrow-right.svg');
}

body.widget-hide .chat-bubble-container {
    display: none;
}