:root.bnpl-saas-design-tokens--light, .bnpl-saas-design-tokens--light, :root.bnpl-saas-design-tokens--system, .bnpl-saas-design-tokens--system {
      --bnpl-saas-design-tokens-v1__primary: #000000;
--bnpl-saas-design-tokens-v1__complementary: #ffffff;
--bnpl-saas-design-tokens-v1__accent: #ddf400;
--bnpl-saas-design-tokens-v1__extended-a: #b4dbc2;
--bnpl-saas-design-tokens-v1__extended-b: #ffaf5f;
--bnpl-saas-design-tokens-v1__background: #eeeae5;
--bnpl-saas-design-tokens-v1__foreground: #ffffff;
--bnpl-saas-design-tokens-v1__container: #ffffff;
--bnpl-saas-design-tokens-v1__box: #f9f9f9;
--bnpl-saas-design-tokens-v1__backdrop: #00000061;
--bnpl-saas-design-tokens-v1__text: #000000;
--bnpl-saas-design-tokens-v1__text-light: #5c5c5c;
--bnpl-saas-design-tokens-v1__text-placeholder: #707070;
--bnpl-saas-design-tokens-v1__icon-primary: #000000;
--bnpl-saas-design-tokens-v1__icon-complementary: #ffffff;
--bnpl-saas-design-tokens-v1__icon-light: #5c5c5c;
--bnpl-saas-design-tokens-v1__border: #000000;
--bnpl-saas-design-tokens-v1__border-light: #dcdcdc;
--bnpl-saas-design-tokens-v1__line: #000000;
--bnpl-saas-design-tokens-v1__line-opacity: #0000000d;
--bnpl-saas-design-tokens-v1__default: #dcdcdc;
--bnpl-saas-design-tokens-v1__hover: #b8b8b8;
--bnpl-saas-design-tokens-v1__pressed: #999999;
--bnpl-saas-design-tokens-v1__selected: #000000;
--bnpl-saas-design-tokens-v1__focus: #3b83f6;
--bnpl-saas-design-tokens-v1__error: #da212a;
--bnpl-saas-design-tokens-v1__btn-con-default: #000000;
--bnpl-saas-design-tokens-v1__btn-con-hover: #262626;
--bnpl-saas-design-tokens-v1__btn-con-pressed: #555555;
--bnpl-saas-design-tokens-v1__btn-con-content: #ffffff;
--bnpl-saas-design-tokens-v1__btn-out-default: #ffffff;
--bnpl-saas-design-tokens-v1__btn-out-hover: #f3f3f3;
--bnpl-saas-design-tokens-v1__btn-out-pressed: #ebebeb;
--bnpl-saas-design-tokens-v1__btn-out-content: #000000;
--bnpl-saas-design-tokens-v1__btn-dan-default: #ec2d30;
--bnpl-saas-design-tokens-v1__btn-dan-hover: #fb3830;
--bnpl-saas-design-tokens-v1__btn-dan-pressed: #f64c4c;
--bnpl-saas-design-tokens-v1__btn-dan-content: #ffffff;
--bnpl-saas-design-tokens-v1__btn-thu-default: #000000;
--bnpl-saas-design-tokens-v1__btn-thu-hover: #262626;
--bnpl-saas-design-tokens-v1__btn-thu-pressed: #555555;
--bnpl-saas-design-tokens-v1__btn-thu-selected: #000000;
--bnpl-saas-design-tokens-v1__btn-thu-content: #ddf400;
--bnpl-saas-design-tokens-v1__opacity-default: #00000008;
--bnpl-saas-design-tokens-v1__opacity-hover: #0000000d;
--bnpl-saas-design-tokens-v1__opacity-pressed: #0000001f;
--bnpl-saas-design-tokens-v1__tag-con: #f3f3f3;
--bnpl-saas-design-tokens-v1__tag-con-content: #000000;
--bnpl-saas-design-tokens-v1__tag-out: #000000;
--bnpl-saas-design-tokens-v1__tag-out-content: #000000;
--bnpl-saas-design-tokens-v1__field-input: #ffffff;
--bnpl-saas-design-tokens-v1__field-read-only: #f9f9f9;
--bnpl-saas-design-tokens-v1__msg-info: #e4f2ff;
--bnpl-saas-design-tokens-v1__msg-success: #e5f5ec;
--bnpl-saas-design-tokens-v1__msg-warning: #fff7e1;
--bnpl-saas-design-tokens-v1__msg-danger: #ffebee;
--bnpl-saas-design-tokens-v1__msg-content: #000000;
--bnpl-saas-design-tokens-v1__activated: #000000;
--bnpl-saas-design-tokens-v1__deactivated: #c4c4c4;
--bnpl-saas-design-tokens-v1__draft: #c4c4c4;
--bnpl-saas-design-tokens-v1__pending: #c4c4c4;
--bnpl-saas-design-tokens-v1__expired: #da212a;
--bnpl-saas-design-tokens-v1__scroll-thumb: #dcdcdc;
--bnpl-saas-design-tokens-v1__scroll-track: #f9f9f9;
--bnpl-saas-design-tokens-v1__sileon-logo: #000000;
--bnpl-saas-design-tokens-v1__chart-a: #000000;
--bnpl-saas-design-tokens-v1__chart-b: #9d9d9d;
--bnpl-saas-design-tokens-v1__chart-c: #d9d9d9;
--bnpl-saas-design-tokens-v1__shadow: 0px 2px 8px 0px #0000001f;
    }
    :root.bnpl-saas-design-tokens--dark, .bnpl-saas-design-tokens--dark {
      --bnpl-saas-design-tokens-v1__primary: #000000;
--bnpl-saas-design-tokens-v1__complementary: #ffffff;
--bnpl-saas-design-tokens-v1__accent: #ddf400;
--bnpl-saas-design-tokens-v1__extended-a: #13302c;
--bnpl-saas-design-tokens-v1__extended-b: #c1560c;
--bnpl-saas-design-tokens-v1__background: #131312;
--bnpl-saas-design-tokens-v1__foreground: #2c2c2c;
--bnpl-saas-design-tokens-v1__container: #000000;
--bnpl-saas-design-tokens-v1__box: #000000;
--bnpl-saas-design-tokens-v1__backdrop: rgba(0,0,0,0.8);
--bnpl-saas-design-tokens-v1__text: #dcdcdc;
--bnpl-saas-design-tokens-v1__text-light: #999999;
--bnpl-saas-design-tokens-v1__text-placeholder: #999999;
--bnpl-saas-design-tokens-v1__icon-primary: #dcdcdc;
--bnpl-saas-design-tokens-v1__icon-complementary: #000000;
--bnpl-saas-design-tokens-v1__icon-light: #999999;
--bnpl-saas-design-tokens-v1__border: #dcdcdc;
--bnpl-saas-design-tokens-v1__border-light: #2c2c2c;
--bnpl-saas-design-tokens-v1__line: #dcdcdc;
--bnpl-saas-design-tokens-v1__line-opacity: #ffffff14;
--bnpl-saas-design-tokens-v1__default: #5c5c5c;
--bnpl-saas-design-tokens-v1__hover: #707070;
--bnpl-saas-design-tokens-v1__pressed: #999999;
--bnpl-saas-design-tokens-v1__selected: #ffffff;
--bnpl-saas-design-tokens-v1__focus: #4ba1ff;
--bnpl-saas-design-tokens-v1__error: #fb3830;
--bnpl-saas-design-tokens-v1__btn-con-default: #ffffff;
--bnpl-saas-design-tokens-v1__btn-con-hover: #d9d9d9;
--bnpl-saas-design-tokens-v1__btn-con-pressed: #c4c4c4;
--bnpl-saas-design-tokens-v1__btn-con-content: #000000;
--bnpl-saas-design-tokens-v1__btn-out-default: #000000;
--bnpl-saas-design-tokens-v1__btn-out-hover: #2c2c2c;
--bnpl-saas-design-tokens-v1__btn-out-pressed: #5c5c5c;
--bnpl-saas-design-tokens-v1__btn-out-content: #dcdcdc;
--bnpl-saas-design-tokens-v1__btn-dan-default: #fb3830;
--bnpl-saas-design-tokens-v1__btn-dan-hover: #f64c4c;
--bnpl-saas-design-tokens-v1__btn-dan-pressed: #eb6f71;
--bnpl-saas-design-tokens-v1__btn-dan-content: #ffffff;
--bnpl-saas-design-tokens-v1__btn-thu-default: #ddf400;
--bnpl-saas-design-tokens-v1__btn-thu-hover: #ecf880;
--bnpl-saas-design-tokens-v1__btn-thu-pressed: #ddf400;
--bnpl-saas-design-tokens-v1__btn-thu-selected: #ddf400;
--bnpl-saas-design-tokens-v1__btn-thu-content: #000000;
--bnpl-saas-design-tokens-v1__opacity-default: #ffffff14;
--bnpl-saas-design-tokens-v1__opacity-hover: #ffffff24;
--bnpl-saas-design-tokens-v1__opacity-pressed: #FFFFFF38;
--bnpl-saas-design-tokens-v1__tag-con: #2c2c2c;
--bnpl-saas-design-tokens-v1__tag-con-content: #dcdcdc;
--bnpl-saas-design-tokens-v1__tag-out: #dcdcdc;
--bnpl-saas-design-tokens-v1__tag-out-content: #dcdcdc;
--bnpl-saas-design-tokens-v1__field-input: #000000;
--bnpl-saas-design-tokens-v1__field-read-only: #1d1d1d;
--bnpl-saas-design-tokens-v1__msg-info: #93c8ff;
--bnpl-saas-design-tokens-v1__msg-success: #97d4b4;
--bnpl-saas-design-tokens-v1__msg-warning: #ffdd82;
--bnpl-saas-design-tokens-v1__msg-danger: #f49899;
--bnpl-saas-design-tokens-v1__msg-content: #000000;
--bnpl-saas-design-tokens-v1__activated: #ffffff;
--bnpl-saas-design-tokens-v1__deactivated: #7b7b7b;
--bnpl-saas-design-tokens-v1__draft: #7b7b7b;
--bnpl-saas-design-tokens-v1__pending: #7b7b7b;
--bnpl-saas-design-tokens-v1__expired: #fb3830;
--bnpl-saas-design-tokens-v1__scroll-thumb: #5c5c5c;
--bnpl-saas-design-tokens-v1__scroll-track: #000000;
--bnpl-saas-design-tokens-v1__sileon-logo: #ffffff;
--bnpl-saas-design-tokens-v1__chart-a: #ffffff;
--bnpl-saas-design-tokens-v1__chart-b: #9d9d9d;
--bnpl-saas-design-tokens-v1__chart-c: #434343;
--bnpl-saas-design-tokens-v1__shadow: 0px 2px 8px 0px #00000061;
    }
    @media (prefers-color-scheme: dark) {
      :root.bnpl-saas-design-tokens--system, .bnpl-saas-design-tokens--system {
        --bnpl-saas-design-tokens-v1__primary: #000000;
--bnpl-saas-design-tokens-v1__complementary: #ffffff;
--bnpl-saas-design-tokens-v1__accent: #ddf400;
--bnpl-saas-design-tokens-v1__extended-a: #13302c;
--bnpl-saas-design-tokens-v1__extended-b: #c1560c;
--bnpl-saas-design-tokens-v1__background: #131312;
--bnpl-saas-design-tokens-v1__foreground: #2c2c2c;
--bnpl-saas-design-tokens-v1__container: #000000;
--bnpl-saas-design-tokens-v1__box: #000000;
--bnpl-saas-design-tokens-v1__backdrop: rgba(0,0,0,0.8);
--bnpl-saas-design-tokens-v1__text: #dcdcdc;
--bnpl-saas-design-tokens-v1__text-light: #999999;
--bnpl-saas-design-tokens-v1__text-placeholder: #999999;
--bnpl-saas-design-tokens-v1__icon-primary: #dcdcdc;
--bnpl-saas-design-tokens-v1__icon-complementary: #000000;
--bnpl-saas-design-tokens-v1__icon-light: #999999;
--bnpl-saas-design-tokens-v1__border: #dcdcdc;
--bnpl-saas-design-tokens-v1__border-light: #2c2c2c;
--bnpl-saas-design-tokens-v1__line: #dcdcdc;
--bnpl-saas-design-tokens-v1__line-opacity: #ffffff14;
--bnpl-saas-design-tokens-v1__default: #5c5c5c;
--bnpl-saas-design-tokens-v1__hover: #707070;
--bnpl-saas-design-tokens-v1__pressed: #999999;
--bnpl-saas-design-tokens-v1__selected: #ffffff;
--bnpl-saas-design-tokens-v1__focus: #4ba1ff;
--bnpl-saas-design-tokens-v1__error: #fb3830;
--bnpl-saas-design-tokens-v1__btn-con-default: #ffffff;
--bnpl-saas-design-tokens-v1__btn-con-hover: #d9d9d9;
--bnpl-saas-design-tokens-v1__btn-con-pressed: #c4c4c4;
--bnpl-saas-design-tokens-v1__btn-con-content: #000000;
--bnpl-saas-design-tokens-v1__btn-out-default: #000000;
--bnpl-saas-design-tokens-v1__btn-out-hover: #2c2c2c;
--bnpl-saas-design-tokens-v1__btn-out-pressed: #5c5c5c;
--bnpl-saas-design-tokens-v1__btn-out-content: #dcdcdc;
--bnpl-saas-design-tokens-v1__btn-dan-default: #fb3830;
--bnpl-saas-design-tokens-v1__btn-dan-hover: #f64c4c;
--bnpl-saas-design-tokens-v1__btn-dan-pressed: #eb6f71;
--bnpl-saas-design-tokens-v1__btn-dan-content: #ffffff;
--bnpl-saas-design-tokens-v1__btn-thu-default: #ddf400;
--bnpl-saas-design-tokens-v1__btn-thu-hover: #ecf880;
--bnpl-saas-design-tokens-v1__btn-thu-pressed: #ddf400;
--bnpl-saas-design-tokens-v1__btn-thu-selected: #ddf400;
--bnpl-saas-design-tokens-v1__btn-thu-content: #000000;
--bnpl-saas-design-tokens-v1__opacity-default: #ffffff14;
--bnpl-saas-design-tokens-v1__opacity-hover: #ffffff24;
--bnpl-saas-design-tokens-v1__opacity-pressed: #FFFFFF38;
--bnpl-saas-design-tokens-v1__tag-con: #2c2c2c;
--bnpl-saas-design-tokens-v1__tag-con-content: #dcdcdc;
--bnpl-saas-design-tokens-v1__tag-out: #dcdcdc;
--bnpl-saas-design-tokens-v1__tag-out-content: #dcdcdc;
--bnpl-saas-design-tokens-v1__field-input: #000000;
--bnpl-saas-design-tokens-v1__field-read-only: #1d1d1d;
--bnpl-saas-design-tokens-v1__msg-info: #93c8ff;
--bnpl-saas-design-tokens-v1__msg-success: #97d4b4;
--bnpl-saas-design-tokens-v1__msg-warning: #ffdd82;
--bnpl-saas-design-tokens-v1__msg-danger: #f49899;
--bnpl-saas-design-tokens-v1__msg-content: #000000;
--bnpl-saas-design-tokens-v1__activated: #ffffff;
--bnpl-saas-design-tokens-v1__deactivated: #7b7b7b;
--bnpl-saas-design-tokens-v1__draft: #7b7b7b;
--bnpl-saas-design-tokens-v1__pending: #7b7b7b;
--bnpl-saas-design-tokens-v1__expired: #fb3830;
--bnpl-saas-design-tokens-v1__scroll-thumb: #5c5c5c;
--bnpl-saas-design-tokens-v1__scroll-track: #000000;
--bnpl-saas-design-tokens-v1__sileon-logo: #ffffff;
--bnpl-saas-design-tokens-v1__chart-a: #ffffff;
--bnpl-saas-design-tokens-v1__chart-b: #9d9d9d;
--bnpl-saas-design-tokens-v1__chart-c: #434343;
--bnpl-saas-design-tokens-v1__shadow: 0px 2px 8px 0px #00000061;
      }
    }