@color-text-accent-heavy: var(--k-color-text-accent-heavy, rgba(0, 0, 0, 0.88));
@color-text-accent-heavy-hover: var(--k-color-text-accent-heavy-hover, rgba(0, 0, 0, 0.96));
@color-text-accent-heavy-pressed: var(--k-color-text-accent-heavy-pressed, rgba(0, 0, 0, 0.96));
@color-text-error-heavy: var(--k-color-text-error-heavy, #c50220);
@color-text-error-heavy-hover: var(--k-color-text-error-heavy-hover, #e62b34);
@color-text-error-heavy-pressed: var(--k-color-text-error-heavy-pressed, #943e3b);
@color-text-inverted-accent-heavy: var(--k-color-text-inverted-accent-heavy, rgba(255, 255, 255, 0.96));
@color-text-inverted-accent-heavy-hover: var(--k-color-text-inverted-accent-heavy-hover, #ffffff);
@color-text-inverted-accent-heavy-pressed: var(--k-color-text-inverted-accent-heavy-pressed, #ffffff);
@color-text-inverted-error-heavy: var(--k-color-text-inverted-error-heavy, #ff5352);
@color-text-inverted-error-heavy-hover: var(--k-color-text-inverted-error-heavy-hover, #ff726b);
@color-text-inverted-error-heavy-pressed: var(--k-color-text-inverted-error-heavy-pressed, #dd5d58);
@color-text-inverted-neutral-faint: var(--k-color-text-inverted-neutral-faint, rgba(255, 255, 255, 0.4));
@color-text-inverted-neutral-heavy: var(--k-color-text-inverted-neutral-heavy, rgba(255, 255, 255, 0.96));
@color-text-inverted-neutral-pale: var(--k-color-text-inverted-neutral-pale, rgba(255, 255, 255, 0.48));
@color-text-inverted-neutral-soft: var(--k-color-text-inverted-neutral-soft, rgba(255, 255, 255, 0.64));
@color-text-inverted-success-heavy: var(--k-color-text-inverted-success-heavy, #00c655);
@color-text-inverted-success-heavy-hover: var(--k-color-text-inverted-success-heavy-hover, #4ede76);
@color-text-inverted-success-heavy-pressed: var(--k-color-text-inverted-success-heavy-pressed, #4fa161);
@color-text-inverted-warning-heavy: var(--k-color-text-inverted-warning-heavy, #fdaa00);
@color-text-inverted-warning-heavy-hover: var(--k-color-text-inverted-warning-heavy-hover, #ffbe3d);
@color-text-inverted-warning-heavy-pressed: var(--k-color-text-inverted-warning-heavy-pressed, #d69551);
@color-text-logo: var(--k-color-text-logo, #FE4C4C);
@color-text-neutral-faint: var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32));
@color-text-neutral-heavy: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
@color-text-neutral-pale: var(--k-color-text-neutral-pale, rgba(0, 0, 0, 0.4));
@color-text-neutral-soft: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
@color-text-success-heavy: var(--k-color-text-success-heavy, #007f34);
@color-text-success-heavy-hover: var(--k-color-text-success-heavy-hover, #009b41);
@color-text-success-heavy-pressed: var(--k-color-text-success-heavy-pressed, #3a6a43);
@color-text-warning-heavy: var(--k-color-text-warning-heavy, #d26e00);
@color-text-warning-heavy-hover: var(--k-color-text-warning-heavy-hover, #e88b00);
@color-text-warning-heavy-pressed: var(--k-color-text-warning-heavy-pressed, #ab713f);
@color-text-const-faint-black: var(--k-color-text-const-faint-black, rgba(0, 0, 0, 0.32));
@color-text-const-faint-white: var(--k-color-text-const-faint-white, rgba(255, 255, 255, 0.4));
@color-text-const-heavy-black: var(--k-color-text-const-heavy-black, rgba(0, 0, 0, 0.88));
@color-text-const-heavy-white: var(--k-color-text-const-heavy-white, rgba(255, 255, 255, 0.96));
@color-text-const-pale-black: var(--k-color-text-const-pale-black, rgba(0, 0, 0, 0.4));
@color-text-const-pale-white: var(--k-color-text-const-pale-white, rgba(255, 255, 255, 0.48));
@color-text-const-soft-black: var(--k-color-text-const-soft-black, rgba(0, 0, 0, 0.56));
@color-text-const-soft-white: var(--k-color-text-const-soft-white, rgba(255, 255, 255, 0.64));
@color-text-on-accent-bold-faint: var(--k-color-text-on-accent-bold-faint, rgba(255, 255, 255, 0.4));
@color-text-on-accent-bold-heavy: var(--k-color-text-on-accent-bold-heavy, rgba(255, 255, 255, 0.96));
@color-text-on-accent-bold-pale: var(--k-color-text-on-accent-bold-pale, rgba(255, 255, 255, 0.48));
@color-text-on-accent-bold-soft: var(--k-color-text-on-accent-bold-soft, rgba(255, 255, 255, 0.64));
@color-text-on-brand-original-faint: var(--k-color-text-on-brand-original-faint, rgba(255, 255, 255, 0.4));
@color-text-on-brand-original-heavy: var(--k-color-text-on-brand-original-heavy, rgba(255, 255, 255, 0.96));
@color-text-on-brand-original-pale: var(--k-color-text-on-brand-original-pale, rgba(255, 255, 255, 0.48));
@color-text-on-brand-original-soft: var(--k-color-text-on-brand-original-soft, rgba(255, 255, 255, 0.64));
@color-shape-bold-accent: var(--k-color-shape-bold-accent, #3d3d3d);
@color-shape-bold-accent-hover: var(--k-color-shape-bold-accent-hover, #292929);
@color-shape-bold-accent-pressed: var(--k-color-shape-bold-accent-pressed, #161616);
@color-shape-bold-brand-original: var(--k-color-shape-bold-brand-original, #FE4C4C);
@color-shape-bold-brand-original-hover: var(--k-color-shape-bold-brand-original-hover, #ef3c40);
@color-shape-bold-brand-original-pressed: var(--k-color-shape-bold-brand-original-pressed, #d54140);
@color-shape-bold-error: var(--k-color-shape-bold-error, #f63b40);
@color-shape-bold-error-hover: var(--k-color-shape-bold-error-hover, #e62b34);
@color-shape-bold-error-pressed: var(--k-color-shape-bold-error-pressed, #cd3235);
@color-shape-bold-neutral: var(--k-color-shape-bold-neutral, #525252);
@color-shape-bold-neutral-hover: var(--k-color-shape-bold-neutral-hover, #3d3d3d);
@color-shape-bold-neutral-pressed: var(--k-color-shape-bold-neutral-pressed, rgba(0, 0, 0, 0.56));
@color-shape-bold-success: var(--k-color-shape-bold-success, #00a948);
@color-shape-bold-success-hover: var(--k-color-shape-bold-success-hover, #009b41);
@color-shape-bold-success-pressed: var(--k-color-shape-bold-success-pressed, #178b3f);
@color-shape-bold-warning: var(--k-color-shape-bold-warning, #ffbe3d);
@color-shape-bold-warning-hover: var(--k-color-shape-bold-warning-hover, #fdaa00);
@color-shape-bold-warning-pressed: var(--k-color-shape-bold-warning-pressed, #ec9e32);
@color-shape-faint-accent: var(--k-color-shape-faint-accent, rgba(0, 0, 0, 0.12));
@color-shape-faint-accent-hover: var(--k-color-shape-faint-accent-hover, rgba(0, 0, 0, 0.16));
@color-shape-faint-accent-pressed: var(--k-color-shape-faint-accent-pressed, rgba(0, 0, 0, 0.24));
@color-shape-faint-brand: var(--k-color-shape-faint-brand, #ffedef);
@color-shape-faint-brand-hover: var(--k-color-shape-faint-brand-hover, #ffdadd);
@color-shape-faint-brand-pressed: var(--k-color-shape-faint-brand-pressed, #f5dee0);
@color-shape-faint-error: var(--k-color-shape-faint-error, #ffedef);
@color-shape-faint-error-hover: var(--k-color-shape-faint-error-hover, #ffdadd);
@color-shape-faint-error-pressed: var(--k-color-shape-faint-error-pressed, #f5dee0);
@color-shape-faint-neutral-alpha: var(--k-color-shape-faint-neutral-alpha, rgba(0, 0, 0, 0.06));
@color-shape-faint-neutral-alpha-hover: var(--k-color-shape-faint-neutral-alpha-hover, rgba(0, 0, 0, 0.12));
@color-shape-faint-neutral-alpha-pressed: var(--k-color-shape-faint-neutral-alpha-pressed, rgba(0, 0, 0, 0.16));
@color-shape-faint-success: var(--k-color-shape-faint-success, #defbe2);
@color-shape-faint-success-hover: var(--k-color-shape-faint-success-hover, #c3f3ca);
@color-shape-faint-success-pressed: var(--k-color-shape-faint-success-pressed, #d1edd5);
@color-shape-faint-warning: var(--k-color-shape-faint-warning, #fff1ca);
@color-shape-faint-warning-hover: var(--k-color-shape-faint-warning-hover, #f9e3ac);
@color-shape-faint-warning-pressed: var(--k-color-shape-faint-warning-pressed, #f1e4c4);
@color-shape-heavy-error: var(--k-color-shape-heavy-error, #6b1f1e);
@color-shape-heavy-neutral: var(--k-color-shape-heavy-neutral, #292929);
@color-shape-heavy-success: var(--k-color-shape-heavy-success, #0b4a1f);
@color-shape-heavy-warning: var(--k-color-shape-heavy-warning, #583400);
@color-shape-other-accent-bold-disabled: var(--k-color-shape-other-accent-bold-disabled, rgba(0, 0, 0, 0.32));
@color-shape-other-backless-hover: var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06));
@color-shape-other-backless-pressed: var(--k-color-shape-other-backless-pressed, rgba(0, 0, 0, 0.16));
@color-shape-other-base: var(--k-color-shape-other-base, #ffffff);
@color-shape-other-base-hover: var(--k-color-shape-other-base-hover, rgba(255, 255, 255, 0.64));
@color-shape-other-base-pressed: var(--k-color-shape-other-base-pressed, rgba(255, 255, 255, 0.32));
@color-shape-other-disabled: var(--k-color-shape-other-disabled, rgba(0, 0, 0, 0.06));
@color-shape-other-field: var(--k-color-shape-other-field, #ffffff);
@color-shape-other-field-hover: var(--k-color-shape-other-field-hover, #f2f2f2);
@color-shape-other-field-pressed: var(--k-color-shape-other-field-pressed, #e4e4e4);
@color-shape-other-low: var(--k-color-shape-other-low, rgba(0, 0, 0, 0.06));
@color-shape-other-low-hover: var(--k-color-shape-other-low-hover, rgba(0, 0, 0, 0.08));
@color-shape-other-low-pressed: var(--k-color-shape-other-low-pressed, rgba(0, 0, 0, 0.12));
@color-shape-other-neutral-faint-solid: var(--k-color-shape-other-neutral-faint-solid, #f2f2f2);
@color-shape-other-neutral-faint-solid-hover: var(--k-color-shape-other-neutral-faint-solid-hover, #e4e4e4);
@color-shape-other-neutral-faint-solid-pressed: var(--k-color-shape-other-neutral-faint-solid-pressed, #d7d7d7);
@color-shape-other-neutral-pale-solid: var(--k-color-shape-other-neutral-pale-solid, #e4e4e4);
@color-shape-other-neutral-pale-solid-hover: var(--k-color-shape-other-neutral-pale-solid-hover, #d7d7d7);
@color-shape-other-neutral-pale-solid-pressed: var(--k-color-shape-other-neutral-pale-solid-pressed, #cacaca);
@color-shape-other-neutral-soft-solid: var(--k-color-shape-other-neutral-soft-solid, #d7d7d7);
@color-shape-other-neutral-soft-solid-hover: var(--k-color-shape-other-neutral-soft-solid-hover, #bebebe);
@color-shape-other-neutral-soft-solid-pressed: var(--k-color-shape-other-neutral-soft-solid-pressed, #b1b1b1);
@color-shape-pale-accent: var(--k-color-shape-pale-accent, rgba(0, 0, 0, 0.16));
@color-shape-pale-accent-hover: var(--k-color-shape-pale-accent-hover, rgba(0, 0, 0, 0.24));
@color-shape-pale-accent-pressed: var(--k-color-shape-pale-accent-pressed, rgba(0, 0, 0, 0.32));
@color-shape-pale-brand: var(--k-color-shape-pale-brand, #ffdadd);
@color-shape-pale-brand-hover: var(--k-color-shape-pale-brand-hover, #ffc7c7);
@color-shape-pale-brand-pressed: var(--k-color-shape-pale-brand-pressed, #f2cdcd);
@color-shape-pale-error: var(--k-color-shape-pale-error, #ffdadd);
@color-shape-pale-error-hover: var(--k-color-shape-pale-error-hover, #ffc7c7);
@color-shape-pale-error-pressed: var(--k-color-shape-pale-error-pressed, #f2cdcd);
@color-shape-pale-neutral-alpha: var(--k-color-shape-pale-neutral-alpha, rgba(0, 0, 0, 0.12));
@color-shape-pale-neutral-alpha-hover: var(--k-color-shape-pale-neutral-alpha-hover, rgba(0, 0, 0, 0.16));
@color-shape-pale-neutral-alpha-pressed: var(--k-color-shape-pale-neutral-alpha-pressed, rgba(0, 0, 0, 0.24));
@color-shape-pale-success: var(--k-color-shape-pale-success, #c3f3ca);
@color-shape-pale-success-hover: var(--k-color-shape-pale-success-hover, #a7ebb2);
@color-shape-pale-success-pressed: var(--k-color-shape-pale-success-pressed, #bae4c0);
@color-shape-pale-warning: var(--k-color-shape-pale-warning, #ffe29a);
@color-shape-pale-warning-hover: var(--k-color-shape-pale-warning-hover, #f8d286);
@color-shape-pale-warning-pressed: var(--k-color-shape-pale-warning-pressed, #edd5a5);
@color-shape-soft-accent: var(--k-color-shape-soft-accent, rgba(0, 0, 0, 0.32));
@color-shape-soft-accent-hover: var(--k-color-shape-soft-accent-hover, rgba(0, 0, 0, 0.4));
@color-shape-soft-accent-pressed: var(--k-color-shape-soft-accent-pressed, rgba(0, 0, 0, 0.48));
@color-shape-soft-brand: var(--k-color-shape-soft-brand, #fea09c);
@color-shape-soft-brand-hover: var(--k-color-shape-soft-brand-hover, #f98e88);
@color-shape-soft-brand-pressed: var(--k-color-shape-soft-brand-pressed, #e8847c);
@color-shape-soft-error: var(--k-color-shape-soft-error, #fea09c);
@color-shape-soft-error-hover: var(--k-color-shape-soft-error-hover, #f98e88);
@color-shape-soft-error-pressed: var(--k-color-shape-soft-error-pressed, #e8847c);
@color-shape-soft-neutral-alpha: var(--k-color-shape-soft-neutral-alpha, rgba(0, 0, 0, 0.16));
@color-shape-soft-neutral-alpha-hover: var(--k-color-shape-soft-neutral-alpha-hover, rgba(0, 0, 0, 0.24));
@color-shape-soft-neutral-alpha-pressed: var(--k-color-shape-soft-neutral-alpha-pressed, rgba(0, 0, 0, 0.32));
@color-shape-soft-success: var(--k-color-shape-soft-success, #6cd984);
@color-shape-soft-success-hover: var(--k-color-shape-soft-success-hover, #4ecf70);
@color-shape-soft-success-pressed: var(--k-color-shape-soft-success-pressed, #58be6f);
@color-shape-soft-warning: var(--k-color-shape-soft-warning, #ffd06f);
@color-shape-soft-warning-hover: var(--k-color-shape-soft-warning-hover, #f8c05c);
@color-shape-soft-warning-pressed: var(--k-color-shape-soft-warning-pressed, #e9b368);
@color-shape-inverted-backless-hover: var(--k-color-shape-inverted-backless-hover, rgba(255, 255, 255, 0.06));
@color-shape-inverted-backless-pressed: var(--k-color-shape-inverted-backless-pressed, rgba(255, 255, 255, 0.04));
@color-shape-inverted-disabled: var(--k-color-shape-inverted-disabled, rgba(255, 255, 255, 0.06));
@color-shape-inverted-neutral-faint-alpha: var(--k-color-shape-inverted-neutral-faint-alpha, rgba(255, 255, 255, 0.06));
@color-shape-inverted-neutral-faint-alpha-hover: var(--k-color-shape-inverted-neutral-faint-alpha-hover, rgba(255, 255, 255, 0.08));
@color-shape-inverted-neutral-faint-alpha-pressed: var(--k-color-shape-inverted-neutral-faint-alpha-pressed, rgba(255, 255, 255, 0.04));
@color-shape-inverted-neutral-heavy: var(--k-color-shape-inverted-neutral-heavy, #ffffff);
@color-shape-inverted-neutral-heavy-hover: var(--k-color-shape-inverted-neutral-heavy-hover, rgba(255, 255, 255, 0.88));
@color-shape-inverted-neutral-heavy-pressed: var(--k-color-shape-inverted-neutral-heavy-pressed, rgba(255, 255, 255, 0.72));
@color-shape-inverted-neutral-pale-alpha: var(--k-color-shape-inverted-neutral-pale-alpha, rgba(255, 255, 255, 0.12));
@color-shape-inverted-neutral-pale-alpha-hover: var(--k-color-shape-inverted-neutral-pale-alpha-hover, rgba(255, 255, 255, 0.16));
@color-shape-inverted-neutral-pale-alpha-pressed: var(--k-color-shape-inverted-neutral-pale-alpha-pressed, rgba(255, 255, 255, 0.06));
@color-shape-inverted-neutral-soft-alpha: var(--k-color-shape-inverted-neutral-soft-alpha, rgba(255, 255, 255, 0.16));
@color-shape-inverted-neutral-soft-alpha-hover: var(--k-color-shape-inverted-neutral-soft-alpha-hover, rgba(255, 255, 255, 0.24));
@color-shape-inverted-neutral-soft-alpha-pressed: var(--k-color-shape-inverted-neutral-soft-alpha-pressed, rgba(255, 255, 255, 0.08));
@color-shape-const-backless-black-hover: var(--k-color-shape-const-backless-black-hover, rgba(0, 0, 0, 0.12));
@color-shape-const-backless-black-pressed: var(--k-color-shape-const-backless-black-pressed, rgba(0, 0, 0, 0.16));
@color-shape-const-backless-white-hover: var(--k-color-shape-const-backless-white-hover, rgba(255, 255, 255, 0.12));
@color-shape-const-backless-white-pressed: var(--k-color-shape-const-backless-white-pressed, rgba(255, 255, 255, 0.06));
@color-shape-const-disabled-black: var(--k-color-shape-const-disabled-black, rgba(0, 0, 0, 0.06));
@color-shape-const-disabled-white: var(--k-color-shape-const-disabled-white, rgba(255, 255, 255, 0.06));
@color-shape-const-faint-black: var(--k-color-shape-const-faint-black, rgba(0, 0, 0, 0.12));
@color-shape-const-faint-black-hover: var(--k-color-shape-const-faint-black-hover, rgba(0, 0, 0, 0.16));
@color-shape-const-faint-black-pressed: var(--k-color-shape-const-faint-black-pressed, rgba(0, 0, 0, 0.24));
@color-shape-const-faint-white: var(--k-color-shape-const-faint-white, rgba(255, 255, 255, 0.12));
@color-shape-const-faint-white-hover: var(--k-color-shape-const-faint-white-hover, rgba(255, 255, 255, 0.16));
@color-shape-const-faint-white-pressed: var(--k-color-shape-const-faint-white-pressed, rgba(255, 255, 255, 0.08));
@color-shape-const-heavy-black: var(--k-color-shape-const-heavy-black, rgba(0, 0, 0, 0.8));
@color-shape-const-heavy-black-hover: var(--k-color-shape-const-heavy-black-hover, rgba(0, 0, 0, 0.88));
@color-shape-const-heavy-black-pressed: var(--k-color-shape-const-heavy-black-pressed, rgba(0, 0, 0, 0.64));
@color-shape-const-heavy-white: var(--k-color-shape-const-heavy-white, rgba(255, 255, 255, 0.96));
@color-shape-const-heavy-white-hover: var(--k-color-shape-const-heavy-white-hover, #ffffff);
@color-shape-const-heavy-white-pressed: var(--k-color-shape-const-heavy-white-pressed, rgba(255, 255, 255, 0.64));
@color-shape-const-pale-black: var(--k-color-shape-const-pale-black, rgba(0, 0, 0, 0.16));
@color-shape-const-pale-black-hover: var(--k-color-shape-const-pale-black-hover, rgba(0, 0, 0, 0.24));
@color-shape-const-pale-black-pressed: var(--k-color-shape-const-pale-black-pressed, rgba(0, 0, 0, 0.32));
@color-shape-const-pale-white: var(--k-color-shape-const-pale-white, rgba(255, 255, 255, 0.16));
@color-shape-const-pale-white-hover: var(--k-color-shape-const-pale-white-hover, rgba(255, 255, 255, 0.24));
@color-shape-const-pale-white-pressed: var(--k-color-shape-const-pale-white-pressed, rgba(255, 255, 255, 0.12));
@color-shape-const-promo: var(--k-color-shape-const-promo, #661e42);
@color-shape-const-soft-black: var(--k-color-shape-const-soft-black, rgba(0, 0, 0, 0.24));
@color-shape-const-soft-black-hover: var(--k-color-shape-const-soft-black-hover, rgba(0, 0, 0, 0.32));
@color-shape-const-soft-black-pressed: var(--k-color-shape-const-soft-black-pressed, rgba(0, 0, 0, 0.4));
@color-shape-const-soft-white: var(--k-color-shape-const-soft-white, rgba(255, 255, 255, 0.24));
@color-shape-const-soft-white-hover: var(--k-color-shape-const-soft-white-hover, rgba(255, 255, 255, 0.32));
@color-shape-const-soft-white-pressed: var(--k-color-shape-const-soft-white-pressed, rgba(255, 255, 255, 0.24));
@color-line-accent-bold: var(--k-color-line-accent-bold, #484848);
@color-line-accent-bold-hover: var(--k-color-line-accent-bold-hover, #161616);
@color-line-accent-bold-pressed: var(--k-color-line-accent-bold-pressed, rgba(0, 0, 0, 0.64));
@color-line-accent-pale: var(--k-color-line-accent-pale, rgba(0, 0, 0, 0.24));
@color-line-accent-pale-hover: var(--k-color-line-accent-pale-hover, rgba(0, 0, 0, 0.32));
@color-line-accent-pale-pressed: var(--k-color-line-accent-pale-pressed, rgba(0, 0, 0, 0.4));
@color-line-accent-soft: var(--k-color-line-accent-soft, rgba(0, 0, 0, 0.48));
@color-line-accent-soft-hover: var(--k-color-line-accent-soft-hover, rgba(0, 0, 0, 0.96));
@color-line-accent-soft-pressed: var(--k-color-line-accent-soft-pressed, rgba(0, 0, 0, 0.96));
@color-line-brand-original: var(--k-color-line-brand-original, #FE4C4C);
@color-line-error-bold: var(--k-color-line-error-bold, #d6192a);
@color-line-error-bold-hover: var(--k-color-line-error-bold-hover, #f63b40);
@color-line-error-bold-pressed: var(--k-color-line-error-bold-pressed, #a74541);
@color-line-neutral-faint: var(--k-color-line-neutral-faint, rgba(0, 0, 0, 0.08));
@color-line-neutral-pale: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
@color-line-neutral-pale-hover: var(--k-color-line-neutral-pale-hover, rgba(0, 0, 0, 0.24));
@color-line-neutral-pale-pressed: var(--k-color-line-neutral-pale-pressed, rgba(0, 0, 0, 0.4));
@color-line-on-accent-bold-faint: var(--k-color-line-on-accent-bold-faint, rgba(255, 255, 255, 0.12));
@color-line-on-accent-bold-pale: var(--k-color-line-on-accent-bold-pale, rgba(255, 255, 255, 0.24));
@color-line-on-brand-original-faint: var(--k-color-line-on-brand-original-faint, rgba(255, 255, 255, 0.12));
@color-line-on-brand-original-pale: var(--k-color-line-on-brand-original-pale, rgba(255, 255, 255, 0.24));
@color-line-success-bold: var(--k-color-line-success-bold, #008d3a);
@color-line-success-bold-hover: var(--k-color-line-success-bold-hover, #00b74e);
@color-line-success-bold-pressed: var(--k-color-line-success-bold-pressed, #458552);
@color-line-warning-bold: var(--k-color-line-warning-bold, #fdaa00);
@color-line-warning-bold-hover: var(--k-color-line-warning-bold-hover, #e88b00);
@color-line-warning-bold-pressed: var(--k-color-line-warning-bold-pressed, #cb874c);
@color-line-inverted-accent-bold: var(--k-color-line-inverted-accent-bold, #d7d7d7);
@color-line-inverted-accent-bold-hover: var(--k-color-line-inverted-accent-bold-hover, #ffffff);
@color-line-inverted-accent-bold-pressed: var(--k-color-line-inverted-accent-bold-pressed, rgba(255, 255, 255, 0.64));
@color-line-inverted-accent-pale: var(--k-color-line-inverted-accent-pale, rgba(255, 255, 255, 0.24));
@color-line-inverted-accent-pale-hover: var(--k-color-line-inverted-accent-pale-hover, rgba(255, 255, 255, 0.32));
@color-line-inverted-accent-pale-pressed: var(--k-color-line-inverted-accent-pale-pressed, rgba(255, 255, 255, 0.16));
@color-line-inverted-accent-soft: var(--k-color-line-inverted-accent-soft, rgba(255, 255, 255, 0.48));
@color-line-inverted-accent-soft-hover: var(--k-color-line-inverted-accent-soft-hover, #ffffff);
@color-line-inverted-accent-soft-pressed: var(--k-color-line-inverted-accent-soft-pressed, #ffffff);
@color-line-inverted-error-bold: var(--k-color-line-inverted-error-bold, #e62b34);
@color-line-inverted-error-bold-hover: var(--k-color-line-inverted-error-bold-hover, #ff5352);
@color-line-inverted-error-bold-pressed: var(--k-color-line-inverted-error-bold-pressed, #ba4b47);
@color-line-inverted-neutral-faint: var(--k-color-line-inverted-neutral-faint, rgba(255, 255, 255, 0.08));
@color-line-inverted-neutral-pale: var(--k-color-line-inverted-neutral-pale, rgba(255, 255, 255, 0.16));
@color-line-inverted-neutral-pale-hover: var(--k-color-line-inverted-neutral-pale-hover, rgba(255, 255, 255, 0.24));
@color-line-inverted-neutral-pale-pressed: var(--k-color-line-inverted-neutral-pale-pressed, rgba(255, 255, 255, 0.12));
@color-line-inverted-success-bold: var(--k-color-line-inverted-success-bold, #009b41);
@color-line-inverted-success-bold-hover: var(--k-color-line-inverted-success-bold-hover, #00b74e);
@color-line-inverted-success-bold-pressed: var(--k-color-line-inverted-success-bold-pressed, #458552);
@color-line-inverted-warning-bold: var(--k-color-line-inverted-warning-bold, #fdaa00);
@color-line-inverted-warning-bold-hover: var(--k-color-line-inverted-warning-bold-hover, #ffbe3d);
@color-line-inverted-warning-bold-pressed: var(--k-color-line-inverted-warning-bold-pressed, #d69551);
@color-line-const-faint-black: var(--k-color-line-const-faint-black, rgba(0, 0, 0, 0.12));
@color-line-const-faint-white: var(--k-color-line-const-faint-white, rgba(255, 255, 255, 0.12));
@color-line-const-pale-black: var(--k-color-line-const-pale-black, rgba(0, 0, 0, 0.24));
@color-line-const-pale-black-hover: var(--k-color-line-const-pale-black-hover, rgba(0, 0, 0, 0.32));
@color-line-const-pale-black-pressed: var(--k-color-line-const-pale-black-pressed, rgba(0, 0, 0, 0.16));
@color-line-const-pale-white: var(--k-color-line-const-pale-white, rgba(255, 255, 255, 0.24));
@color-line-const-pale-white-hover: var(--k-color-line-const-pale-white-hover, rgba(255, 255, 255, 0.32));
@color-line-const-pale-white-pressed: var(--k-color-line-const-pale-white-pressed, rgba(255, 255, 255, 0.16));
@color-surface-base: var(--k-color-surface-base, #ffffff);
@color-surface-high: var(--k-color-surface-high, #ffffff);
@color-surface-low: var(--k-color-surface-low, #f2f2f2);
@color-surface-modal-backdrop: var(--k-color-surface-modal-backdrop, rgba(0, 0, 0, 0.24));
@color-illustration-black: var(--k-color-illustration-black, #0d0d0d);
@color-illustration-brand: var(--k-color-illustration-brand, #FE4C4C);
@color-illustration-complement: var(--k-color-illustration-complement, #661e42);
@color-illustration-inverted-neutral: var(--k-color-illustration-inverted-neutral, #ffffff);
@color-illustration-neutral: var(--k-color-illustration-neutral, #000000);
@color-illustration-on-brand: var(--k-color-illustration-on-brand, rgba(255, 255, 255, 1));
@color-illustration-on-complement: var(--k-color-illustration-on-complement, #ffffff);
@color-illustration-promo: var(--k-color-illustration-promo, #661e42);
@color-illustration-symbol: var(--k-color-illustration-symbol, #fea09c);
@color-illustration-white: var(--k-color-illustration-white, #ffffff);
@color-customizable-bold-black: var(--k-color-customizable-bold-black, #696969);
@color-customizable-bold-blue: var(--k-color-customizable-bold-blue, #369bff);
@color-customizable-bold-blue-deep: var(--k-color-customizable-bold-blue-deep, #5183ff);
@color-customizable-bold-gray: var(--k-color-customizable-bold-gray, #a4a4a4);
@color-customizable-bold-green: var(--k-color-customizable-bold-green, #00b74e);
@color-customizable-bold-mint: var(--k-color-customizable-bold-mint, #05bfa3);
@color-customizable-bold-orange: var(--k-color-customizable-bold-orange, #f96100);
@color-customizable-bold-purple: var(--k-color-customizable-bold-purple, #cf60ec);
@color-customizable-bold-red: var(--k-color-customizable-bold-red, #ff5352);
@color-customizable-bold-violet: var(--k-color-customizable-bold-violet, #a17bff);
@color-customizable-bold-yellow: var(--k-color-customizable-bold-yellow, #faac00);
@color-customizable-faint-black: var(--k-color-customizable-faint-black, #e4e4e4);
@color-customizable-faint-blue: var(--k-color-customizable-faint-blue, #e2f5ff);
@color-customizable-faint-blue-deep: var(--k-color-customizable-faint-blue-deep, #e8f3ff);
@color-customizable-faint-gray: var(--k-color-customizable-faint-gray, #f2f2f2);
@color-customizable-faint-green: var(--k-color-customizable-faint-green, #defbe2);
@color-customizable-faint-mint: var(--k-color-customizable-faint-mint, #d2fcf6);
@color-customizable-faint-orange: var(--k-color-customizable-faint-orange, #ffeee2);
@color-customizable-faint-purple: var(--k-color-customizable-faint-purple, #ffeaff);
@color-customizable-faint-red: var(--k-color-customizable-faint-red, #ffedef);
@color-customizable-faint-violet: var(--k-color-customizable-faint-violet, #f1f0ff);
@color-customizable-faint-yellow: var(--k-color-customizable-faint-yellow, #fff2c1);
@color-customizable-heavy-black: var(--k-color-customizable-heavy-black, #3d3d3d);
@color-customizable-heavy-blue: var(--k-color-customizable-heavy-blue, #005dae);
@color-customizable-heavy-blue-deep: var(--k-color-customizable-heavy-blue-deep, #234ece);
@color-customizable-heavy-gray: var(--k-color-customizable-heavy-gray, #747474);
@color-customizable-heavy-green: var(--k-color-customizable-heavy-green, #00722d);
@color-customizable-heavy-mint: var(--k-color-customizable-heavy-mint, #027b68);
@color-customizable-heavy-orange: var(--k-color-customizable-heavy-orange, #9c3a00);
@color-customizable-heavy-purple: var(--k-color-customizable-heavy-purple, #8b22a4);
@color-customizable-heavy-red: var(--k-color-customizable-heavy-red, #c50220);
@color-customizable-heavy-violet: var(--k-color-customizable-heavy-violet, #6936c2);
@color-customizable-heavy-yellow: var(--k-color-customizable-heavy-yellow, #9f6700);
@color-customizable-pale-black: var(--k-color-customizable-pale-black, #d7d7d7);
@color-customizable-pale-blue: var(--k-color-customizable-pale-blue, #c7ebff);
@color-customizable-pale-blue-deep: var(--k-color-customizable-pale-blue-deep, #d2e7ff);
@color-customizable-pale-gray: var(--k-color-customizable-pale-gray, #e4e4e4);
@color-customizable-pale-green: var(--k-color-customizable-pale-green, #c3f3ca);
@color-customizable-pale-mint: var(--k-color-customizable-pale-mint, #adf5e9);
@color-customizable-pale-orange: var(--k-color-customizable-pale-orange, #ffddc7);
@color-customizable-pale-purple: var(--k-color-customizable-pale-purple, #fbd6ff);
@color-customizable-pale-red: var(--k-color-customizable-pale-red, #ffdadd);
@color-customizable-pale-violet: var(--k-color-customizable-pale-violet, #e4e0ff);
@color-customizable-pale-yellow: var(--k-color-customizable-pale-yellow, #fee38d);
@color-customizable-soft-black: var(--k-color-customizable-soft-black, #b1b1b1);
@color-customizable-soft-blue: var(--k-color-customizable-soft-blue, #80c5ff);
@color-customizable-soft-blue-deep: var(--k-color-customizable-soft-blue-deep, #99bfff);
@color-customizable-soft-gray: var(--k-color-customizable-soft-gray, #d7d7d7);
@color-customizable-soft-green: var(--k-color-customizable-soft-green, #6cd984);
@color-customizable-soft-mint: var(--k-color-customizable-soft-mint, #4fe6cc);
@color-customizable-soft-orange: var(--k-color-customizable-soft-orange, #ffa573);
@color-customizable-soft-purple: var(--k-color-customizable-soft-purple, #ea9aff);
@color-customizable-soft-red: var(--k-color-customizable-soft-red, #ffa09b);
@color-customizable-soft-violet: var(--k-color-customizable-soft-violet, #c1b0ff);
@color-customizable-soft-yellow: var(--k-color-customizable-soft-yellow, #fed25d);