/** * Semantic Tokens - CSS Variables * Do not edit directly, this file was auto-generated. */ .aplica-mono-dark-negative { --semantic-color-brand-branding-first-lowest-background: #f0f9ff; --semantic-color-brand-branding-first-lowest-txtOn: #000000; --semantic-color-brand-branding-first-lowest-border: #b6c1d6; --semantic-color-brand-branding-first-low-background: #9ca6ba; --semantic-color-brand-branding-first-low-txtOn: #000000; --semantic-color-brand-branding-first-low-border: #697285; --semantic-color-brand-branding-first-default-background: #111827; --semantic-color-brand-branding-first-default-txtOn: #ffffff; --semantic-color-brand-branding-first-default-border: #09101e; --semantic-color-brand-branding-first-high-background: #01030e; --semantic-color-brand-branding-first-high-txtOn: #ffffff; --semantic-color-brand-branding-first-high-border: #000105; --semantic-color-brand-branding-first-highest-background: #000003; --semantic-color-brand-branding-first-highest-txtOn: #ffffff; --semantic-color-brand-branding-first-highest-border: #000003; --semantic-color-brand-branding-second-lowest-background: #eff9ff; --semantic-color-brand-branding-second-lowest-txtOn: #000000; --semantic-color-brand-branding-second-lowest-border: #c1cde1; --semantic-color-brand-branding-second-low-background: #abb7cb; --semantic-color-brand-branding-second-low-txtOn: #000000; --semantic-color-brand-branding-second-low-border: #828ea0; --semantic-color-brand-branding-second-default-background: #374151; --semantic-color-brand-branding-second-default-txtOn: #ffffff; --semantic-color-brand-branding-second-default-border: #252e3e; --semantic-color-brand-branding-second-high-background: #050d1a; --semantic-color-brand-branding-second-high-txtOn: #ffffff; --semantic-color-brand-branding-second-high-border: #000207; --semantic-color-brand-branding-second-highest-background: #000003; --semantic-color-brand-branding-second-highest-txtOn: #ffffff; --semantic-color-brand-branding-second-highest-border: #000003; --semantic-color-brand-branding-third-lowest-background: #f2f9ff; --semantic-color-brand-branding-third-lowest-txtOn: #000000; --semantic-color-brand-branding-third-lowest-border: #d1d9e9; --semantic-color-brand-branding-third-low-background: #c2cad9; --semantic-color-brand-branding-third-low-txtOn: #000000; --semantic-color-brand-branding-third-low-border: #a4acbb; --semantic-color-brand-branding-third-default-background: #6b7280; --semantic-color-brand-branding-third-default-txtOn: #ffffff; --semantic-color-brand-branding-third-default-border: #4c5360; --semantic-color-brand-branding-third-high-background: #141a25; --semantic-color-brand-branding-third-high-txtOn: #ffffff; --semantic-color-brand-branding-third-high-border: #02040b; --semantic-color-brand-branding-third-highest-background: #000002; --semantic-color-brand-branding-third-highest-txtOn: #ffffff; --semantic-color-brand-branding-third-highest-border: #000002; --semantic-color-brand-ambient-contrast-base-positive-background: #f8f8fa; --semantic-color-brand-ambient-contrast-base-positive-txtOn: #000000; --semantic-color-brand-ambient-contrast-base-positive-border: #ecedef; --semantic-color-brand-ambient-contrast-base-negative-background: #000001; --semantic-color-brand-ambient-contrast-base-negative-txtOn: #ffffff; --semantic-color-brand-ambient-contrast-base-negative-border: #000001; --semantic-color-brand-ambient-contrast-deep-positive-background: #ffffff; --semantic-color-brand-ambient-contrast-deep-positive-txtOn: #000000; --semantic-color-brand-ambient-contrast-deep-positive-border: #f8f8fa; --semantic-color-brand-ambient-contrast-deep-negative-background: #000000; --semantic-color-brand-ambient-contrast-deep-negative-txtOn: #ffffff; --semantic-color-brand-ambient-contrast-deep-negative-border: #050607; --semantic-color-brand-ambient-neutral-lowest-background: #f8f8fa; --semantic-color-brand-ambient-neutral-lowest-txtOn: #000000; --semantic-color-brand-ambient-neutral-lowest-border: #ecedef; --semantic-color-brand-ambient-neutral-lower-background: #ecedef; --semantic-color-brand-ambient-neutral-lower-txtOn: #000000; --semantic-color-brand-ambient-neutral-lower-border: #d5d6d8; --semantic-color-brand-ambient-neutral-low-background: #a9aaac; --semantic-color-brand-ambient-neutral-low-txtOn: #000000; --semantic-color-brand-ambient-neutral-low-border: #949597; --semantic-color-brand-ambient-neutral-mid-background: #6b6c6e; --semantic-color-brand-ambient-neutral-mid-txtOn: #ffffff; --semantic-color-brand-ambient-neutral-mid-border: #58595b; --semantic-color-brand-ambient-neutral-high-background: #333436; --semantic-color-brand-ambient-neutral-high-txtOn: #ffffff; --semantic-color-brand-ambient-neutral-high-border: #222325; --semantic-color-brand-ambient-neutral-higher-background: #131315; --semantic-color-brand-ambient-neutral-higher-txtOn: #ffffff; --semantic-color-brand-ambient-neutral-higher-border: #050607; --semantic-color-brand-ambient-neutral-highest-background: #050607; --semantic-color-brand-ambient-neutral-highest-txtOn: #ffffff; --semantic-color-brand-ambient-neutral-highest-border: #000001; --semantic-color-brand-ambient-grayscale-lowest-background: #f7f7f7; --semantic-color-brand-ambient-grayscale-lowest-txtOn: #111111; --semantic-color-brand-ambient-grayscale-lowest-border: #eeeeee; --semantic-color-brand-ambient-grayscale-lower-background: #eeeeee; --semantic-color-brand-ambient-grayscale-lower-txtOn: #111111; --semantic-color-brand-ambient-grayscale-lower-border: #dddddd; --semantic-color-brand-ambient-grayscale-low-background: #bbbbbb; --semantic-color-brand-ambient-grayscale-low-txtOn: #111111; --semantic-color-brand-ambient-grayscale-low-border: #aaaaaa; --semantic-color-brand-ambient-grayscale-mid-background: #888888; --semantic-color-brand-ambient-grayscale-mid-txtOn: #111111; --semantic-color-brand-ambient-grayscale-mid-border: #777777; --semantic-color-brand-ambient-grayscale-high-background: #555555; --semantic-color-brand-ambient-grayscale-high-txtOn: #f7f7f7; --semantic-color-brand-ambient-grayscale-high-border: #444444; --semantic-color-brand-ambient-grayscale-higher-background: #333333; --semantic-color-brand-ambient-grayscale-higher-txtOn: #f7f7f7; --semantic-color-brand-ambient-grayscale-higher-border: #222222; --semantic-color-brand-ambient-grayscale-highest-background: #222222; --semantic-color-brand-ambient-grayscale-highest-txtOn: #f7f7f7; --semantic-color-brand-ambient-grayscale-highest-border: #111111; --semantic-color-interface-function-solid-primary-normal-background: #1f2937; --semantic-color-interface-function-solid-primary-normal-txtOn: #ffffff; --semantic-color-interface-function-solid-primary-normal-border: #39424e; --semantic-color-interface-function-solid-primary-action-background: #c2c4c9; --semantic-color-interface-function-solid-primary-action-txtOn: #000000; --semantic-color-interface-function-solid-primary-action-border: #dcdde0; --semantic-color-interface-function-solid-primary-active-background: #acb0b5; --semantic-color-interface-function-solid-primary-active-txtOn: #000000; --semantic-color-interface-function-solid-primary-active-border: #c6c8cc; --semantic-color-interface-function-solid-primary-focus-background: #d1d3d6; --semantic-color-interface-function-solid-primary-focus-txtOn: #000000; --semantic-color-interface-function-solid-primary-focus-border: #ebeced; --semantic-color-interface-function-solid-secondary-normal-background: #374151; --semantic-color-interface-function-solid-secondary-normal-txtOn: #ffffff; --semantic-color-interface-function-solid-secondary-normal-border: #4e5765; --semantic-color-interface-function-solid-secondary-action-background: #c8cacf; --semantic-color-interface-function-solid-secondary-action-txtOn: #000000; --semantic-color-interface-function-solid-secondary-action-border: #dfe0e3; --semantic-color-interface-function-solid-secondary-active-background: #b4b8be; --semantic-color-interface-function-solid-secondary-active-txtOn: #000000; --semantic-color-interface-function-solid-secondary-active-border: #ccced2; --semantic-color-interface-function-solid-secondary-focus-background: #d5d7db; --semantic-color-interface-function-solid-secondary-focus-txtOn: #000000; --semantic-color-interface-function-solid-secondary-focus-border: #ecedef; --semantic-color-interface-function-solid-link-normal-background: #4b5563; --semantic-color-interface-function-solid-link-normal-txtOn: #ffffff; --semantic-color-interface-function-solid-link-normal-border: #606975; --semantic-color-interface-function-solid-link-action-background: #cdcfd4; --semantic-color-interface-function-solid-link-action-txtOn: #000000; --semantic-color-interface-function-solid-link-action-border: #e2e3e6; --semantic-color-interface-function-solid-link-active-background: #bbbfc5; --semantic-color-interface-function-solid-link-active-txtOn: #000000; --semantic-color-interface-function-solid-link-active-border: #d0d3d7; --semantic-color-interface-function-solid-link-focus-background: #d9dbde; --semantic-color-interface-function-solid-link-focus-txtOn: #000000; --semantic-color-interface-function-solid-link-focus-border: #eeeef0; --semantic-color-interface-function-ghost-primary-normal-background: rgba(0, 0, 0, 0); --semantic-color-interface-function-ghost-primary-normal-txtOn: #000000; --semantic-color-interface-function-ghost-primary-normal-border: rgba(0, 0, 0, 0); --semantic-color-interface-function-ghost-primary-action-background: #d1d3d6; --semantic-color-interface-function-ghost-primary-action-txtOn: #000000; --semantic-color-interface-function-ghost-primary-action-border: #ebeced; --semantic-color-interface-function-ghost-primary-active-background: #bbbec3; --semantic-color-interface-function-ghost-primary-active-txtOn: #000000; --semantic-color-interface-function-ghost-primary-active-border: #d5d7da; --semantic-color-interface-function-ghost-primary-focus-background: #d7d9dc; --semantic-color-interface-function-ghost-primary-focus-txtOn: #000000; --semantic-color-interface-function-ghost-primary-focus-border: #f1f2f3; --semantic-color-interface-function-ghost-secondary-normal-background: rgba(0, 0, 0, 0); --semantic-color-interface-function-ghost-secondary-normal-txtOn: #000000; --semantic-color-interface-function-ghost-secondary-normal-border: rgba(0, 0, 0, 0); --semantic-color-interface-function-ghost-secondary-action-background: #d5d7db; --semantic-color-interface-function-ghost-secondary-action-txtOn: #000000; --semantic-color-interface-function-ghost-secondary-action-border: #ecedef; --semantic-color-interface-function-ghost-secondary-active-background: #c2c5ca; --semantic-color-interface-function-ghost-secondary-active-txtOn: #000000; --semantic-color-interface-function-ghost-secondary-active-border: #d9dbde; --semantic-color-interface-function-ghost-secondary-focus-background: #dbdde0; --semantic-color-interface-function-ghost-secondary-focus-txtOn: #000000; --semantic-color-interface-function-ghost-secondary-focus-border: #f2f3f4; --semantic-color-interface-function-ghost-link-normal-background: rgba(0, 0, 0, 0); --semantic-color-interface-function-ghost-link-normal-txtOn: #000000; --semantic-color-interface-function-ghost-link-normal-border: rgba(0, 0, 0, 0); --semantic-color-interface-function-ghost-link-action-background: #d9dbde; --semantic-color-interface-function-ghost-link-action-txtOn: #000000; --semantic-color-interface-function-ghost-link-action-border: #eeeef0; --semantic-color-interface-function-ghost-link-active-background: #c8cacf; --semantic-color-interface-function-ghost-link-active-txtOn: #000000; --semantic-color-interface-function-ghost-link-active-border: #dcdee1; --semantic-color-interface-function-ghost-link-focus-background: #dee0e3; --semantic-color-interface-function-ghost-link-focus-txtOn: #000000; --semantic-color-interface-function-ghost-link-focus-border: #f3f3f5; --semantic-color-interface-function-disabled-normal-background: #dddddd; --semantic-color-interface-function-disabled-normal-txtOn: #777777; --semantic-color-interface-function-disabled-normal-border: #eeeeee; --semantic-color-interface-feedback-solid-info-default-normal-background: #93c5fd; --semantic-color-interface-feedback-solid-info-default-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-info-default-normal-border: #9fcbfd; --semantic-color-interface-feedback-solid-info-default-action-background: #dfebfb; --semantic-color-interface-feedback-solid-info-default-action-txtOn: #000000; --semantic-color-interface-feedback-solid-info-default-action-border: #ebf1fa; --semantic-color-interface-feedback-solid-info-default-active-background: #d5e6fb; --semantic-color-interface-feedback-solid-info-default-active-txtOn: #000000; --semantic-color-interface-feedback-solid-info-default-active-border: #e1ecfb; --semantic-color-interface-feedback-solid-info-default-focus-background: #e6effb; --semantic-color-interface-feedback-solid-info-default-focus-txtOn: #000000; --semantic-color-interface-feedback-solid-info-default-focus-border: #f2f5fa; --semantic-color-interface-feedback-solid-info-secondary-normal-background: #60a5fa; --semantic-color-interface-feedback-solid-info-secondary-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-info-secondary-normal-border: #72affa; --semantic-color-interface-feedback-solid-info-secondary-action-background: #d2e3fa; --semantic-color-interface-feedback-solid-info-secondary-action-txtOn: #000000; --semantic-color-interface-feedback-solid-info-secondary-action-border: #e4edfa; --semantic-color-interface-feedback-solid-info-secondary-active-background: #c3dbfa; --semantic-color-interface-feedback-solid-info-secondary-active-txtOn: #000000; --semantic-color-interface-feedback-solid-info-secondary-active-border: #d5e5fa; --semantic-color-interface-feedback-solid-info-secondary-focus-background: #dde9fa; --semantic-color-interface-feedback-solid-info-secondary-focus-txtOn: #000000; --semantic-color-interface-feedback-solid-info-secondary-focus-border: #eff3fa; --semantic-color-interface-feedback-solid-success-default-normal-background: #86efac; --semantic-color-interface-feedback-solid-success-default-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-success-default-normal-border: #94f0b5; --semantic-color-interface-feedback-solid-success-default-action-background: #dcf6e7; --semantic-color-interface-feedback-solid-success-default-action-txtOn: #000000; --semantic-color-interface-feedback-solid-success-default-action-border: #e9f7f0; --semantic-color-interface-feedback-solid-success-default-active-background: #d0f5df; --semantic-color-interface-feedback-solid-success-default-active-txtOn: #000000; --semantic-color-interface-feedback-solid-success-default-active-border: #def6e8; --semantic-color-interface-feedback-solid-success-default-focus-background: #e3f6ec; --semantic-color-interface-feedback-solid-success-default-focus-txtOn: #000000; --semantic-color-interface-feedback-solid-success-default-focus-border: #f1f7f5; --semantic-color-interface-feedback-solid-success-secondary-normal-background: #4ade80; --semantic-color-interface-feedback-solid-success-secondary-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-success-secondary-normal-border: #5fe18f; --semantic-color-interface-feedback-solid-success-secondary-action-background: #cdf2dc; --semantic-color-interface-feedback-solid-success-secondary-action-txtOn: #000000; --semantic-color-interface-feedback-solid-success-secondary-action-border: #e1f5ea; --semantic-color-interface-feedback-solid-success-secondary-active-background: #bbefcf; --semantic-color-interface-feedback-solid-success-secondary-active-txtOn: #000000; --semantic-color-interface-feedback-solid-success-secondary-active-border: #d0f2de; --semantic-color-interface-feedback-solid-success-secondary-focus-background: #d9f3e4; --semantic-color-interface-feedback-solid-success-secondary-focus-txtOn: #000000; --semantic-color-interface-feedback-solid-success-secondary-focus-border: #eef6f3; --semantic-color-interface-feedback-solid-warning-default-normal-background: #fde68a; --semantic-color-interface-feedback-solid-warning-default-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-default-normal-border: #fce897; --semantic-color-interface-feedback-solid-warning-default-action-background: #f9f4de; --semantic-color-interface-feedback-solid-warning-default-action-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-default-action-border: #f9f6eb; --semantic-color-interface-feedback-solid-warning-default-active-background: #faf2d3; --semantic-color-interface-feedback-solid-warning-default-active-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-default-active-border: #f9f4e0; --semantic-color-interface-feedback-solid-warning-default-focus-background: #f9f5e6; --semantic-color-interface-feedback-solid-warning-default-focus-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-default-focus-border: #f8f7f3; --semantic-color-interface-feedback-solid-warning-secondary-normal-background: #fcd34d; --semantic-color-interface-feedback-solid-warning-secondary-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-secondary-normal-border: #fcd762; --semantic-color-interface-feedback-solid-warning-secondary-action-background: #f9efcf; --semantic-color-interface-feedback-solid-warning-secondary-action-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-secondary-action-border: #f9f3e4; --semantic-color-interface-feedback-solid-warning-secondary-active-background: #f9ebbd; --semantic-color-interface-feedback-solid-warning-secondary-active-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-secondary-active-border: #f9efd2; --semantic-color-interface-feedback-solid-warning-secondary-focus-background: #f9f1db; --semantic-color-interface-feedback-solid-warning-secondary-focus-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-secondary-focus-border: #f8f6f0; --semantic-color-interface-feedback-solid-danger-default-normal-background: #fca5a5; --semantic-color-interface-feedback-solid-danger-default-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-default-normal-border: #fcafaf; --semantic-color-interface-feedback-solid-danger-default-action-background: #f9e3e5; --semantic-color-interface-feedback-solid-danger-default-action-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-default-action-border: #f9edef; --semantic-color-interface-feedback-solid-danger-default-active-background: #f9dbdc; --semantic-color-interface-feedback-solid-danger-default-active-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-default-active-border: #f9e5e6; --semantic-color-interface-feedback-solid-danger-default-focus-background: #f9e9eb; --semantic-color-interface-feedback-solid-danger-default-focus-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-default-focus-border: #f8f3f5; --semantic-color-interface-feedback-solid-danger-secondary-normal-background: #f87171; --semantic-color-interface-feedback-solid-danger-secondary-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-secondary-normal-border: #f88181; --semantic-color-interface-feedback-solid-danger-secondary-action-background: #f8d6d8; --semantic-color-interface-feedback-solid-danger-secondary-action-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-secondary-action-border: #f8e6e8; --semantic-color-interface-feedback-solid-danger-secondary-active-background: #f8c9ca; --semantic-color-interface-feedback-solid-danger-secondary-active-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-secondary-active-border: #f8d9da; --semantic-color-interface-feedback-solid-danger-secondary-focus-background: #f8e0e1; --semantic-color-interface-feedback-solid-danger-secondary-focus-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-secondary-focus-border: #f8f0f2; --semantic-color-interface-feedback-ghost-info-default-normal-background: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-info-default-normal-txtOn: #000000; --semantic-color-interface-feedback-ghost-info-default-normal-border: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-info-default-action-background: #e6effb; --semantic-color-interface-feedback-ghost-info-default-action-txtOn: #000000; --semantic-color-interface-feedback-ghost-info-default-action-border: #f2f5fa; --semantic-color-interface-feedback-ghost-info-default-active-background: #dceafb; --semantic-color-interface-feedback-ghost-info-default-active-txtOn: #000000; --semantic-color-interface-feedback-ghost-info-default-active-border: #e8f0fa; --semantic-color-interface-feedback-ghost-info-default-focus-background: #cff6ff; --semantic-color-interface-feedback-ghost-info-default-focus-txtOn: #000000; --semantic-color-interface-feedback-ghost-info-default-focus-border: #c8f0ff; --semantic-color-interface-feedback-ghost-info-secondary-normal-background: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-info-secondary-normal-txtOn: #000000; --semantic-color-interface-feedback-ghost-info-secondary-normal-border: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-info-secondary-action-background: #dde9fa; --semantic-color-interface-feedback-ghost-info-secondary-action-txtOn: #000000; --semantic-color-interface-feedback-ghost-info-secondary-action-border: #eff3fa; --semantic-color-interface-feedback-ghost-info-secondary-active-background: #cde1fa; --semantic-color-interface-feedback-ghost-info-secondary-active-txtOn: #000000; --semantic-color-interface-feedback-ghost-info-secondary-active-border: #e0ebfa; --semantic-color-interface-feedback-ghost-info-secondary-focus-background: #e1ecfa; --semantic-color-interface-feedback-ghost-info-secondary-focus-txtOn: #000000; --semantic-color-interface-feedback-ghost-info-secondary-focus-border: #f3f6fa; --semantic-color-interface-feedback-ghost-success-default-normal-background: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-success-default-normal-txtOn: #000000; --semantic-color-interface-feedback-ghost-success-default-normal-border: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-success-default-action-background: #e3f6ec; --semantic-color-interface-feedback-ghost-success-default-action-txtOn: #000000; --semantic-color-interface-feedback-ghost-success-default-action-border: #f1f7f5; --semantic-color-interface-feedback-ghost-success-default-active-background: #d8f5e4; --semantic-color-interface-feedback-ghost-success-default-active-txtOn: #000000; --semantic-color-interface-feedback-ghost-success-default-active-border: #e6f7ee; --semantic-color-interface-feedback-ghost-success-default-focus-background: #e7f7ee; --semantic-color-interface-feedback-ghost-success-default-focus-txtOn: #000000; --semantic-color-interface-feedback-ghost-success-default-focus-border: #f5f8f8; --semantic-color-interface-feedback-ghost-success-secondary-normal-background: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-success-secondary-normal-txtOn: #000000; --semantic-color-interface-feedback-ghost-success-secondary-normal-border: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-success-secondary-action-background: #d9f3e4; --semantic-color-interface-feedback-ghost-success-secondary-action-txtOn: #000000; --semantic-color-interface-feedback-ghost-success-secondary-action-border: #eef6f3; --semantic-color-interface-feedback-ghost-success-secondary-active-background: #c7f1d8; --semantic-color-interface-feedback-ghost-success-secondary-active-txtOn: #000000; --semantic-color-interface-feedback-ghost-success-secondary-active-border: #dcf4e6; --semantic-color-interface-feedback-ghost-success-secondary-focus-background: #def4e8; --semantic-color-interface-feedback-ghost-success-secondary-focus-txtOn: #000000; --semantic-color-interface-feedback-ghost-success-secondary-focus-border: #f3f7f6; --semantic-color-interface-feedback-ghost-warning-default-normal-background: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-warning-default-normal-txtOn: #000000; --semantic-color-interface-feedback-ghost-warning-default-normal-border: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-warning-default-action-background: #f9f5e6; --semantic-color-interface-feedback-ghost-warning-default-action-txtOn: #000000; --semantic-color-interface-feedback-ghost-warning-default-action-border: #f8f7f3; --semantic-color-interface-feedback-ghost-warning-default-active-background: #f9f3db; --semantic-color-interface-feedback-ghost-warning-default-active-txtOn: #000000; --semantic-color-interface-feedback-ghost-warning-default-active-border: #f9f5e8; --semantic-color-interface-feedback-ghost-warning-default-focus-background: #fff7b3; --semantic-color-interface-feedback-ghost-warning-default-focus-txtOn: #000000; --semantic-color-interface-feedback-ghost-warning-default-focus-border: #fff5b0; --semantic-color-interface-feedback-ghost-warning-secondary-normal-background: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-warning-secondary-normal-txtOn: #000000; --semantic-color-interface-feedback-ghost-warning-secondary-normal-border: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-warning-secondary-action-background: #f9f1db; --semantic-color-interface-feedback-ghost-warning-secondary-action-txtOn: #000000; --semantic-color-interface-feedback-ghost-warning-secondary-action-border: #f8f6f0; --semantic-color-interface-feedback-ghost-warning-secondary-active-background: #f9eeca; --semantic-color-interface-feedback-ghost-warning-secondary-active-txtOn: #000000; --semantic-color-interface-feedback-ghost-warning-secondary-active-border: #f9f2de; --semantic-color-interface-feedback-ghost-warning-secondary-focus-background: #f9f2e0; --semantic-color-interface-feedback-ghost-warning-secondary-focus-txtOn: #000000; --semantic-color-interface-feedback-ghost-warning-secondary-focus-border: #f8f7f5; --semantic-color-interface-feedback-ghost-danger-default-normal-background: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-danger-default-normal-txtOn: #000000; --semantic-color-interface-feedback-ghost-danger-default-normal-border: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-danger-default-action-background: #f9e9eb; --semantic-color-interface-feedback-ghost-danger-default-action-txtOn: #000000; --semantic-color-interface-feedback-ghost-danger-default-action-border: #f8f3f5; --semantic-color-interface-feedback-ghost-danger-default-active-background: #f9e1e2; --semantic-color-interface-feedback-ghost-danger-default-active-txtOn: #000000; --semantic-color-interface-feedback-ghost-danger-default-active-border: #f9ebec; --semantic-color-interface-feedback-ghost-danger-default-focus-background: #ffdddc; --semantic-color-interface-feedback-ghost-danger-default-focus-txtOn: #000000; --semantic-color-interface-feedback-ghost-danger-default-focus-border: #ffd7d6; --semantic-color-interface-feedback-ghost-danger-secondary-normal-background: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-danger-secondary-normal-txtOn: #000000; --semantic-color-interface-feedback-ghost-danger-secondary-normal-border: rgba(0, 0, 0, 0); --semantic-color-interface-feedback-ghost-danger-secondary-action-background: #f8e0e1; --semantic-color-interface-feedback-ghost-danger-secondary-action-txtOn: #000000; --semantic-color-interface-feedback-ghost-danger-secondary-action-border: #f8f0f2; --semantic-color-interface-feedback-ghost-danger-secondary-active-background: #f8d2d4; --semantic-color-interface-feedback-ghost-danger-secondary-active-txtOn: #000000; --semantic-color-interface-feedback-ghost-danger-secondary-active-border: #f8e2e4; --semantic-color-interface-feedback-ghost-danger-secondary-focus-background: #f8e4e5; --semantic-color-interface-feedback-ghost-danger-secondary-focus-txtOn: #000000; --semantic-color-interface-feedback-ghost-danger-secondary-focus-border: #f8f4f6; --semantic-color-text-title: #222222; --semantic-color-text-body: #555555; --semantic-color-text-highlight: #111111; --semantic-color-text-muted: #bbbbbb; --semantic-color-text-label: #222222; --semantic-color-text-info_default: #164675; --semantic-color-text-info_secondary: #004b98; --semantic-color-text-success_default: #005f26; --semantic-color-text-success_secondary: #005b00; --semantic-color-text-warning_default: #665000; --semantic-color-text-warning_secondary: #6b4500; --semantic-color-text-danger_default: #71282d; --semantic-color-text-danger_secondary: #91031e; --semantic-color-text-primary: #08111e; --semantic-color-text-secondary: #141d2b; --semantic-color-text-link: #1e2733; --semantic-color-text-promo_default: #515256; --semantic-color-text-promo_secondary: #494c51; --semantic-color-text-cashback_default: #474d57; --semantic-color-text-cashback_secondary: #2f3541; --semantic-color-text-premium_default: #141d2b; --semantic-color-text-premium_secondary: #08111e; --semantic-color-product-promo-default-lowest-background: #0a0b0c; --semantic-color-product-promo-default-lowest-txtOn: #ffffff; --semantic-color-product-promo-default-lowest-border: #38393a; --semantic-color-product-promo-default-low-background: #6d6e70; --semantic-color-product-promo-default-low-txtOn: #ffffff; --semantic-color-product-promo-default-low-border: #a7a8ab; --semantic-color-product-promo-default-default-background: #e5e7eb; --semantic-color-product-promo-default-default-txtOn: #000000; --semantic-color-product-promo-default-default-border: #eaebed; --semantic-color-product-promo-default-high-background: #ecedef; --semantic-color-product-promo-default-high-txtOn: #000000; --semantic-color-product-promo-default-high-border: #f0f1f2; --semantic-color-product-promo-default-highest-background: #f4f4f6; --semantic-color-product-promo-default-highest-txtOn: #000000; --semantic-color-product-promo-default-highest-border: #f7f8fa; --semantic-color-product-promo-secondary-lowest-background: #08090c; --semantic-color-product-promo-secondary-lowest-txtOn: #ffffff; --semantic-color-product-promo-secondary-lowest-border: #323437; --semantic-color-product-promo-secondary-low-background: #636568; --semantic-color-product-promo-secondary-low-txtOn: #ffffff; --semantic-color-product-promo-secondary-low-border: #999b9f; --semantic-color-product-promo-secondary-default-background: #d1d5db; --semantic-color-product-promo-secondary-default-txtOn: #000000; --semantic-color-product-promo-secondary-default-border: #dadde0; --semantic-color-product-promo-secondary-high-background: #dfe1e3; --semantic-color-product-promo-secondary-high-txtOn: #000000; --semantic-color-product-promo-secondary-high-border: #e7e8eb; --semantic-color-product-promo-secondary-highest-background: #eff0f3; --semantic-color-product-promo-secondary-highest-txtOn: #000000; --semantic-color-product-promo-secondary-highest-border: #f7f9fb; --semantic-color-product-cashback-default-lowest-background: #04060a; --semantic-color-product-cashback-default-lowest-txtOn: #ffffff; --semantic-color-product-cashback-default-lowest-border: #24272d; --semantic-color-product-cashback-default-low-background: #494d53; --semantic-color-product-cashback-default-low-txtOn: #ffffff; --semantic-color-product-cashback-default-low-border: #72767d; --semantic-color-product-cashback-default-default-background: #9ca3af; --semantic-color-product-cashback-default-default-txtOn: #000000; --semantic-color-product-cashback-default-default-border: #b1b5bd; --semantic-color-product-cashback-default-high-background: #babfc6; --semantic-color-product-cashback-default-high-txtOn: #000000; --semantic-color-product-cashback-default-high-border: #cdd2d9; --semantic-color-product-cashback-default-highest-background: #e1e5eb; --semantic-color-product-cashback-default-highest-txtOn: #000000; --semantic-color-product-cashback-default-highest-border: #f5f9ff; --semantic-color-product-cashback-secondary-lowest-background: #030408; --semantic-color-product-cashback-secondary-lowest-txtOn: #ffffff; --semantic-color-product-cashback-secondary-lowest-border: #171a21; --semantic-color-product-cashback-secondary-low-background: #31353c; --semantic-color-product-cashback-secondary-low-txtOn: #ffffff; --semantic-color-product-cashback-secondary-low-border: #4f525a; --semantic-color-product-cashback-secondary-default-background: #6b7280; --semantic-color-product-cashback-secondary-default-txtOn: #ffffff; --semantic-color-product-cashback-secondary-default-border: #8a8e97; --semantic-color-product-cashback-secondary-high-background: #989da6; --semantic-color-product-cashback-secondary-high-txtOn: #000000; --semantic-color-product-cashback-secondary-high-border: #b6bac4; --semantic-color-product-cashback-secondary-highest-background: #d4d9e3; --semantic-color-product-cashback-secondary-highest-txtOn: #000000; --semantic-color-product-cashback-secondary-highest-border: #f5f9ff; --semantic-color-product-premium-default-lowest-background: #010205; --semantic-color-product-premium-default-lowest-txtOn: #ffffff; --semantic-color-product-premium-default-lowest-border: #080d15; --semantic-color-product-premium-default-low-background: #181d26; --semantic-color-product-premium-default-low-txtOn: #ffffff; --semantic-color-product-premium-default-low-border: #292e38; --semantic-color-product-premium-default-default-background: #374151; --semantic-color-product-premium-default-default-txtOn: #ffffff; --semantic-color-product-premium-default-default-border: #5f6670; --semantic-color-product-premium-default-high-background: #737984; --semantic-color-product-premium-default-high-txtOn: #000000; --semantic-color-product-premium-default-high-border: #9ba2ad; --semantic-color-product-premium-default-highest-background: #c5cdd8; --semantic-color-product-premium-default-highest-txtOn: #000000; --semantic-color-product-premium-default-highest-border: #f3f9ff; --semantic-color-product-premium-secondary-lowest-background: #010104; --semantic-color-product-premium-secondary-lowest-txtOn: #ffffff; --semantic-color-product-premium-secondary-lowest-border: #03070d; --semantic-color-product-premium-secondary-low-background: #0c1119; --semantic-color-product-premium-secondary-low-txtOn: #ffffff; --semantic-color-product-premium-secondary-low-border: #171d25; --semantic-color-product-premium-secondary-default-background: #1f2937; --semantic-color-product-premium-secondary-default-txtOn: #ffffff; --semantic-color-product-premium-secondary-default-border: #4b515b; --semantic-color-product-premium-secondary-high-background: #606771; --semantic-color-product-premium-secondary-high-txtOn: #ffffff; --semantic-color-product-premium-secondary-high-border: #8e95a0; --semantic-color-product-premium-secondary-highest-background: #bec6d1; --semantic-color-product-premium-secondary-highest-txtOn: #000000; --semantic-color-product-premium-secondary-highest-border: #f3f9ff; --semantic-color-gradient-config-degrees-horizontal: 180; --semantic-color-gradient-config-degrees-vertical: 270; --semantic-color-gradient-config-degrees-toBottom: 90; --semantic-color-gradient-config-degrees-diagonalLeft: -45; --semantic-color-gradient-config-degrees-diagonalRight: 45; --semantic-color-gradient-config-degrees-diagonalBrand: 135; --semantic-color-gradient-config-degrees-diagonalBrandAlt: 141; --semantic-color-gradient-config-steps-0: 0; --semantic-color-gradient-config-steps-10: 10; --semantic-color-gradient-config-steps-20: 20; --semantic-color-gradient-config-steps-25: 25; --semantic-color-gradient-config-steps-30: 30; --semantic-color-gradient-config-steps-40: 40; --semantic-color-gradient-config-steps-50: 50; --semantic-color-gradient-config-steps-60: 60; --semantic-color-gradient-config-steps-70: 70; --semantic-color-gradient-config-steps-75: 75; --semantic-color-gradient-config-steps-80: 80; --semantic-color-gradient-config-steps-90: 90; --semantic-color-gradient-config-steps-100: 100; --semantic-color-gradient-config-colors-first-lowest: #6b7280; --semantic-color-gradient-config-colors-first-default: #374151; --semantic-color-gradient-config-colors-second-lowest: #9ca3af; --semantic-color-gradient-config-colors-second-default: #6b7280; --semantic-color-gradient-config-colors-third-lowest: #d1d5db; --semantic-color-gradient-config-colors-third-default: #9ca3af; --semantic-color-gradient-composites-first: linear-gradient(180deg, #6b7280 0%, #374151 100%); --semantic-color-gradient-composites-second: linear-gradient(180deg, #9ca3af 0%, #6b7280 100%); --semantic-color-gradient-composites-third: linear-gradient(180deg, #d1d5db 0%, #9ca3af 100%); --semantic-opacity-color-grayscale-superTransparent: rgba(0, 0, 0, 0.1); --semantic-opacity-color-grayscale-semiTranslucid: rgba(0, 0, 0, 0.2); --semantic-opacity-color-grayscale-translucid: rgba(0, 0, 0, 0.5); --semantic-opacity-color-grayscale-superTranslucid: rgba(0, 0, 0, 0.8); --semantic-opacity-color-grayscale-semiOpaque: rgba(0, 0, 0, 0.9); --semantic-opacity-color-grayscale-transparent: rgba(0, 0, 0, 0); --semantic-opacity-color-grayscale-opaque: #000000; --semantic-opacity-color-light-superTransparent: rgba(255, 255, 255, 0.1); --semantic-opacity-color-light-semiTranslucid: rgba(255, 255, 255, 0.2); --semantic-opacity-color-light-translucid: rgba(255, 255, 255, 0.5); --semantic-opacity-color-light-superTranslucid: rgba(255, 255, 255, 0.8); --semantic-opacity-color-light-semiOpaque: rgba(255, 255, 255, 0.9); --semantic-opacity-color-light-transparent: rgba(255, 255, 255, 0); --semantic-opacity-color-light-opaque: #ffffff; --semantic-opacity-raw-transparent: 0; --semantic-opacity-raw-superTransparent: 10; --semantic-opacity-raw-semiTranslucid: 20; --semantic-opacity-raw-translucid: 50; --semantic-opacity-raw-superTranslucid: 80; --semantic-opacity-raw-semiOpaque: 90; --semantic-opacity-raw-opaque: 100; --semantic-typography-fontFamilies-code: Fira Mono; --semantic-typography-fontFamilies-content: Inter; --semantic-typography-fontFamilies-display: Bebas Neue; --semantic-typography-fontFamilies-main: Inter; --semantic-typography-fontWeights-code-bold-italic: 700; --semantic-typography-fontWeights-code-bold-normal: 700; --semantic-typography-fontWeights-code-light-italic: 400; --semantic-typography-fontWeights-code-light-normal: 400; --semantic-typography-fontWeights-code-regular-italic: 400; --semantic-typography-fontWeights-code-regular-normal: 400; --semantic-typography-fontWeights-code-semibold-italic: 700; --semantic-typography-fontWeights-code-semibold-normal: 700; --semantic-typography-fontWeights-code-stronger-italic: 700; --semantic-typography-fontWeights-code-stronger-normal: 700; --semantic-typography-fontWeights-content-bold-italic: 700; --semantic-typography-fontWeights-content-bold-normal: 700; --semantic-typography-fontWeights-content-light-italic: 400; --semantic-typography-fontWeights-content-light-normal: 300; --semantic-typography-fontWeights-content-regular-italic: 400; --semantic-typography-fontWeights-content-regular-normal: 400; --semantic-typography-fontWeights-content-semibold-italic: 600; --semantic-typography-fontWeights-content-semibold-normal: 600; --semantic-typography-fontWeights-content-stronger-italic: 900; --semantic-typography-fontWeights-content-stronger-normal: 900; --semantic-typography-fontWeights-display-bold-italic: 400; --semantic-typography-fontWeights-display-bold-normal: 400; --semantic-typography-fontWeights-display-light-italic: 400; --semantic-typography-fontWeights-display-light-normal: 400; --semantic-typography-fontWeights-display-regular-italic: 400; --semantic-typography-fontWeights-display-regular-normal: 400; --semantic-typography-fontWeights-display-semibold-italic: 400; --semantic-typography-fontWeights-display-semibold-normal: 400; --semantic-typography-fontWeights-display-stronger-italic: 400; --semantic-typography-fontWeights-display-stronger-normal: 400; --semantic-typography-fontWeights-main-bold-italic: 700; --semantic-typography-fontWeights-main-bold-normal: 700; --semantic-typography-fontWeights-main-light-italic: 300; --semantic-typography-fontWeights-main-light-normal: 300; --semantic-typography-fontWeights-main-regular-italic: 400; --semantic-typography-fontWeights-main-regular-normal: 400; --semantic-typography-fontWeights-main-semibold-italic: 600; --semantic-typography-fontWeights-main-semibold-normal: 600; --semantic-typography-fontWeights-main-stronger-italic: 900; --semantic-typography-fontWeights-main-stronger-normal: 900; --semantic-typography-fontSizes-nano: 0.5rem; --semantic-typography-fontSizes-micro: 0.625rem; --semantic-typography-fontSizes-extraSmall: 0.75rem; --semantic-typography-fontSizes-small: 0.875rem; --semantic-typography-fontSizes-medium: 1rem; --semantic-typography-fontSizes-large: 1.25rem; --semantic-typography-fontSizes-extraLarge: 1.5rem; --semantic-typography-fontSizes-mega: 1.75rem; --semantic-typography-fontSizes-giga: 2.25rem; --semantic-typography-fontSizes-tera: 2.5rem; --semantic-typography-fontSizes-peta: 3rem; --semantic-typography-fontSizes-exa: 3.75rem; --semantic-typography-fontSizes-zetta: 4.5rem; --semantic-typography-letterSpacings-regular: 0em; --semantic-typography-letterSpacings-tight: -0.72em; --semantic-typography-letterSpacings-wild: 0.8em; --semantic-typography-lineHeights-tight-nano: 0.5rem; --semantic-typography-lineHeights-tight-micro: 0.75rem; --semantic-typography-lineHeights-tight-extraSmall: 0.75rem; --semantic-typography-lineHeights-tight-small: 1rem; --semantic-typography-lineHeights-tight-medium: 1rem; --semantic-typography-lineHeights-tight-large: 1.25rem; --semantic-typography-lineHeights-tight-extraLarge: 1.5rem; --semantic-typography-lineHeights-tight-mega: 1.75rem; --semantic-typography-lineHeights-tight-giga: 2.25rem; --semantic-typography-lineHeights-tight-tera: 2.5rem; --semantic-typography-lineHeights-tight-peta: 3rem; --semantic-typography-lineHeights-tight-exa: 3.75rem; --semantic-typography-lineHeights-tight-zetta: 4.5rem; --semantic-typography-lineHeights-close-nano: 0.75rem; --semantic-typography-lineHeights-close-micro: 0.75rem; --semantic-typography-lineHeights-close-extraSmall: 1rem; --semantic-typography-lineHeights-close-small: 1.25rem; --semantic-typography-lineHeights-close-medium: 1.25rem; --semantic-typography-lineHeights-close-large: 1.5rem; --semantic-typography-lineHeights-close-extraLarge: 2rem; --semantic-typography-lineHeights-close-mega: 2.25rem; --semantic-typography-lineHeights-close-giga: 2.75rem; --semantic-typography-lineHeights-close-tera: 3rem; --semantic-typography-lineHeights-close-peta: 3.75rem; --semantic-typography-lineHeights-close-exa: 4.5rem; --semantic-typography-lineHeights-close-zetta: 5.5rem; --semantic-typography-lineHeights-regular-nano: 0.75rem; --semantic-typography-lineHeights-regular-micro: 1rem; --semantic-typography-lineHeights-regular-extraSmall: 1.25rem; --semantic-typography-lineHeights-regular-small: 1.25rem; --semantic-typography-lineHeights-regular-medium: 1.5rem; --semantic-typography-lineHeights-regular-large: 1.75rem; --semantic-typography-lineHeights-regular-extraLarge: 2.25rem; --semantic-typography-lineHeights-regular-mega: 2.5rem; --semantic-typography-lineHeights-regular-giga: 3.25rem; --semantic-typography-lineHeights-regular-tera: 3.5rem; --semantic-typography-lineHeights-regular-peta: 4.25rem; --semantic-typography-lineHeights-regular-exa: 5.25rem; --semantic-typography-lineHeights-regular-zetta: 6.5rem; --semantic-typography-lineHeights-wild-nano: 1rem; --semantic-typography-lineHeights-wild-micro: 1.25rem; --semantic-typography-lineHeights-wild-extraSmall: 1.5rem; --semantic-typography-lineHeights-wild-small: 1.75rem; --semantic-typography-lineHeights-wild-medium: 2rem; --semantic-typography-lineHeights-wild-large: 2.25rem; --semantic-typography-lineHeights-wild-extraLarge: 2.75rem; --semantic-typography-lineHeights-wild-mega: 3.25rem; --semantic-typography-lineHeights-wild-giga: 4.25rem; --semantic-typography-lineHeights-wild-tera: 4.5rem; --semantic-typography-lineHeights-wild-peta: 5.5rem; --semantic-typography-lineHeights-wild-exa: 6.75rem; --semantic-typography-lineHeights-wild-zetta: 8.25rem; --semantic-typography-textCase-normal: normal; --semantic-typography-textCase-uppercase: uppercase; --semantic-typography-textCase-lowercase: lowercase; --semantic-typography-textCase-capitalize: capitalize; --semantic-typography-textDecoration-default: default; --semantic-typography-textDecoration-underline: underline; --semantic-typography-textDecoration-lineThrough: strike-through; --semantic-dimension-sizing-zero: 0; --semantic-dimension-sizing-pico: 0.0625rem; --semantic-dimension-sizing-nano: 0.125rem; --semantic-dimension-sizing-micro: 0.25rem; --semantic-dimension-sizing-extraSmall: 0.5rem; --semantic-dimension-sizing-small: 0.75rem; --semantic-dimension-sizing-medium: 1rem; --semantic-dimension-sizing-large: 1.25rem; --semantic-dimension-sizing-extraLarge: 1.5rem; --semantic-dimension-sizing-mega: 1.75rem; --semantic-dimension-sizing-giga: 2.75rem; --semantic-dimension-sizing-tera: 4.5rem; --semantic-dimension-sizing-peta: 7.25rem; --semantic-dimension-spacing-zero: 0; --semantic-dimension-spacing-micro: 0.25rem; --semantic-dimension-spacing-extraSmall: 0.5rem; --semantic-dimension-spacing-small: 0.75rem; --semantic-dimension-spacing-medium: 1rem; --semantic-dimension-spacing-large: 1.25rem; --semantic-dimension-spacing-extraLarge: 1.5rem; --semantic-dimension-spacing-mega: 1.75rem; --semantic-dimension-spacing-giga: 2.75rem; --semantic-dimension-spacing-tera: 4.5rem; --semantic-dimension-spacing-peta: 7.25rem; --semantic-depth-spread-close: 0px; --semantic-depth-spread-next: -2px; --semantic-depth-spread-near: -4px; --semantic-depth-spread-distant: -8px; --semantic-depth-spread-far: -12px; --semantic-border-width-none: 0; --semantic-border-width-small: 0.0625rem; --semantic-border-width-medium: 0.125rem; --semantic-border-width-large: 0.25rem; --semantic-border-width-extraLarge: 0.5rem; --semantic-border-radii-straight: 0; --semantic-border-radii-micro: 0.25rem; --semantic-border-radii-extraSmall: 0.5rem; --semantic-border-radii-small: 0.75rem; --semantic-border-radii-medium: 1rem; --semantic-border-radii-large: 1.5rem; --semantic-border-radii-extraLarge: 1.75rem; --semantic-border-radii-mega: 2.75rem; --semantic-border-radii-circular: 62.5rem; }