/** * Semantic Tokens - CSS Variables * Do not edit directly, this file was auto-generated. */ .aplica-slate-dark-negative { --semantic-color-brand-branding-first-lowest-background: #dcfbff; --semantic-color-brand-branding-first-lowest-txtOn: #000000; --semantic-color-brand-branding-first-lowest-border: #aad1ff; --semantic-color-brand-branding-first-low-background: #97bdf7; --semantic-color-brand-branding-first-low-txtOn: #000000; --semantic-color-brand-branding-first-low-border: #7196cd; --semantic-color-brand-branding-first-default-background: #2b4c7e; --semantic-color-brand-branding-first-default-txtOn: #ffffff; --semantic-color-brand-branding-first-default-border: #153666; --semantic-color-brand-branding-first-high-background: #000a37; --semantic-color-brand-branding-first-high-txtOn: #ffffff; --semantic-color-brand-branding-first-high-border: #00001a; --semantic-color-brand-branding-first-highest-background: #01000f; --semantic-color-brand-branding-first-highest-txtOn: #ffffff; --semantic-color-brand-branding-first-highest-border: #01000f; --semantic-color-brand-branding-second-lowest-background: #ecfaff; --semantic-color-brand-branding-second-lowest-txtOn: #000000; --semantic-color-brand-branding-second-lowest-border: #c9dbf5; --semantic-color-brand-branding-second-low-background: #bacbe5; --semantic-color-brand-branding-second-low-txtOn: #000000; --semantic-color-brand-branding-second-low-border: #9cadc6; --semantic-color-brand-branding-second-default-background: #64748b; --semantic-color-brand-branding-second-default-txtOn: #ffffff; --semantic-color-brand-branding-second-default-border: #45546a; --semantic-color-brand-branding-second-high-background: #0e1a2d; --semantic-color-brand-branding-second-high-txtOn: #ffffff; --semantic-color-brand-branding-second-high-border: #000312; --semantic-color-brand-branding-second-highest-background: #000004; --semantic-color-brand-branding-second-highest-txtOn: #ffffff; --semantic-color-brand-branding-second-highest-border: #000004; --semantic-color-brand-branding-third-lowest-background: #dbecff; --semantic-color-brand-branding-third-lowest-txtOn: #000000; --semantic-color-brand-branding-third-lowest-border: #b3c1ff; --semantic-color-brand-branding-third-low-background: #a3b0ff; --semantic-color-brand-branding-third-low-txtOn: #000000; --semantic-color-brand-branding-third-low-border: #858dff; --semantic-color-brand-branding-third-default-background: #4f46e5; --semantic-color-brand-branding-third-default-txtOn: #ffffff; --semantic-color-brand-branding-third-default-border: #391cc1; --semantic-color-brand-branding-third-high-background: #1f007c; --semantic-color-brand-branding-third-high-txtOn: #ffffff; --semantic-color-brand-branding-third-high-border: #1a005a; --semantic-color-brand-branding-third-highest-background: #0e0035; --semantic-color-brand-branding-third-highest-txtOn: #ffffff; --semantic-color-brand-branding-third-highest-border: #0e0035; --semantic-color-brand-ambient-contrast-base-positive-background: #f8f9fa; --semantic-color-brand-ambient-contrast-base-positive-txtOn: #000000; --semantic-color-brand-ambient-contrast-base-positive-border: #eaedf2; --semantic-color-brand-ambient-contrast-base-negative-background: #050607; --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: #f8f9fa; --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: #0b0d0e; --semantic-color-brand-ambient-neutral-lowest-background: #f8f9fa; --semantic-color-brand-ambient-neutral-lowest-txtOn: #000000; --semantic-color-brand-ambient-neutral-lowest-border: #eaedf2; --semantic-color-brand-ambient-neutral-lower-background: #f1f3f5; --semantic-color-brand-ambient-neutral-lower-txtOn: #000000; --semantic-color-brand-ambient-neutral-lower-border: #d3d7dd; --semantic-color-brand-ambient-neutral-low-background: #ced4da; --semantic-color-brand-ambient-neutral-low-txtOn: #000000; --semantic-color-brand-ambient-neutral-low-border: #92959b; --semantic-color-brand-ambient-neutral-mid-background: #6c757d; --semantic-color-brand-ambient-neutral-mid-txtOn: #ffffff; --semantic-color-brand-ambient-neutral-mid-border: #56595e; --semantic-color-brand-ambient-neutral-high-background: #2b3035; --semantic-color-brand-ambient-neutral-high-txtOn: #ffffff; --semantic-color-brand-ambient-neutral-high-border: #212328; --semantic-color-brand-ambient-neutral-higher-background: #141619; --semantic-color-brand-ambient-neutral-higher-txtOn: #ffffff; --semantic-color-brand-ambient-neutral-higher-border: #040609; --semantic-color-brand-ambient-neutral-highest-background: #0b0d0e; --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: #1e3a6e; --semantic-color-interface-function-solid-primary-normal-txtOn: #ffffff; --semantic-color-interface-function-solid-primary-normal-border: #4b628b; --semantic-color-interface-function-solid-primary-action-background: #4b628b; --semantic-color-interface-function-solid-primary-action-txtOn: #ffffff; --semantic-color-interface-function-solid-primary-action-border: #728bb7; --semantic-color-interface-function-solid-primary-active-background: #728bb7; --semantic-color-interface-function-solid-primary-active-txtOn: #000000; --semantic-color-interface-function-solid-primary-active-border: #9cb6e4; --semantic-color-interface-function-solid-primary-focus-background: #021032; --semantic-color-interface-function-solid-primary-focus-txtOn: #ffffff; --semantic-color-interface-function-solid-primary-focus-border: #0e2145; --semantic-color-interface-function-solid-secondary-normal-background: #3730a3; --semantic-color-interface-function-solid-secondary-normal-txtOn: #ffffff; --semantic-color-interface-function-solid-secondary-normal-border: #5a61b6; --semantic-color-interface-function-solid-secondary-action-background: #5a61b6; --semantic-color-interface-function-solid-secondary-action-txtOn: #ffffff; --semantic-color-interface-function-solid-secondary-action-border: #7e88e1; --semantic-color-interface-function-solid-secondary-active-background: #7e88e1; --semantic-color-interface-function-solid-secondary-active-txtOn: #000000; --semantic-color-interface-function-solid-secondary-active-border: #a5b0ff; --semantic-color-interface-function-solid-secondary-focus-background: #110051; --semantic-color-interface-function-solid-secondary-focus-txtOn: #ffffff; --semantic-color-interface-function-solid-secondary-focus-border: #1f1868; --semantic-color-interface-function-solid-link-normal-background: #4338ca; --semantic-color-interface-function-solid-link-normal-txtOn: #ffffff; --semantic-color-interface-function-solid-link-normal-border: #636ad5; --semantic-color-interface-function-solid-link-action-background: #636ad5; --semantic-color-interface-function-solid-link-action-txtOn: #000000; --semantic-color-interface-function-solid-link-action-border: #848efd; --semantic-color-interface-function-solid-link-active-background: #848efd; --semantic-color-interface-function-solid-link-active-txtOn: #000000; --semantic-color-interface-function-solid-link-active-border: #a6b4ff; --semantic-color-interface-function-solid-link-focus-background: #170065; --semantic-color-interface-function-solid-link-focus-txtOn: #ffffff; --semantic-color-interface-function-solid-link-focus-border: #261b82; --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: #000729; --semantic-color-interface-function-ghost-primary-action-txtOn: #ffffff; --semantic-color-interface-function-ghost-primary-action-border: #06183c; --semantic-color-interface-function-ghost-primary-active-background: #06183c; --semantic-color-interface-function-ghost-primary-active-txtOn: #ffffff; --semantic-color-interface-function-ghost-primary-active-border: #162a4e; --semantic-color-interface-function-ghost-primary-focus-background: #000012; --semantic-color-interface-function-ghost-primary-focus-txtOn: #ffffff; --semantic-color-interface-function-ghost-primary-focus-border: #000729; --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: #0d0046; --semantic-color-interface-function-ghost-secondary-action-txtOn: #ffffff; --semantic-color-interface-function-ghost-secondary-action-border: #180a5d; --semantic-color-interface-function-ghost-secondary-active-background: #180a5d; --semantic-color-interface-function-ghost-secondary-active-txtOn: #ffffff; --semantic-color-interface-function-ghost-secondary-active-border: #272474; --semantic-color-interface-function-ghost-secondary-focus-background: #040025; --semantic-color-interface-function-ghost-secondary-focus-txtOn: #ffffff; --semantic-color-interface-function-ghost-secondary-focus-border: #0d0046; --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: #120057; --semantic-color-interface-function-ghost-link-action-txtOn: #ffffff; --semantic-color-interface-function-ghost-link-action-border: #1e0874; --semantic-color-interface-function-ghost-link-active-background: #1e0874; --semantic-color-interface-function-ghost-link-active-txtOn: #ffffff; --semantic-color-interface-function-ghost-link-active-border: #302b90; --semantic-color-interface-function-ghost-link-focus-background: #07002f; --semantic-color-interface-function-ghost-link-focus-txtOn: #ffffff; --semantic-color-interface-function-ghost-link-focus-border: #120057; --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: #0ea5e9; --semantic-color-interface-feedback-solid-info-default-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-info-default-normal-border: #63b8ec; --semantic-color-interface-feedback-solid-info-default-action-background: #63b8ec; --semantic-color-interface-feedback-solid-info-default-action-txtOn: #000000; --semantic-color-interface-feedback-solid-info-default-action-border: #79cdff; --semantic-color-interface-feedback-solid-info-default-active-background: #79cdff; --semantic-color-interface-feedback-solid-info-default-active-txtOn: #000000; --semantic-color-interface-feedback-solid-info-default-active-border: #8ee3ff; --semantic-color-interface-feedback-solid-info-default-focus-background: #003b67; --semantic-color-interface-feedback-solid-info-default-focus-txtOn: #ffffff; --semantic-color-interface-feedback-solid-info-default-focus-border: #006392; --semantic-color-interface-feedback-solid-info-secondary-normal-background: #0284c7; --semantic-color-interface-feedback-solid-info-secondary-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-info-secondary-normal-border: #589ed1; --semantic-color-interface-feedback-solid-info-secondary-action-background: #589ed1; --semantic-color-interface-feedback-solid-info-secondary-action-txtOn: #000000; --semantic-color-interface-feedback-solid-info-secondary-action-border: #73baee; --semantic-color-interface-feedback-solid-info-secondary-active-background: #73baee; --semantic-color-interface-feedback-solid-info-secondary-active-txtOn: #000000; --semantic-color-interface-feedback-solid-info-secondary-active-border: #8fd6ff; --semantic-color-interface-feedback-solid-info-secondary-focus-background: #002e59; --semantic-color-interface-feedback-solid-info-secondary-focus-txtOn: #ffffff; --semantic-color-interface-feedback-solid-info-secondary-focus-border: #004f7d; --semantic-color-interface-feedback-solid-success-default-normal-background: #22c55e; --semantic-color-interface-feedback-solid-success-default-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-success-default-normal-border: #6dd184; --semantic-color-interface-feedback-solid-success-default-action-background: #6dd184; --semantic-color-interface-feedback-solid-success-default-action-txtOn: #000000; --semantic-color-interface-feedback-solid-success-default-action-border: #80e496; --semantic-color-interface-feedback-solid-success-default-active-background: #80e496; --semantic-color-interface-feedback-solid-success-default-active-txtOn: #000000; --semantic-color-interface-feedback-solid-success-default-active-border: #93f7a8; --semantic-color-interface-feedback-solid-success-default-focus-background: #004c00; --semantic-color-interface-feedback-solid-success-default-focus-txtOn: #ffffff; --semantic-color-interface-feedback-solid-success-default-focus-border: #007831; --semantic-color-interface-feedback-solid-success-secondary-normal-background: #16a34a; --semantic-color-interface-feedback-solid-success-secondary-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-success-secondary-normal-border: #61b673; --semantic-color-interface-feedback-solid-success-secondary-action-background: #61b673; --semantic-color-interface-feedback-solid-success-secondary-action-txtOn: #000000; --semantic-color-interface-feedback-solid-success-secondary-action-border: #7acf8b; --semantic-color-interface-feedback-solid-success-secondary-active-background: #7acf8b; --semantic-color-interface-feedback-solid-success-secondary-active-txtOn: #000000; --semantic-color-interface-feedback-solid-success-secondary-active-border: #93e9a4; --semantic-color-interface-feedback-solid-success-secondary-focus-background: #003f00; --semantic-color-interface-feedback-solid-success-secondary-focus-txtOn: #ffffff; --semantic-color-interface-feedback-solid-success-secondary-focus-border: #006325; --semantic-color-interface-feedback-solid-warning-default-normal-background: #f59e0b; --semantic-color-interface-feedback-solid-warning-default-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-default-normal-border: #f6b464; --semantic-color-interface-feedback-solid-warning-default-action-background: #f6b464; --semantic-color-interface-feedback-solid-warning-default-action-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-default-action-border: #ffc373; --semantic-color-interface-feedback-solid-warning-default-active-background: #ffc373; --semantic-color-interface-feedback-solid-warning-default-active-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-default-active-border: #ffd699; --semantic-color-interface-feedback-solid-warning-default-focus-background: #672e00; --semantic-color-interface-feedback-solid-warning-default-focus-txtOn: #ffffff; --semantic-color-interface-feedback-solid-warning-default-focus-border: #985c00; --semantic-color-interface-feedback-solid-warning-secondary-normal-background: #d97706; --semantic-color-interface-feedback-solid-warning-secondary-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-secondary-normal-border: #e1965a; --semantic-color-interface-feedback-solid-warning-secondary-action-background: #e1965a; --semantic-color-interface-feedback-solid-warning-secondary-action-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-secondary-action-border: #f8ac70; --semantic-color-interface-feedback-solid-warning-secondary-active-background: #f8ac70; --semantic-color-interface-feedback-solid-warning-secondary-active-txtOn: #000000; --semantic-color-interface-feedback-solid-warning-secondary-active-border: #ffc286; --semantic-color-interface-feedback-solid-warning-secondary-focus-background: #5d1c00; --semantic-color-interface-feedback-solid-warning-secondary-focus-txtOn: #ffffff; --semantic-color-interface-feedback-solid-warning-secondary-focus-border: #874400; --semantic-color-interface-feedback-solid-danger-default-normal-background: #ef4444; --semantic-color-interface-feedback-solid-danger-default-normal-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-default-normal-border: #f4776f; --semantic-color-interface-feedback-solid-danger-default-action-background: #f4776f; --semantic-color-interface-feedback-solid-danger-default-action-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-default-action-border: #ff8f86; --semantic-color-interface-feedback-solid-danger-default-active-background: #ff8f86; --semantic-color-interface-feedback-solid-danger-default-active-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-default-active-border: #ffa89e; --semantic-color-interface-feedback-solid-danger-default-focus-background: #6b0000; --semantic-color-interface-feedback-solid-danger-default-focus-txtOn: #ffffff; --semantic-color-interface-feedback-solid-danger-default-focus-border: #961e21; --semantic-color-interface-feedback-solid-danger-secondary-normal-background: #dc2626; --semantic-color-interface-feedback-solid-danger-secondary-normal-txtOn: #ffffff; --semantic-color-interface-feedback-solid-danger-secondary-normal-border: #e6665b; --semantic-color-interface-feedback-solid-danger-secondary-action-background: #e6665b; --semantic-color-interface-feedback-solid-danger-secondary-action-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-secondary-action-border: #ff8376; --semantic-color-interface-feedback-solid-danger-secondary-active-background: #ff8376; --semantic-color-interface-feedback-solid-danger-secondary-active-txtOn: #000000; --semantic-color-interface-feedback-solid-danger-secondary-active-border: #ffa091; --semantic-color-interface-feedback-solid-danger-secondary-focus-background: #630000; --semantic-color-interface-feedback-solid-danger-secondary-focus-txtOn: #ffffff; --semantic-color-interface-feedback-solid-danger-secondary-focus-border: #8b040b; --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: #002752; --semantic-color-interface-feedback-ghost-info-default-action-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-info-default-action-border: #004f7c; --semantic-color-interface-feedback-ghost-info-default-active-background: #004f7c; --semantic-color-interface-feedback-ghost-info-default-active-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-info-default-active-border: #1978a8; --semantic-color-interface-feedback-ghost-info-default-focus-background: #00012b; --semantic-color-interface-feedback-ghost-info-default-focus-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-info-default-focus-border: #002752; --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: #001d48; --semantic-color-interface-feedback-ghost-info-secondary-action-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-info-secondary-action-border: #003e6b; --semantic-color-interface-feedback-ghost-info-secondary-active-background: #003e6b; --semantic-color-interface-feedback-ghost-info-secondary-active-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-info-secondary-active-border: #11608f; --semantic-color-interface-feedback-ghost-info-secondary-focus-background: #000027; --semantic-color-interface-feedback-ghost-info-secondary-focus-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-info-secondary-focus-border: #001d48; --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: #003800; --semantic-color-interface-feedback-ghost-success-default-action-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-success-default-action-border: #00621a; --semantic-color-interface-feedback-ghost-success-default-active-background: #00621a; --semantic-color-interface-feedback-ghost-success-default-active-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-success-default-active-border: #248f46; --semantic-color-interface-feedback-ghost-success-default-focus-background: #001000; --semantic-color-interface-feedback-ghost-success-default-focus-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-success-default-focus-border: #003800; --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: #002d00; --semantic-color-interface-feedback-ghost-success-secondary-action-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-success-secondary-action-border: #005112; --semantic-color-interface-feedback-ghost-success-secondary-active-background: #005112; --semantic-color-interface-feedback-ghost-success-secondary-active-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-success-secondary-active-border: #1a7637; --semantic-color-interface-feedback-ghost-success-secondary-focus-background: #000d00; --semantic-color-interface-feedback-ghost-success-secondary-focus-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-success-secondary-focus-border: #002d00; --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: #4f1800; --semantic-color-interface-feedback-ghost-warning-default-action-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-warning-default-action-border: #7f4500; --semantic-color-interface-feedback-ghost-warning-default-active-background: #7f4500; --semantic-color-interface-feedback-ghost-warning-default-active-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-warning-default-active-border: #b1741a; --semantic-color-interface-feedback-ghost-warning-default-focus-background: #210000; --semantic-color-interface-feedback-ghost-warning-default-focus-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-warning-default-focus-border: #4f1800; --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: #480600; --semantic-color-interface-feedback-ghost-warning-secondary-action-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-warning-secondary-action-border: #723000; --semantic-color-interface-feedback-ghost-warning-secondary-active-background: #723000; --semantic-color-interface-feedback-ghost-warning-secondary-active-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-warning-secondary-active-border: #9d5713; --semantic-color-interface-feedback-ghost-warning-secondary-focus-background: #200000; --semantic-color-interface-feedback-ghost-warning-secondary-focus-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-warning-secondary-focus-border: #480600; --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: #550000; --semantic-color-interface-feedback-ghost-danger-default-action-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-danger-default-action-border: #80000d; --semantic-color-interface-feedback-ghost-danger-default-active-background: #80000d; --semantic-color-interface-feedback-ghost-danger-default-active-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-danger-default-active-border: #ac3533; --semantic-color-interface-feedback-ghost-danger-default-focus-background: #2a0000; --semantic-color-interface-feedback-ghost-danger-default-focus-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-danger-default-focus-border: #550000; --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: #500000; --semantic-color-interface-feedback-ghost-danger-secondary-action-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-danger-secondary-action-border: #770000; --semantic-color-interface-feedback-ghost-danger-secondary-active-background: #770000; --semantic-color-interface-feedback-ghost-danger-secondary-active-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-danger-secondary-active-border: #9f221f; --semantic-color-interface-feedback-ghost-danger-secondary-focus-background: #290000; --semantic-color-interface-feedback-ghost-danger-secondary-focus-txtOn: #ffffff; --semantic-color-interface-feedback-ghost-danger-secondary-focus-border: #500000; --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: #004e8d; --semantic-color-text-info_secondary: #003d7b; --semantic-color-text-success_default: #006700; --semantic-color-text-success_secondary: #005500; --semantic-color-text-warning_default: #8b3b00; --semantic-color-text-warning_secondary: #7e2200; --semantic-color-text-danger_default: #910000; --semantic-color-text-danger_secondary: #870000; --semantic-color-text-primary: #001546; --semantic-color-text-secondary: #1b0071; --semantic-color-text-link: #23008d; --semantic-color-text-promo_default: #4a00a1; --semantic-color-text-promo_secondary: #4500a1; --semantic-color-text-cashback_default: #005b77; --semantic-color-text-cashback_secondary: #004866; --semantic-color-text-premium_default: #6b4c00; --semantic-color-text-premium_secondary: #593400; --semantic-color-product-promo-default-lowest-background: #12003c; --semantic-color-product-promo-default-lowest-txtOn: #ffffff; --semantic-color-product-promo-default-lowest-border: #280062; --semantic-color-product-promo-default-low-background: #441d89; --semantic-color-product-promo-default-low-txtOn: #ffffff; --semantic-color-product-promo-default-low-border: #6445b1; --semantic-color-product-promo-default-default-background: #8b5cf6; --semantic-color-product-promo-default-default-txtOn: #000000; --semantic-color-product-promo-default-default-border: #a084f6; --semantic-color-product-promo-default-high-background: #ac91ff; --semantic-color-product-promo-default-high-txtOn: #000000; --semantic-color-product-promo-default-high-border: #c6acff; --semantic-color-product-promo-default-highest-background: #e1c7ff; --semantic-color-product-promo-default-highest-txtOn: #000000; --semantic-color-product-promo-default-highest-border: #fbe9ff; --semantic-color-product-promo-secondary-lowest-background: #140042; --semantic-color-product-promo-secondary-lowest-txtOn: #ffffff; --semantic-color-product-promo-secondary-lowest-border: #260063; --semantic-color-product-promo-secondary-low-background: #3e0086; --semantic-color-product-promo-secondary-low-txtOn: #ffffff; --semantic-color-product-promo-secondary-low-border: #592eaa; --semantic-color-product-promo-secondary-default-background: #7c3aed; --semantic-color-product-promo-secondary-default-txtOn: #ffffff; --semantic-color-product-promo-secondary-default-border: #9370f0; --semantic-color-product-promo-secondary-high-background: #a17fff; --semantic-color-product-promo-secondary-high-txtOn: #000000; --semantic-color-product-promo-secondary-high-border: #bf9eff; --semantic-color-product-promo-secondary-highest-background: #debeff; --semantic-color-product-promo-secondary-highest-txtOn: #000000; --semantic-color-product-promo-secondary-highest-border: #fce6ff; --semantic-color-product-cashback-default-lowest-background: #000a1d; --semantic-color-product-cashback-default-lowest-txtOn: #ffffff; --semantic-color-product-cashback-default-lowest-border: #003043; --semantic-color-product-cashback-default-low-background: #00596d; --semantic-color-product-cashback-default-low-txtOn: #ffffff; --semantic-color-product-cashback-default-low-border: #1a8499; --semantic-color-product-cashback-default-default-background: #06b6d4; --semantic-color-product-cashback-default-default-txtOn: #000000; --semantic-color-product-cashback-default-default-border: #67c5db; --semantic-color-product-cashback-default-high-background: #71cee5; --semantic-color-product-cashback-default-high-txtOn: #000000; --semantic-color-product-cashback-default-high-border: #84e2f9; --semantic-color-product-cashback-default-highest-background: #abf2ff; --semantic-color-product-cashback-default-highest-txtOn: #000000; --semantic-color-product-cashback-default-highest-border: #c1ffff; --semantic-color-product-cashback-secondary-lowest-background: #00061a; --semantic-color-product-cashback-secondary-lowest-txtOn: #ffffff; --semantic-color-product-cashback-secondary-lowest-border: #00253a; --semantic-color-product-cashback-secondary-low-background: #00465c; --semantic-color-product-cashback-secondary-low-txtOn: #ffffff; --semantic-color-product-cashback-secondary-low-border: #146980; --semantic-color-product-cashback-secondary-default-background: #0891b2; --semantic-color-product-cashback-secondary-default-txtOn: #000000; --semantic-color-product-cashback-secondary-default-border: #5ca8c1; --semantic-color-product-cashback-secondary-high-background: #69b5ce; --semantic-color-product-cashback-secondary-high-txtOn: #000000; --semantic-color-product-cashback-secondary-high-border: #84cfe9; --semantic-color-product-cashback-secondary-highest-background: #9eeaff; --semantic-color-product-cashback-secondary-highest-txtOn: #000000; --semantic-color-product-cashback-secondary-highest-border: #caffff; --semantic-color-product-premium-default-lowest-background: #140200; --semantic-color-product-premium-default-lowest-txtOn: #ffffff; --semantic-color-product-premium-default-lowest-border: #3a2500; --semantic-color-product-premium-default-low-background: #644e02; --semantic-color-product-premium-default-low-txtOn: #ffffff; --semantic-color-product-premium-default-low-border: #927a3b; --semantic-color-product-premium-default-default-background: #c9a84c; --semantic-color-product-premium-default-default-txtOn: #000000; --semantic-color-product-premium-default-default-border: #d3ba7a; --semantic-color-product-premium-default-high-background: #dbc382; --semantic-color-product-premium-default-high-txtOn: #000000; --semantic-color-product-premium-default-high-border: #edd492; --semantic-color-product-premium-default-highest-background: #f9e6b3; --semantic-color-product-premium-default-highest-txtOn: #000000; --semantic-color-product-premium-default-highest-border: #fff7c6; --semantic-color-product-premium-secondary-lowest-background: #120000; --semantic-color-product-premium-secondary-lowest-txtOn: #ffffff; --semantic-color-product-premium-secondary-lowest-border: #311700; --semantic-color-product-premium-secondary-low-background: #523703; --semantic-color-product-premium-secondary-low-txtOn: #ffffff; --semantic-color-product-premium-secondary-low-border: #76592b; --semantic-color-product-premium-secondary-default-background: #a37a38; --semantic-color-product-premium-secondary-default-txtOn: #000000; --semantic-color-product-premium-secondary-default-border: #b59667; --semantic-color-product-premium-secondary-high-background: #c2a374; --semantic-color-product-premium-secondary-high-txtOn: #000000; --semantic-color-product-premium-secondary-high-border: #ddbd8d; --semantic-color-product-premium-secondary-highest-background: #f9d7a7; --semantic-color-product-premium-secondary-highest-txtOn: #000000; --semantic-color-product-premium-secondary-highest-border: #fff4cf; --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: #a8bedc; --semantic-color-gradient-config-colors-first-default: #2b4c7e; --semantic-color-gradient-config-colors-second-lowest: #b8c4ce; --semantic-color-gradient-config-colors-second-default: #64748b; --semantic-color-gradient-config-colors-third-lowest: #c7c5f4; --semantic-color-gradient-config-colors-third-default: #4f46e5; --semantic-color-gradient-composites-first: linear-gradient(180deg, #a8bedc 0%, #2b4c7e 100%); --semantic-color-gradient-composites-second: linear-gradient(180deg, #b8c4ce 0%, #64748b 100%); --semantic-color-gradient-composites-third: linear-gradient(180deg, #c7c5f4 0%, #4f46e5 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: JetBrains Mono; --semantic-typography-fontFamilies-content: Inter; --semantic-typography-fontFamilies-display: Space Grotesk; --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: 300; --semantic-typography-fontWeights-code-light-normal: 300; --semantic-typography-fontWeights-code-regular-italic: 400; --semantic-typography-fontWeights-code-regular-normal: 400; --semantic-typography-fontWeights-code-semibold-italic: 600; --semantic-typography-fontWeights-code-semibold-normal: 600; --semantic-typography-fontWeights-code-stronger-italic: 800; --semantic-typography-fontWeights-code-stronger-normal: 800; --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: 700; --semantic-typography-fontWeights-display-bold-normal: 700; --semantic-typography-fontWeights-display-light-italic: 300; --semantic-typography-fontWeights-display-light-normal: 300; --semantic-typography-fontWeights-display-regular-italic: 400; --semantic-typography-fontWeights-display-regular-normal: 400; --semantic-typography-fontWeights-display-semibold-italic: 600; --semantic-typography-fontWeights-display-semibold-normal: 600; --semantic-typography-fontWeights-display-stronger-italic: 700; --semantic-typography-fontWeights-display-stronger-normal: 700; --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; }