.waternet-corporation { /* 03_Colour */ /* Light */ } .waternet-corporation .gfp-light-theme { --gfp-logo-on-surface-high: var(--colours-primary-p-20); --gfp-logo-on-surface-low: var(--colours-primary-p-10); --project-categories-co2e-offset-components-bg: var(--colours-neutral-variant-nv-80); --project-categories-co2e-offset-components-on-surface: var(--colours-neutral-variant-nv-10); --project-categories-conservation-components-bg: var(--colours-additional-2-a2-80); --project-categories-conservation-components-on-surface: var(--colours-additional-2-a2-10); --project-categories-marine-restoration-components-bg: var(--colours-additional-1-a1-80); --project-categories-marine-restoration-components-on-surface: var(--colours-additional-1-a1-10); --project-categories-renewable-energy-components-bg: var(--colours-additional-3-a3-80); --project-categories-renewable-energy-components-on-surface: var(--colours-additional-3-a3-10); --project-categories-restoration-components-bg: var(--colours-copy-tertiary-ct-80); --project-categories-restoration-components-on-surface: var(--colours-copy-tertiary-ct-10); --project-categories-waste-removal-components-bg: var(--colours-copy-secondary-cs-80); --project-categories-waste-removal-components-on-surface: var(--colours-copy-secondary-cs-10); --schemes-error-error: var(--colours-error-e-30); --schemes-error-error-name: error; --schemes-error-error-number: 30; --schemes-error-error-container: var(--colours-error-e-90); --schemes-error-error-container-name: error; --schemes-error-error-container-number: 90; --schemes-error-on-error: var(--colours-error-e-99); --schemes-error-on-error-name: error; --schemes-error-on-error-number: 99; --schemes-error-on-error-container: var(--colours-error-e-25); --schemes-error-on-error-container-name: error; --schemes-error-on-error-container-number: 25; --schemes-not-used-fixed-on-primary-fixed: var(--colours-primary-p-10); --schemes-not-used-fixed-on-primary-fixed-name: primary; --schemes-not-used-fixed-on-primary-fixed-number: 10; --schemes-not-used-fixed-on-primary-fixed-variant: var(--colours-primary-p-20); --schemes-not-used-fixed-on-primary-fixed-variant-name: primary; --schemes-not-used-fixed-on-primary-fixed-variant-number: 20; --schemes-not-used-fixed-on-secondary-fixed: var(--colours-secondary-s-10); --schemes-not-used-fixed-on-secondary-fixed-name: secondary; --schemes-not-used-fixed-on-secondary-fixed-number: 10; --schemes-not-used-fixed-on-secondary-fixed-variant: var(--colours-secondary-s-30); --schemes-not-used-fixed-on-secondary-fixed-variant-name: secondary; --schemes-not-used-fixed-on-secondary-fixed-variant-number: 30; --schemes-not-used-fixed-on-tertiary-fixed: var(--colours-tertiary-t-10); --schemes-not-used-fixed-on-tertiary-fixed-name: tertiary; --schemes-not-used-fixed-on-tertiary-fixed-number: 10; --schemes-not-used-fixed-on-tertiary-fixed-variant: var(--colours-tertiary-t-30); --schemes-not-used-fixed-on-tertiary-fixed-variant-name: tertiary; --schemes-not-used-fixed-on-tertiary-fixed-variant-number: 30; --schemes-not-used-fixed-primary-fixed: var(--colours-primary-p-90); --schemes-not-used-fixed-primary-fixed-name: primary; --schemes-not-used-fixed-primary-fixed-number: 90; --schemes-not-used-fixed-primary-fixed-dim: var(--colours-primary-p-80); --schemes-not-used-fixed-primary-fixed-dim-name: primary; --schemes-not-used-fixed-primary-fixed-dim-number: 80; --schemes-not-used-fixed-secondary-fixed: var(--colours-secondary-s-90); --schemes-not-used-fixed-secondary-fixed-name: secondary; --schemes-not-used-fixed-secondary-fixed-number: 90; --schemes-not-used-fixed-secondary-fixed-dim: var(--colours-secondary-s-80); --schemes-not-used-fixed-secondary-fixed-dim-name: secondary; --schemes-not-used-fixed-secondary-fixed-dim-number: 80; --schemes-not-used-fixed-tertiary-fixed: var(--colours-tertiary-t-90); --schemes-not-used-fixed-tertiary-fixed-name: tertiary; --schemes-not-used-fixed-tertiary-fixed-number: 90; --schemes-not-used-fixed-tertiary-fixed-dim: var(--colours-tertiary-t-80); --schemes-not-used-fixed-tertiary-fixed-dim-name: tertiary; --schemes-not-used-fixed-tertiary-fixed-dim-number: 80; --schemes-other-bg-full: var(--colours-neutral-n-100); --schemes-other-bg-full-name: neutral; --schemes-other-bg-full-number: 100; --schemes-other-on-bg-full: var(--colours-neutral-n-0); --schemes-other-on-bg-full-name: neutral; --schemes-other-on-bg-full-number: 0; --schemes-outline-outline: var(--colours-neutral-variant-nv-50); --schemes-outline-outline-name: neutral-variant; --schemes-outline-outline-number: 50; --schemes-outline-outline-variant: var(--colours-neutral-variant-nv-80); --schemes-outline-outline-variant-name: neutral-variant; --schemes-outline-outline-variant-number: 80; --schemes-primary-on-primary: var(--colours-primary-p-99); --schemes-primary-on-primary-name: primary; --schemes-primary-on-primary-number: 99; --schemes-primary-on-primary-container: var(--colours-primary-p-25); --schemes-primary-on-primary-container-name: primary; --schemes-primary-on-primary-container-number: 25; --schemes-primary-primary: var(--colours-primary-p-25); --schemes-primary-primary-name: primary; --schemes-primary-primary-number: 25; --schemes-primary-primary-container: var(--colours-primary-p-90); --schemes-primary-primary-container-name: primary; --schemes-primary-primary-container-number: 90; --schemes-secondary-on-secondary: var(--colours-secondary-s-99); --schemes-secondary-on-secondary-name: secondary; --schemes-secondary-on-secondary-number: 99; --schemes-secondary-on-secondary-container: var(--colours-secondary-s-10); --schemes-secondary-on-secondary-container-name: secondary; --schemes-secondary-on-secondary-container-number: 10; --schemes-secondary-secondary: var(--colours-secondary-s-20); --schemes-secondary-secondary-name: secondary; --schemes-secondary-secondary-number: 20; --schemes-secondary-secondary-container: var(--colours-secondary-s-70); --schemes-secondary-secondary-container-name: secondary; --schemes-secondary-secondary-container-number: 70; --schemes-surface-on-surface: var(--colours-neutral-n-10); --schemes-surface-on-surface-name: neutral; --schemes-surface-on-surface-number: 10; --schemes-surface-on-surface-variant: var(--colours-neutral-variant-nv-30); --schemes-surface-on-surface-variant-name: neutral-variant; --schemes-surface-on-surface-variant-number: 30; --schemes-surface-scrim: #000A077A; --schemes-surface-shadow: var(--colours-neutral-n-0); --schemes-surface-shadow-name: neutral; --schemes-surface-shadow-number: 0; --schemes-surface-surface: var(--colours-neutral-n-98); --schemes-surface-surface-name: neutral; --schemes-surface-surface-number: 98; --schemes-surface-surface-bright: var(--colours-neutral-n-100); --schemes-surface-surface-bright-name: neutral; --schemes-surface-surface-bright-number: 100; --schemes-surface-surface-container: var(--colours-neutral-n-94); --schemes-surface-surface-container-name: neutral; --schemes-surface-surface-container-number: 94; --schemes-surface-surface-container-bg-blur: var(--numbers-p-32); --schemes-surface-surface-container-bg-blur-name: primary; --schemes-surface-surface-container-bg-blur-number: 32; --schemes-surface-surface-container-high: var(--colours-neutral-n-92); --schemes-surface-surface-container-high-name: neutral; --schemes-surface-surface-container-high-number: 92; --schemes-surface-surface-container-highest: var(--colours-neutral-n-90); --schemes-surface-surface-container-highest-name: neutral; --schemes-surface-surface-container-highest-number: 90; --schemes-surface-surface-container-low: var(--colours-neutral-n-98); --schemes-surface-surface-container-low-name: neutral; --schemes-surface-surface-container-low-number: 98; --schemes-surface-surface-container-lowest: var(--colours-neutral-n-100); --schemes-surface-surface-container-lowest-name: neutral; --schemes-surface-surface-container-lowest-number: 100; --schemes-surface-surface-container-transparent: var(--colours-primary-p-10-at-4); --schemes-surface-surface-container-transparent-name: primary; --schemes-surface-surface-container-transparent-number: 4; --schemes-surface-surface-dim: var(--colours-secondary-s-90); --schemes-surface-surface-dim-name: secondary; --schemes-surface-surface-dim-number: 90; --schemes-tertiary-on-tertiary: var(--colours-tertiary-t-99); --schemes-tertiary-on-tertiary-name: tertiary; --schemes-tertiary-on-tertiary-number: 99; --schemes-tertiary-on-tertiary-container: var(--colours-tertiary-t-10); --schemes-tertiary-on-tertiary-container-name: tertiary; --schemes-tertiary-on-tertiary-container-number: 10; --schemes-tertiary-tertiary: var(--colours-tertiary-t-20); --schemes-tertiary-tertiary-name: tertiary; --schemes-tertiary-tertiary-number: 20; --schemes-tertiary-tertiary-container: var(--colours-tertiary-t-90); --schemes-tertiary-tertiary-container-name: tertiary; --schemes-tertiary-tertiary-container-number: 90; --value-proposition-communicate-related-pages-hero-bg: var(--colours-additional-2-a2-95); --value-proposition-communicate-section-cycle-bg: var(--colours-additional-2-a2-44-(not-in-m3)); --value-proposition-communicate-section-cycle-text: var(--colours-additional-2-a2-100); --value-proposition-communicate-section-icon-bg: var(--colours-additional-2-a2-80); --value-proposition-communicate-section-icon-fill: var(--colours-additional-2-a2-25); --value-proposition-communicate-solution-icon-bg-fixed: var(--colours-additional-2-a2-44-(not-in-m3)); --value-proposition-communicate-solution-icon-fill-fixed: var(--colours-additional-2-a2-100); --value-proposition-esg-strategic-advisory-related-pages-hero-bg: var(--colours-copy-primary-cp-95); --value-proposition-esg-strategic-advisory-section-cycle-bg: var(--colours-copy-primary-cp-32-(not-in-m3)); --value-proposition-esg-strategic-advisory-section-cycle-text: var(--colours-copy-primary-cp-100); --value-proposition-esg-strategic-advisory-section-icon-bg: var(--colours-copy-primary-cp-80); --value-proposition-esg-strategic-advisory-section-icon-fill: var(--colours-copy-primary-cp-25); --value-proposition-esg-strategic-advisory-solution-icon-bg-fixed: var(--colours-copy-primary-cp-32-(not-in-m3)); --value-proposition-esg-strategic-advisory-solution-icon-fill-fixed: var(--colours-copy-primary-cp-100); --value-proposition-engage-related-pages-hero-bg: var(--colours-copy-secondary-cs-95); --value-proposition-engage-section-cycle-bg: var(--colours-copy-secondary-cs-48-(not-in-m3)); --value-proposition-engage-section-cycle-text: var(--colours-copy-secondary-cs-100); --value-proposition-engage-section-icon-bg: var(--colours-copy-secondary-cs-80); --value-proposition-engage-section-icon-fill: var(--colours-copy-secondary-cs-25); --value-proposition-engage-solution-icon-bg-fixed: var(--colours-copy-secondary-cs-50); --value-proposition-engage-solution-icon-fill-fixed: var(--colours-copy-secondary-cs-100); --value-proposition-measure-monitor-reduce-related-pages-hero-bg: var(--colours-additional-1-a1-95); --value-proposition-measure-monitor-reduce-section-cycle-bg: var(--colours-additional-1-a1-32-(not-in-m3)); --value-proposition-measure-monitor-reduce-section-cycle-text: var(--colours-additional-1-a1-100); --value-proposition-measure-monitor-reduce-section-icon-bg: var(--colours-additional-1-a1-80); --value-proposition-measure-monitor-reduce-section-icon-fill: var(--colours-additional-1-a1-25); --value-proposition-measure-monitor-reduce-solution-icon-bg-fixed: var(--colours-additional-1-a1-32-(not-in-m3)); --value-proposition-measure-monitor-reduce-solution-icon-fill-fixed: var(--colours-additional-1-a1-100); --value-proposition-offset-climate-action-related-pages-hero-bg: var(--colours-copy-tertiary-ct-95); --value-proposition-offset-climate-action-section-cycle-bg: var(--colours-copy-tertiary-ct-32-(not-in-m3)); --value-proposition-offset-climate-action-section-cycle-text: var(--colours-copy-tertiary-ct-100); --value-proposition-offset-climate-action-section-icon-bg: var(--colours-copy-tertiary-ct-80); --value-proposition-offset-climate-action-section-icon-fill: var(--colours-copy-tertiary-ct-25); --value-proposition-offset-climate-action-solution-icon-bg-fixed: var(--colours-copy-tertiary-ct-32-(not-in-m3)); --value-proposition-offset-climate-action-solution-icon-fill-fixed: var(--colours-copy-tertiary-ct-100); } .waternet-corporation { /* Dark */ } .waternet-corporation .gfp-dark-theme { --gfp-logo-on-surface-high: var(--colours-primary-p-99); --gfp-logo-on-surface-low: var(--colours-primary-p-99); --project-categories-co2e-offset-components-bg: var(--colours-neutral-variant-nv-80); --project-categories-co2e-offset-components-on-surface: var(--colours-neutral-variant-nv-10); --project-categories-conservation-components-bg: var(--colours-additional-2-a2-80); --project-categories-conservation-components-on-surface: var(--colours-additional-2-a2-10); --project-categories-marine-restoration-components-bg: var(--colours-additional-1-a1-80); --project-categories-marine-restoration-components-on-surface: var(--colours-additional-1-a1-10); --project-categories-renewable-energy-components-bg: var(--colours-additional-3-a3-80); --project-categories-renewable-energy-components-on-surface: var(--colours-additional-3-a3-10); --project-categories-restoration-components-bg: var(--colours-copy-tertiary-ct-80); --project-categories-restoration-components-on-surface: var(--colours-copy-tertiary-ct-10); --project-categories-waste-removal-components-bg: var(--colours-copy-secondary-cs-80); --project-categories-waste-removal-components-on-surface: var(--colours-copy-secondary-cs-10); --schemes-error-error: var(--colours-error-e-30); --schemes-error-error-name: error; --schemes-error-error-number: 30; --schemes-error-error-container: var(--colours-error-e-90); --schemes-error-error-container-name: error; --schemes-error-error-container-number: 90; --schemes-error-on-error: var(--colours-error-e-99); --schemes-error-on-error-name: error; --schemes-error-on-error-number: 99; --schemes-error-on-error-container: var(--colours-error-e-25); --schemes-error-on-error-container-name: error; --schemes-error-on-error-container-number: 25; --schemes-not-used-fixed-on-primary-fixed: var(--colours-primary-p-10); --schemes-not-used-fixed-on-primary-fixed-name: primary; --schemes-not-used-fixed-on-primary-fixed-number: 10; --schemes-not-used-fixed-on-primary-fixed-variant: var(--colours-primary-p-20); --schemes-not-used-fixed-on-primary-fixed-variant-name: primary; --schemes-not-used-fixed-on-primary-fixed-variant-number: 20; --schemes-not-used-fixed-on-secondary-fixed: var(--colours-secondary-s-10); --schemes-not-used-fixed-on-secondary-fixed-name: secondary; --schemes-not-used-fixed-on-secondary-fixed-number: 10; --schemes-not-used-fixed-on-secondary-fixed-variant: var(--colours-secondary-s-30); --schemes-not-used-fixed-on-secondary-fixed-variant-name: secondary; --schemes-not-used-fixed-on-secondary-fixed-variant-number: 30; --schemes-not-used-fixed-on-tertiary-fixed: var(--colours-tertiary-t-10); --schemes-not-used-fixed-on-tertiary-fixed-name: tertiary; --schemes-not-used-fixed-on-tertiary-fixed-number: 10; --schemes-not-used-fixed-on-tertiary-fixed-variant: var(--colours-tertiary-t-20); --schemes-not-used-fixed-on-tertiary-fixed-variant-name: tertiary; --schemes-not-used-fixed-on-tertiary-fixed-variant-number: 20; --schemes-not-used-fixed-primary-fixed: var(--colours-primary-p-90); --schemes-not-used-fixed-primary-fixed-name: primary; --schemes-not-used-fixed-primary-fixed-number: 90; --schemes-not-used-fixed-primary-fixed-dim: var(--colours-primary-p-80); --schemes-not-used-fixed-primary-fixed-dim-name: primary; --schemes-not-used-fixed-primary-fixed-dim-number: 80; --schemes-not-used-fixed-secondary-fixed: var(--colours-secondary-s-90); --schemes-not-used-fixed-secondary-fixed-name: secondary; --schemes-not-used-fixed-secondary-fixed-number: 90; --schemes-not-used-fixed-secondary-fixed-dim: var(--colours-secondary-s-80); --schemes-not-used-fixed-secondary-fixed-dim-name: secondary; --schemes-not-used-fixed-secondary-fixed-dim-number: 80; --schemes-not-used-fixed-tertiary-fixed: var(--colours-tertiary-t-90); --schemes-not-used-fixed-tertiary-fixed-name: tertiary; --schemes-not-used-fixed-tertiary-fixed-number: 90; --schemes-not-used-fixed-tertiary-fixed-dim: var(--colours-tertiary-t-80); --schemes-not-used-fixed-tertiary-fixed-dim-name: tertiary; --schemes-not-used-fixed-tertiary-fixed-dim-number: 80; --schemes-other-bg-full: var(--colours-neutral-n-0); --schemes-other-bg-full-name: neutral; --schemes-other-bg-full-number: 0; --schemes-other-on-bg-full: var(--colours-neutral-n-100); --schemes-other-on-bg-full-name: neutral; --schemes-other-on-bg-full-number: 100; --schemes-outline-outline: var(--colours-neutral-variant-nv-50); --schemes-outline-outline-name: neutral-variant; --schemes-outline-outline-number: 50; --schemes-outline-outline-variant: var(--colours-neutral-variant-nv-80); --schemes-outline-outline-variant-name: neutral-variant; --schemes-outline-outline-variant-number: 80; --schemes-primary-on-primary: var(--colours-primary-p-99); --schemes-primary-on-primary-name: primary; --schemes-primary-on-primary-number: 99; --schemes-primary-on-primary-container: var(--colours-primary-p-25); --schemes-primary-on-primary-container-name: primary; --schemes-primary-on-primary-container-number: 25; --schemes-primary-primary: var(--colours-primary-p-25); --schemes-primary-primary-name: primary; --schemes-primary-primary-number: 25; --schemes-primary-primary-container: var(--colours-primary-p-90); --schemes-primary-primary-container-name: primary; --schemes-primary-primary-container-number: 90; --schemes-secondary-on-secondary: var(--colours-secondary-s-99); --schemes-secondary-on-secondary-name: secondary; --schemes-secondary-on-secondary-number: 99; --schemes-secondary-on-secondary-container: var(--colours-secondary-s-10); --schemes-secondary-on-secondary-container-name: secondary; --schemes-secondary-on-secondary-container-number: 10; --schemes-secondary-secondary: var(--colours-secondary-s-20); --schemes-secondary-secondary-name: secondary; --schemes-secondary-secondary-number: 20; --schemes-secondary-secondary-container: var(--colours-secondary-s-70); --schemes-secondary-secondary-container-name: secondary; --schemes-secondary-secondary-container-number: 70; --schemes-surface-on-surface: var(--colours-neutral-n-10); --schemes-surface-on-surface-name: neutral; --schemes-surface-on-surface-number: 10; --schemes-surface-on-surface-variant: var(--colours-neutral-variant-nv-30); --schemes-surface-on-surface-variant-name: neutral-variant; --schemes-surface-on-surface-variant-number: 30; --schemes-surface-scrim: #000A077A; --schemes-surface-shadow: var(--colours-neutral-n-0); --schemes-surface-shadow-name: neutral; --schemes-surface-shadow-number: 0; --schemes-surface-surface: var(--colours-neutral-n-98); --schemes-surface-surface-name: neutral; --schemes-surface-surface-number: 98; --schemes-surface-surface-bright: var(--colours-neutral-n-100); --schemes-surface-surface-bright-name: neutral; --schemes-surface-surface-bright-number: 100; --schemes-surface-surface-container: var(--colours-neutral-n-94); --schemes-surface-surface-container-name: neutral; --schemes-surface-surface-container-number: 94; --schemes-surface-surface-container-bg-blur: var(--numbers-p-32); --schemes-surface-surface-container-bg-blur-name: primary; --schemes-surface-surface-container-bg-blur-number: 32; --schemes-surface-surface-container-high: var(--colours-neutral-n-92); --schemes-surface-surface-container-high-name: neutral; --schemes-surface-surface-container-high-number: 92; --schemes-surface-surface-container-highest: var(--colours-neutral-n-90); --schemes-surface-surface-container-highest-name: neutral; --schemes-surface-surface-container-highest-number: 90; --schemes-surface-surface-container-low: var(--colours-neutral-n-98); --schemes-surface-surface-container-low-name: neutral; --schemes-surface-surface-container-low-number: 98; --schemes-surface-surface-container-lowest: var(--colours-neutral-n-100); --schemes-surface-surface-container-lowest-name: neutral; --schemes-surface-surface-container-lowest-number: 100; --schemes-surface-surface-container-transparent: var(--colours-primary-p-10-at-4); --schemes-surface-surface-container-transparent-name: primary; --schemes-surface-surface-container-transparent-number: 4; --schemes-surface-surface-dim: var(--colours-secondary-s-90); --schemes-surface-surface-dim-name: secondary; --schemes-surface-surface-dim-number: 90; --schemes-tertiary-on-tertiary: var(--colours-tertiary-t-99); --schemes-tertiary-on-tertiary-name: tertiary; --schemes-tertiary-on-tertiary-number: 99; --schemes-tertiary-on-tertiary-container: var(--colours-tertiary-t-10); --schemes-tertiary-on-tertiary-container-name: tertiary; --schemes-tertiary-on-tertiary-container-number: 10; --schemes-tertiary-tertiary: var(--colours-tertiary-t-20); --schemes-tertiary-tertiary-name: tertiary; --schemes-tertiary-tertiary-number: 20; --schemes-tertiary-tertiary-container: var(--colours-tertiary-t-90); --schemes-tertiary-tertiary-container-name: tertiary; --schemes-tertiary-tertiary-container-number: 90; --value-proposition-communicate-related-pages-hero-bg: var(--colours-additional-2-a2-10); --value-proposition-communicate-section-cycle-bg: var(--colours-additional-2-a2-44-(not-in-m3)); --value-proposition-communicate-section-cycle-text: var(--colours-additional-2-a2-100); --value-proposition-communicate-section-icon-bg: var(--colours-additional-2-a2-80); --value-proposition-communicate-section-icon-fill: var(--colours-additional-2-a2-25); --value-proposition-communicate-solution-icon-bg-fixed: var(--colours-additional-2-a2-44-(not-in-m3)); --value-proposition-communicate-solution-icon-fill-fixed: var(--colours-additional-2-a2-100); --value-proposition-esg-strategic-advisory-related-pages-hero-bg: var(--colours-copy-primary-cp-10); --value-proposition-esg-strategic-advisory-section-cycle-bg: var(--colours-copy-primary-cp-32-(not-in-m3)); --value-proposition-esg-strategic-advisory-section-cycle-text: var(--colours-copy-primary-cp-100); --value-proposition-esg-strategic-advisory-section-icon-bg: var(--colours-copy-primary-cp-80); --value-proposition-esg-strategic-advisory-section-icon-fill: var(--colours-copy-primary-cp-25); --value-proposition-esg-strategic-advisory-solution-icon-bg-fixed: var(--colours-copy-primary-cp-32-(not-in-m3)); --value-proposition-esg-strategic-advisory-solution-icon-fill-fixed: var(--colours-copy-primary-cp-100); --value-proposition-engage-related-pages-hero-bg: var(--colours-copy-secondary-cs-10); --value-proposition-engage-section-cycle-bg: var(--colours-copy-secondary-cs-50); --value-proposition-engage-section-cycle-text: var(--colours-copy-secondary-cs-100); --value-proposition-engage-section-icon-bg: var(--colours-copy-secondary-cs-80); --value-proposition-engage-section-icon-fill: var(--colours-copy-secondary-cs-25); --value-proposition-engage-solution-icon-bg-fixed: var(--colours-copy-secondary-cs-50); --value-proposition-engage-solution-icon-fill-fixed: var(--colours-copy-secondary-cs-100); --value-proposition-measure-monitor-reduce-related-pages-hero-bg: var(--colours-additional-1-a1-10); --value-proposition-measure-monitor-reduce-section-cycle-bg: var(--colours-additional-1-a1-32-(not-in-m3)); --value-proposition-measure-monitor-reduce-section-cycle-text: var(--colours-additional-1-a1-100); --value-proposition-measure-monitor-reduce-section-icon-bg: var(--colours-additional-1-a1-80); --value-proposition-measure-monitor-reduce-section-icon-fill: var(--colours-additional-1-a1-25); --value-proposition-measure-monitor-reduce-solution-icon-bg-fixed: var(--colours-additional-1-a1-32-(not-in-m3)); --value-proposition-measure-monitor-reduce-solution-icon-fill-fixed: var(--colours-additional-1-a1-100); --value-proposition-offset-climate-action-related-pages-hero-bg: var(--colours-copy-tertiary-ct-10); --value-proposition-offset-climate-action-section-cycle-bg: var(--colours-copy-tertiary-ct-32-(not-in-m3)); --value-proposition-offset-climate-action-section-cycle-text: var(--colours-copy-tertiary-ct-100); --value-proposition-offset-climate-action-section-icon-bg: var(--colours-copy-tertiary-ct-80); --value-proposition-offset-climate-action-section-icon-fill: var(--colours-copy-tertiary-ct-25); --value-proposition-offset-climate-action-solution-icon-bg-fixed: var(--colours-copy-tertiary-ct-32-(not-in-m3)); --value-proposition-offset-climate-action-solution-icon-fill-fixed: var(--colours-copy-tertiary-ct-100); } .waternet-corporation { /* 02_Typescale */ /* T_Desktop */ } @media screen and (min-width: 1280px) { .waternet-corporation { --body-large-font: var(--fonts-typeface-plain); --body-large-line-height: var(--numbers-p-26); --body-large-size: var(--numbers-p-18); --body-large-tracking: 0.18000000715255737px; --body-large-weight: var(--fonts-weight-regular); --body-large-weight-prominent: var(--fonts-weight-prominent); --body-large-weight-quote: var(--fonts-weight-quote); --body-medium-font: var(--fonts-typeface-plain); --body-medium-line-height: var(--numbers-p-24); --body-medium-size: var(--numbers-p-16); --body-medium-tracking: 0.1599999964237213px; --body-medium-weight: var(--fonts-weight-regular); --body-medium-weight-prominent: var(--fonts-weight-prominent); --body-medium-weight-quote: var(--fonts-weight-quote); --body-small-font: var(--fonts-typeface-plain); --body-small-line-height: var(--numbers-p-20); --body-small-size: var(--numbers-p-14); --body-small-tracking: 0.14000000059604645px; --body-small-weight: var(--fonts-weight-regular); --display-large-font: var(--fonts-typeface-brand); --display-large-line-height: var(--numbers-p-76); --display-large-size: var(--numbers-p-64); --display-large-tracking: -0.6399999856948853px; --display-large-weight-prominent: var(--fonts-weight-prominent); --display-medium-font: var(--fonts-typeface-brand); --display-medium-line-height: var(--numbers-p-58); --display-medium-size: var(--numbers-p-48); --display-medium-tracking: -0.47999998927116394px; --display-medium-weight-prominent: var(--fonts-weight-prominent); --display-small-font: var(--fonts-typeface-brand); --display-small-line-height: var(--numbers-p-48); --display-small-size: var(--numbers-p-40); --display-small-tracking: -0.4000000059604645px; --display-small-weight-prominent: var(--fonts-weight-prominent); --headline-large-font: var(--fonts-typeface-brand); --headline-large-line-height: var(--numbers-p-52); --headline-large-size: var(--numbers-p-40); --headline-large-tracking: var(--numbers-p-0); --headline-large-weight-prominent: var(--fonts-weight-prominent); --headline-medium-font: var(--fonts-typeface-brand); --headline-medium-line-height: var(--numbers-p-36); --headline-medium-size: var(--numbers-p-28); --headline-medium-tracking: var(--numbers-p-0); --headline-medium-weight: var(--fonts-weight-regular); --headline-medium-weight-prominent: var(--fonts-weight-prominent); --headline-small-font: var(--fonts-typeface-brand); --headline-small-line-height: var(--numbers-p-26); --headline-small-size: var(--numbers-p-20); --headline-small-tracking: var(--numbers-p-0); --headline-small-weight-prominent: var(--fonts-weight-prominent); --label-large-font: var(--fonts-typeface-plain); --label-large-line-height: var(--numbers-p-22); --label-large-size: var(--numbers-p-16); --label-large-tracking: 0.3199999928474426px; --label-large-weight: var(--fonts-weight-regular); --label-medium-font: var(--fonts-typeface-brand); --label-medium-line-height: var(--numbers-p-20); --label-medium-size: var(--numbers-p-14); --label-medium-tracking: 0.2800000011920929px; --label-medium-weight-prominent: var(--fonts-weight-medium); --label-small-font: var(--fonts-typeface-plain); --label-small-line-height: var(--numbers-p-16); --label-small-size: var(--numbers-p-12); --label-small-tracking: 0.23999999463558197px; --label-small-weight: var(--fonts-weight-regular); --title-large-font: var(--fonts-typeface-plain); --title-large-line-height: var(--numbers-p-26); --title-large-size: var(--numbers-p-20); --title-large-tracking: var(--numbers-p-0); --title-large-weight: var(--fonts-weight-regular); --title-large-weight-prominent: var(--fonts-weight-prominent); --title-medium-font: var(--fonts-typeface-plain); --title-medium-line-height: var(--numbers-p-20); --title-medium-size: var(--numbers-p-16); --title-medium-tracking: var(--numbers-p-0); --title-medium-weight: var(--fonts-weight-regular); --title-small-font: var(--fonts-typeface-plain); --title-small-line-height: var(--numbers-p-18); --title-small-size: var(--numbers-p-14); --title-small-tracking: 0.20000000298023224px; --title-small-weight: var(--fonts-weight-regular); } } .waternet-corporation { /* T_Mobile */ } @media screen and (max-width: 767px) { .waternet-corporation { --body-large-font: var(--fonts-typeface-plain); --body-large-line-height: var(--numbers-p-26); --body-large-size: var(--numbers-p-18); --body-large-tracking: 0.18000000715255737px; --body-large-weight: var(--fonts-weight-regular); --body-large-weight-prominent: var(--fonts-weight-prominent); --body-large-weight-quote: var(--fonts-weight-quote); --body-medium-font: var(--fonts-typeface-plain); --body-medium-line-height: var(--numbers-p-24); --body-medium-size: var(--numbers-p-16); --body-medium-tracking: 0.1599999964237213px; --body-medium-weight: var(--fonts-weight-regular); --body-medium-weight-prominent: var(--fonts-weight-prominent); --body-medium-weight-quote: var(--fonts-weight-quote); --body-small-font: var(--fonts-typeface-plain); --body-small-line-height: var(--numbers-p-20); --body-small-size: var(--numbers-p-14); --body-small-tracking: 0.14000000059604645px; --body-small-weight: var(--fonts-weight-regular); --display-large-font: var(--fonts-typeface-brand); --display-large-line-height: var(--numbers-p-58); --display-large-size: var(--numbers-p-48); --display-large-tracking: -0.47999998927116394px; --display-large-weight-prominent: var(--fonts-weight-prominent); --display-medium-font: var(--fonts-typeface-brand); --display-medium-line-height: var(--numbers-p-52); --display-medium-size: var(--numbers-p-44); --display-medium-tracking: -0.4399999976158142px; --display-medium-weight-prominent: var(--fonts-weight-prominent); --display-small-font: var(--fonts-typeface-brand); --display-small-line-height: var(--numbers-p-44); --display-small-size: var(--numbers-p-36); --display-small-tracking: -0.36000001430511475px; --display-small-weight-prominent: var(--fonts-weight-prominent); --headline-large-font: var(--fonts-typeface-brand); --headline-large-line-height: var(--numbers-p-48); --headline-large-size: var(--numbers-p-36); --headline-large-tracking: var(--numbers-p-0); --headline-large-weight-prominent: var(--fonts-weight-prominent); --headline-medium-font: var(--fonts-typeface-brand); --headline-medium-line-height: var(--numbers-p-36); --headline-medium-size: var(--numbers-p-28); --headline-medium-tracking: var(--numbers-p-0); --headline-medium-weight: var(--fonts-weight-regular); --headline-medium-weight-prominent: var(--fonts-weight-prominent); --headline-small-font: var(--fonts-typeface-brand); --headline-small-line-height: var(--numbers-p-26); --headline-small-size: var(--numbers-p-20); --headline-small-tracking: var(--numbers-p-0); --headline-small-weight-prominent: var(--fonts-weight-prominent); --label-large-font: var(--fonts-typeface-plain); --label-large-line-height: var(--numbers-p-22); --label-large-size: var(--numbers-p-16); --label-large-tracking: 0.3199999928474426px; --label-large-weight: var(--fonts-weight-regular); --label-medium-font: var(--fonts-typeface-brand); --label-medium-line-height: var(--numbers-p-20); --label-medium-size: var(--numbers-p-14); --label-medium-tracking: 0.2800000011920929px; --label-medium-weight-prominent: var(--fonts-weight-medium); --label-small-font: var(--fonts-typeface-plain); --label-small-line-height: var(--numbers-p-16); --label-small-size: var(--numbers-p-12); --label-small-tracking: 0.23999999463558197px; --label-small-weight: var(--fonts-weight-regular); --title-large-font: var(--fonts-typeface-plain); --title-large-line-height: var(--numbers-p-26); --title-large-size: var(--numbers-p-20); --title-large-tracking: var(--numbers-p-0); --title-large-weight: var(--fonts-weight-regular); --title-large-weight-prominent: var(--fonts-weight-prominent); --title-medium-font: var(--fonts-typeface-plain); --title-medium-line-height: var(--numbers-p-20); --title-medium-size: var(--numbers-p-16); --title-medium-tracking: var(--numbers-p-0); --title-medium-weight: var(--fonts-weight-regular); --title-small-font: var(--fonts-typeface-plain); --title-small-line-height: var(--numbers-p-18); --title-small-size: var(--numbers-p-14); --title-small-tracking: 0.20000000298023224px; --title-small-weight: var(--fonts-weight-regular); } } .waternet-corporation { /* T_Tablet */ } @media screen and (min-width: 768px) and (max-width: 1279px) { .waternet-corporation { --body-large-font: var(--fonts-typeface-plain); --body-large-line-height: var(--numbers-p-26); --body-large-size: var(--numbers-p-18); --body-large-tracking: 0.18000000715255737px; --body-large-weight: var(--fonts-weight-regular); --body-large-weight-prominent: var(--fonts-weight-prominent); --body-large-weight-quote: var(--fonts-weight-quote); --body-medium-font: var(--fonts-typeface-plain); --body-medium-line-height: var(--numbers-p-24); --body-medium-size: var(--numbers-p-16); --body-medium-tracking: 0.1599999964237213px; --body-medium-weight: var(--fonts-weight-regular); --body-medium-weight-prominent: var(--fonts-weight-prominent); --body-medium-weight-quote: var(--fonts-weight-quote); --body-small-font: var(--fonts-typeface-plain); --body-small-line-height: var(--numbers-p-20); --body-small-size: var(--numbers-p-14); --body-small-tracking: 0.14000000059604645px; --body-small-weight: var(--fonts-weight-regular); --display-large-font: var(--fonts-typeface-brand); --display-large-line-height: var(--numbers-p-58); --display-large-size: var(--numbers-p-48); --display-large-tracking: -0.47999998927116394px; --display-large-weight-prominent: var(--fonts-weight-prominent); --display-medium-font: var(--fonts-typeface-brand); --display-medium-line-height: var(--numbers-p-52); --display-medium-size: var(--numbers-p-44); --display-medium-tracking: -0.4399999976158142px; --display-medium-weight-prominent: var(--fonts-weight-prominent); --display-small-font: var(--fonts-typeface-brand); --display-small-line-height: var(--numbers-p-44); --display-small-size: var(--numbers-p-36); --display-small-tracking: -0.36000001430511475px; --display-small-weight-prominent: var(--fonts-weight-prominent); --headline-large-font: var(--fonts-typeface-brand); --headline-large-line-height: var(--numbers-p-48); --headline-large-size: var(--numbers-p-36); --headline-large-tracking: var(--numbers-p-0); --headline-large-weight-prominent: var(--fonts-weight-prominent); --headline-medium-font: var(--fonts-typeface-brand); --headline-medium-line-height: var(--numbers-p-36); --headline-medium-size: var(--numbers-p-28); --headline-medium-tracking: var(--numbers-p-0); --headline-medium-weight: var(--fonts-weight-regular); --headline-medium-weight-prominent: var(--fonts-weight-prominent); --headline-small-font: var(--fonts-typeface-brand); --headline-small-line-height: var(--numbers-p-26); --headline-small-size: var(--numbers-p-20); --headline-small-tracking: var(--numbers-p-0); --headline-small-weight-prominent: var(--fonts-weight-prominent); --label-large-font: var(--fonts-typeface-plain); --label-large-line-height: var(--numbers-p-22); --label-large-size: var(--numbers-p-16); --label-large-tracking: 0.3199999928474426px; --label-large-weight: var(--fonts-weight-regular); --label-medium-font: var(--fonts-typeface-brand); --label-medium-line-height: var(--numbers-p-20); --label-medium-size: var(--numbers-p-14); --label-medium-tracking: 0.2800000011920929px; --label-medium-weight-prominent: var(--fonts-weight-medium); --label-small-font: var(--fonts-typeface-plain); --label-small-line-height: var(--numbers-p-16); --label-small-size: var(--numbers-p-12); --label-small-tracking: 0.23999999463558197px; --label-small-weight: var(--fonts-weight-regular); --title-large-font: var(--fonts-typeface-plain); --title-large-line-height: var(--numbers-p-26); --title-large-size: var(--numbers-p-20); --title-large-tracking: var(--numbers-p-0); --title-large-weight: var(--fonts-weight-regular); --title-large-weight-prominent: var(--fonts-weight-prominent); --title-medium-font: var(--fonts-typeface-plain); --title-medium-line-height: var(--numbers-p-20); --title-medium-size: var(--numbers-p-16); --title-medium-tracking: var(--numbers-p-0); --title-medium-weight: var(--fonts-weight-regular); --title-small-font: var(--fonts-typeface-plain); --title-small-line-height: var(--numbers-p-18); --title-small-size: var(--numbers-p-14); --title-small-tracking: 0.20000000298023224px; --title-small-weight: var(--fonts-weight-regular); } } .waternet-corporation { /* 00_Primitives */ /* Mode 1 */ --colours-additional-1-a1-0: #000000FF; --colours-additional-1-a1-10: #013232FF; --colours-additional-1-a1-100: #FFFFFFFF; --colours-additional-1-a1-20: #026464FF; --colours-additional-1-a1-25: #037D7DFF; --colours-additional-1-a1-30: #039696FF; --colours-additional-1-a1-35: #04AFAFFF; --colours-additional-1-a1-40: #04C8C8FF; --colours-additional-1-a1-50: #05FAFAFF; --colours-additional-1-a1-60: #37FBFBFF; --colours-additional-1-a1-70: #69FCFCFF; --colours-additional-1-a1-80: #9BFDFDFF; --colours-additional-1-a1-90: #CDFEFEFF; --colours-additional-1-a1-95: #E6FEFEFF; --colours-additional-1-a1-98: #F5FFFFFF; --colours-additional-1-a1-99: #FAFFFFFF; --colours-additional-2-a2-0: #000000FF; --colours-additional-2-a2-10: #012232FF; --colours-additional-2-a2-100: #FFFFFFFF; --colours-additional-2-a2-20: #024364FF; --colours-additional-2-a2-25: #03547DFF; --colours-additional-2-a2-30: #036596FF; --colours-additional-2-a2-35: #0476AFFF; --colours-additional-2-a2-40: #0487C8FF; --colours-additional-2-a2-50: #05A8FAFF; --colours-additional-2-a2-60: #37BAFBFF; --colours-additional-2-a2-70: #69CBFCFF; --colours-additional-2-a2-80: #9BDCFDFF; --colours-additional-2-a2-90: #CDEEFEFF; --colours-additional-2-a2-95: #E6F6FEFF; --colours-additional-2-a2-98: #F5FCFFFF; --colours-additional-2-a2-99: #FAFDFFFF; --colours-additional-3-a3-0: #000000FF; --colours-additional-3-a3-10: #322201FF; --colours-additional-3-a3-100: #FFFFFFFF; --colours-additional-3-a3-20: #644302FF; --colours-additional-3-a3-25: #7D5403FF; --colours-additional-3-a3-30: #966503FF; --colours-additional-3-a3-35: #AF7604FF; --colours-additional-3-a3-40: #C88704FF; --colours-additional-3-a3-50: #FAA805FF; --colours-additional-3-a3-60: #FBBA37FF; --colours-additional-3-a3-70: #FCCB69FF; --colours-additional-3-a3-80: #FDDC9BFF; --colours-additional-3-a3-90: #FEEECDFF; --colours-additional-3-a3-95: #FEF6E6FF; --colours-additional-3-a3-98: #FFFCF5FF; --colours-additional-3-a3-99: #FFFDFAFF; --colours-additional-4-a4-0: #000000FF; --colours-additional-4-a4-10: #220132FF; --colours-additional-4-a4-100: #FFFFFFFF; --colours-additional-4-a4-20: #430264FF; --colours-additional-4-a4-25: #54037DFF; --colours-additional-4-a4-30: #650396FF; --colours-additional-4-a4-35: #7604AFFF; --colours-additional-4-a4-40: #8704C8FF; --colours-additional-4-a4-50: #A805FAFF; --colours-additional-4-a4-60: #BA37FBFF; --colours-additional-4-a4-70: #CB69FCFF; --colours-additional-4-a4-80: #DC9BFDFF; --colours-additional-4-a4-90: #EECDFEFF; --colours-additional-4-a4-95: #F6E6FEFF; --colours-additional-4-a4-98: #FCF5FFFF; --colours-additional-4-a4-99: #FDFAFFFF; --colours-copy-primary-cp-0: #000000FF; --colours-copy-primary-cp-10: #013222FF; --colours-copy-primary-cp-100: #FFFFFFFF; --colours-copy-primary-cp-20: #026444FF; --colours-copy-primary-cp-25: #037D55FF; --colours-copy-primary-cp-30: #039666FF; --colours-copy-primary-cp-35: #03AF77FF; --colours-copy-primary-cp-40: #04C888FF; --colours-copy-primary-cp-50: #05FAAAFF; --colours-copy-primary-cp-60: #37FBBBFF; --colours-copy-primary-cp-70: #69FCCCFF; --colours-copy-primary-cp-80: #9BFDDDFF; --colours-copy-primary-cp-90: #CDFEEEFF; --colours-copy-primary-cp-95: #E6FEF6FF; --colours-copy-primary-cp-98: #F5FFFCFF; --colours-copy-primary-cp-99: #FAFFFDFF; --colours-copy-secondary-cs-0: #000000FF; --colours-copy-secondary-cs-10: #011132FF; --colours-copy-secondary-cs-100: #FFFFFFFF; --colours-copy-secondary-cs-20: #022364FF; --colours-copy-secondary-cs-25: #032B7DFF; --colours-copy-secondary-cs-30: #033496FF; --colours-copy-secondary-cs-35: #043DAFFF; --colours-copy-secondary-cs-40: #0445C8FF; --colours-copy-secondary-cs-50: #0557FAFF; --colours-copy-secondary-cs-60: #3778FBFF; --colours-copy-secondary-cs-70: #699AFCFF; --colours-copy-secondary-cs-80: #9BBCFDFF; --colours-copy-secondary-cs-90: #CDDDFEFF; --colours-copy-secondary-cs-95: #E6EEFEFF; --colours-copy-secondary-cs-98: #F5F8FFFF; --colours-copy-secondary-cs-99: #FAFCFFFF; --colours-copy-tertiary-ct-0: #000000FF; --colours-copy-tertiary-ct-10: #223201FF; --colours-copy-tertiary-ct-100: #FFFFFFFF; --colours-copy-tertiary-ct-20: #436402FF; --colours-copy-tertiary-ct-25: #547D03FF; --colours-copy-tertiary-ct-30: #659603FF; --colours-copy-tertiary-ct-35: #76AF04FF; --colours-copy-tertiary-ct-40: #87C804FF; --colours-copy-tertiary-ct-50: #A8FA05FF; --colours-copy-tertiary-ct-60: #BAFB37FF; --colours-copy-tertiary-ct-70: #CBFC69FF; --colours-copy-tertiary-ct-80: #DCFD9BFF; --colours-copy-tertiary-ct-90: #EEFECDFF; --colours-copy-tertiary-ct-95: #F6FEE6FF; --colours-copy-tertiary-ct-98: #FCFFF5FF; --colours-copy-tertiary-ct-99: #FDFFFAFF; --colours-error-e-0: #000000FF; --colours-error-e-10: #320101FF; --colours-error-e-100: #FFFFFFFF; --colours-error-e-20: #640202FF; --colours-error-e-25: #7D0303FF; --colours-error-e-30: #960303FF; --colours-error-e-35: #AF0404FF; --colours-error-e-40: #C80404FF; --colours-error-e-50: #FA0505FF; --colours-error-e-60: #FB3737FF; --colours-error-e-70: #FC6969FF; --colours-error-e-80: #FD9B9BFF; --colours-error-e-90: #FECDCDFF; --colours-error-e-95: #FEE6E6FF; --colours-error-e-98: #FFF5F5FF; --colours-error-e-99: #FFFAFAFF; --colours-neutral-variant-nv-0: #000000FF; --colours-neutral-variant-nv-10: #18191BFF; --colours-neutral-variant-nv-100: #FFFFFFFF; --colours-neutral-variant-nv-20: #313235FF; --colours-neutral-variant-nv-25: #3D3F42FF; --colours-neutral-variant-nv-30: #494B50FF; --colours-neutral-variant-nv-35: #56585DFF; --colours-neutral-variant-nv-40: #62656AFF; --colours-neutral-variant-nv-50: #7A7E85FF; --colours-neutral-variant-nv-60: #95989DFF; --colours-neutral-variant-nv-70: #AFB1B6FF; --colours-neutral-variant-nv-80: #CACBCEFF; --colours-neutral-variant-nv-90: #E4E5E7FF; --colours-neutral-variant-nv-95: #F2F2F3FF; --colours-neutral-variant-nv-98: #FAFAFAFF; --colours-neutral-variant-nv-99: #FCFCFDFF; --colours-neutral-n-0: #000000FF; --colours-neutral-n-10: #181A1BFF; --colours-neutral-n-100: #FFFFFFFF; --colours-neutral-n-100-at-3: #FFFFFF07; --colours-neutral-n-12: #1C1F21FF; --colours-neutral-n-17: #282C2FFF; --colours-neutral-n-20: #2F3437FF; --colours-neutral-n-22: #34393CFF; --colours-neutral-n-24: #393F42FF; --colours-neutral-n-25: #3B4144FF; --colours-neutral-n-30: #474E52FF; --colours-neutral-n-35: #535B60FF; --colours-neutral-n-4: #090A0BFF; --colours-neutral-n-40: #5F686DFF; --colours-neutral-n-50: #768389FF; --colours-neutral-n-6: #0E1010FF; --colours-neutral-n-60: #929BA0FF; --colours-neutral-n-70: #ADB4B8FF; --colours-neutral-n-80: #C8CDD0FF; --colours-neutral-n-87: #DBDFE0FF; --colours-neutral-n-90: #E4E6E7FF; --colours-neutral-n-92: #E9EBECFF; --colours-neutral-n-94: #EFF0F1FF; --colours-neutral-n-95: #F1F3F3FF; --colours-neutral-n-96: #F4F5F6FF; --colours-neutral-n-98: #FAFAFAFF; --colours-neutral-n-99: #FCFDFDFF; --colours-primary-p-0: #000000FF; --colours-primary-p-10: #09092AFF; --colours-primary-p-100: #FFFFFFFF; --colours-primary-p-10-at-4: #09092A0A; --colours-primary-p-20: #131353FF; --colours-primary-p-25: #171768FF; --colours-primary-p-30: #1C1C7DFF; --colours-primary-p-35: #212192FF; --colours-primary-p-40: #2626A6FF; --colours-primary-p-50: #2F2FD0FF; --colours-primary-p-60: #5959D9FF; --colours-primary-p-70: #8282E3FF; --colours-primary-p-80: #ACACECFF; --colours-primary-p-90: #D5D5F6FF; --colours-primary-p-95: #EAEAFAFF; --colours-primary-p-98: #F7F7FDFF; --colours-primary-p-99: #FBFBFEFF; --colours-secondary-s-0: #000000FF; --colours-secondary-s-10: #08232BFF; --colours-secondary-s-100: #FFFFFFFF; --colours-secondary-s-20: #104656FF; --colours-secondary-s-25: #14586CFF; --colours-secondary-s-30: #186981FF; --colours-secondary-s-35: #1C7B96FF; --colours-secondary-s-40: #208CACFF; --colours-secondary-s-50: #28AFD7FF; --colours-secondary-s-60: #53BFDFFF; --colours-secondary-s-70: #7ECFE7FF; --colours-secondary-s-80: #A9DFEFFF; --colours-secondary-s-90: #D4EFF7FF; --colours-secondary-s-95: #E9F7FBFF; --colours-secondary-s-98: #F6FCFDFF; --colours-secondary-s-99: #FBFDFEFF; --colours-tertiary-t-0: #000000FF; --colours-tertiary-t-10: #031530FF; --colours-tertiary-t-100: #FFFFFFFF; --colours-tertiary-t-20: #062A60FF; --colours-tertiary-t-25: #073578FF; --colours-tertiary-t-30: #094090FF; --colours-tertiary-t-35: #0A4AA8FF; --colours-tertiary-t-40: #0C55C0FF; --colours-tertiary-t-50: #0F6AF0FF; --colours-tertiary-t-60: #3F88F3FF; --colours-tertiary-t-70: #6FA6F6FF; --colours-tertiary-t-80: #9FC3F9FF; --colours-tertiary-t-90: #CFE1FCFF; --colours-tertiary-t-95: #E7F0FDFF; --colours-tertiary-t-98: #F5F9FEFF; --colours-tertiary-t-99: #FAFCFFFF; --fonts-typeface-brand: Inter; --fonts-typeface-plain: Roboto; --fonts-weight-prominent: bold; --fonts-weight-medium: 500; --fonts-weight-quote: italic; --fonts-weight-regular: normal; --numbers-p-0: 0px; --numbers-p-100: 100px; --numbers-p-1024: 1024px; --numbers-p-1120: 1120px; --numbers-p-12: 12px; --numbers-p-1280: 1280px; --numbers-p-1356: 1356px; --numbers-p-14: 14px; --numbers-p-1408: 1408px; --numbers-p-144: 144px; --numbers-p-1440: 1440px; --numbers-p-151: 151px; --numbers-p-16: 16px; --numbers-p-168: 168px; --numbers-p-18: 18px; --numbers-p-188: 188px; --numbers-p-192: 192px; --numbers-p-2: 2px; --numbers-p-20: 20px; --numbers-p-210: 210px; --numbers-p-22: 22px; --numbers-p-24: 24px; --numbers-p-240: 240px; --numbers-p-246: 246px; --numbers-p-256: 256px; --numbers-p-26: 26px; --numbers-p-264: 264px; --numbers-p-272: 272px; --numbers-p-28: 28px; --numbers-p-280: 280px; --numbers-p-290: 290px; --numbers-p-306: 306px; --numbers-p-310: 310px; --numbers-p-312: 312px; --numbers-p-32: 32px; --numbers-p-320: 320px; --numbers-p-330: 330px; --numbers-p-352: 352px; --numbers-p-36: 36px; --numbers-p-360: 360px; --numbers-p-38: 38px; --numbers-p-4: 4px; --numbers-p-40: 40px; --numbers-p-414: 414px; --numbers-p-428: 428px; --numbers-p-44: 44px; --numbers-p-46: 46px; --numbers-p-48: 48px; --numbers-p-504: 504px; --numbers-p-512: 512px; --numbers-p-52: 52px; --numbers-p-544: 544px; --numbers-p-548: 548px; --numbers-p-56: 56px; --numbers-p-560: 560px; --numbers-p-58: 58px; --numbers-p-60: 60px; --numbers-p-600: 600px; --numbers-p-620: 620px; --numbers-p-64: 64px; --numbers-p-640: 640px; --numbers-p-672: 672px; --numbers-p-68: 68px; --numbers-p-688: 688px; --numbers-p-720: 720px; --numbers-p-736: 736px; --numbers-p-76: 76px; --numbers-p-768: 768px; --numbers-p-786: 786px; --numbers-p-8: 8px; --numbers-p-80: 80px; --numbers-p-800: 800px; --numbers-p-810: 810px; --numbers-p-816: 816px; --numbers-p-84: 84px; --numbers-p-848: 848px; --numbers-p-88: 88px; --numbers-p-892: 892px; --numbers-p-896: 896px; --numbers-p-90: 90px; --numbers-p-900: 900px; --numbers-p-92: 92px; --numbers-p-96: 96px; --numbers-p-960: 960px; --numbers-p-964: 964px; --numbers-p-infinite: 4000px; /* 01_Layout */ /* L_Mobile */ } @media screen and (max-width: 767px) { .waternet-corporation { --corner-radius-extra-large: var(--numbers-p-32); --corner-radius-extra-small: var(--numbers-p-8); --corner-radius-full: var(--numbers-p-infinite); --corner-radius-large: var(--numbers-p-24); --corner-radius-largest: var(--numbers-p-40); --corner-radius-medium: var(--numbers-p-16); --corner-radius-none: var(--numbers-p-0); --corner-radius-small: var(--numbers-p-12); --corner-radius-smallest: var(--numbers-p-4); --gap-fixed-extra-large: var(--numbers-p-32); --gap-fixed-extra-small: var(--numbers-p-4); --gap-fixed-large: var(--numbers-p-24); --gap-fixed-largest: var(--numbers-p-40); --gap-fixed-medium: var(--numbers-p-16); --gap-fixed-none: var(--numbers-p-0); --gap-fixed-small: var(--numbers-p-8); --gap-variable-div-content-proximity-1: var(--numbers-p-4); --gap-variable-div-content-proximity-2: var(--numbers-p-8); --gap-variable-div-content-proximity-3: var(--numbers-p-20); --gap-variable-div-content-proximity-4: var(--numbers-p-28); --gap-variable-div-content-proximity-5: var(--numbers-p-32); --gap-variable-divs-carousel-container: var(--numbers-p-8); --gap-variable-divs-container: var(--numbers-p-28); --gap-variable-sections: var(--numbers-p-32); --height-fixed-banner-icon: var(--numbers-p-48); --height-fixed-buttons-large: var(--numbers-p-48); --height-fixed-buttons-medium: var(--numbers-p-40); --height-fixed-buttons-small: var(--numbers-p-32); --height-fixed-cards-corner-tag: var(--numbers-p-92); --height-fixed-cards-header: var(--numbers-p-90); --height-fixed-cards-leading-icon: var(--numbers-p-40); --height-fixed-cards-logo: var(--numbers-p-44); --height-fixed-cards-media: var(--numbers-p-188); --height-fixed-cards-subtitle-icon: var(--numbers-p-20); --height-fixed-cards-tag: var(--numbers-p-32); --height-fixed-cards-trailing-icon: var(--numbers-p-32); --height-fixed-heros-project-tag: var(--numbers-p-32); --height-fixed-platform-drawer-leading-icons: var(--numbers-p-24); --height-fixed-platform-drawer-logos: var(--numbers-p-48); --height-fixed-platform-drawer-trailing-icons: var(--numbers-p-24); --height-fixed-platform-drawer-wl-gfp-logo: var(--numbers-p-36); --height-fixed-platform-top-bar: var(--numbers-p-88); --height-fixed-platform-top-bar-logo: var(--numbers-p-48); --height-fixed-popover-icon: var(--numbers-p-32); --height-fixed-scroll-media: var(--numbers-p-80); --height-fixed-top-nav: var(--numbers-p-88); --height-fixed-widget-icon: var(--numbers-p-48); --height-fixed-widget-logo: var(--numbers-p-40); --height-variable-banners-mockup: var(--numbers-p-240); --height-variable-cards-body-max: var(--numbers-p-192); --height-variable-globe: var(--numbers-p-312); --height-variable-heros-icon: var(--numbers-p-48); --height-variable-heros-mockup: var(--numbers-p-240); --height-variable-homepage-hero: var(--numbers-p-1356); --height-variable-other-pages-hero-max: var(--numbers-p-infinite); --height-variable-other-pages-hero-min: var(--numbers-p-620); --height-variable-screen-resolution-min: var(--numbers-p-800); --height-variable-screen-resolution-standard: var(--numbers-p-896); --padding-fixed-extra-large: var(--numbers-p-32); --padding-fixed-extra-small: var(--numbers-p-12); --padding-fixed-large: var(--numbers-p-24); --padding-fixed-largest: var(--numbers-p-40); --padding-fixed-medium: var(--numbers-p-20); --padding-fixed-none: var(--numbers-p-0); --padding-fixed-small: var(--numbers-p-16); --padding-fixed-smallest: var(--numbers-p-8); --padding-variable-containers-laterals: var(--numbers-p-24); --padding-variable-containers-top-bottom: var(--numbers-p-24); --padding-variable-footer-bottom: var(--numbers-p-32); --padding-variable-footer-laterals: var(--numbers-p-24); --padding-variable-footer-top: var(--numbers-p-40); --padding-variable-platform-drawer-laterals: var(--numbers-p-24); --padding-variable-platform-drawer-top-bottom: var(--numbers-p-24); --padding-variable-platform-top-bar-laterals: var(--numbers-p-24); --padding-variable-sections-laterals-min: var(--numbers-p-24); --padding-variable-sections-top-bottom-large: var(--numbers-p-48); --padding-variable-sections-top-bottom-small: var(--numbers-p-24); --padding-variable-top-nav-drawer-laterals: var(--numbers-p-24); --padding-variable-top-nav-drawer-top-bottom: var(--numbers-p-20); --padding-variable-top-nav-laterals: var(--numbers-p-24); --width-fixed-banner-icon: var(--numbers-p-48); --width-fixed-cards-corner-tag: var(--numbers-p-92); --width-fixed-cards-leading-icon: var(--numbers-p-40); --width-fixed-cards-subtitle-icon: var(--numbers-p-20); --width-fixed-cards-trailing-icon: var(--numbers-p-32); --width-fixed-platform-drawer-leading-icons: var(--numbers-p-24); --width-fixed-platform-drawer-opened: var(--numbers-p-352); --width-fixed-platform-drawer-trailing-icons: var(--numbers-p-24); --width-fixed-popover-icon: var(--numbers-p-32); --width-fixed-popover-max: var(--numbers-p-560); --width-fixed-popover-min: var(--numbers-p-280); --width-fixed-widget-icon: var(--numbers-p-48); --width-fixed-widget-logo: var(--numbers-p-46); --width-variable-banners-buttons-min: var(--numbers-p-264); --width-variable-banners-container: var(--numbers-p-312); --width-variable-banners-divs-min: var(--numbers-p-264); --width-variable-cards-buttons-min: var(--numbers-p-272); --width-variable-contact-form-button-min: var(--numbers-p-264); --width-variable-contact-form-check-boxes-min: var(--numbers-p-264); --width-variable-contact-form-long-input-fields-min: var(--numbers-p-264); --width-variable-contact-form-short-input-fields-min: var(--numbers-p-264); --width-variable-div-2-equals-max: var(--numbers-p-infinite); --width-variable-div-2-equals-min: var(--numbers-p-312); --width-variable-div-2-major: var(--numbers-p-312); --width-variable-div-2-minor: var(--numbers-p-312); --width-variable-div-4-equals: var(--numbers-p-312); --width-variable-div-from3-wrapped: var(--numbers-p-312); --width-variable-div-from5-carousel: var(--numbers-p-312); --width-variable-globe: var(--numbers-p-312); --width-variable-heros-buttons-min: var(--numbers-p-312); --width-variable-heros-icon: var(--numbers-p-48); --width-variable-impact-cards-full-width-card-min: var(--numbers-p-272); --width-variable-impact-cards-half-width-card-min: var(--numbers-p-272); --width-variable-platform-top-bar-min: var(--numbers-p-360); --width-variable-screen-resolution-min: var(--numbers-p-360); --width-variable-screen-resolution-standard: var(--numbers-p-414); --width-variable-sections-content-area: var(--numbers-p-312); --width-variable-top-nav-drawer: var(--numbers-p-352); --width-variable-top-nav-min: var(--numbers-p-360); --width-variable-widget-container: var(--numbers-p-312); --width-variable-widget-cta-min: var(--numbers-p-264); --width-variable-widget-other-data: var(--numbers-p-264); --width-variable-widget-tonnes-breakdown-data: var(--numbers-p-264); --width-variable-widget-tonnes-data: var(--numbers-p-264); } } .waternet-corporation { /* L_Tablet */ } @media screen and (min-width: 768px) and (max-width: 1279px) { .waternet-corporation { --corner-radius-extra-large: var(--numbers-p-32); --corner-radius-extra-small: var(--numbers-p-8); --corner-radius-full: var(--numbers-p-infinite); --corner-radius-large: var(--numbers-p-24); --corner-radius-largest: var(--numbers-p-40); --corner-radius-medium: var(--numbers-p-16); --corner-radius-none: var(--numbers-p-0); --corner-radius-small: var(--numbers-p-12); --corner-radius-smallest: var(--numbers-p-4); --gap-fixed-extra-large: var(--numbers-p-32); --gap-fixed-extra-small: var(--numbers-p-4); --gap-fixed-large: var(--numbers-p-24); --gap-fixed-largest: var(--numbers-p-40); --gap-fixed-medium: var(--numbers-p-16); --gap-fixed-none: var(--numbers-p-0); --gap-fixed-small: var(--numbers-p-8); --gap-variable-div-content-proximity-1: var(--numbers-p-4); --gap-variable-div-content-proximity-2: var(--numbers-p-8); --gap-variable-div-content-proximity-3: var(--numbers-p-20); --gap-variable-div-content-proximity-4: var(--numbers-p-28); --gap-variable-div-content-proximity-5: var(--numbers-p-32); --gap-variable-divs-carousel-container: var(--numbers-p-8); --gap-variable-divs-container: var(--numbers-p-28); --gap-variable-sections: var(--numbers-p-32); --height-fixed-banner-icon: var(--numbers-p-48); --height-fixed-buttons-large: var(--numbers-p-48); --height-fixed-buttons-medium: var(--numbers-p-40); --height-fixed-buttons-small: var(--numbers-p-32); --height-fixed-cards-corner-tag: var(--numbers-p-92); --height-fixed-cards-header: var(--numbers-p-90); --height-fixed-cards-leading-icon: var(--numbers-p-40); --height-fixed-cards-logo: var(--numbers-p-44); --height-fixed-cards-media: var(--numbers-p-188); --height-fixed-cards-subtitle-icon: var(--numbers-p-20); --height-fixed-cards-tag: var(--numbers-p-32); --height-fixed-cards-trailing-icon: var(--numbers-p-32); --height-fixed-heros-project-tag: var(--numbers-p-32); --height-fixed-platform-drawer-leading-icons: var(--numbers-p-24); --height-fixed-platform-drawer-logos: var(--numbers-p-48); --height-fixed-platform-drawer-trailing-icons: var(--numbers-p-24); --height-fixed-platform-drawer-wl-gfp-logo: var(--numbers-p-36); --height-fixed-platform-top-bar: var(--numbers-p-88); --height-fixed-platform-top-bar-logo: var(--numbers-p-48); --height-fixed-popover-icon: var(--numbers-p-32); --height-fixed-scroll-media: var(--numbers-p-80); --height-fixed-top-nav: var(--numbers-p-88); --height-fixed-widget-icon: var(--numbers-p-48); --height-fixed-widget-logo: var(--numbers-p-40); --height-variable-banners-mockup: var(--numbers-p-360); --height-variable-cards-body-max: var(--numbers-p-168); --height-variable-globe: var(--numbers-p-330); --height-variable-heros-icon: var(--numbers-p-48); --height-variable-heros-mockup: var(--numbers-p-360); --height-variable-homepage-hero: var(--numbers-p-892); --height-variable-other-pages-hero-max: var(--numbers-p-620); --height-variable-other-pages-hero-min: var(--numbers-p-620); --height-variable-screen-resolution-min: var(--numbers-p-1024); --height-variable-screen-resolution-standard: var(--numbers-p-1280); --padding-fixed-extra-large: var(--numbers-p-32); --padding-fixed-extra-small: var(--numbers-p-12); --padding-fixed-large: var(--numbers-p-24); --padding-fixed-largest: var(--numbers-p-40); --padding-fixed-medium: var(--numbers-p-20); --padding-fixed-none: var(--numbers-p-0); --padding-fixed-small: var(--numbers-p-16); --padding-fixed-smallest: var(--numbers-p-8); --padding-variable-containers-laterals: var(--numbers-p-24); --padding-variable-containers-top-bottom: var(--numbers-p-24); --padding-variable-footer-bottom: var(--numbers-p-32); --padding-variable-footer-laterals: var(--numbers-p-40); --padding-variable-footer-top: var(--numbers-p-40); --padding-variable-platform-drawer-laterals: var(--numbers-p-32); --padding-variable-platform-drawer-top-bottom: var(--numbers-p-32); --padding-variable-platform-top-bar-laterals: var(--numbers-p-40); --padding-variable-sections-laterals-min: var(--numbers-p-40); --padding-variable-sections-top-bottom-large: var(--numbers-p-64); --padding-variable-sections-top-bottom-small: var(--numbers-p-32); --padding-variable-top-nav-drawer-laterals: var(--numbers-p-40); --padding-variable-top-nav-drawer-top-bottom: var(--numbers-p-40); --padding-variable-top-nav-laterals: var(--numbers-p-40); --width-fixed-banner-icon: var(--numbers-p-48); --width-fixed-cards-corner-tag: var(--numbers-p-92); --width-fixed-cards-leading-icon: var(--numbers-p-40); --width-fixed-cards-subtitle-icon: var(--numbers-p-20); --width-fixed-cards-trailing-icon: var(--numbers-p-32); --width-fixed-platform-drawer-leading-icons: var(--numbers-p-24); --width-fixed-platform-drawer-opened: var(--numbers-p-352); --width-fixed-platform-drawer-trailing-icons: var(--numbers-p-24); --width-fixed-popover-icon: var(--numbers-p-32); --width-fixed-popover-max: var(--numbers-p-560); --width-fixed-popover-min: var(--numbers-p-280); --width-fixed-widget-icon: var(--numbers-p-48); --width-fixed-widget-logo: var(--numbers-p-46); --width-variable-banners-buttons-min: var(--numbers-p-0); --width-variable-banners-container: var(--numbers-p-688); --width-variable-banners-divs-min: var(--numbers-p-306); --width-variable-cards-buttons-min: var(--numbers-p-290); --width-variable-contact-form-button-min: var(--numbers-p-0); --width-variable-contact-form-check-boxes-min: var(--numbers-p-264); --width-variable-contact-form-long-input-fields-min: var(--numbers-p-264); --width-variable-contact-form-short-input-fields-min: var(--numbers-p-264); --width-variable-div-2-equals-max: var(--numbers-p-infinite); --width-variable-div-2-equals-min: var(--numbers-p-330); --width-variable-div-2-major: var(--numbers-p-330); --width-variable-div-2-minor: var(--numbers-p-330); --width-variable-div-4-equals: var(--numbers-p-330); --width-variable-div-from3-wrapped: var(--numbers-p-330); --width-variable-div-from5-carousel: var(--numbers-p-330); --width-variable-globe: var(--numbers-p-330); --width-variable-heros-buttons-min: var(--numbers-p-330); --width-variable-heros-icon: var(--numbers-p-48); --width-variable-impact-cards-full-width-card-min: var(--numbers-p-290); --width-variable-impact-cards-half-width-card-min: var(--numbers-p-290); --width-variable-platform-top-bar-min: var(--numbers-p-768); --width-variable-screen-resolution-min: var(--numbers-p-768); --width-variable-screen-resolution-standard: var(--numbers-p-800); --width-variable-sections-content-area: var(--numbers-p-688); --width-variable-top-nav-drawer: var(--numbers-p-720); --width-variable-top-nav-min: var(--numbers-p-768); --width-variable-widget-container: var(--numbers-p-688); --width-variable-widget-cta-min: var(--numbers-p-306); --width-variable-widget-other-data: var(--numbers-p-306); --width-variable-widget-tonnes-breakdown-data: var(--numbers-p-306); --width-variable-widget-tonnes-data: var(--numbers-p-306); } } .waternet-corporation { /* L_Desktop */ } @media screen and (min-width: 1280px) { .waternet-corporation { --corner-radius-extra-large: var(--numbers-p-32); --corner-radius-extra-small: var(--numbers-p-8); --corner-radius-full: var(--numbers-p-infinite); --corner-radius-large: var(--numbers-p-24); --corner-radius-largest: var(--numbers-p-40); --corner-radius-medium: var(--numbers-p-16); --corner-radius-none: var(--numbers-p-0); --corner-radius-small: var(--numbers-p-12); --corner-radius-smallest: var(--numbers-p-4); --gap-fixed-extra-large: var(--numbers-p-32); --gap-fixed-extra-small: var(--numbers-p-4); --gap-fixed-large: var(--numbers-p-24); --gap-fixed-largest: var(--numbers-p-40); --gap-fixed-medium: var(--numbers-p-16); --gap-fixed-none: var(--numbers-p-0); --gap-fixed-small: var(--numbers-p-8); --gap-variable-div-content-proximity-1: var(--numbers-p-8); --gap-variable-div-content-proximity-2: var(--numbers-p-16); --gap-variable-div-content-proximity-3: var(--numbers-p-24); --gap-variable-div-content-proximity-4: var(--numbers-p-32); --gap-variable-div-content-proximity-5: var(--numbers-p-40); --gap-variable-divs-carousel-container: var(--numbers-p-16); --gap-variable-divs-container: var(--numbers-p-32); --gap-variable-sections: var(--numbers-p-40); --height-fixed-banner-icon: var(--numbers-p-48); --height-fixed-buttons-large: var(--numbers-p-48); --height-fixed-buttons-medium: var(--numbers-p-40); --height-fixed-buttons-small: var(--numbers-p-32); --height-fixed-cards-corner-tag: var(--numbers-p-92); --height-fixed-cards-header: var(--numbers-p-90); --height-fixed-cards-leading-icon: var(--numbers-p-40); --height-fixed-cards-logo: var(--numbers-p-44); --height-fixed-cards-media: var(--numbers-p-188); --height-fixed-cards-subtitle-icon: var(--numbers-p-20); --height-fixed-cards-tag: var(--numbers-p-32); --height-fixed-cards-trailing-icon: var(--numbers-p-32); --height-fixed-heros-project-tag: var(--numbers-p-32); --height-fixed-platform-drawer-leading-icons: var(--numbers-p-24); --height-fixed-platform-drawer-logos: var(--numbers-p-48); --height-fixed-platform-drawer-trailing-icons: var(--numbers-p-24); --height-fixed-platform-drawer-wl-gfp-logo: var(--numbers-p-36); --height-fixed-platform-top-bar: var(--numbers-p-88); --height-fixed-platform-top-bar-logo: var(--numbers-p-48); --height-fixed-popover-icon: var(--numbers-p-32); --height-fixed-scroll-media: var(--numbers-p-80); --height-fixed-top-nav: var(--numbers-p-88); --height-fixed-widget-icon: var(--numbers-p-48); --height-fixed-widget-logo: var(--numbers-p-40); --height-variable-banners-mockup: var(--numbers-p-290); --height-variable-cards-body-max: var(--numbers-p-168); --height-variable-globe: var(--numbers-p-428); --height-variable-heros-icon: var(--numbers-p-56); --height-variable-heros-mockup: var(--numbers-p-428); --height-variable-homepage-hero: var(--numbers-p-848); --height-variable-other-pages-hero-max: var(--numbers-p-548); --height-variable-other-pages-hero-min: var(--numbers-p-548); --height-variable-screen-resolution-min: var(--numbers-p-720); --height-variable-screen-resolution-standard: var(--numbers-p-900); --padding-fixed-extra-large: var(--numbers-p-32); --padding-fixed-extra-small: var(--numbers-p-12); --padding-fixed-large: var(--numbers-p-24); --padding-fixed-largest: var(--numbers-p-40); --padding-fixed-medium: var(--numbers-p-20); --padding-fixed-none: var(--numbers-p-0); --padding-fixed-small: var(--numbers-p-16); --padding-fixed-smallest: var(--numbers-p-8); --padding-variable-containers-laterals: var(--numbers-p-32); --padding-variable-containers-top-bottom: var(--numbers-p-32); --padding-variable-footer-bottom: var(--numbers-p-40); --padding-variable-footer-laterals: var(--numbers-p-80); --padding-variable-footer-top: var(--numbers-p-80); --padding-variable-platform-drawer-laterals: var(--numbers-p-32); --padding-variable-platform-drawer-top-bottom: var(--numbers-p-32); --padding-variable-platform-top-bar-laterals: var(--numbers-p-80); --padding-variable-sections-laterals-min: var(--numbers-p-80); --padding-variable-sections-top-bottom-large: var(--numbers-p-80); --padding-variable-sections-top-bottom-small: var(--numbers-p-40); --padding-variable-top-nav-drawer-laterals: var(--numbers-p-80); --padding-variable-top-nav-drawer-top-bottom: var(--numbers-p-80); --padding-variable-top-nav-laterals: var(--numbers-p-80); --width-fixed-banner-icon: var(--numbers-p-48); --width-fixed-cards-corner-tag: var(--numbers-p-92); --width-fixed-cards-leading-icon: var(--numbers-p-40); --width-fixed-cards-subtitle-icon: var(--numbers-p-20); --width-fixed-cards-trailing-icon: var(--numbers-p-32); --width-fixed-platform-drawer-leading-icons: var(--numbers-p-24); --width-fixed-platform-drawer-opened: var(--numbers-p-352); --width-fixed-platform-drawer-trailing-icons: var(--numbers-p-24); --width-fixed-popover-icon: var(--numbers-p-32); --width-fixed-popover-max: var(--numbers-p-560); --width-fixed-popover-min: var(--numbers-p-280); --width-fixed-widget-icon: var(--numbers-p-48); --width-fixed-widget-logo: var(--numbers-p-46); --width-variable-banners-buttons-min: var(--numbers-p-0); --width-variable-banners-container: var(--numbers-p-1120); --width-variable-banners-divs-min: var(--numbers-p-512); --width-variable-cards-buttons-min: var(--numbers-p-0); --width-variable-contact-form-button-min: var(--numbers-p-0); --width-variable-contact-form-check-boxes-min: var(--numbers-p-672); --width-variable-contact-form-long-input-fields-min: var(--numbers-p-672); --width-variable-contact-form-short-input-fields-min: var(--numbers-p-320); --width-variable-div-2-equals-max: var(--numbers-p-infinite); --width-variable-div-2-equals-min: var(--numbers-p-544); --width-variable-div-2-major: var(--numbers-p-736); --width-variable-div-2-minor: var(--numbers-p-352); --width-variable-div-4-equals: var(--numbers-p-256); --width-variable-div-from3-wrapped: var(--numbers-p-352); --width-variable-div-from5-carousel: var(--numbers-p-352); --width-variable-globe: var(--numbers-p-428); --width-variable-heros-buttons-min: var(--numbers-p-0); --width-variable-heros-icon: var(--numbers-p-56); --width-variable-impact-cards-full-width-card-min: var(--numbers-p-504); --width-variable-impact-cards-half-width-card-min: var(--numbers-p-240); --width-variable-platform-top-bar-min: var(--numbers-p-1280); --width-variable-screen-resolution-min: var(--numbers-p-1280); --width-variable-screen-resolution-standard: var(--numbers-p-1440); --width-variable-sections-content-area: var(--numbers-p-1120); --width-variable-top-nav-drawer: var(--numbers-p-0); --width-variable-top-nav-min: var(--numbers-p-1280); --width-variable-widget-container: var(--numbers-p-1120); --width-variable-widget-cta-min: var(--numbers-p-246); --width-variable-widget-other-data: var(--numbers-p-246); --width-variable-widget-tonnes-breakdown-data: var(--numbers-p-246); --width-variable-widget-tonnes-data: var(--numbers-p-246); } } .waternet-corporation { /* 04_Components */ /* Mode 1 */ --buttons-corner-radius-general: var(--corner-radius-full); --buttons-gap-general: var(--gap-fixed-small); --buttons-gap-general-none: var(--gap-fixed-none); --buttons-height-large: var(--height-fixed-buttons-large); --buttons-height-medium: var(--height-fixed-buttons-medium); --buttons-height-small: var(--height-fixed-buttons-small); --buttons-padding-general-none: var(--padding-fixed-none); --buttons-padding-laterals: var(--padding-fixed-large); --buttons-padding-laterals-text-button: var(--padding-fixed-extra-small); --buttons-padding-left-with-icon: var(--padding-fixed-small); --buttons-padding-left-with-icon-text-button: var(--padding-fixed-smallest); --buttons-padding-right-with-icon: var(--padding-fixed-small); --buttons-padding-right-with-icon-text-button: var(--padding-fixed-smallest); --cards-filled-outlined-corner-radius-card: var(--corner-radius-medium); --cards-filled-outlined-corner-radius-general-none: var(--corner-radius-none); --cards-filled-outlined-corner-radius-media: var(--corner-radius-medium); --cards-filled-outlined-gap-actions: var(--gap-fixed-small); --cards-filled-outlined-gap-content-section: var(--gap-fixed-large); --cards-filled-outlined-gap-eyebrow-title2-subtitle2: var(--gap-fixed-extra-small); --cards-filled-outlined-gap-general-none: var(--gap-fixed-none); --cards-filled-outlined-gap-header: var(--gap-fixed-medium); --cards-filled-outlined-gap-headline-subheadline: var(--gap-fixed-extra-small); --cards-filled-outlined-gap-icon-subtitle: var(--gap-fixed-extra-small); --cards-filled-outlined-gap-tags: var(--gap-fixed-small); --cards-filled-outlined-gap-title-subtitle: var(--gap-fixed-extra-small); --cards-filled-outlined-height-body-max: var(--height-variable-cards-body-max); --cards-filled-outlined-height-corner-tag: var(--height-fixed-cards-corner-tag); --cards-filled-outlined-height-header: var(--height-fixed-cards-header); --cards-filled-outlined-height-leading-icon: var(--height-fixed-cards-leading-icon); --cards-filled-outlined-height-logo: var(--height-fixed-cards-logo); --cards-filled-outlined-height-media: var(--height-fixed-cards-media); --cards-filled-outlined-height-subtitle-icon: var(--height-fixed-cards-subtitle-icon); --cards-filled-outlined-height-tag: var(--height-fixed-cards-tag); --cards-filled-outlined-height-trailing-icon: var(--height-fixed-cards-trailing-icon); --cards-filled-outlined-padding-content-section-laterals: var(--padding-fixed-medium); --cards-filled-outlined-padding-content-section-top-bottom: var(--padding-fixed-medium); --cards-filled-outlined-padding-general-none: var(--padding-fixed-none); --cards-filled-outlined-padding-header-laterals: var(--padding-fixed-medium); --cards-filled-outlined-padding-header-top-bottom: var(--padding-fixed-medium); --cards-filled-outlined-padding-logo-bottom: var(--padding-fixed-none); --cards-filled-outlined-padding-logo-laterals: var(--padding-fixed-medium); --cards-filled-outlined-padding-logo-top: var(--padding-fixed-medium); --cards-filled-outlined-padding-media-laterals: var(--padding-fixed-none); --cards-filled-outlined-padding-media-top-bottom: var(--padding-fixed-none); --cards-filled-outlined-padding-tags-bottom: var(--padding-fixed-none); --cards-filled-outlined-padding-tags-laterals: var(--padding-fixed-medium); --cards-filled-outlined-padding-tags-top: var(--padding-fixed-medium); --cards-filled-outlined-width-buttons: var(--width-variable-cards-buttons-min); --cards-filled-outlined-width-corner-tag: var(--width-fixed-cards-corner-tag); --cards-filled-outlined-width-leading-icon: var(--width-fixed-cards-leading-icon); --cards-filled-outlined-width-subtitle-icon: var(--width-fixed-cards-subtitle-icon); --cards-filled-outlined-width-trailing-icon: var(--width-fixed-cards-trailing-icon); --containers-banner-corner-radius-component: var(--corner-radius-extra-large); --containers-banner-corner-radius-general-none: var(--corner-radius-none); --containers-banner-gap-component: var(--gap-variable-div-content-proximity-4); --containers-banner-gap-ctas: var(--gap-variable-div-content-proximity-2); --containers-banner-gap-general-none: var(--gap-fixed-none); --containers-banner-gap-icon-headline-subheadline: var(--gap-variable-div-content-proximity-2); --containers-banner-gap-scroll: var(--gap-variable-div-content-proximity-5); --containers-banner-height-icon: var(--height-fixed-banner-icon); --containers-banner-height-media: var(--height-fixed-scroll-media); --containers-banner-height-mockup: var(--height-variable-banners-mockup); --containers-banner-padding-component-bottom: var(--padding-fixed-extra-large); --containers-banner-padding-component-laterals: var(--padding-variable-containers-laterals); --containers-banner-padding-component-top: var(--padding-fixed-extra-large); --containers-banner-padding-general-none: var(--padding-fixed-none); --containers-banner-width-buttons-min: var(--width-variable-banners-buttons-min); --containers-banner-width-component: var(--width-variable-banners-container); --containers-banner-width-divs-min: var(--width-variable-banners-divs-min); --containers-banner-width-icon: var(--width-fixed-banner-icon); --containers-contact-form-corner-radius-component: var(--corner-radius-extra-large); --containers-contact-form-corner-radius-general-none: var(--corner-radius-none); --containers-contact-form-gap-check-boxes: var(--gap-variable-div-content-proximity-2); --containers-contact-form-gap-component: var(--gap-variable-div-content-proximity-4); --containers-contact-form-gap-general-none: var(--gap-fixed-none); --containers-contact-form-gap-input-fields: var(--gap-variable-div-content-proximity-4); --containers-contact-form-padding-component-bottom: var(--padding-fixed-extra-large); --containers-contact-form-padding-component-laterals: var(--padding-variable-containers-laterals); --containers-contact-form-padding-component-top: var(--padding-fixed-extra-large); --containers-contact-form-padding-general-none: var(--padding-fixed-none); --containers-contact-form-width-button-min: var(--width-variable-contact-form-button-min); --containers-contact-form-width-component: var(--divs-width-major); --containers-contact-form-width-long-input-fields: var(--width-variable-contact-form-long-input-fields-min); --containers-contact-form-width-short-input-fields: var(--width-variable-contact-form-short-input-fields-min); --containers-dashboard-metrics-corner-radius-component: var(--corner-radius-large); --containers-dashboard-metrics-corner-radius-general-none: var(--corner-radius-none); --containers-dashboard-metrics-gap-component: var(--gap-fixed-medium); --containers-dashboard-metrics-gap-metrics: var(--gap-fixed-medium); --containers-dashboard-metrics-padding-component-bottom: var(--padding-fixed-medium); --containers-dashboard-metrics-padding-component-laterals: var(--padding-fixed-medium); --containers-dashboard-metrics-padding-component-top: var(--padding-fixed-medium); --containers-dashboard-metrics-padding-general-none: var(--padding-fixed-none); --containers-impact-cards-corner-radius-container-cards: var(--corner-radius-large); --containers-impact-cards-corner-radius-general-none: var(--corner-radius-none); --containers-impact-cards-gap-container-cards: var(--gap-fixed-medium); --containers-impact-cards-gap-tabs-container-disclaimer: var(--gap-fixed-medium); --containers-impact-cards-padding-container-cards-bottom: var(--padding-fixed-medium); --containers-impact-cards-padding-container-cards-laterals: var(--padding-fixed-medium); --containers-impact-cards-padding-container-cards-top: var(--padding-fixed-medium); --containers-impact-cards-padding-general-none: var(--padding-fixed-none); --containers-impact-cards-card-full-width-min: var(--width-variable-impact-cards-full-width-card-min); --containers-impact-cards-card-half-width-min: var(--width-variable-impact-cards-half-width-card-min); --containers-tooltips-plain-corner-radius-component: var(--corner-radius-large); --containers-tooltips-plain-corner-radius-general-none: var(--corner-radius-none); --containers-tooltips-plain-gap-component: var(--gap-fixed-large); --containers-tooltips-plain-gap-general-none: var(--gap-fixed-none); --containers-tooltips-plain-gap-icon-title: var(--gap-fixed-medium); --containers-tooltips-plain-gap-title-body: var(--gap-fixed-medium); --containers-tooltips-plain-height-icons: var(--height-fixed-popover-icon); --containers-tooltips-plain-padding-component-bottom: var(--padding-fixed-large); --containers-tooltips-plain-padding-component-laterals: var(--padding-fixed-large); --containers-tooltips-plain-padding-component-top: var(--padding-fixed-large); --containers-tooltips-plain-padding-general-none: var(--padding-fixed-none); --containers-tooltips-plain-width-icons: var(--width-fixed-popover-icon); --containers-tooltips-plain-width-max: var(--width-fixed-popover-max); --containers-tooltips-plain-width-min: var(--width-fixed-popover-min); --containers-widget-corner-radius-component: var(--corner-radius-extra-large); --containers-widget-corner-radius-general-none: var(--corner-radius-none); --containers-widget-gap-component: var(--gap-variable-div-content-proximity-4); --containers-widget-gap-cta-logo: var(--gap-variable-div-content-proximity-3); --containers-widget-gap-data-label: var(--gap-fixed-extra-small); --containers-widget-gap-general-none: var(--gap-fixed-none); --containers-widget-gap-icon-metric: var(--gap-fixed-medium); --containers-widget-gap-label-logo: var(--gap-variable-div-content-proximity-3); --containers-widget-gap-label-metric: var(--gap-fixed-medium); --containers-widget-gap-metrics: var(--gap-fixed-large); --containers-widget-gap-title-logo: var(--gap-variable-div-content-proximity-4); --containers-widget-gap-unit-complement: var(--gap-fixed-none); --containers-widget-height-icons: var(--height-fixed-widget-icon); --containers-widget-height-logo: var(--height-fixed-widget-logo); --containers-widget-padding-component-bottom: var(--padding-fixed-extra-large); --containers-widget-padding-component-laterals: var(--padding-variable-containers-laterals); --containers-widget-padding-component-top: var(--padding-fixed-extra-large); --containers-widget-padding-general-none: var(--padding-fixed-none); --containers-widget-width-component: var(--width-variable-widget-container); --containers-widget-width-cta-min: var(--width-variable-widget-cta-min); --containers-widget-width-data-other: var(--width-variable-widget-other-data); --containers-widget-width-data-tonnes: var(--width-variable-widget-tonnes-data); --containers-widget-width-data-tonnes-breakdown: var(--width-variable-widget-tonnes-breakdown-data); --containers-widget-width-icons: var(--width-fixed-widget-icon); --containers-widget-width-logo: var(--width-fixed-widget-logo); --divs-corner-radius-general-none: var(--corner-radius-none); --divs-gap-general-none: var(--gap-fixed-none); --divs-gap-proximity-1: var(--gap-variable-div-content-proximity-1); --divs-gap-proximity-2: var(--gap-variable-div-content-proximity-2); --divs-gap-proximity-3: var(--gap-variable-div-content-proximity-3); --divs-gap-proximity-4: var(--gap-variable-div-content-proximity-4); --divs-gap-proximity-5: var(--gap-variable-div-content-proximity-5); --divs-padding-bottom: var(--padding-fixed-none); --divs-padding-general-none: var(--padding-fixed-none); --divs-padding-laterals: var(--padding-fixed-none); --divs-padding-top: var(--padding-fixed-none); --divs-width-2-equals-max: var(--width-variable-div-2-equals-max); --divs-width-2-equals-min: var(--width-variable-div-2-equals-min); --divs-width-3-equals: var(--width-variable-div-from3-wrapped); --divs-width-4-equals: var(--width-variable-div-4-equals); --divs-width-carousel-equals: var(--width-variable-div-from5-carousel); --divs-width-major: var(--width-variable-div-2-major); --divs-width-minor: var(--width-variable-div-2-minor); --footer-corner-radius-general-none: var(--corner-radius-none); --footer-gap-between-containers: var(--gap-variable-sections); --footer-gap-container-divs: var(--gap-variable-divs-container); --footer-gap-div-large: var(--gap-variable-div-content-proximity-4); --footer-gap-div-medium: var(--gap-variable-div-content-proximity-3); --footer-gap-div-small: var(--gap-variable-div-content-proximity-2); --footer-gap-general-none: var(--gap-fixed-none); --footer-padding-bottom: var(--padding-variable-footer-bottom); --footer-padding-general-none: var(--padding-fixed-none); --footer-padding-laterals: var(--padding-variable-footer-laterals); --footer-padding-top: var(--padding-variable-footer-top); --footer-width-2-columns-min: var(--width-variable-div-2-equals-min); --footer-width-4-columns-min: var(--width-variable-div-4-equals); --heros-homepage-corner-radius-general-none: var(--corner-radius-none); --heros-homepage-gap-ctas: var(--gap-variable-div-content-proximity-2); --heros-homepage-gap-display-subtitle: var(--gap-variable-div-content-proximity-5); --heros-homepage-gap-divs-container: var(--gap-variable-divs-container); --heros-homepage-gap-general-none: var(--gap-fixed-none); --heros-homepage-gap-globe-logos: var(--gap-variable-div-content-proximity-4); --heros-homepage-gap-label-clients: var(--divs-gap-proximity-3); --heros-homepage-gap-logos: var(--gap-variable-div-content-proximity-5); --heros-homepage-gap-text-ctas: var(--gap-variable-div-content-proximity-5); --heros-homepage-height-component: var(--height-variable-homepage-hero); --heros-homepage-height-globe: var(--height-variable-globe); --heros-homepage-height-project-tag: var(--height-fixed-heros-project-tag); --heros-homepage-padding-component-bottom: var(--padding-variable-sections-top-bottom-large); --heros-homepage-padding-component-laterals: var(--padding-variable-sections-laterals-min); --heros-homepage-padding-component-top: var(--padding-variable-sections-top-bottom-large); --heros-homepage-padding-general-none: var(--padding-fixed-none); --heros-homepage-width-buttons-min: var(--width-variable-heros-buttons-min); --heros-homepage-width-component-min: var(--width-variable-screen-resolution-min); --heros-homepage-width-content-area: var(--width-variable-sections-content-area); --heros-homepage-width-globe: var(--width-variable-globe); --heros-other-pages-corner-radius-general-none: var(--corner-radius-none); --heros-other-pages-gap-ctas: var(--gap-variable-div-content-proximity-2); --heros-other-pages-gap-divs-container: var(--gap-variable-divs-container); --heros-other-pages-gap-general-none: var(--gap-fixed-none); --heros-other-pages-gap-icon-tag-display-subtitle: var(--gap-variable-div-content-proximity-2); --heros-other-pages-gap-location-body-ctas: var(--gap-variable-div-content-proximity-5); --heros-other-pages-gap-pin-location: var(--gap-variable-div-content-proximity-1); --heros-other-pages-height-component-max: var(--height-variable-other-pages-hero-max); --heros-other-pages-height-component-min: var(--height-variable-other-pages-hero-min); --heros-other-pages-height-icon: var(--height-variable-heros-icon); --heros-other-pages-height-mockup: var(--height-variable-heros-mockup); --heros-other-pages-height-project-tag: var(--height-fixed-heros-project-tag); --heros-other-pages-padding-component-bottom: var(--padding-variable-sections-top-bottom-large); --heros-other-pages-padding-component-laterals: var(--padding-variable-sections-laterals-min); --heros-other-pages-padding-component-top: var(--padding-variable-sections-top-bottom-small); --heros-other-pages-padding-general-none: var(--padding-fixed-none); --heros-other-pages-width-buttons-min: var(--width-variable-heros-buttons-min); --heros-other-pages-width-component-min: var(--width-variable-screen-resolution-min); --heros-other-pages-width-content-area: var(--width-variable-sections-content-area); --heros-other-pages-width-icon: var(--width-variable-heros-icon); --navigation-dashboard-drawer-corner-radius-general-none: var(--corner-radius-none); --navigation-dashboard-drawer-corner-radius-round-corners: var(--corner-radius-medium); --navigation-dashboard-drawer-gap-container: var(--gap-variable-divs-container); --navigation-dashboard-drawer-gap-general-none: var(--gap-fixed-none); --navigation-dashboard-drawer-gap-label-gfp-logo: var(--gap-variable-div-content-proximity-2); --navigation-dashboard-drawer-gap-logos-close: var(--divs-gap-proximity-3); --navigation-dashboard-drawer-gap-menu-options: var(--gap-fixed-none); --navigation-dashboard-drawer-gap-socials: var(--gap-variable-div-content-proximity-3); --navigation-dashboard-drawer-gap-tagline-copyright: var(--gap-variable-div-content-proximity-2); --navigation-dashboard-drawer-height-leading-icons: var(--height-fixed-platform-drawer-leading-icons); --navigation-dashboard-drawer-height-logos: var(--height-fixed-platform-drawer-logos); --navigation-dashboard-drawer-height-trailing-icons: var(--height-fixed-platform-drawer-trailing-icons); --navigation-dashboard-drawer-height-wl-gfp-logo: var(--height-fixed-platform-drawer-wl-gfp-logo); --navigation-dashboard-drawer-padding-general-none: var(--padding-fixed-none); --navigation-dashboard-drawer-padding-laterals: var(--padding-variable-platform-drawer-laterals); --navigation-dashboard-drawer-padding-top-bottom: var(--padding-variable-platform-drawer-top-bottom); --navigation-dashboard-drawer-width-container: var(--width-fixed-platform-drawer-opened); --navigation-dashboard-drawer-width-leading-icons: var(--width-fixed-platform-drawer-leading-icons); --navigation-dashboard-drawer-width-trailing-icons: var(--width-fixed-platform-drawer-trailing-icons); --navigation-dashboard-top-bar-corner-radius-general-none: var(--corner-radius-none); --navigation-dashboard-top-bar-effects-background-blur: var(--schemes-surface-surface-container-bg-blur); --navigation-dashboard-top-bar-gap-component: var(--gap-variable-sections); --navigation-dashboard-top-bar-gap-general-none: var(--gap-fixed-none); --navigation-dashboard-top-bar-gap-menu-language: var(--gap-fixed-small); --navigation-dashboard-top-bar-height-component: var(--height-fixed-platform-top-bar); --navigation-dashboard-top-bar-height-logos: var(--height-fixed-platform-top-bar-logo); --navigation-dashboard-top-bar-padding-general-none: var(--padding-fixed-none); --navigation-dashboard-top-bar-padding-laterals: var(--padding-variable-platform-top-bar-laterals); --navigation-dashboard-top-bar-padding-top-bottom: var(--padding-fixed-medium); --navigation-dashboard-top-bar-width-component-min: var(--width-variable-platform-top-bar-min); --sections-corner-radius-general-none: var(--corner-radius-none); --sections-gap-divs-carousel-container: var(--gap-variable-divs-carousel-container); --sections-gap-divs-container: var(--gap-variable-divs-container); --sections-gap-general: var(--gap-variable-sections); --sections-gap-general-none: var(--gap-fixed-none); --sections-gap-proximity-1: var(--gap-variable-div-content-proximity-1); --sections-gap-proximity-2: var(--gap-variable-div-content-proximity-2); --sections-gap-proximity-3: var(--gap-variable-div-content-proximity-3); --sections-gap-proximity-4: var(--gap-variable-div-content-proximity-4); --sections-gap-proximity-5: var(--gap-variable-div-content-proximity-5); --sections-padding-bottom-large: var(--padding-variable-sections-top-bottom-large); --sections-padding-bottom-small: var(--padding-variable-sections-top-bottom-small); --sections-padding-general-none: var(--padding-fixed-none); --sections-padding-laterals: var(--padding-variable-sections-laterals-min); --sections-padding-top-large: var(--padding-variable-sections-top-bottom-large); --sections-padding-top-small: var(--padding-variable-sections-top-bottom-small); --sections-width-component-minimum: var(--width-variable-screen-resolution-min); --sections-width-content-area: var(--width-variable-sections-content-area); --top-nav-drawer-corner-radius-general-none: var(--corner-radius-none); --top-nav-drawer-corner-radius-left-corners: var(--corner-radius-medium); --top-nav-drawer-gap-container: var(--gap-variable-divs-container); --top-nav-drawer-gap-full-ctas: var(--gap-variable-div-content-proximity-2); --top-nav-drawer-gap-general-none: var(--gap-fixed-none); --top-nav-drawer-gap-logo-close: var(--footer-gap-container-divs); --top-nav-drawer-gap-menu-options: var(--gap-fixed-none); --top-nav-drawer-padding-general-none: var(--padding-fixed-none); --top-nav-drawer-padding-laterals: var(--padding-variable-top-nav-drawer-laterals); --top-nav-drawer-padding-top-bottom: var(--padding-variable-top-nav-drawer-top-bottom); --top-nav-drawer-width-container: var(--width-variable-top-nav-drawer); --top-nav-top-header-corner-radius-general-none: var(--corner-radius-none); --top-nav-top-header-gap-component: var(--gap-variable-sections); --top-nav-top-header-gap-full-ctas: var(--gap-fixed-medium); --top-nav-top-header-gap-general-none: var(--gap-fixed-none); --top-nav-top-header-gap-icon-ctas: var(--gap-fixed-small); --top-nav-top-header-gap-logo-menu-options: var(--gap-fixed-large); --top-nav-top-header-gap-menu-options: var(--gap-fixed-medium); --top-nav-top-header-height-fixed: var(--height-fixed-top-nav); --top-nav-top-header-padding-general-none: var(--padding-fixed-none); --top-nav-top-header-padding-laterals: var(--padding-variable-top-nav-laterals); --top-nav-top-header-padding-top-bottom: var(--padding-fixed-medium); --top-nav-top-header-width-component-min: var(--width-variable-top-nav-min); /* 06_Images */ /* Mode 1 */ --dashboard-home-globe-surface-bg: globe-section-bg-waternet-corporation.webp; --dashboard-home-widget-surface-bg: widget-section-bg-waternet-corporation.webp; } .waternet-corporation { --mat-sys-display-large-font: var(--display-large-font); --mat-sys-display-large-line-height: var(--display-large-line-height); --mat-sys-display-large-size: var(--display-large-size); --mat-sys-display-large-tracking: var(--display-large-tracking); --mat-sys-display-large-weight: var(--display-large-weight-prominent); --mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font); --mat-sys-display-medium-font: var(--display-medium-font); --mat-sys-display-medium-line-height: var(--display-medium-line-height); --mat-sys-display-medium-size: var(--display-medium-size); --mat-sys-display-medium-tracking: var(--display-medium-tracking); --mat-sys-display-medium-weight: var(--display-medium-weight-prominent); --mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font); --mat-sys-display-small-font: var(--display-small-font); --mat-sys-display-small-line-height: var(--display-small-line-height); --mat-sys-display-small-size: var(--display-small-size); --mat-sys-display-small-tracking: var(--display-small-tracking); --mat-sys-display-small-weight: var(--display-small-weight-prominent); --mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font); --mat-sys-headline-large-font: var(--headline-large-font); --mat-sys-headline-large-line-height: var(--headline-large-line-height); --mat-sys-headline-large-size: var(--headline-large-size); --mat-sys-headline-large-tracking: var(--headline-large-tracking); --mat-sys-headline-large-weight: var(--headline-large-weight-prominent); --mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font); --mat-sys-headline-medium-font: var(--headline-medium-font); --mat-sys-headline-medium-line-height: var(--headline-medium-line-height); --mat-sys-headline-medium-size: var(--headline-medium-size); --mat-sys-headline-medium-tracking: var(--headline-medium-tracking); --mat-sys-headline-medium-weight: var(--headline-medium-weight); --mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font); --mat-sys-headline-small-font: var(--headline-small-font); --mat-sys-headline-small-line-height: var(--headline-small-line-height); --mat-sys-headline-small-size: var(--headline-small-size); --mat-sys-headline-small-tracking: var(--headline-small-tracking); --mat-sys-headline-small-weight: var(--headline-small-weight-prominent); --mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font); --mat-sys-title-large-font: var(--title-large-font); --mat-sys-title-large-line-height: var(--title-large-line-height); --mat-sys-title-large-size: var(--title-large-size); --mat-sys-title-large-tracking: var(--title-large-tracking); --mat-sys-title-large-weight: var(--title-large-weight); --mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font); --mat-sys-title-medium-font: var(--title-medium-font); --mat-sys-title-medium-line-height: var(--title-medium-line-height); --mat-sys-title-medium-size: var(--title-medium-size); --mat-sys-title-medium-tracking: var(--title-medium-tracking); --mat-sys-title-medium-weight: var(--title-medium-weight); --mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font); --mat-sys-title-small-font: var(--title-small-font); --mat-sys-title-small-line-height: var(--title-small-line-height); --mat-sys-title-small-size: var(--title-small-size); --mat-sys-title-small-tracking: var(--title-small-tracking); --mat-sys-title-small-weight: var(--title-small-weight); --mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font); --mat-sys-body-large-font: var(--body-large-font); --mat-sys-body-large-line-height: var(--body-large-line-height); --mat-sys-body-large-size: var(--body-large-size); --mat-sys-body-large-tracking: var(--body-large-tracking); --mat-sys-body-large-weight: var(--body-large-weight); --mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font); --mat-sys-body-medium-font: var(--body-medium-font); --mat-sys-body-medium-line-height: var(--body-medium-line-height); --mat-sys-body-medium-size: var(--body-medium-size); --mat-sys-body-medium-tracking: 0.16px; --mat-sys-body-medium-weight: var(--body-medium-weight); --mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font); --mat-sys-body-small-font: var(--body-small-font); --mat-sys-body-small-line-height: 147%; --mat-sys-body-small-size: 14px; --mat-sys-body-small-tracking: 0.14px; --mat-sys-body-small-weight: var(--body-small-weight); --mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font); --mat-sys-label-large-font: var(--label-large-font); --mat-sys-label-large-line-height: var(--label-large-line-height); --mat-sys-label-large-size: var(--label-large-size); --mat-sys-label-large-tracking: var(--label-large-tracking); --mat-sys-label-large-weight: var(--label-large-weight); --mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font); --mat-sys-label-medium-font: var(--label-medium-font); --mat-sys-label-medium-line-height: var(--label-medium-line-height); --mat-sys-label-medium-size: var(--label-medium-size); --mat-sys-label-medium-tracking: var(--label-medium-tracking); --mat-sys-label-medium-weight: var(--label-medium-weight-prominent); --mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font); --mat-sys-label-small-font: var(--label-small-font); --mat-sys-label-small-line-height: var(--label-small-line-height); --mat-sys-label-small-size: var(--label-small-size); --mat-sys-label-small-tracking: var(--label-small-tracking); --mat-sys-label-small-weight: var(--label-small-weight); --mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font); } .waternet-corporation .gfp-display_large_prominent { font: var(--mat-sys-display-large); color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-display_medium_prominent { font: var(--mat-sys-display-medium); color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-display_small_prominent { font: var(--mat-sys-display-small); color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-headline_large_prominent { font: var(--mat-sys-headline-large); color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-headline_medium { font: var(--mat-sys-headline-medium); color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-headline_medium_prominent { font: var(--mat-sys-headline-medium); font-weight: var(--headline-medium-weight-prominent); color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-headline_small_prominent { font: var(--mat-sys-headline-small); color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-title_large { font: var(--mat-sys-title-large); color: var(--mat-sys-on-surface-variant); } .waternet-corporation .gfp-title_large_prominent { font: var(--mat-sys-title-large); font-weight: var(--title-large-weight-prominent); color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-title_medium { font: var(--mat-sys-title-medium); color: var(--mat-sys-on-surface-variant); } .waternet-corporation .gfp-title_medium_prominent { font: var(--mat-sys-title-medium); font-weight: var(--title-medium-weight-prominent); color: var(--mat-sys-on-surface-variant); } .waternet-corporation .gfp-title_small { font: var(--mat-sys-title-small); color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-label_large { font: var(--mat-sys-label-large); } .waternet-corporation .gfp-label_medium { font: var(--mat-sys-label-medium); color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-label_medium_prominent { font: var(--mat-sys-label-medium); font-weight: var(--label-medium-weight-prominent); color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-label_small { font: var(--mat-sys-label-small); color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-body_large { font: var(--mat-sys-body-large); color: var(--mat-sys-on-surface-variant); } .waternet-corporation .gfp-body_large_prominent { font: var(--mat-sys-body-large); font-weight: var(--body-large-weight-prominent); color: var(--mat-sys-on-surface-variant); } .waternet-corporation .gfp-body_large_quote { color: var(--mat-sys-on-surface); font-family: var(--mat-sys-body-large-font); font-size: var(--body-large-size); font-style: italic; font-weight: var(--body-large-weight-quote); line-height: var(--body-large-line-height); letter-spacing: var(--body-large-tracking); } .waternet-corporation .gfp-body_large_link { font: var(--mat-sys-body-large); text-decoration: underline; color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-body_medium { font: var(--mat-sys-body-medium); color: var(--mat-sys-on-surface-variant); } .waternet-corporation .gfp-body_medium_prominent { font: var(--mat-sys-body-medium); font-weight: var(--body-medium-weight-prominent); color: var(--mat-sys-on-surface-variant); } .waternet-corporation .gfp-body_medium_quote { font: var(--mat-sys-body-medium); font-style: italic; color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-body_medium_link { font: var(--mat-sys-body-medium); text-decoration: underline; color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-body_small { font: var(--mat-sys-body-small); color: var(--mat-sys-on-surface-variant); } .waternet-corporation .gfp-body_small_link { font: var(--mat-sys-body-small); text-decoration: underline; color: var(--mat-sys-on-surface); } .waternet-corporation .gfp-quote { color: var(--mat-sys-on-surface); }