html {
  /* Shared background color for all components similarily semantic to a button. */
  --sds-s-button-color-background: var(--com-s-button-color-background);
  
  /* Shared background color on hover for all components similarily semantic to a button. */
  --sds-s-button-color-background-hover: var(--com-s-button-color-background-hover);
  
  /* Shared background color on focus for all components similarily semantic to a button. */
  --sds-s-button-color-background-focus: var(--com-s-button-color-background-focus);
  
  /* Shared background color on active for all components similarily semantic to a button. */
  --sds-s-button-color-background-active: var(--com-s-button-color-background-active);
  
  /* Shared text color for all components similarily semantic to a button. Required to be layered upon the shared button background color. */
  --sds-s-button-text-color: var(--com-s-button-text-color);
  
  /* Shared text color on hover for all components similarily semantic to a button. Required to be layered upon the shared button background color. */
  --sds-s-button-text-color-hover: var(--com-s-button-text-color-hover);
  
  /* Shared text color on focus for all components similarily semantic to a button. Required to be layered upon the shared button background color. */
  --sds-s-button-text-color-focus: var(--com-s-button-text-color-focus);
  
  /* Shared text color on active for all components similarily semantic to a button. Required to be layered upon the shared button background color. */
  --sds-s-button-text-color-active: var(--com-s-button-text-color-active);
  
  /* Shared border color on active for all components similarily semantic to a button. */
  --sds-s-button-color-border: var(--com-s-button-color-border);
  
  /* Shared border color on hover for all components similarily semantic to a button. */
  --sds-s-button-color-border-hover: var(--com-s-button-color-border-hover);
  
  /* Shared border color on focus for all components similarily semantic to a button. */
  --sds-s-button-color-border-focus: var(--com-s-button-color-border-focus);
  
  /* Shared border color on active for all components similarily semantic to a button. */
  --sds-s-button-color-border-active: var(--com-s-button-color-border-active);
  
  /* Shared border size for all components similarily semantic to a button. */
  --sds-s-button-sizing-border: var(--com-s-button-sizing-border);
  
  /* Shared border radius for all components similarily semantic to a button. */
  --sds-s-button-radius-border: var(--com-s-button-radius-border);
  
  /* Shared shadow for all components similarily semantic to a button. */
  --sds-s-button-shadow: var(--com-s-button-shadow);
  
  /* Shared shadow on hover for all components similarily semantic to a button. */
  --sds-s-button-shadow-hover: var(--com-s-button-shadow-hover);
  
  /* Shared shadow on focus for all components similarily semantic to a button. */
  --sds-s-button-shadow-focus: var(--com-s-button-shadow-focus);
  
  /* Shared shadow on active for all components similarily semantic to a button. */
  --sds-s-button-shadow-active: var(--com-s-button-shadow-active);
  
  /* Shared spacing on the block axis for all components similarily semantic to a button. */
  --sds-s-button-spacing-block: var(--com-s-button-spacing-block);
  
  /* Shared spacing on the inline axis for all components similarily semantic to a button. */
  --sds-s-button-spacing-inline: var(--com-s-button-spacing-inline);
  
  /* Neutral Base 100 - if used as a background, please use Neutral Base 60-10 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-100: var(--com-g-color-neutral-base-100);
  --com-g-color-neutral-base-100: #ffffff;
  /* Neutral Base 95 - if used as a background, please use Neutral Base 50-10 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-95: var(--com-g-color-neutral-base-95);
  --com-g-color-neutral-base-95: #f3f3f3;
  /* Neutral Base 90 - if used as a background, please use Neutral Base 40-10 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-90: var(--com-g-color-neutral-base-90);
  --com-g-color-neutral-base-90: #e5e5e5;
  /* Neutral Base 80 - if used as a background, please use Neutral Base 30-10 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-80: var(--com-g-color-neutral-base-80);
  --com-g-color-neutral-base-80: #c9c9c9;
  /* Neutral Base 70 - if used as a background, please use Neutral Base 20-10 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-70: var(--com-g-color-neutral-base-70);
  --com-g-color-neutral-base-70: #aeaeae;
  /* Neutral Base 65 - if used as a background, please use Neutral Base 15-10 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-65: var(--com-g-color-neutral-base-65);
  --com-g-color-neutral-base-65: #a0a0a0;
  /* Neutral Base 60 - if used as a background, please use Neutral Base 100 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-60: var(--com-g-color-neutral-base-60);
  --com-g-color-neutral-base-60: #939393;
  /* Neutral Base 50 - if used as a background, please use Neutral Base 100-95 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-50: var(--com-g-color-neutral-base-50);
  --com-g-color-neutral-base-50: #747474;
  /* Neutral Base 40 - if used as a background, please use Neutral Base 100-90 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-40: var(--com-g-color-neutral-base-40);
  --com-g-color-neutral-base-40: #5c5c5c;
  /* Neutral Base 30 - if used as a background, please use Neutral Base 100-80 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-30: var(--com-g-color-neutral-base-30);
  --com-g-color-neutral-base-30: #444444;
  /* Neutral Base 20 - if used as a background, please use Neutral Base 100-70 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-20: var(--com-g-color-neutral-base-20);
  --com-g-color-neutral-base-20: #2e2e2e;
  /* Neutral Base 15 - if used as a background, please use Neutral Base 100-65 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-15: var(--com-g-color-neutral-base-15);
  --com-g-color-neutral-base-15: #242424;
  /* Neutral Base 10 - if used as a background, please use Neutral Base 100-65 to meet accessibility guidelines. */
  --sds-g-color-neutral-base-10: var(--com-g-color-neutral-base-10);
  --com-g-color-neutral-base-10: #181818;
  /* Brand Base 100 - if used as a background, please use Brand Base 60-10 to meet accessibility guidelines. */
  --sds-g-color-brand-base-100: var(--com-g-color-brand-base-100);
  --com-g-color-brand-base-100: #ffffff;
  /* Brand Base 95 - if used as a background, please use Brand Base 50-10 to meet accessibility guidelines. */
  --sds-g-color-brand-base-95: var(--com-g-color-brand-base-95);
  --com-g-color-brand-base-95: #eef4ff;
  /* Brand Base 90 - if used as a background, please use Brand Base 40-10 to meet accessibility guidelines. */
  --sds-g-color-brand-base-90: var(--com-g-color-brand-base-90);
  --com-g-color-brand-base-90: #d8e6fe;
  /* Brand Base 80 - if used as a background, please use Brand Base 30-10 to meet accessibility guidelines. */
  --sds-g-color-brand-base-80: var(--com-g-color-brand-base-80);
  --com-g-color-brand-base-80: #aacbff;
  /* Brand Base 70 - if used as a background, please use Brand Base 20-10 to meet accessibility guidelines. */
  --sds-g-color-brand-base-70: var(--com-g-color-brand-base-70);
  --com-g-color-brand-base-70: #78b0fd;
  /* Brand Base 65 - if used as a background, please use Brand Base 15-10 to meet accessibility guidelines. */
  --sds-g-color-brand-base-65: var(--com-g-color-brand-base-65);
  --com-g-color-brand-base-65: #57a3fd;
  /* Brand Base 60 - if used as a background, please use Brand Base 100 to meet accessibility guidelines. */
  --sds-g-color-brand-base-60: var(--com-g-color-brand-base-60);
  --com-g-color-brand-base-60: #1b96ff;
  /* Brand Base 50 - if used as a background, please use Brand Base 100-95 to meet accessibility guidelines. */
  --sds-g-color-brand-base-50: var(--com-g-color-brand-base-50);
  --com-g-color-brand-base-50: #0176d3;
  /* Brand Base 40 - if used as a background, please use Brand Base 100-90 to meet accessibility guidelines. */
  --sds-g-color-brand-base-40: var(--com-g-color-brand-base-40);
  --com-g-color-brand-base-40: #0b5cab;
  /* Brand Base 30 - if used as a background, please use Brand Base 100-80 to meet accessibility guidelines. */
  --sds-g-color-brand-base-30: var(--com-g-color-brand-base-30);
  --com-g-color-brand-base-30: #014486;
  /* Brand Base 20 - if used as a background, please use Brand Base 100-70 to meet accessibility guidelines. */
  --sds-g-color-brand-base-20: var(--com-g-color-brand-base-20);
  --com-g-color-brand-base-20: #032d60;
  /* Brand Base 15 - if used as a background, please use Brand Base 100-65 to meet accessibility guidelines. */
  --sds-g-color-brand-base-15: var(--com-g-color-brand-base-15);
  --com-g-color-brand-base-15: #03234d;
  /* Brand Base 10 - if used as a background, please use Brand Base 100-65 to meet accessibility guidelines. */
  --sds-g-color-brand-base-10: var(--com-g-color-brand-base-10);
  --com-g-color-brand-base-10: #001639;
  /* Error Base 100 - if used as a background, please use Error Base 60-10 to meet accessibility guidelines. */
  --sds-g-color-error-base-100: var(--com-g-color-error-base-100);
  --com-g-color-error-base-100: #ffffff;
  /* Error Base 90 - if used as a background, please use Error Base 50-10 to meet accessibility guidelines. */
  --sds-g-color-error-base-90: var(--com-g-color-error-base-90);
  --com-g-color-error-base-90: #feded8;
  /* Error Base 80 - if used as a background, please use Error Base 40-10 to meet accessibility guidelines. */
  --sds-g-color-error-base-80: var(--com-g-color-error-base-80);
  --com-g-color-error-base-80: #feb8ab;
  /* Error Base 70 - if used as a background, please use Error Base 30-10 to meet accessibility guidelines. */
  --sds-g-color-error-base-70: var(--com-g-color-error-base-70);
  --com-g-color-error-base-70: #fe8f7d;
  /* Error Base 60 - if used as a background, please use Error Base 20-10 to meet accessibility guidelines. */
  --sds-g-color-error-base-60: var(--com-g-color-error-base-60);
  --com-g-color-error-base-60: #fe5c4c;
  /* Error Base 50 - if used as a background, please use Error Base 100-90 to meet accessibility guidelines. */
  --sds-g-color-error-base-50: var(--com-g-color-error-base-50);
  --com-g-color-error-base-50: #ea001e;
  /* Error Base 40 - if used as a background, please use Error Base 100-80 to meet accessibility guidelines. */
  --sds-g-color-error-base-40: var(--com-g-color-error-base-40);
  --com-g-color-error-base-40: #ba0517;
  /* Error Base 30 - if used as a background, please use Error Base 100-70 to meet accessibility guidelines. */
  --sds-g-color-error-base-30: var(--com-g-color-error-base-30);
  --com-g-color-error-base-30: #8e030f;
  /* Error Base 20 - if used as a background, please use Error Base 100-60 to meet accessibility guidelines. */
  --sds-g-color-error-base-20: var(--com-g-color-error-base-20);
  --com-g-color-error-base-20: #640103;
  /* Error Base 10 - if used as a background, please use Error Base 100-50 to meet accessibility guidelines. */
  --sds-g-color-error-base-10: var(--com-g-color-error-base-10);
  --com-g-color-error-base-10: #300c01;
  /* Warning Base 100 - if used as a background, please use Warning Base 60-10 to meet accessibility guidelines. */
  --sds-g-color-warning-base-100: var(--com-g-color-warning-base-100);
  --com-g-color-warning-base-100: #ffffff;
  /* Warning Base 90 - if used as a background, please use Warning Base 50-10 to meet accessibility guidelines. */
  --sds-g-color-warning-base-90: var(--com-g-color-warning-base-90);
  --com-g-color-warning-base-90: #fedfd0;
  /* Warning Base 80 - if used as a background, please use Warning Base 40-10 to meet accessibility guidelines. */
  --sds-g-color-warning-base-80: var(--com-g-color-warning-base-80);
  --com-g-color-warning-base-80: #ffba90;
  /* Warning Base 70 - if used as a background, please use Warning Base 30-10 to meet accessibility guidelines. */
  --sds-g-color-warning-base-70: var(--com-g-color-warning-base-70);
  --com-g-color-warning-base-70: #fe9339;
  /* Warning Base 60 - if used as a background, please use Warning Base 20-10 to meet accessibility guidelines. */
  --sds-g-color-warning-base-60: var(--com-g-color-warning-base-60);
  --com-g-color-warning-base-60: #dd7a01;
  /* Warning Base 50 - if used as a background, please use Warning Base 100-90 to meet accessibility guidelines. */
  --sds-g-color-warning-base-50: var(--com-g-color-warning-base-50);
  --com-g-color-warning-base-50: #a96404;
  /* Warning Base 40 - if used as a background, please use Warning Base 100-80 to meet accessibility guidelines. */
  --sds-g-color-warning-base-40: var(--com-g-color-warning-base-40);
  --com-g-color-warning-base-40: #825101;
  /* Warning Base 30 - if used as a background, please use Warning Base 100-70 to meet accessibility guidelines. */
  --sds-g-color-warning-base-30: var(--com-g-color-warning-base-30);
  --com-g-color-warning-base-30: #5f3e02;
  /* Warning Base 20 - if used as a background, please use Warning Base 100-60 to meet accessibility guidelines. */
  --sds-g-color-warning-base-20: var(--com-g-color-warning-base-20);
  --com-g-color-warning-base-20: #3e2b02;
  /* Warning Base 10 - if used as a background, please use Warning Base 100-50 to meet accessibility guidelines. */
  --sds-g-color-warning-base-10: var(--com-g-color-warning-base-10);
  --com-g-color-warning-base-10: #201600;
  /* Success Base 100 - if used as a background, please use Success Base 60-10 to meet accessibility guidelines. */
  --sds-g-color-success-base-100: var(--com-g-color-success-base-100);
  --com-g-color-success-base-100: #ffffff;
  /* Success Base 90 - if used as a background, please use Success Base 50-10 to meet accessibility guidelines. */
  --sds-g-color-success-base-90: var(--com-g-color-success-base-90);
  --com-g-color-success-base-90: #cdefc4;
  /* Success Base 80 - if used as a background, please use Success Base 40-10 to meet accessibility guidelines. */
  --sds-g-color-success-base-80: var(--com-g-color-success-base-80);
  --com-g-color-success-base-80: #91db8b;
  /* Success Base 70 - if used as a background, please use Success Base 30-10 to meet accessibility guidelines. */
  --sds-g-color-success-base-70: var(--com-g-color-success-base-70);
  --com-g-color-success-base-70: #45c65a;
  /* Success Base 60 - if used as a background, please use Success Base 20-10 to meet accessibility guidelines. */
  --sds-g-color-success-base-60: var(--com-g-color-success-base-60);
  --com-g-color-success-base-60: #3ba755;
  /* Success Base 50 - if used as a background, please use Success Base 100-90 to meet accessibility guidelines. */
  --sds-g-color-success-base-50: var(--com-g-color-success-base-50);
  --com-g-color-success-base-50: #2e844a;
  /* Success Base 40 - if used as a background, please use Success Base 100-80 to meet accessibility guidelines. */
  --sds-g-color-success-base-40: var(--com-g-color-success-base-40);
  --com-g-color-success-base-40: #396547;
  /* Success Base 30 - if used as a background, please use Success Base 100-70 to meet accessibility guidelines. */
  --sds-g-color-success-base-30: var(--com-g-color-success-base-30);
  --com-g-color-success-base-30: #194e31;
  /* Success Base 20 - if used as a background, please use Success Base 100-60 to meet accessibility guidelines. */
  --sds-g-color-success-base-20: var(--com-g-color-success-base-20);
  --com-g-color-success-base-20: #1C3326;
  /* Success Base 10 - if used as a background, please use Success Base 100-50 to meet accessibility guidelines. */
  --sds-g-color-success-base-10: var(--com-g-color-success-base-10);
  --com-g-color-success-base-10: #071b12;
  /* Nuetral border color for UI elements. */
  --sds-g-color-border-base-1: var(--com-g-color-border-base-1);
  --com-g-color-border-base-1: #c9c9c9;
  /* Neutral border color for UI elements. */
  --sds-g-color-border-base-2: var(--com-g-color-border-base-2);
  --com-g-color-border-base-2: #aeaeae;
  /* Neutral border color for UI elements. */
  --sds-g-color-border-base-3: var(--com-g-color-border-base-3);
  --com-g-color-border-base-3: #939393;
  /* Neutral border color for UI elements. */
  --sds-g-color-border-base-4: var(--com-g-color-border-base-4);
  --com-g-color-border-base-4: #747474;
  /* Brand border color for UI elements. */
  --sds-g-color-border-brand-1: var(--com-g-color-border-brand-1);
  --com-g-color-border-brand-1: #78b0fd;
  /* Alternate brand border color for UI elements. */
  --sds-g-color-border-brand-2: var(--com-g-color-border-brand-2);
  --com-g-color-border-brand-2: #1b96ff;
  /* Default color for hyperlinks. */
  --sds-g-link-color: var(--com-g-link-color);
  --com-g-link-color: #0b5cab;
  /* Default color on hover for hyperlinks. */
  --sds-g-link-color-hover: var(--com-g-link-color-hover);
  --com-g-link-color-hover: #014486;
  /* Default color on focus for hyperlinks. */
  --sds-g-link-color-focus: var(--com-g-link-color-focus);
  --com-g-link-color-focus: #014486;
  /* Default color on active for hyperlinks. */
  --sds-g-link-color-active: var(--com-g-link-color-active);
  --com-g-link-color-active: #032d60;
  /* Shared background color for all components visually represent a container. The container should contain content and is most likely layered on top of a contrasting background color. Not limited to in-flow content, can be used for out-of-flow content such as popups. */
  --sds-s-container-color-background: var(--com-s-container-color-background);
  
  /* Shared text color for all components visually represent a container. The text must sit on top of `*-s-container-background-color` */
  --sds-s-container-text-color: var(--com-s-container-text-color);
  
  /* Shared border color for all components visually represent a container. The border color must be coupled with `*-s-container-background-color` */
  --sds-s-container-color-border: var(--com-s-container-color-border);
  
  /* Shared border size for all components visually represent a container. */
  --sds-s-container-sizing-border: var(--com-s-container-sizing-border);
  
  /* Shared border radius for all components visually represent a container. */
  --sds-s-container-radius-border: var(--com-s-container-radius-border);
  
  /* Shared shadow for all components visually represent a container. */
  --sds-s-container-shadow: var(--com-s-container-shadow);
  
  /* Shared inline spacing for all components visually represent a container. */
  --sds-s-container-spacing-inline: var(--com-s-container-spacing-inline);
  
  /* Shared block spacing for all components visually represent a container. */
  --sds-s-container-spacing-block: var(--com-s-container-spacing-block);
  
  /* System font stack for your application. */
  --sds-g-font-family: var(--com-g-font-family);
  --com-g-font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  /* Monospace font stack for your application. */
  --sds-g-font-family-monospace: var(--com-g-font-family-monospace);
  --com-g-font-family-monospace: Consolas, Menlo, Monaco, Courier, monospace;
  /* Bold font-weight, use to increase emphasis. */
  --sds-g-font-weight-bold: var(--com-g-font-weight-bold);
  --com-g-font-weight-bold: bold;
  /* Default line-height for your application. */
  --sds-g-font-lineheight: var(--com-g-font-lineheight);
  --com-g-font-lineheight: 1.5;
  /* Default font-size for your application. */
  --sds-g-font-size-base: var(--com-g-font-size-base);
  --com-g-font-size-base: 1rem;
  /* Scaled font-size that is 4 stops smaller than the base. */
  --sds-g-font-scale-neg-4: var(--com-g-font-scale-neg-4);
  --com-g-font-scale-neg-4: 0.625rem;
  /* Scaled font-size that is 3 stops smaller than the base. */
  --sds-g-font-scale-neg-3: var(--com-g-font-scale-neg-3);
  --com-g-font-scale-neg-3: 0.75rem;
  /* Scaled font-size that is 2 stops smaller than the base. */
  --sds-g-font-scale-neg-2: var(--com-g-font-scale-neg-2);
  --com-g-font-scale-neg-2: 0.8125rem;
  /* Scaled font-size that is 1 stop smaller than the base. */
  --sds-g-font-scale-neg-1: var(--com-g-font-scale-neg-1);
  --com-g-font-scale-neg-1: 0.875rem;
  /* Scaled font-size that is 1 stop bigger than the base. */
  --sds-g-font-scale-1: var(--com-g-font-scale-1);
  --com-g-font-scale-1: 1.125rem;
  /* Scaled font-size that is 2 stops bigger than the base. */
  --sds-g-font-scale-2: var(--com-g-font-scale-2);
  --com-g-font-scale-2: 1.266rem;
  /* Scaled font-size that is 3 stops bigger than the base. */
  --sds-g-font-scale-3: var(--com-g-font-scale-3);
  --com-g-font-scale-3: 1.424rem;
  /* Scaled font-size that is 4 stops bigger than the base. */
  --sds-g-font-scale-4: var(--com-g-font-scale-4);
  --com-g-font-scale-4: 1.602rem;
  /* Scaled font-size that is 5 stops bigger than the base. */
  --sds-g-font-scale-5: var(--com-g-font-scale-5);
  --com-g-font-scale-5: 1.802rem;
  /* Scaled font-size that is 6 stops bigger than the base. */
  --sds-g-font-scale-6: var(--com-g-font-scale-6);
  --com-g-font-scale-6: 2.027rem;
  /* Scaled font-size that is 7 stops bigger than the base. */
  --sds-g-font-scale-7: var(--com-g-font-scale-7);
  --com-g-font-scale-7: 2.281rem;
  /* Scaled font-size that is 8 stops bigger than the base. */
  --sds-g-font-scale-8: var(--com-g-font-scale-8);
  --com-g-font-scale-8: 2.566rem;
  /* Scaled font-size that is 9 stops bigger than the base. */
  --sds-g-font-scale-9: var(--com-g-font-scale-9);
  --com-g-font-scale-9: 2.887rem;
  /* Scaled font-size that is 10 stops bigger than the base. */
  --sds-g-font-scale-10: var(--com-g-font-scale-10);
  --com-g-font-scale-10: 3.247rem;
  /* Font stack for your heading elements. */
  --sds-s-heading-font-family: var(--com-s-heading-font-family);
  
  /* Shared font-weight between heading elements, h1-h6 */
  --sds-s-heading-font-weight: var(--com-s-heading-font-weight);
  
  /* Shared background color for all components similarily semantic to an input. */
  --sds-s-input-color-background: var(--com-s-input-color-background);
  
  /* Shared background color on hover for all components similarily semantic to an input. */
  --sds-s-input-color-background-hover: var(--com-s-input-color-background-hover);
  
  /* Shared background color on focus for all components similarily semantic to an input. */
  --sds-s-input-color-background-focus: var(--com-s-input-color-background-focus);
  
  /* Shared disabled background color for all components similarily semantic to an input. */
  --sds-s-input-color-background-disabled: var(--com-s-input-color-background-disabled);
  
  /* Shared text color for all components visually represent an input. The text must sit on top of `*-s-input-color-background` */
  --sds-s-input-text-color: var(--com-s-input-text-color);
  
  /* Shared text color on hover for all components visually represent an input. The text must sit on top of `*-s-input-color-background-hover` */
  --sds-s-input-text-color-hover: var(--com-s-input-text-color-hover);
  
  /* Shared text color on focus for all components visually represent an input. The text must sit on top of `*-s-input-color-background-focus` */
  --sds-s-input-text-color-focus: var(--com-s-input-text-color-focus);
  
  /* Shared border color for all components visually represent an input. The border color must be coupled with `*-s-input-color-background` */
  --sds-s-input-color-border: var(--com-s-input-color-border);
  
  /* Shared border color on hover for all components visually represent an input. The border color must be coupled with `*-s-input-color-background-hover` */
  --sds-s-input-color-border-hover: var(--com-s-input-color-border-hover);
  
  /* Shared border color on focus for all components visually represent an input. The border color must be coupled with `*-s-input-color-background-focus` */
  --sds-s-input-color-border-focus: var(--com-s-input-color-border-focus);
  
  /* Shared disabled border color for all components similarily semantic to an input. The border color must be coupled with `*-s-input-color-background-disabled` */
  --sds-s-input-color-border-disabled: var(--com-s-input-color-border-disabled);
  
  /* Shared border size for all components visually represent an input. */
  --sds-s-input-sizing-border: var(--com-s-input-sizing-border);
  
  /* Shared border radius for all components visually represent an input. */
  --sds-s-input-radius-border: var(--com-s-input-radius-border);
  
  /* Shared shadow for all components visually represent an input. */
  --sds-s-input-shadow: var(--com-s-input-shadow);
  
  /* Shared shadow on hover for all components visually represent an input. */
  --sds-s-input-shadow-hover: var(--com-s-input-shadow-hover);
  
  /* Shared shadow on focus for all components visually represent an input. */
  --sds-s-input-shadow-focus: var(--com-s-input-shadow-focus);
  
  /* Default text decoration for hyperlinks. */
  --sds-s-link-font-decoration: var(--com-s-link-font-decoration);
  
  /* Default text decoration on hover for hyperlinks. */
  --sds-s-link-font-decoration-hover: var(--com-s-link-font-decoration-hover);
  
  /* Default text decoration on focus for hyperlinks. */
  --sds-s-link-font-decoration-focus: var(--com-s-link-font-decoration-focus);
  
  /* Blue 10 */
  --sds-g-color-palette-blue-10: var(--com-g-color-palette-blue-10);
  --com-g-color-palette-blue-10: #001639;
  /* Blue 15 */
  --sds-g-color-palette-blue-15: var(--com-g-color-palette-blue-15);
  --com-g-color-palette-blue-15: #03234d;
  /* Blue 20 */
  --sds-g-color-palette-blue-20: var(--com-g-color-palette-blue-20);
  --com-g-color-palette-blue-20: #032d60;
  /* Blue 30 */
  --sds-g-color-palette-blue-30: var(--com-g-color-palette-blue-30);
  --com-g-color-palette-blue-30: #014486;
  /* Blue 40 */
  --sds-g-color-palette-blue-40: var(--com-g-color-palette-blue-40);
  --com-g-color-palette-blue-40: #0b5cab;
  /* Blue 50 */
  --sds-g-color-palette-blue-50: var(--com-g-color-palette-blue-50);
  --com-g-color-palette-blue-50: #0176d3;
  /* Blue 60 */
  --sds-g-color-palette-blue-60: var(--com-g-color-palette-blue-60);
  --com-g-color-palette-blue-60: #1b96ff;
  /* Blue 65 */
  --sds-g-color-palette-blue-65: var(--com-g-color-palette-blue-65);
  --com-g-color-palette-blue-65: #57a3fd;
  /* Blue 70 */
  --sds-g-color-palette-blue-70: var(--com-g-color-palette-blue-70);
  --com-g-color-palette-blue-70: #78b0fd;
  /* Blue 80 */
  --sds-g-color-palette-blue-80: var(--com-g-color-palette-blue-80);
  --com-g-color-palette-blue-80: #aacbff;
  /* Blue 90 */
  --sds-g-color-palette-blue-90: var(--com-g-color-palette-blue-90);
  --com-g-color-palette-blue-90: #d8e6fe;
  /* Blue 95 */
  --sds-g-color-palette-blue-95: var(--com-g-color-palette-blue-95);
  --com-g-color-palette-blue-95: #eef4ff;
  /* Cloud Blue 10 */
  --sds-g-color-palette-cloud-blue-10: var(--com-g-color-palette-cloud-blue-10);
  --com-g-color-palette-cloud-blue-10: #001a28;
  /* Cloud Blue 15 */
  --sds-g-color-palette-cloud-blue-15: var(--com-g-color-palette-cloud-blue-15);
  --com-g-color-palette-cloud-blue-15: #0a2636;
  /* Cloud Blue 20 */
  --sds-g-color-palette-cloud-blue-20: var(--com-g-color-palette-cloud-blue-20);
  --com-g-color-palette-cloud-blue-20: #023248;
  /* Cloud Blue 30 */
  --sds-g-color-palette-cloud-blue-30: var(--com-g-color-palette-cloud-blue-30);
  --com-g-color-palette-cloud-blue-30: #084968;
  /* Cloud Blue 40 */
  --sds-g-color-palette-cloud-blue-40: var(--com-g-color-palette-cloud-blue-40);
  --com-g-color-palette-cloud-blue-40: #05628a;
  /* Cloud Blue 50 */
  --sds-g-color-palette-cloud-blue-50: var(--com-g-color-palette-cloud-blue-50);
  --com-g-color-palette-cloud-blue-50: #107cad;
  /* Cloud Blue 60 */
  --sds-g-color-palette-cloud-blue-60: var(--com-g-color-palette-cloud-blue-60);
  --com-g-color-palette-cloud-blue-60: #0d9dda;
  /* Cloud Blue 65 */
  --sds-g-color-palette-cloud-blue-65: var(--com-g-color-palette-cloud-blue-65);
  --com-g-color-palette-cloud-blue-65: #08abed;
  /* Cloud Blue 70 */
  --sds-g-color-palette-cloud-blue-70: var(--com-g-color-palette-cloud-blue-70);
  --com-g-color-palette-cloud-blue-70: #1ab9ff;
  /* Cloud Blue 80 */
  --sds-g-color-palette-cloud-blue-80: var(--com-g-color-palette-cloud-blue-80);
  --com-g-color-palette-cloud-blue-80: #90d0fe;
  /* Cloud Blue 90 */
  --sds-g-color-palette-cloud-blue-90: var(--com-g-color-palette-cloud-blue-90);
  --com-g-color-palette-cloud-blue-90: #cfe9fe;
  /* Cloud Blue 95 */
  --sds-g-color-palette-cloud-blue-95: var(--com-g-color-palette-cloud-blue-95);
  --com-g-color-palette-cloud-blue-95: #eaf5fe;
  /* Green 10 */
  --sds-g-color-palette-green-10: var(--com-g-color-palette-green-10);
  --com-g-color-palette-green-10: #071b12;
  /* Green 15 */
  --sds-g-color-palette-green-15: var(--com-g-color-palette-green-15);
  --com-g-color-palette-green-15: #0c2912;
  /* Green 20 */
  --sds-g-color-palette-green-20: var(--com-g-color-palette-green-20);
  --com-g-color-palette-green-20: #1C3326;
  /* Green 30 */
  --sds-g-color-palette-green-30: var(--com-g-color-palette-green-30);
  --com-g-color-palette-green-30: #194e31;
  /* Green 40 */
  --sds-g-color-palette-green-40: var(--com-g-color-palette-green-40);
  --com-g-color-palette-green-40: #396547;
  /* Green 50 */
  --sds-g-color-palette-green-50: var(--com-g-color-palette-green-50);
  --com-g-color-palette-green-50: #2e844a;
  /* Green 60 */
  --sds-g-color-palette-green-60: var(--com-g-color-palette-green-60);
  --com-g-color-palette-green-60: #3ba755;
  /* Green 65 */
  --sds-g-color-palette-green-65: var(--com-g-color-palette-green-65);
  --com-g-color-palette-green-65: #41b658;
  /* Green 70 */
  --sds-g-color-palette-green-70: var(--com-g-color-palette-green-70);
  --com-g-color-palette-green-70: #45c65a;
  /* Green 80 */
  --sds-g-color-palette-green-80: var(--com-g-color-palette-green-80);
  --com-g-color-palette-green-80: #91db8b;
  /* Green 90 */
  --sds-g-color-palette-green-90: var(--com-g-color-palette-green-90);
  --com-g-color-palette-green-90: #cdefc4;
  /* Green 95 */
  --sds-g-color-palette-green-95: var(--com-g-color-palette-green-95);
  --com-g-color-palette-green-95: #ebf7e6;
  /* Hot Orange 10 */
  --sds-g-color-palette-hot-orange-10: var(--com-g-color-palette-hot-orange-10);
  --com-g-color-palette-hot-orange-10: #281202;
  /* Hot Orange 15 */
  --sds-g-color-palette-hot-orange-15: var(--com-g-color-palette-hot-orange-15);
  --com-g-color-palette-hot-orange-15: #421604;
  /* Hot Orange 20 */
  --sds-g-color-palette-hot-orange-20: var(--com-g-color-palette-hot-orange-20);
  --com-g-color-palette-hot-orange-20: #4A2413;
  /* Hot Orange 30 */
  --sds-g-color-palette-hot-orange-30: var(--com-g-color-palette-hot-orange-30);
  --com-g-color-palette-hot-orange-30: #7e2600;
  /* Hot Orange 40 */
  --sds-g-color-palette-hot-orange-40: var(--com-g-color-palette-hot-orange-40);
  --com-g-color-palette-hot-orange-40: #aa3001;
  /* Hot Orange 50 */
  --sds-g-color-palette-hot-orange-50: var(--com-g-color-palette-hot-orange-50);
  --com-g-color-palette-hot-orange-50: #d83a00;
  /* Hot Orange 60 */
  --sds-g-color-palette-hot-orange-60: var(--com-g-color-palette-hot-orange-60);
  --com-g-color-palette-hot-orange-60: #ff5d2d;
  /* Hot Orange 65 */
  --sds-g-color-palette-hot-orange-65: var(--com-g-color-palette-hot-orange-65);
  --com-g-color-palette-hot-orange-65: #ff784f;
  /* Hot Orange 70 */
  --sds-g-color-palette-hot-orange-70: var(--com-g-color-palette-hot-orange-70);
  --com-g-color-palette-hot-orange-70: #ff906e;
  /* Hot Orange 80 */
  --sds-g-color-palette-hot-orange-80: var(--com-g-color-palette-hot-orange-80);
  --com-g-color-palette-hot-orange-80: #feb9a5;
  /* Hot Orange 90 */
  --sds-g-color-palette-hot-orange-90: var(--com-g-color-palette-hot-orange-90);
  --com-g-color-palette-hot-orange-90: #ffded5;
  /* Hot Orange 95 */
  --sds-g-color-palette-hot-orange-95: var(--com-g-color-palette-hot-orange-95);
  --com-g-color-palette-hot-orange-95: #fef1ed;
  /* Indigo 10 */
  --sds-g-color-palette-indigo-10: var(--com-g-color-palette-indigo-10);
  --com-g-color-palette-indigo-10: #200647;
  /* Indigo 15 */
  --sds-g-color-palette-indigo-15: var(--com-g-color-palette-indigo-15);
  --com-g-color-palette-indigo-15: #1f0974;
  /* Indigo 20 */
  --sds-g-color-palette-indigo-20: var(--com-g-color-palette-indigo-20);
  --com-g-color-palette-indigo-20: #321D71;
  /* Indigo 30 */
  --sds-g-color-palette-indigo-30: var(--com-g-color-palette-indigo-30);
  --com-g-color-palette-indigo-30: #2f2cb7;
  /* Indigo 40 */
  --sds-g-color-palette-indigo-40: var(--com-g-color-palette-indigo-40);
  --com-g-color-palette-indigo-40: #3a49da;
  /* Indigo 50 */
  --sds-g-color-palette-indigo-50: var(--com-g-color-palette-indigo-50);
  --com-g-color-palette-indigo-50: #5867e8;
  /* Indigo 60 */
  --sds-g-color-palette-indigo-60: var(--com-g-color-palette-indigo-60);
  --com-g-color-palette-indigo-60: #7f8ced;
  /* Indigo 65 */
  --sds-g-color-palette-indigo-65: var(--com-g-color-palette-indigo-65);
  --com-g-color-palette-indigo-65: #8e9bef;
  /* Indigo 70 */
  --sds-g-color-palette-indigo-70: var(--com-g-color-palette-indigo-70);
  --com-g-color-palette-indigo-70: #9ea9f1;
  /* Indigo 80 */
  --sds-g-color-palette-indigo-80: var(--com-g-color-palette-indigo-80);
  --com-g-color-palette-indigo-80: #bec7f6;
  /* Indigo 90 */
  --sds-g-color-palette-indigo-90: var(--com-g-color-palette-indigo-90);
  --com-g-color-palette-indigo-90: #e0e5f8;
  /* Indigo 95 */
  --sds-g-color-palette-indigo-95: var(--com-g-color-palette-indigo-95);
  --com-g-color-palette-indigo-95: #f1f3fb;
  /* Orange 10 */
  --sds-g-color-palette-orange-10: var(--com-g-color-palette-orange-10);
  --com-g-color-palette-orange-10: #201600;
  /* Orange 15 */
  --sds-g-color-palette-orange-15: var(--com-g-color-palette-orange-15);
  --com-g-color-palette-orange-15: #371e03;
  /* Orange 20 */
  --sds-g-color-palette-orange-20: var(--com-g-color-palette-orange-20);
  --com-g-color-palette-orange-20: #3e2b02;
  /* Orange 30 */
  --sds-g-color-palette-orange-30: var(--com-g-color-palette-orange-30);
  --com-g-color-palette-orange-30: #5f3e02;
  /* Orange 40 */
  --sds-g-color-palette-orange-40: var(--com-g-color-palette-orange-40);
  --com-g-color-palette-orange-40: #825101;
  /* Orange 50 */
  --sds-g-color-palette-orange-50: var(--com-g-color-palette-orange-50);
  --com-g-color-palette-orange-50: #a96404;
  /* Orange 60 */
  --sds-g-color-palette-orange-60: var(--com-g-color-palette-orange-60);
  --com-g-color-palette-orange-60: #dd7a01;
  /* Orange 65 */
  --sds-g-color-palette-orange-65: var(--com-g-color-palette-orange-65);
  --com-g-color-palette-orange-65: #f38303;
  /* Orange 70 */
  --sds-g-color-palette-orange-70: var(--com-g-color-palette-orange-70);
  --com-g-color-palette-orange-70: #fe9339;
  /* Orange 80 */
  --sds-g-color-palette-orange-80: var(--com-g-color-palette-orange-80);
  --com-g-color-palette-orange-80: #ffba90;
  /* Orange 90 */
  --sds-g-color-palette-orange-90: var(--com-g-color-palette-orange-90);
  --com-g-color-palette-orange-90: #fedfd0;
  /* Orange 95 */
  --sds-g-color-palette-orange-95: var(--com-g-color-palette-orange-95);
  --com-g-color-palette-orange-95: #fff1ea;
  /* Pink 10 */
  --sds-g-color-palette-pink-10: var(--com-g-color-palette-pink-10);
  --com-g-color-palette-pink-10: #370114;
  /* Pink 15 */
  --sds-g-color-palette-pink-15: var(--com-g-color-palette-pink-15);
  --com-g-color-palette-pink-15: #4b0620;
  /* Pink 20 */
  --sds-g-color-palette-pink-20: var(--com-g-color-palette-pink-20);
  --com-g-color-palette-pink-20: #61022a;
  /* Pink 30 */
  --sds-g-color-palette-pink-30: var(--com-g-color-palette-pink-30);
  --com-g-color-palette-pink-30: #8a033e;
  /* Pink 40 */
  --sds-g-color-palette-pink-40: var(--com-g-color-palette-pink-40);
  --com-g-color-palette-pink-40: #b60554;
  /* Pink 50 */
  --sds-g-color-palette-pink-50: var(--com-g-color-palette-pink-50);
  --com-g-color-palette-pink-50: #e3066a;
  /* Pink 60 */
  --sds-g-color-palette-pink-60: var(--com-g-color-palette-pink-60);
  --com-g-color-palette-pink-60: #ff538a;
  /* Pink 65 */
  --sds-g-color-palette-pink-65: var(--com-g-color-palette-pink-65);
  --com-g-color-palette-pink-65: #fe7298;
  /* Pink 70 */
  --sds-g-color-palette-pink-70: var(--com-g-color-palette-pink-70);
  --com-g-color-palette-pink-70: #fe8aa7;
  /* Pink 80 */
  --sds-g-color-palette-pink-80: var(--com-g-color-palette-pink-80);
  --com-g-color-palette-pink-80: #fdb6c5;
  /* Pink 90 */
  --sds-g-color-palette-pink-90: var(--com-g-color-palette-pink-90);
  --com-g-color-palette-pink-90: #fddde3;
  /* Pink 95 */
  --sds-g-color-palette-pink-95: var(--com-g-color-palette-pink-95);
  --com-g-color-palette-pink-95: #fef0f3;
  /* Purple 10 */
  --sds-g-color-palette-purple-10: var(--com-g-color-palette-purple-10);
  --com-g-color-palette-purple-10: #240643;
  /* Purple 15 */
  --sds-g-color-palette-purple-15: var(--com-g-color-palette-purple-15);
  --com-g-color-palette-purple-15: #300b60;
  /* Purple 20 */
  --sds-g-color-palette-purple-20: var(--com-g-color-palette-purple-20);
  --com-g-color-palette-purple-20: #401075;
  /* Purple 30 */
  --sds-g-color-palette-purple-30: var(--com-g-color-palette-purple-30);
  --com-g-color-palette-purple-30: #5a1ba9;
  /* Purple 40 */
  --sds-g-color-palette-purple-40: var(--com-g-color-palette-purple-40);
  --com-g-color-palette-purple-40: #7526e3;
  /* Purple 50 */
  --sds-g-color-palette-purple-50: var(--com-g-color-palette-purple-50);
  --com-g-color-palette-purple-50: #9050e9;
  /* Purple 60 */
  --sds-g-color-palette-purple-60: var(--com-g-color-palette-purple-60);
  --com-g-color-palette-purple-60: #ad7bee;
  /* Purple 65 */
  --sds-g-color-palette-purple-65: var(--com-g-color-palette-purple-65);
  --com-g-color-palette-purple-65: #b78def;
  /* Purple 70 */
  --sds-g-color-palette-purple-70: var(--com-g-color-palette-purple-70);
  --com-g-color-palette-purple-70: #c29ef1;
  /* Purple 80 */
  --sds-g-color-palette-purple-80: var(--com-g-color-palette-purple-80);
  --com-g-color-palette-purple-80: #D7BFF2;
  /* Purple 90 */
  --sds-g-color-palette-purple-90: var(--com-g-color-palette-purple-90);
  --com-g-color-palette-purple-90: #ece1f9;
  /* Purple 95 */
  --sds-g-color-palette-purple-95: var(--com-g-color-palette-purple-95);
  --com-g-color-palette-purple-95: #f6f2fb;
  /* Red 10 */
  --sds-g-color-palette-red-10: var(--com-g-color-palette-red-10);
  --com-g-color-palette-red-10: #300c01;
  /* Red 15 */
  --sds-g-color-palette-red-15: var(--com-g-color-palette-red-15);
  --com-g-color-palette-red-15: #4a0c04;
  /* Red 20 */
  --sds-g-color-palette-red-20: var(--com-g-color-palette-red-20);
  --com-g-color-palette-red-20: #640103;
  /* Red 30 */
  --sds-g-color-palette-red-30: var(--com-g-color-palette-red-30);
  --com-g-color-palette-red-30: #8e030f;
  /* Red 40 */
  --sds-g-color-palette-red-40: var(--com-g-color-palette-red-40);
  --com-g-color-palette-red-40: #ba0517;
  /* Red 50 */
  --sds-g-color-palette-red-50: var(--com-g-color-palette-red-50);
  --com-g-color-palette-red-50: #ea001e;
  /* Red 60 */
  --sds-g-color-palette-red-60: var(--com-g-color-palette-red-60);
  --com-g-color-palette-red-60: #fe5c4c;
  /* Red 65 */
  --sds-g-color-palette-red-65: var(--com-g-color-palette-red-65);
  --com-g-color-palette-red-65: #fe7765;
  /* Red 70 */
  --sds-g-color-palette-red-70: var(--com-g-color-palette-red-70);
  --com-g-color-palette-red-70: #fe8f7d;
  /* Red 80 */
  --sds-g-color-palette-red-80: var(--com-g-color-palette-red-80);
  --com-g-color-palette-red-80: #feb8ab;
  /* Red 90 */
  --sds-g-color-palette-red-90: var(--com-g-color-palette-red-90);
  --com-g-color-palette-red-90: #feded8;
  /* Red 95 */
  --sds-g-color-palette-red-95: var(--com-g-color-palette-red-95);
  --com-g-color-palette-red-95: #fef1ee;
  /* Teal 10 */
  --sds-g-color-palette-teal-10: var(--com-g-color-palette-teal-10);
  --com-g-color-palette-teal-10: #071b12;
  /* Teal 15 */
  --sds-g-color-palette-teal-15: var(--com-g-color-palette-teal-15);
  --com-g-color-palette-teal-15: #072825;
  /* Teal 20 */
  --sds-g-color-palette-teal-20: var(--com-g-color-palette-teal-20);
  --com-g-color-palette-teal-20: #023434;
  /* Teal 30 */
  --sds-g-color-palette-teal-30: var(--com-g-color-palette-teal-30);
  --com-g-color-palette-teal-30: #024d4c;
  /* Teal 40 */
  --sds-g-color-palette-teal-40: var(--com-g-color-palette-teal-40);
  --com-g-color-palette-teal-40: #056764;
  /* Teal 50 */
  --sds-g-color-palette-teal-50: var(--com-g-color-palette-teal-50);
  --com-g-color-palette-teal-50: #0b827c;
  /* Teal 60 */
  --sds-g-color-palette-teal-60: var(--com-g-color-palette-teal-60);
  --com-g-color-palette-teal-60: #06a59a;
  /* Teal 65 */
  --sds-g-color-palette-teal-65: var(--com-g-color-palette-teal-65);
  --com-g-color-palette-teal-65: #03b4a7;
  /* Teal 70 */
  --sds-g-color-palette-teal-70: var(--com-g-color-palette-teal-70);
  --com-g-color-palette-teal-70: #01c3b3;
  /* Teal 80 */
  --sds-g-color-palette-teal-80: var(--com-g-color-palette-teal-80);
  --com-g-color-palette-teal-80: #04e1cb;
  /* Teal 90 */
  --sds-g-color-palette-teal-90: var(--com-g-color-palette-teal-90);
  --com-g-color-palette-teal-90: #acf3e4;
  /* Teal 95 */
  --sds-g-color-palette-teal-95: var(--com-g-color-palette-teal-95);
  --com-g-color-palette-teal-95: #def9f3;
  /* Violet 10 */
  --sds-g-color-palette-violet-10: var(--com-g-color-palette-violet-10);
  --com-g-color-palette-violet-10: #2e0039;
  /* Violet 15 */
  --sds-g-color-palette-violet-15: var(--com-g-color-palette-violet-15);
  --com-g-color-palette-violet-15: #3d0157;
  /* Violet 20 */
  --sds-g-color-palette-violet-20: var(--com-g-color-palette-violet-20);
  --com-g-color-palette-violet-20: #481A54;
  /* Violet 30 */
  --sds-g-color-palette-violet-30: var(--com-g-color-palette-violet-30);
  --com-g-color-palette-violet-30: #730394;
  /* Violet 40 */
  --sds-g-color-palette-violet-40: var(--com-g-color-palette-violet-40);
  --com-g-color-palette-violet-40: #9602c7;
  /* Violet 50 */
  --sds-g-color-palette-violet-50: var(--com-g-color-palette-violet-50);
  --com-g-color-palette-violet-50: #ba01ff;
  /* Violet 60 */
  --sds-g-color-palette-violet-60: var(--com-g-color-palette-violet-60);
  --com-g-color-palette-violet-60: #cb65ff;
  /* Violet 65 */
  --sds-g-color-palette-violet-65: var(--com-g-color-palette-violet-65);
  --com-g-color-palette-violet-65: #d17dfe;
  /* Violet 70 */
  --sds-g-color-palette-violet-70: var(--com-g-color-palette-violet-70);
  --com-g-color-palette-violet-70: #d892fe;
  /* Violet 80 */
  --sds-g-color-palette-violet-80: var(--com-g-color-palette-violet-80);
  --com-g-color-palette-violet-80: #e5b9fe;
  /* Violet 90 */
  --sds-g-color-palette-violet-90: var(--com-g-color-palette-violet-90);
  --com-g-color-palette-violet-90: #f2defe;
  /* Violet 95 */
  --sds-g-color-palette-violet-95: var(--com-g-color-palette-violet-95);
  --com-g-color-palette-violet-95: #f9f0ff;
  /* Yellow 10 */
  --sds-g-color-palette-yellow-10: var(--com-g-color-palette-yellow-10);
  --com-g-color-palette-yellow-10: #281202;
  /* Yellow 15 */
  --sds-g-color-palette-yellow-15: var(--com-g-color-palette-yellow-15);
  --com-g-color-palette-yellow-15: #2e2204;
  /* Yellow 20 */
  --sds-g-color-palette-yellow-20: var(--com-g-color-palette-yellow-20);
  --com-g-color-palette-yellow-20: #4f2100;
  /* Yellow 30 */
  --sds-g-color-palette-yellow-30: var(--com-g-color-palette-yellow-30);
  --com-g-color-palette-yellow-30: #6f3400;
  /* Yellow 40 */
  --sds-g-color-palette-yellow-40: var(--com-g-color-palette-yellow-40);
  --com-g-color-palette-yellow-40: #8c4b02;
  /* Yellow 50 */
  --sds-g-color-palette-yellow-50: var(--com-g-color-palette-yellow-50);
  --com-g-color-palette-yellow-50: #a86403;
  /* Yellow 60 */
  --sds-g-color-palette-yellow-60: var(--com-g-color-palette-yellow-60);
  --com-g-color-palette-yellow-60: #ca8501;
  /* Yellow 65 */
  --sds-g-color-palette-yellow-65: var(--com-g-color-palette-yellow-65);
  --com-g-color-palette-yellow-65: #d79304;
  /* Yellow 70 */
  --sds-g-color-palette-yellow-70: var(--com-g-color-palette-yellow-70);
  --com-g-color-palette-yellow-70: #e4a201;
  /* Yellow 80 */
  --sds-g-color-palette-yellow-80: var(--com-g-color-palette-yellow-80);
  --com-g-color-palette-yellow-80: #fcc003;
  /* Yellow 90 */
  --sds-g-color-palette-yellow-90: var(--com-g-color-palette-yellow-90);
  --com-g-color-palette-yellow-90: #f9e3b6;
  /* Yellow 95 */
  --sds-g-color-palette-yellow-95: var(--com-g-color-palette-yellow-95);
  --com-g-color-palette-yellow-95: #fbf3e0;
  /* Neutral 10 */
  --sds-g-color-palette-neutral-10: var(--com-g-color-palette-neutral-10);
  --com-g-color-palette-neutral-10: #181818;
  /* Neutral 15 */
  --sds-g-color-palette-neutral-15: var(--com-g-color-palette-neutral-15);
  --com-g-color-palette-neutral-15: #242424;
  /* Neutral 20 */
  --sds-g-color-palette-neutral-20: var(--com-g-color-palette-neutral-20);
  --com-g-color-palette-neutral-20: #2e2e2e;
  /* Neutral 30 */
  --sds-g-color-palette-neutral-30: var(--com-g-color-palette-neutral-30);
  --com-g-color-palette-neutral-30: #444444;
  /* Neutral 40 */
  --sds-g-color-palette-neutral-40: var(--com-g-color-palette-neutral-40);
  --com-g-color-palette-neutral-40: #5c5c5c;
  /* Neutral 50 */
  --sds-g-color-palette-neutral-50: var(--com-g-color-palette-neutral-50);
  --com-g-color-palette-neutral-50: #747474;
  /* Neutral 60 */
  --sds-g-color-palette-neutral-60: var(--com-g-color-palette-neutral-60);
  --com-g-color-palette-neutral-60: #939393;
  /* Neutral 65 */
  --sds-g-color-palette-neutral-65: var(--com-g-color-palette-neutral-65);
  --com-g-color-palette-neutral-65: #a0a0a0;
  /* Neutral 70 */
  --sds-g-color-palette-neutral-70: var(--com-g-color-palette-neutral-70);
  --com-g-color-palette-neutral-70: #aeaeae;
  /* Neutral 80 */
  --sds-g-color-palette-neutral-80: var(--com-g-color-palette-neutral-80);
  --com-g-color-palette-neutral-80: #c9c9c9;
  /* Neutral 90 */
  --sds-g-color-palette-neutral-90: var(--com-g-color-palette-neutral-90);
  --com-g-color-palette-neutral-90: #e5e5e5;
  /* Neutral 95 */
  --sds-g-color-palette-neutral-95: var(--com-g-color-palette-neutral-95);
  --com-g-color-palette-neutral-95: #f3f3f3;
  /* Shared background color for all components similarily semantic to a popup. */
  --sds-s-popup-color-background: var(--com-s-popup-color-background);
  
  /* Shared text color for all components visually represent a popup. The text must sit on top of `*-s-popup-color-background` */
  --sds-s-popup-text-color: var(--com-s-popup-text-color);
  
  /* Shared border color for all components visually represent a popup. The border color must be coupled with `*-s-popup-color-background` */
  --sds-s-popup-color-border: var(--com-s-popup-color-border);
  
  /* Shared border size for all components visually represent a popup. */
  --sds-s-popup-sizing-border: var(--com-s-popup-sizing-border);
  
  /* Shared border radius for all components visually represent a popup. */
  --sds-s-popup-radius-border: var(--com-s-popup-radius-border);
  
  /* Shared shadow for all components visually represent a popup. */
  --sds-s-popup-shadow: var(--com-s-popup-shadow);
  
  /* Shared inline spacing for all components visually represent a popup. */
  --sds-s-popup-spacing-inline: var(--com-s-popup-spacing-inline);
  
  /* Shared block spacing for all components visually represent a popup. */
  --sds-s-popup-spacing-block: var(--com-s-popup-spacing-block);
  
  /* Small border radius for UI elements. */
  --sds-g-radius-border-1: var(--com-g-radius-border-1);
  --com-g-radius-border-1: 0.125rem;
  /* Medium border radius for UI elements. */
  --sds-g-radius-border-2: var(--com-g-radius-border-2);
  --com-g-radius-border-2: 0.25rem;
  /* Large border radius for UI elements. */
  --sds-g-radius-border-3: var(--com-g-radius-border-3);
  --com-g-radius-border-3: 0.5rem;
  /* Extra Large border radius for UI elements. */
  --sds-g-radius-border-4: var(--com-g-radius-border-4);
  --com-g-radius-border-4: 1rem;
  /* Circular border radius for UI elements. */
  --sds-g-radius-border-circle: var(--com-g-radius-border-circle);
  --com-g-radius-border-circle: 100%;
  /* Shadow depth 1 */
  --sds-g-shadow-1: var(--com-g-shadow-1);
  --com-g-shadow-1: 0 0 2px 0 #18181814, 0 2px 4px 1px #18181828;
  /* Shadow depth 2 */
  --sds-g-shadow-2: var(--com-g-shadow-2);
  --com-g-shadow-2: 0 2px 8px -2px #18181814, 0 8px 12px -2px #18181828;
  /* Shadow depth 3 */
  --sds-g-shadow-3: var(--com-g-shadow-3);
  --com-g-shadow-3: 0 12px 24px -4px #18181814, 0 16px 32px -4px #18181828;
  /* Shadow depth 4 */
  --sds-g-shadow-4: var(--com-g-shadow-4);
  --com-g-shadow-4: 0 24px 48px -4px #18181833;
  /* Border size 1. */
  --sds-g-sizing-border-1: var(--com-g-sizing-border-1);
  --com-g-sizing-border-1: 1px;
  /* Border size 2. */
  --sds-g-sizing-border-2: var(--com-g-sizing-border-2);
  --com-g-sizing-border-2: 2px;
  /* Spacing size 1. */
  --sds-g-spacing-1: var(--com-g-spacing-1);
  --com-g-spacing-1: 0.25rem;
  /* Spacing size 2. */
  --sds-g-spacing-2: var(--com-g-spacing-2);
  --com-g-spacing-2: 0.5rem;
  /* Spacing size 3. */
  --sds-g-spacing-3: var(--com-g-spacing-3);
  --com-g-spacing-3: 0.75rem;
  /* Spacing size 4. */
  --sds-g-spacing-4: var(--com-g-spacing-4);
  --com-g-spacing-4: 1rem;
  /* Spacing size 5. */
  --sds-g-spacing-5: var(--com-g-spacing-5);
  --com-g-spacing-5: 1.5rem;
  /* Spacing size 6. */
  --sds-g-spacing-6: var(--com-g-spacing-6);
  --com-g-spacing-6: 2rem;
  /* Spacing size 7. */
  --sds-g-spacing-7: var(--com-g-spacing-7);
  --com-g-spacing-7: 2.5rem;
  /* Spacing size 8. */
  --sds-g-spacing-8: var(--com-g-spacing-8);
  --com-g-spacing-8: 3rem;
  /* Spacing size 9. */
  --sds-g-spacing-9: var(--com-g-spacing-9);
  --com-g-spacing-9: 3.5rem;
  /* Spacing size 10. */
  --sds-g-spacing-10: var(--com-g-spacing-10);
  --com-g-spacing-10: 4rem;
  /* Spacing size 11. */
  --sds-g-spacing-11: var(--com-g-spacing-11);
  --com-g-spacing-11: 4.5rem;
  /* Spacing size 12. */
  --sds-g-spacing-12: var(--com-g-spacing-12);
  --com-g-spacing-12: 5rem;
}