energy-foundations 2.2.0 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/energy-foundations.css +1 -1
  2. package/dist/foundations/_elevation.scss +4 -0
  3. package/dist/generated/icon-layers.js +1 -1
  4. package/dist/generated/icon-layers.ts +1 -1
  5. package/dist/generated/icon-names.js +1 -1
  6. package/dist/generated/icon-names.ts +1 -1
  7. package/dist/index.css +10 -2
  8. package/dist/mixins/_elevation.scss +8 -0
  9. package/dist/style.css +10 -2
  10. package/dist/variables/_elevation.scss +1 -1
  11. package/dist/variables.css +1 -1
  12. package/llms/01-classes.md +2 -1
  13. package/llms/02-css-variables.md +1 -1
  14. package/llms/03-sass-variables-and-mixins.md +1 -1
  15. package/package.json +1 -1
  16. package/src/foundations/_elevation.scss +4 -0
  17. package/src/generated/icon-layers.js +1 -1
  18. package/src/generated/icon-layers.ts +1 -1
  19. package/src/generated/icon-names.js +1 -1
  20. package/src/generated/icon-names.ts +1 -1
  21. package/src/mixins/_elevation.scss +8 -0
  22. package/src/variables/_elevation.scss +1 -1
  23. package/src/variables.css +1 -1
package/dist/energy-foundations.css CHANGED
@@ -1 +1 @@
1
- :root{--f-base: 16;--f-light: 300;--rds-typography-w-auto: "auto";--rds-typography-w-regular: 400;--rds-typography-w-medium: 500;--rds-typography-w-semibold: 600;--rds-typography-w-bold: 700;--rds-typography-f-text: "RepsolSoleTextRegular";--rds-typography-f-text-bold: "RepsolSoleTextBold";--rds-typography-f-headline: "RepsolSoleDisplayRegular";--rds-typography-f-headline-bold: "RepsolSoleDisplayBold";--rds-typography-f-code: "SourceCodeProRegular";--rds-typography-f-code-bold: "SourceCodeProBold";--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-monospaced-body-01: 1rem/1.5rem SourceCodeProRegular;--rds-monospaced-body-01-bold: 1rem/1.5rem SourceCodeProBold;--rds-monospaced-body-02: .875rem/1.25rem SourceCodeProRegular;--rds-monospaced-body-02-bold: .875rem/1.25rem SourceCodeProBold;--rds-monospaced-caption-01: .875rem/1.125rem SourceCodeProRegular;--rds-monospaced-caption-01-bold: .875rem/1.125rem SourceCodeProBold;--rds-monospaced-caption-02: .75rem/1rem SourceCodeProRegular;--rds-monospaced-caption-02-bold: .75rem/1rem SourceCodeProBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-style-state-disabled: .3;--rds-spacing-global-0: 0px;--rds-spacing-global-4: 4px;--rds-spacing-global-6: 6px;--rds-spacing-global-8: 8px;--rds-spacing-global-12: 12px;--rds-spacing-global-16: 16px;--rds-spacing-global-24: 24px;--rds-spacing-global-32: 32px;--rds-spacing-global-40: 40px;--rds-spacing-global-48: 48px;--rds-spacing-global-56: 56px;--rds-spacing-global-64: 64px;--rds-spacing-global-72: 72px;--rds-spacing-global-80: 80px;--rds-spacing-global-88: 88px;--rds-spacing-global-96: 96px;--rds-spacing-global-112: 112px;--rds-spacing-global-120: 120px;--rds-spacing-global-128: 128px;--rds-spacing-layout-xxs: 4px;--rds-spacing-layout-xs: 8px;--rds-spacing-layout-s: 16px;--rds-spacing-layout-m: 24px;--rds-spacing-layout-l: 32px;--rds-spacing-layout-2l: 40px;--rds-spacing-layout-xl: 48px;--rds-spacing-layout-2xl: 64px;--rds-spacing-layout-3xl: 72px;--rds-spacing-layout-4xl: 80px;--rds-spacing-layout-5xl: 96px;--rds-spacing-layout-6xl: 112px;--rds-spacing-layout-7xl: 120px;--rds-style-shadow-s: 0px 1px 6px 0px rgba(0, 19, 36, .08);--rds-style-shadow-m: 0px 4px 16px 0px rgba(0, 19, 36, .08);--rds-style-shadow-negative: 0px 0px 1px 0px rgba(0, 19, 36, .08), 0px -4px 11px 0px rgba(0, 19, 36, .06);--bp-mobile: 719px;--bp-tablet: 720px;--bp-desktop: 1280px;--bp-desktop-large: 1440px;--bp-ultrawide: 1600px;--g-padding-mobile: 16px;--g-padding-tablet: 24px;--g-padding-desktop: 32px;--g-padding-ultrawide: 32px;--rds-overlay-backdrop-filter: blur(6px);--rds-glass-backdrop-filter: blur(48px);--rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, .1);--rds-color-content-high: var(--rds-color-navy-80);--rds-color-content-medium: var(--rds-color-navy-60);--rds-color-content-high-inverse: var(--rds-color-neutral-white);--rds-color-content-medium-inverse: #FFFFFFCC;--rds-color-content-link: var(--rds-color-turquoise-70);--rds-color-link-content-default: var(--rds-color-turquoise-70);--rds-color-link-content-inverse: var(--rds-color-neutral-white);--rds-color-link-content-state-active: var(--rds-color-turquoise-60);--rds-color-link-content-state-active-inverse: var(--rds-color-neutral-white);--rds-color-link-content-state-hover: var(--rds-color-turquoise-50);--rds-color-link-content-state-hover-inverse: #ffffffcc;--rds-color-content-state-disabled: #001e374d;--rds-color-content-state-disabled-inverse: #ffffff80;--rds-color-background-default: var(--rds-color-neutral-white);--rds-color-background-alternative: var(--rds-color-neutral-grey);--rds-color-surface-white: var(--rds-color-neutral-white);--rds-color-surface-grey: var(--rds-color-neutral-grey);--rds-color-surface-navy: var(--rds-color-navy-80);--rds-color-surface-sand: var(--rds-color-orange-0);--rds-color-highlightedSurface-ivoryGradient: radial-gradient(72.02% 87% at -30.72% 124.82%, rgba(246, 61, 120, .16) 0%, rgba(246, 61, 120, 0) 100%), radial-gradient(50.12% 73.11% at 0% 0%, rgba(255, 199, 0, .08) 0%, rgba(255, 199, 0, 0) 100%), radial-gradient(100.59% 146.79% at 134.93% -38.77%, rgba(245, 13, 54, .16) 0%, rgba(245, 13, 54, 0) 100%), radial-gradient(54.5% 79.54% at 104.6% 106.5%, rgba(255, 153, 3, .16) 0%, rgba(255, 153, 3, 0) 100%), linear-gradient(0deg, #FBF3EF, #FBF3EF);--rds-color-highlightedSurface-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);--rds-color-highlightedSurface-blueGradient: radial-gradient(447.21% 116.27% at 100% 96.99%, rgba(0, 30, 55, .23) 31.58%, #001E37 100%), radial-gradient(688.79% 121.6% at 13.55% 14.49%, #001e37 4.33%, #005C7A 55.21%, #057796e8 69.81%, #00BED4 92%);--rds-color-surface-highlighted-active: var(--rds-color-orange-0);--rds-color-border-high: var(--rds-color-navy-30);--rds-color-border-low: var(--rds-color-navy-05);--rds-color-border-high-inverse: #ffffff80;--rds-color-border-low-inverse: #ffffff40;--rds-color-border-highlighted-hover: var(--rds-color-orange-30);--rds-color-border-hover-inverse: rgba(255, 255, 255, .5);--rds-color-border-hover: var(--rds-color-navy-30);--rds-color-border-highlighted-active: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF7E45 24.3%, #FF3740 65.21%, #C02030 99.99%);--rds-color-semantic-content-error: var(--rds-color-red-60);--rds-color-semantic-content-information: var(--rds-color-turquoise-50);--rds-color-semantic-content-success: var(--rds-color-green-60);--rds-color-semantic-content-warning: var(--rds-color-yellow-60);--rds-color-semantic-background-success: var(--rds-color-green-10);--rds-color-semantic-background-error: var(--rds-color-red-05);--rds-color-semantic-background-information: var(--rds-color-turquoise-05);--rds-color-semantic-background-warning: var(--rds-color-yellow-10);--rds-color-extended-content-promo: var(--rds-color-gradient-orange-stop100);--rds-color-extended-surface-promo: var(--rds-color-gradient-orange-stop100);--rds-color-styles-elevation-glass-base: #ffffff60;--rds-color-styles-elevation-overlay: #001e3733;--rds-color-button-primary-surface-active: var(--rds-color-turquoise-70);--rds-color-button-primary-surface-active-inverse: #ffffffcc;--rds-color-button-primary-surface-default: var(--rds-color-navy-80);--rds-color-button-primary-surface-default-inverse: var(--rds-color-neutral-white);--rds-color-button-primary-surface-hover: var(--rds-color-turquoise-50);--rds-color-button-primary-surface-hover-inverse: #ffffff99;--rds-color-button-secondary-border-active: var(--rds-color-turquoise-50);--rds-color-button-secondary-border-active-inverse: var(--rds-color-neutral-white);--rds-color-button-secondary-border-default: var(--rds-color-navy-60);--rds-color-button-secondary-border-default-inverse: var(--rds-color-neutral-white);--rds-color-button-secondary-border-hover: var(--rds-color-turquoise-70);--rds-color-button-secondary-border-hover-inverse: #ffffffcc;--rds-color-button-secondary-surface-active-inverse: #FFFFFF1A;--rds-color-button-secondary-surface-hover-inverse: #FFFFFF40;--rds-color-interactive-border-state-active: var(--rds-color-turquoise-80);--rds-color-interactive-border-state-focus: var(--rds-color-turquoise-50);--rds-color-interactive-border-state-hover: var(--rds-color-navy-80);--rds-color-interactive-content-state-active: var(--rds-color-turquoise-50);--rds-color-interactive-content-state-hover: var(--rds-color-turquoise-70);--rds-color-interactive-surface-alternative: var(--rds-color-navy-05);--rds-color-interactive-surface-state-active: var(--rds-color-navy-80);--rds-color-interactive-surface-state-hover: var(--rds-color-navy-0);--rds-color-content-hover: var(--rds-color-turquoise-50);--rds-color-content-active: var(--rds-color-turquoise-70);--rds-color-interactive-surface-default: var(--rds-color-neutral-white);--rds-color-interactive-surface-hover: var(--rds-color-navy-0);--rds-color-interactive-surface-active: var(--rds-color-navy-80);--rds-color-interactive-border-default: var(--rds-color-navy-30);--rds-color-interactive-border-hover: var(--rds-color-navy-80);--rds-color-interactive-border-active: var(--rds-color-navy-80);--rds-color-interactive-border-focus: var(--rds-color-turquoise-50);--rds-color-content-highlightedIconOnly-AltGradientOrange: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF7E45 24.3%, #FF3740 65.21%, #C02030 99.99%);--rds-color-style-cover-default: rgba(0, 30, 55, .48);--rds-color-style-cover-darker: rgba(0, 30, 55, .6);--rds-color-navy-0: #f4f8fa;--rds-color-navy-05: #DBE6F0;--rds-color-navy-10: #d4e1ed;--rds-color-navy-20: #b8ccdb;--rds-color-navy-30: #95b0c6;--rds-color-navy-40: #7997af;--rds-color-navy-50: #5d7d98;--rds-color-navy-60: #43637d;--rds-color-navy-70: #18354d;--rds-color-navy-80: #001e37;--rds-color-navy-900: #001324;--rds-color-orange-0: #fff5f0;--rds-color-orange-05: #fae2d6;--rds-color-orange-10: #fbd0bb;--rds-color-orange-20: #f9b695;--rds-color-orange-30: #FFB18A;--rds-color-orange-40: #ff945f;--rds-color-orange-50: #ff8346;--rds-color-orange-60: #ff7633;--rds-color-orange-70: #ff590a;--rds-color-orange-80: #bf4a13;--rds-color-orange-900: #80310d;--rds-color-turquoise-0: #f1fbfe;--rds-color-turquoise-05: #daf5fb;--rds-color-turquoise-10: #b1f1fb;--rds-color-turquoise-20: #8beaf9;--rds-color-turquoise-30: #5ae2f6;--rds-color-turquoise-40: #0ccfed;--rds-color-turquoise-50: #009BBE;--rds-color-turquoise-60: #00809C;--rds-color-turquoise-70: #006A82;--rds-color-turquoise-80: #005870;--rds-color-turquoise-90: #004357;--rds-color-red-0: #fff5f6;--rds-color-red-05: #ffdbdf;--rds-color-red-10: #ffccd1;--rds-color-red-20: #ffb8bf;--rds-color-red-30: #ff99a3;--rds-color-red-40: #ff707e;--rds-color-red-50: #fa384a;--rds-color-red-60: #dE1c2e;--rds-color-red-70: #c20012;--rds-color-red-80: #94000e;--rds-color-red-900: #70000b;--rds-color-yellow-0: #fff8ed;--rds-color-yellow-05: #fff3e0;--rds-color-yellow-10: #ffebcc;--rds-color-yellow-20: #ffe1b2;--rds-color-yellow-30: #ffd593;--rds-color-yellow-40: #ffc466;--rds-color-yellow-50: #ffb033;--rds-color-yellow-60: #f59600;--rds-color-yellow-70: #db8600;--rds-color-yellow-80: #9d6000;--rds-color-yellow-90: #6c4200;--rds-color-green-0: #f7fdf8;--rds-color-green-05: #ebfaee;--rds-color-green-10: #d3f3db;--rds-color-green-20: #ace7ba;--rds-color-green-30: #85d598;--rds-color-green-40: #5ebf75;--rds-color-green-50: #33a34e;--rds-color-green-60: #28803d;--rds-color-green-70: #216932;--rds-color-green-80: #184e25;--rds-color-green-90: #11361a;--rds-color-neutral-black: #000000;--rds-color-neutral-grey: #f7f7f9;--rds-color-neutral-white: #ffffff;--rds-color-extended-dirt-0: #f5f3f0;--rds-color-extended-dirt-10: #e2dbd4;--rds-color-extended-dirt-20: #d0c4b9;--rds-color-extended-dirt-30: #bdac9d;--rds-color-extended-dirt-40: #ac9785;--rds-color-extended-dirt-50: #817164;--rds-color-extended-dirt-60: #564c43;--rds-color-extended-electric-yellow-40: #fbf351;--rds-color-extended-grey-0: #f8f8f8;--rds-color-extended-grey-10: #ebebeb;--rds-color-extended-grey-20: #dfdfdf;--rds-color-extended-grey-30: #d2d2d2;--rds-color-extended-grey-40: #c1c6c9;--rds-color-extended-grey-50: #717b84;--rds-color-extended-grey-60: #3a444c;--rds-color-extended-rosewood-20: #fcf3f8;--rds-color-extended-rosewood-40: #f1c1da;--rds-color-extended-fuchsia-50: #E50052;--rds-color-extended-violet-40: #805b9f;--rds-color-gradient-blue-stop000: #00bed4;--rds-color-gradient-blue-stop023: #057796e8;--rds-color-gradient-blue-stop041: #005c7a;--rds-color-gradient-blue-stop100: #001e37;--rds-color-gradient-ivory-base: #fff5f0;--rds-color-gradient-ivory-fucsia-stop000: #f63d7800;--rds-color-gradient-ivory-fucsia-stop100: #f63d78;--rds-color-gradient-ivory-orange-stop000: #ff990300;--rds-color-gradient-ivory-orange-stop1000: #ff9903;--rds-color-gradient-ivory-red-stop000: #f50d3600;--rds-color-gradient-ivory-red-stop100: #f50d36;--rds-color-gradient-ivory-yellow-stop000: #ffc70000;--rds-color-gradient-ivory-yellow-stop100: #ffc700;--rds-color-gradient-orange-stop000: #ff9c00;--rds-color-gradient-orange-stop029: #ff590a;--rds-color-gradient-orange-stop067: #ff2a3f;--rds-color-gradient-orange-stop100: #e50052;--rds-color-data-magenta-00: #E50052;--rds-color-data-magenta-01: #FFCCDE;--rds-color-data-magenta-02: #FF7FAD;--rds-color-data-magenta-03: #F0397A;--rds-color-data-magenta-04: #A5023C;--rds-color-data-magenta-05: #81002E;--rds-color-data-magenta-06: #55001F;--rds-color-data-yellow-00: #FFAF19;--rds-color-data-yellow-01: #FFE5BC;--rds-color-data-yellow-02: #FFCF82;--rds-color-data-yellow-03: #E6981C;--rds-color-data-yellow-04: #C27F16;--rds-color-data-yellow-05: #9D6711;--rds-color-data-yellow-06: #603F0B;--rds-color-data-carrot-00: #FA590A;--rds-color-data-carrot-01: #FFD9C7;--rds-color-data-carrot-02: #FFB38F;--rds-color-data-carrot-03: #FF8D57;--rds-color-data-carrot-04: #C74000;--rds-color-data-carrot-05: #8F2E00;--rds-color-data-carrot-06: #611F00;--rds-color-data-blue-00: #001E37;--rds-color-data-blue-01: #A5D6FF;--rds-color-data-blue-02: #52B0FF;--rds-color-data-blue-03: #007DE5;--rds-color-data-blue-04: #005FAD;--rds-color-data-blue-05: #003A6B;--rds-color-data-turquoise-00: #00BED4;--rds-color-data-turquoise-01: #96E6EF;--rds-color-data-turquoise-02: #009CB6;--rds-color-data-turquoise-03: #007A8E;--rds-color-data-turquoise-04: #005968;--rds-color-data-turquoise-05: #003740;--rds-color-data-velvet-00: #6F0050;--rds-color-data-velvet-01: #E9B1D9;--rds-color-data-velvet-02: #D67ABC;--rds-color-data-velvet-03: #C2088E;--rds-color-data-velvet-04: #9E0071;--rds-color-data-velvet-05: #380028;--rds-color-data-pink-00: #E96DE7;--rds-color-data-pink-01: #FFD3FE;--rds-color-data-pink-02: #FF98FD;--rds-color-data-pink-03: #CE46CC;--rds-color-data-pink-04: #9C349A;--rds-color-data-pink-05: #621D60;--rds-color-data-jade-00: #045853;--rds-color-data-jade-01: #B0FFFA;--rds-color-data-jade-02: #14ECDF;--rds-color-data-jade-03: #0DBDB2;--rds-color-data-jade-04: #038880;--rds-color-data-jade-05: #022725;--rds-color-data-purple-00: #896CFE;--rds-color-data-purple-01: #DDD5FF;--rds-color-data-purple-02: #BCABFF;--rds-color-data-purple-03: #6A52CA;--rds-color-data-purple-04: #4A388E;--rds-color-data-purple-05: #2C1F5D;--rds-color-data-brown-00: #80310D;--rds-color-data-brown-01: #E6B49D;--rds-color-data-brown-02: #D77F57;--rds-color-data-brown-03: #CC6434;--rds-color-data-brown-04: #B0410E;--rds-color-data-brown-05: #471701;--rds-color-data-content-high: #001E37;--rds-color-data-content-medium: #43637D;--rds-color-data-content-disabled: #001E374D;--rds-color-data-content-high-inverse: #FFFFFF;--rds-color-data-content-medium-inverse: #FFFFFFCC;--rds-color-data-content-link: #007899;--rds-color-data-background-basic: #FFFFFF;--rds-color-data-background-grey-01: #F7F7F9;--rds-color-data-background-grey-02: #E5EEF5;--rds-color-data-border-high: #001E37;--rds-color-data-border-mid: #C1D5E6;--rds-color-data-border-low: #DBE6F0;--rds-color-data-neutral-black: #000000;--rds-color-data-neutral-white: #FFFFFF;--rds-color-data-lapis-lazuli-00: #001E37;--rds-color-data-lapis-lazuli-01: #8FCCFF;--rds-color-data-lapis-lazuli-02: #52B0FF;--rds-color-data-lapis-lazuli-03: #007DE5;--rds-color-data-lapis-lazuli-04: #005FAD;--rds-color-data-lapis-lazuli-05: #003A6B;--rds-color-data-light-blue-00: #009BF5;--rds-color-data-light-blue-01: #A8DFFF;--rds-color-data-light-blue-02: #70CBFF;--rds-color-data-light-blue-03: #006EAD;--rds-color-data-light-blue-04: #004E7A;--rds-color-data-light-blue-05: #002D47;--rds-color-data-light-purple-00: #7976FE;--rds-color-data-light-purple-01: #DDDCFF;--rds-color-data-light-purple-02: #ABA9FE;--rds-color-data-light-purple-03: #4844FE;--rds-color-data-light-purple-04: #0702F3;--rds-color-data-light-purple-05: #030179;--rds-radius-s: 8px;--rds-radius-m: 16px;--rds-radius-l: 24px;--rds-radius-round: 999px;--rds-radius-inputs: 12px}
1
+ :root{--f-base: 16;--f-light: 300;--rds-typography-w-auto: "auto";--rds-typography-w-regular: 400;--rds-typography-w-medium: 500;--rds-typography-w-semibold: 600;--rds-typography-w-bold: 700;--rds-typography-f-text: "RepsolSoleTextRegular";--rds-typography-f-text-bold: "RepsolSoleTextBold";--rds-typography-f-headline: "RepsolSoleDisplayRegular";--rds-typography-f-headline-bold: "RepsolSoleDisplayBold";--rds-typography-f-code: "SourceCodeProRegular";--rds-typography-f-code-bold: "SourceCodeProBold";--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-monospaced-body-01: 1rem/1.5rem SourceCodeProRegular;--rds-monospaced-body-01-bold: 1rem/1.5rem SourceCodeProBold;--rds-monospaced-body-02: .875rem/1.25rem SourceCodeProRegular;--rds-monospaced-body-02-bold: .875rem/1.25rem SourceCodeProBold;--rds-monospaced-caption-01: .875rem/1.125rem SourceCodeProRegular;--rds-monospaced-caption-01-bold: .875rem/1.125rem SourceCodeProBold;--rds-monospaced-caption-02: .75rem/1rem SourceCodeProRegular;--rds-monospaced-caption-02-bold: .75rem/1rem SourceCodeProBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-style-state-disabled: .3;--rds-spacing-global-0: 0px;--rds-spacing-global-4: 4px;--rds-spacing-global-6: 6px;--rds-spacing-global-8: 8px;--rds-spacing-global-12: 12px;--rds-spacing-global-16: 16px;--rds-spacing-global-24: 24px;--rds-spacing-global-32: 32px;--rds-spacing-global-40: 40px;--rds-spacing-global-48: 48px;--rds-spacing-global-56: 56px;--rds-spacing-global-64: 64px;--rds-spacing-global-72: 72px;--rds-spacing-global-80: 80px;--rds-spacing-global-88: 88px;--rds-spacing-global-96: 96px;--rds-spacing-global-112: 112px;--rds-spacing-global-120: 120px;--rds-spacing-global-128: 128px;--rds-spacing-layout-xxs: 4px;--rds-spacing-layout-xs: 8px;--rds-spacing-layout-s: 16px;--rds-spacing-layout-m: 24px;--rds-spacing-layout-l: 32px;--rds-spacing-layout-2l: 40px;--rds-spacing-layout-xl: 48px;--rds-spacing-layout-2xl: 64px;--rds-spacing-layout-3xl: 72px;--rds-spacing-layout-4xl: 80px;--rds-spacing-layout-5xl: 96px;--rds-spacing-layout-6xl: 112px;--rds-spacing-layout-7xl: 120px;--rds-style-shadow-s: 0px 1px 6px 0px rgba(0, 19, 36, .08);--rds-style-shadow-m: 0px 4px 16px 0px rgba(0, 19, 36, .08);--rds-style-shadow-negative: 0px 0px 1px 0px rgba(0, 19, 36, .08), 0px -4px 11px 0px rgba(0, 19, 36, .06);--bp-mobile: 719px;--bp-tablet: 720px;--bp-desktop: 1280px;--bp-desktop-large: 1440px;--bp-ultrawide: 1600px;--g-padding-mobile: 16px;--g-padding-tablet: 24px;--g-padding-desktop: 32px;--g-padding-ultrawide: 32px;--rds-overlay-backdrop-filter: blur(6px);--rds-glass-backdrop-filter: blur(48px);--rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, .08);--rds-color-content-high: var(--rds-color-navy-80);--rds-color-content-medium: var(--rds-color-navy-60);--rds-color-content-high-inverse: var(--rds-color-neutral-white);--rds-color-content-medium-inverse: #FFFFFFCC;--rds-color-content-link: var(--rds-color-turquoise-70);--rds-color-link-content-default: var(--rds-color-turquoise-70);--rds-color-link-content-inverse: var(--rds-color-neutral-white);--rds-color-link-content-state-active: var(--rds-color-turquoise-60);--rds-color-link-content-state-active-inverse: var(--rds-color-neutral-white);--rds-color-link-content-state-hover: var(--rds-color-turquoise-50);--rds-color-link-content-state-hover-inverse: #ffffffcc;--rds-color-content-state-disabled: #001e374d;--rds-color-content-state-disabled-inverse: #ffffff80;--rds-color-background-default: var(--rds-color-neutral-white);--rds-color-background-alternative: var(--rds-color-neutral-grey);--rds-color-surface-white: var(--rds-color-neutral-white);--rds-color-surface-grey: var(--rds-color-neutral-grey);--rds-color-surface-navy: var(--rds-color-navy-80);--rds-color-surface-sand: var(--rds-color-orange-0);--rds-color-highlightedSurface-ivoryGradient: radial-gradient(72.02% 87% at -30.72% 124.82%, rgba(246, 61, 120, .16) 0%, rgba(246, 61, 120, 0) 100%), radial-gradient(50.12% 73.11% at 0% 0%, rgba(255, 199, 0, .08) 0%, rgba(255, 199, 0, 0) 100%), radial-gradient(100.59% 146.79% at 134.93% -38.77%, rgba(245, 13, 54, .16) 0%, rgba(245, 13, 54, 0) 100%), radial-gradient(54.5% 79.54% at 104.6% 106.5%, rgba(255, 153, 3, .16) 0%, rgba(255, 153, 3, 0) 100%), linear-gradient(0deg, #FBF3EF, #FBF3EF);--rds-color-highlightedSurface-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);--rds-color-highlightedSurface-blueGradient: radial-gradient(447.21% 116.27% at 100% 96.99%, rgba(0, 30, 55, .23) 31.58%, #001E37 100%), radial-gradient(688.79% 121.6% at 13.55% 14.49%, #001e37 4.33%, #005C7A 55.21%, #057796e8 69.81%, #00BED4 92%);--rds-color-surface-highlighted-active: var(--rds-color-orange-0);--rds-color-border-high: var(--rds-color-navy-30);--rds-color-border-low: var(--rds-color-navy-05);--rds-color-border-high-inverse: #ffffff80;--rds-color-border-low-inverse: #ffffff40;--rds-color-border-highlighted-hover: var(--rds-color-orange-30);--rds-color-border-hover-inverse: rgba(255, 255, 255, .5);--rds-color-border-hover: var(--rds-color-navy-30);--rds-color-border-highlighted-active: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF7E45 24.3%, #FF3740 65.21%, #C02030 99.99%);--rds-color-semantic-content-error: var(--rds-color-red-60);--rds-color-semantic-content-information: var(--rds-color-turquoise-50);--rds-color-semantic-content-success: var(--rds-color-green-60);--rds-color-semantic-content-warning: var(--rds-color-yellow-60);--rds-color-semantic-background-success: var(--rds-color-green-10);--rds-color-semantic-background-error: var(--rds-color-red-05);--rds-color-semantic-background-information: var(--rds-color-turquoise-05);--rds-color-semantic-background-warning: var(--rds-color-yellow-10);--rds-color-extended-content-promo: var(--rds-color-gradient-orange-stop100);--rds-color-extended-surface-promo: var(--rds-color-gradient-orange-stop100);--rds-color-styles-elevation-glass-base: #ffffff60;--rds-color-styles-elevation-overlay: #001e3733;--rds-color-button-primary-surface-active: var(--rds-color-turquoise-70);--rds-color-button-primary-surface-active-inverse: #ffffffcc;--rds-color-button-primary-surface-default: var(--rds-color-navy-80);--rds-color-button-primary-surface-default-inverse: var(--rds-color-neutral-white);--rds-color-button-primary-surface-hover: var(--rds-color-turquoise-50);--rds-color-button-primary-surface-hover-inverse: #ffffff99;--rds-color-button-secondary-border-active: var(--rds-color-turquoise-50);--rds-color-button-secondary-border-active-inverse: var(--rds-color-neutral-white);--rds-color-button-secondary-border-default: var(--rds-color-navy-60);--rds-color-button-secondary-border-default-inverse: var(--rds-color-neutral-white);--rds-color-button-secondary-border-hover: var(--rds-color-turquoise-70);--rds-color-button-secondary-border-hover-inverse: #ffffffcc;--rds-color-button-secondary-surface-active-inverse: #FFFFFF1A;--rds-color-button-secondary-surface-hover-inverse: #FFFFFF40;--rds-color-interactive-border-state-active: var(--rds-color-turquoise-80);--rds-color-interactive-border-state-focus: var(--rds-color-turquoise-50);--rds-color-interactive-border-state-hover: var(--rds-color-navy-80);--rds-color-interactive-content-state-active: var(--rds-color-turquoise-50);--rds-color-interactive-content-state-hover: var(--rds-color-turquoise-70);--rds-color-interactive-surface-alternative: var(--rds-color-navy-05);--rds-color-interactive-surface-state-active: var(--rds-color-navy-80);--rds-color-interactive-surface-state-hover: var(--rds-color-navy-0);--rds-color-content-hover: var(--rds-color-turquoise-50);--rds-color-content-active: var(--rds-color-turquoise-70);--rds-color-interactive-surface-default: var(--rds-color-neutral-white);--rds-color-interactive-surface-hover: var(--rds-color-navy-0);--rds-color-interactive-surface-active: var(--rds-color-navy-80);--rds-color-interactive-border-default: var(--rds-color-navy-30);--rds-color-interactive-border-hover: var(--rds-color-navy-80);--rds-color-interactive-border-active: var(--rds-color-navy-80);--rds-color-interactive-border-focus: var(--rds-color-turquoise-50);--rds-color-content-highlightedIconOnly-AltGradientOrange: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF7E45 24.3%, #FF3740 65.21%, #C02030 99.99%);--rds-color-style-cover-default: rgba(0, 30, 55, .48);--rds-color-style-cover-darker: rgba(0, 30, 55, .6);--rds-color-navy-0: #f4f8fa;--rds-color-navy-05: #DBE6F0;--rds-color-navy-10: #d4e1ed;--rds-color-navy-20: #b8ccdb;--rds-color-navy-30: #95b0c6;--rds-color-navy-40: #7997af;--rds-color-navy-50: #5d7d98;--rds-color-navy-60: #43637d;--rds-color-navy-70: #18354d;--rds-color-navy-80: #001e37;--rds-color-navy-900: #001324;--rds-color-orange-0: #fff5f0;--rds-color-orange-05: #fae2d6;--rds-color-orange-10: #fbd0bb;--rds-color-orange-20: #f9b695;--rds-color-orange-30: #FFB18A;--rds-color-orange-40: #ff945f;--rds-color-orange-50: #ff8346;--rds-color-orange-60: #ff7633;--rds-color-orange-70: #ff590a;--rds-color-orange-80: #bf4a13;--rds-color-orange-900: #80310d;--rds-color-turquoise-0: #f1fbfe;--rds-color-turquoise-05: #daf5fb;--rds-color-turquoise-10: #b1f1fb;--rds-color-turquoise-20: #8beaf9;--rds-color-turquoise-30: #5ae2f6;--rds-color-turquoise-40: #0ccfed;--rds-color-turquoise-50: #009BBE;--rds-color-turquoise-60: #00809C;--rds-color-turquoise-70: #006A82;--rds-color-turquoise-80: #005870;--rds-color-turquoise-90: #004357;--rds-color-red-0: #fff5f6;--rds-color-red-05: #ffdbdf;--rds-color-red-10: #ffccd1;--rds-color-red-20: #ffb8bf;--rds-color-red-30: #ff99a3;--rds-color-red-40: #ff707e;--rds-color-red-50: #fa384a;--rds-color-red-60: #dE1c2e;--rds-color-red-70: #c20012;--rds-color-red-80: #94000e;--rds-color-red-900: #70000b;--rds-color-yellow-0: #fff8ed;--rds-color-yellow-05: #fff3e0;--rds-color-yellow-10: #ffebcc;--rds-color-yellow-20: #ffe1b2;--rds-color-yellow-30: #ffd593;--rds-color-yellow-40: #ffc466;--rds-color-yellow-50: #ffb033;--rds-color-yellow-60: #f59600;--rds-color-yellow-70: #db8600;--rds-color-yellow-80: #9d6000;--rds-color-yellow-90: #6c4200;--rds-color-green-0: #f7fdf8;--rds-color-green-05: #ebfaee;--rds-color-green-10: #d3f3db;--rds-color-green-20: #ace7ba;--rds-color-green-30: #85d598;--rds-color-green-40: #5ebf75;--rds-color-green-50: #33a34e;--rds-color-green-60: #28803d;--rds-color-green-70: #216932;--rds-color-green-80: #184e25;--rds-color-green-90: #11361a;--rds-color-neutral-black: #000000;--rds-color-neutral-grey: #f7f7f9;--rds-color-neutral-white: #ffffff;--rds-color-extended-dirt-0: #f5f3f0;--rds-color-extended-dirt-10: #e2dbd4;--rds-color-extended-dirt-20: #d0c4b9;--rds-color-extended-dirt-30: #bdac9d;--rds-color-extended-dirt-40: #ac9785;--rds-color-extended-dirt-50: #817164;--rds-color-extended-dirt-60: #564c43;--rds-color-extended-electric-yellow-40: #fbf351;--rds-color-extended-grey-0: #f8f8f8;--rds-color-extended-grey-10: #ebebeb;--rds-color-extended-grey-20: #dfdfdf;--rds-color-extended-grey-30: #d2d2d2;--rds-color-extended-grey-40: #c1c6c9;--rds-color-extended-grey-50: #717b84;--rds-color-extended-grey-60: #3a444c;--rds-color-extended-rosewood-20: #fcf3f8;--rds-color-extended-rosewood-40: #f1c1da;--rds-color-extended-fuchsia-50: #E50052;--rds-color-extended-violet-40: #805b9f;--rds-color-gradient-blue-stop000: #00bed4;--rds-color-gradient-blue-stop023: #057796e8;--rds-color-gradient-blue-stop041: #005c7a;--rds-color-gradient-blue-stop100: #001e37;--rds-color-gradient-ivory-base: #fff5f0;--rds-color-gradient-ivory-fucsia-stop000: #f63d7800;--rds-color-gradient-ivory-fucsia-stop100: #f63d78;--rds-color-gradient-ivory-orange-stop000: #ff990300;--rds-color-gradient-ivory-orange-stop1000: #ff9903;--rds-color-gradient-ivory-red-stop000: #f50d3600;--rds-color-gradient-ivory-red-stop100: #f50d36;--rds-color-gradient-ivory-yellow-stop000: #ffc70000;--rds-color-gradient-ivory-yellow-stop100: #ffc700;--rds-color-gradient-orange-stop000: #ff9c00;--rds-color-gradient-orange-stop029: #ff590a;--rds-color-gradient-orange-stop067: #ff2a3f;--rds-color-gradient-orange-stop100: #e50052;--rds-color-data-magenta-00: #E50052;--rds-color-data-magenta-01: #FFCCDE;--rds-color-data-magenta-02: #FF7FAD;--rds-color-data-magenta-03: #F0397A;--rds-color-data-magenta-04: #A5023C;--rds-color-data-magenta-05: #81002E;--rds-color-data-magenta-06: #55001F;--rds-color-data-yellow-00: #FFAF19;--rds-color-data-yellow-01: #FFE5BC;--rds-color-data-yellow-02: #FFCF82;--rds-color-data-yellow-03: #E6981C;--rds-color-data-yellow-04: #C27F16;--rds-color-data-yellow-05: #9D6711;--rds-color-data-yellow-06: #603F0B;--rds-color-data-carrot-00: #FA590A;--rds-color-data-carrot-01: #FFD9C7;--rds-color-data-carrot-02: #FFB38F;--rds-color-data-carrot-03: #FF8D57;--rds-color-data-carrot-04: #C74000;--rds-color-data-carrot-05: #8F2E00;--rds-color-data-carrot-06: #611F00;--rds-color-data-blue-00: #001E37;--rds-color-data-blue-01: #A5D6FF;--rds-color-data-blue-02: #52B0FF;--rds-color-data-blue-03: #007DE5;--rds-color-data-blue-04: #005FAD;--rds-color-data-blue-05: #003A6B;--rds-color-data-turquoise-00: #00BED4;--rds-color-data-turquoise-01: #96E6EF;--rds-color-data-turquoise-02: #009CB6;--rds-color-data-turquoise-03: #007A8E;--rds-color-data-turquoise-04: #005968;--rds-color-data-turquoise-05: #003740;--rds-color-data-velvet-00: #6F0050;--rds-color-data-velvet-01: #E9B1D9;--rds-color-data-velvet-02: #D67ABC;--rds-color-data-velvet-03: #C2088E;--rds-color-data-velvet-04: #9E0071;--rds-color-data-velvet-05: #380028;--rds-color-data-pink-00: #E96DE7;--rds-color-data-pink-01: #FFD3FE;--rds-color-data-pink-02: #FF98FD;--rds-color-data-pink-03: #CE46CC;--rds-color-data-pink-04: #9C349A;--rds-color-data-pink-05: #621D60;--rds-color-data-jade-00: #045853;--rds-color-data-jade-01: #B0FFFA;--rds-color-data-jade-02: #14ECDF;--rds-color-data-jade-03: #0DBDB2;--rds-color-data-jade-04: #038880;--rds-color-data-jade-05: #022725;--rds-color-data-purple-00: #896CFE;--rds-color-data-purple-01: #DDD5FF;--rds-color-data-purple-02: #BCABFF;--rds-color-data-purple-03: #6A52CA;--rds-color-data-purple-04: #4A388E;--rds-color-data-purple-05: #2C1F5D;--rds-color-data-brown-00: #80310D;--rds-color-data-brown-01: #E6B49D;--rds-color-data-brown-02: #D77F57;--rds-color-data-brown-03: #CC6434;--rds-color-data-brown-04: #B0410E;--rds-color-data-brown-05: #471701;--rds-color-data-content-high: #001E37;--rds-color-data-content-medium: #43637D;--rds-color-data-content-disabled: #001E374D;--rds-color-data-content-high-inverse: #FFFFFF;--rds-color-data-content-medium-inverse: #FFFFFFCC;--rds-color-data-content-link: #007899;--rds-color-data-background-basic: #FFFFFF;--rds-color-data-background-grey-01: #F7F7F9;--rds-color-data-background-grey-02: #E5EEF5;--rds-color-data-border-high: #001E37;--rds-color-data-border-mid: #C1D5E6;--rds-color-data-border-low: #DBE6F0;--rds-color-data-neutral-black: #000000;--rds-color-data-neutral-white: #FFFFFF;--rds-color-data-lapis-lazuli-00: #001E37;--rds-color-data-lapis-lazuli-01: #8FCCFF;--rds-color-data-lapis-lazuli-02: #52B0FF;--rds-color-data-lapis-lazuli-03: #007DE5;--rds-color-data-lapis-lazuli-04: #005FAD;--rds-color-data-lapis-lazuli-05: #003A6B;--rds-color-data-light-blue-00: #009BF5;--rds-color-data-light-blue-01: #A8DFFF;--rds-color-data-light-blue-02: #70CBFF;--rds-color-data-light-blue-03: #006EAD;--rds-color-data-light-blue-04: #004E7A;--rds-color-data-light-blue-05: #002D47;--rds-color-data-light-purple-00: #7976FE;--rds-color-data-light-purple-01: #DDDCFF;--rds-color-data-light-purple-02: #ABA9FE;--rds-color-data-light-purple-03: #4844FE;--rds-color-data-light-purple-04: #0702F3;--rds-color-data-light-purple-05: #030179;--rds-radius-s: 8px;--rds-radius-m: 16px;--rds-radius-l: 24px;--rds-radius-round: 999px;--rds-radius-inputs: 12px}
package/dist/foundations/_elevation.scss CHANGED
@@ -9,4 +9,8 @@
9
9
 
10
10
  .rds-style-effect-glass {
11
11
  @include rds-style-effect-glass;
12
+ }
13
+
14
+ .rds-style-effect-glassnavy {
15
+ @include rds-style-effect-glassnavy;
12
16
  }
package/dist/generated/icon-layers.js CHANGED
@@ -1,4 +1,4 @@
1
- /** Auto-generated by generateIconLayers.js on 2026-07-02T13:44:03.231Z */
1
+ /** Auto-generated by generateIconLayers.js on 2026-07-28T07:47:11.825Z */
2
2
  /* eslint-disable */
3
3
  export const iconLayers = {
4
4
  "calendar_active": 8,
package/dist/generated/icon-layers.ts CHANGED
@@ -1,4 +1,4 @@
1
- /** Auto-generated by generateIconLayers.js on 2026-07-02T13:44:03.231Z */
1
+ /** Auto-generated by generateIconLayers.js on 2026-07-28T07:47:11.825Z */
2
2
  /* eslint-disable */
3
3
  export const iconLayers: Record<string, number> = {
4
4
  "calendar_active": 8,
package/dist/generated/icon-names.js CHANGED
@@ -1,4 +1,4 @@
1
- /** Auto-generated by generateIconLayers.js on 2026-07-02T13:44:03.231Z */
1
+ /** Auto-generated by generateIconLayers.js on 2026-07-28T07:47:11.825Z */
2
2
  /* eslint-disable */
3
3
  export const iconNames = [
4
4
  "ac-aire-acondicionado",
package/dist/generated/icon-names.ts CHANGED
@@ -1,4 +1,4 @@
1
- /** Auto-generated by generateIconLayers.js on 2026-07-02T13:44:03.231Z */
1
+ /** Auto-generated by generateIconLayers.js on 2026-07-28T07:47:11.825Z */
2
2
  /* eslint-disable */
3
3
  export const iconNames: string[] = [
4
4
  "ac-aire-acondicionado",
package/dist/index.css CHANGED
@@ -138,7 +138,7 @@
138
138
  /* _elevation.scss */
139
139
  --rds-overlay-backdrop-filter: blur(6px);
140
140
  --rds-glass-backdrop-filter: blur(48px);
141
- --rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.1);
141
+ --rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08);
142
142
 
143
143
  /* _color.scss */
144
144
  --rds-color-content-high: var(--rds-color-navy-80);
@@ -4814,7 +4814,15 @@ html {
4814
4814
  .rds-style-effect-glass {
4815
4815
  -webkit-backdrop-filter: blur(48px);
4816
4816
  backdrop-filter: blur(48px);
4817
- box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
4817
+ background-color: rgba(255, 255, 255, 0.6);
4818
+ box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
4819
+ }
4820
+
4821
+ .rds-style-effect-glassnavy {
4822
+ -webkit-backdrop-filter: blur(48px);
4823
+ backdrop-filter: blur(48px);
4824
+ background-color: rgba(0, 30, 55, 0.6);
4825
+ box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
4818
4826
  }
4819
4827
 
4820
4828
  /*************************
package/dist/mixins/_elevation.scss CHANGED
@@ -12,5 +12,13 @@
12
12
  @mixin rds-style-effect-glass {
13
13
  -webkit-backdrop-filter: elevation.$rds-glass-backdrop-filter;
14
14
  backdrop-filter: elevation.$rds-glass-backdrop-filter;
15
+ background-color: rgba(color.$rds-color-neutral-white, 0.6);
16
+ box-shadow: elevation.$rds-glass-box-shadow;
17
+ }
18
+
19
+ @mixin rds-style-effect-glassnavy {
20
+ -webkit-backdrop-filter: elevation.$rds-glass-backdrop-filter;
21
+ backdrop-filter: elevation.$rds-glass-backdrop-filter;
22
+ background-color: rgba(color.$rds-color-navy-80, 0.6);
15
23
  box-shadow: elevation.$rds-glass-box-shadow;
16
24
  }
package/dist/style.css CHANGED
@@ -138,7 +138,7 @@
138
138
  /* _elevation.scss */
139
139
  --rds-overlay-backdrop-filter: blur(6px);
140
140
  --rds-glass-backdrop-filter: blur(48px);
141
- --rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.1);
141
+ --rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08);
142
142
 
143
143
  /* _color.scss */
144
144
  --rds-color-content-high: var(--rds-color-navy-80);
@@ -4814,7 +4814,15 @@ html {
4814
4814
  .rds-style-effect-glass {
4815
4815
  -webkit-backdrop-filter: blur(48px);
4816
4816
  backdrop-filter: blur(48px);
4817
- box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
4817
+ background-color: rgba(255, 255, 255, 0.6);
4818
+ box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
4819
+ }
4820
+
4821
+ .rds-style-effect-glassnavy {
4822
+ -webkit-backdrop-filter: blur(48px);
4823
+ backdrop-filter: blur(48px);
4824
+ background-color: rgba(0, 30, 55, 0.6);
4825
+ box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
4818
4826
  }
4819
4827
 
4820
4828
  /*************************
package/dist/variables/_elevation.scss CHANGED
@@ -2,4 +2,4 @@
2
2
 
3
3
  $rds-overlay-backdrop-filter: blur(6px);
4
4
  $rds-glass-backdrop-filter: blur(48px);
5
- $rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.1);
5
+ $rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08);
package/dist/variables.css CHANGED
@@ -138,7 +138,7 @@
138
138
  /* _elevation.scss */
139
139
  --rds-overlay-backdrop-filter: blur(6px);
140
140
  --rds-glass-backdrop-filter: blur(48px);
141
- --rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.1);
141
+ --rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08);
142
142
 
143
143
  /* _color.scss */
144
144
  --rds-color-content-high: var(--rds-color-navy-80);
package/llms/01-classes.md CHANGED
@@ -36,7 +36,8 @@ Authoritative class reference derived from Storybook MDX. Prefer using classes f
36
36
 
37
37
  ## Elevation
38
38
 
39
- `rds-body-02`, `rds-caption-02`, `rds-color-style-cover-darker`, `rds-color-style-cover-default`, `rds-mb-m`, `rds-style-effect-glass`, `rds-style-effect-overlay`, `rds-style-shadow-m`, `rds-style-shadow-negative`, `rds-style-shadow-s`, `rds-style-state-disabled`, `rds-title-01`
39
+ `rds-body-02`, `rds-caption-02`, `rds-color-style-cover-darker`, `rds-color-style-cover-default`, `rds-mb-m`, `rds-style-effect-glass`, `rds-style-effect-glassnavy`, `rds-style-effect-overlay`, `rds-style-shadow-m`, `rds-style-shadow-negative`, `rds-style-shadow-s`, `rds-style-state-disabled`
40
+ `rds-title-01`
40
41
 
41
42
  ## Border & Radius
42
43
 
package/llms/02-css-variables.md CHANGED
@@ -123,7 +123,7 @@ Total: 406 variables.\n\n| Name | Value |
123
123
  | --g-padding-ultrawide | 32px |
124
124
  | --rds-overlay-backdrop-filter | blur(6px) |
125
125
  | --rds-glass-backdrop-filter | blur(48px) |
126
- | --rds-glass-box-shadow | 0 4px 16px 0 rgba($rds-color-neutral-black, 0.1) |
126
+ | --rds-glass-box-shadow | 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08) |
127
127
  | --rds-color-content-high | var(--rds-color-navy-80) |
128
128
  | --rds-color-content-medium | var(--rds-color-navy-60) |
129
129
  | --rds-color-content-high-inverse | var(--rds-color-neutral-white) |
package/llms/03-sass-variables-and-mixins.md CHANGED
@@ -306,7 +306,7 @@
306
306
  |---|---|
307
307
  | $rds-overlay-backdrop-filter | blur(6px) |
308
308
  | $rds-glass-backdrop-filter | blur(48px) |
309
- | $rds-glass-box-shadow | 0 4px 16px 0 rgba($rds-color-neutral-black, 0.1) |
309
+ | $rds-glass-box-shadow | 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08) |
310
310
 
311
311
  ### _grid.scss
312
312
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "energy-foundations",
3
- "version": "2.2.0",
3
+ "version": "2.3.0",
4
4
  "config": {
5
5
  "commitizen": {
6
6
  "path": "node_modules/cz-customizable"
package/src/foundations/_elevation.scss CHANGED
@@ -9,4 +9,8 @@
9
9
 
10
10
  .rds-style-effect-glass {
11
11
  @include rds-style-effect-glass;
12
+ }
13
+
14
+ .rds-style-effect-glassnavy {
15
+ @include rds-style-effect-glassnavy;
12
16
  }
package/src/generated/icon-layers.js CHANGED
@@ -1,4 +1,4 @@
1
- /** Auto-generated by generateIconLayers.js on 2026-07-02T13:44:03.231Z */
1
+ /** Auto-generated by generateIconLayers.js on 2026-07-28T07:47:11.825Z */
2
2
  /* eslint-disable */
3
3
  export const iconLayers = {
4
4
  "calendar_active": 8,
package/src/generated/icon-layers.ts CHANGED
@@ -1,4 +1,4 @@
1
- /** Auto-generated by generateIconLayers.js on 2026-07-02T13:44:03.231Z */
1
+ /** Auto-generated by generateIconLayers.js on 2026-07-28T07:47:11.825Z */
2
2
  /* eslint-disable */
3
3
  export const iconLayers: Record<string, number> = {
4
4
  "calendar_active": 8,
package/src/generated/icon-names.js CHANGED
@@ -1,4 +1,4 @@
1
- /** Auto-generated by generateIconLayers.js on 2026-07-02T13:44:03.231Z */
1
+ /** Auto-generated by generateIconLayers.js on 2026-07-28T07:47:11.825Z */
2
2
  /* eslint-disable */
3
3
  export const iconNames = [
4
4
  "ac-aire-acondicionado",
package/src/generated/icon-names.ts CHANGED
@@ -1,4 +1,4 @@
1
- /** Auto-generated by generateIconLayers.js on 2026-07-02T13:44:03.231Z */
1
+ /** Auto-generated by generateIconLayers.js on 2026-07-28T07:47:11.825Z */
2
2
  /* eslint-disable */
3
3
  export const iconNames: string[] = [
4
4
  "ac-aire-acondicionado",
package/src/mixins/_elevation.scss CHANGED
@@ -12,5 +12,13 @@
12
12
  @mixin rds-style-effect-glass {
13
13
  -webkit-backdrop-filter: elevation.$rds-glass-backdrop-filter;
14
14
  backdrop-filter: elevation.$rds-glass-backdrop-filter;
15
+ background-color: rgba(color.$rds-color-neutral-white, 0.6);
16
+ box-shadow: elevation.$rds-glass-box-shadow;
17
+ }
18
+
19
+ @mixin rds-style-effect-glassnavy {
20
+ -webkit-backdrop-filter: elevation.$rds-glass-backdrop-filter;
21
+ backdrop-filter: elevation.$rds-glass-backdrop-filter;
22
+ background-color: rgba(color.$rds-color-navy-80, 0.6);
15
23
  box-shadow: elevation.$rds-glass-box-shadow;
16
24
  }
package/src/variables/_elevation.scss CHANGED
@@ -2,4 +2,4 @@
2
2
 
3
3
  $rds-overlay-backdrop-filter: blur(6px);
4
4
  $rds-glass-backdrop-filter: blur(48px);
5
- $rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.1);
5
+ $rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08);
package/src/variables.css CHANGED
@@ -138,7 +138,7 @@
138
138
  /* _elevation.scss */
139
139
  --rds-overlay-backdrop-filter: blur(6px);
140
140
  --rds-glass-backdrop-filter: blur(48px);
141
- --rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.1);
141
+ --rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08);
142
142
 
143
143
  /* _color.scss */
144
144
  --rds-color-content-high: var(--rds-color-navy-80);