/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --3d-sizing-lg: var(--sizing-3d-lg);
  --3d-sizing-md: var(--sizing-3d-md);
  --3d-sizing-sm: var(--sizing-3d-sm);
  --3d-sizing-xs: var(--sizing-3d-xs);
  --alpine-ag-icon-default: rgba(24,29,31,0.9); /* @kind color */
  --border-default-primary: var(--color-grey-300); /* @kind color */
  --border-radius: 8; /* @kind other */
  --border-success-primary-solid: var(--color-green-500); /* @kind color */
  --button-button-height: var(--spacing-7-28px); /* @kind other */
  --button-label: var(--typography-size-11-14px);
  --color-ag-icon-default: var(--material-ag-icon-default); /* @kind color */
  --color-allocation-01-2: var(--color-allocation-01); /* @kind color */
  --color-allocation-01: var(--sq-colors-red-allocation-pink-red-lm); /* @kind color */
  --color-allocation-02-2: var(--color-allocation-02); /* @kind color */
  --color-allocation-02: var(--sq-colors-pastel-green-pastel-green-lm); /* @kind color */
  --color-allocation-03-2: var(--color-allocation-03); /* @kind color */
  --color-allocation-03: var(--sq-colors-grape-grape-blue-lm); /* @kind color */
  --color-allocation-04-2: var(--color-allocation-04); /* @kind color */
  --color-allocation-04: var(--sq-colors-mustard-mustard-lm); /* @kind color */
  --color-allocation-05-2: var(--color-allocation-05); /* @kind color */
  --color-allocation-05: var(--sq-colors-purple-purple-lmle); /* @kind color */
  --color-allocation-06-2: var(--color-allocation-06); /* @kind color */
  --color-allocation-06: var(--sq-colors-greeny-greeny-lm); /* @kind color */
  --color-allocation-07-2: var(--color-allocation-07); /* @kind color */
  --color-allocation-07: var(--sq-colors-acqua-acqua-lm); /* @kind color */
  --color-background-background-2: var(--color-background-background); /* @kind color */
  --color-background-background: var(--sq-colors-base-sq-bg); /* @kind color */
  --color-background-container-2: var(--color-background-container); /* @kind color */
  --color-background-container: var(--sq-colors-base-white); /* @kind color */
  --color-background-old-sq-bg-desktop-dm: rgb(33,19,36); /* @kind color */
  --color-background-old-sq-container-desktop-dm-2: rgb(51,39,54); /* @kind color */
  --color-background-old-sq-container-desktop-dm: rgb(51,39,54); /* @kind color */
  --color-background-sq-bg-dm-2: rgb(0,0,0); /* @kind color */
  --color-background-sq-bg-dm: rgb(9,5,10); /* @kind color */
  --color-background-sq-bg-mobile-dm-2: rgb(0,0,0); /* @kind color */
  --color-background-sq-bg-mobile-dm: rgb(0,0,0); /* @kind color */
  --color-background-sq-container-dm-2: rgb(9,5,10); /* @kind color */
  --color-background-sq-container-dm-3: rgb(28,28,28); /* @kind color */
  --color-background-sq-container-dm: rgb(26,24,27); /* @kind color */
  --color-background-sq-container-mobile-dm-2: rgb(28,28,28); /* @kind color */
  --color-background-sq-container-mobile-dm-3: rgb(28,28,28); /* @kind color */
  --color-background-sq-container-mobile-dm: rgb(28,28,28); /* @kind color */
  --color-background-wl-background: var(--pf-colors-petrol-pf-bg); /* @kind color */
  --color-background-wl-container: var(--pf-colors-base-white); /* @kind color */
  --color-brand-00: var(--color-brand-main-00); /* @kind color */
  --color-brand-01: var(--color-brand-main-01); /* @kind color */
  --color-brand-02: var(--color-brand-main-02); /* @kind color */
  --color-brand-03: var(--color-brand-main-03); /* @kind color */
  --color-brand-04: var(--color-brand-main-04); /* @kind color */
  --color-brand-05: var(--color-brand-main-05); /* @kind color */
  --color-brand-06: var(--color-brand-main-06); /* @kind color */
  --color-brand-07: var(--color-brand-main-07); /* @kind color */
  --color-brand-main-00: var(--sq-colors-orange-90-main); /* @kind color */
  --color-brand-main-01: var(--sq-colors-orange-darkest); /* @kind color */
  --color-brand-main-02: var(--sq-colors-orange-dark); /* @kind color */
  --color-brand-main-03: var(--sq-colors-orange-80); /* @kind color */
  --color-brand-main-04: var(--sq-colors-orange-60); /* @kind color */
  --color-brand-main-05: var(--sq-colors-orange-40); /* @kind color */
  --color-brand-main-06: var(--sq-colors-orange-20); /* @kind color */
  --color-brand-main-07: var(--sq-colors-orange-10); /* @kind color */
  --color-brand-petrol: var(--sq-colors-orange-90-main); /* @kind color */
  --color-brand-pf-00: var(--pf-colors-petrol-8); /* @kind color */
  --color-brand-pf-01: var(--pf-colors-petrol-7); /* @kind color */
  --color-brand-pf-02: var(--pf-colors-petrol-6); /* @kind color */
  --color-brand-pf-03: var(--pf-colors-petrol-5); /* @kind color */
  --color-brand-pf-04: var(--pf-colors-petrol-4); /* @kind color */
  --color-brand-pf-05: var(--pf-colors-petrol-3); /* @kind color */
  --color-brand-pf-06: var(--pf-colors-petrol-2); /* @kind color */
  --color-brand-pf-07: var(--pf-colors-petrol-1); /* @kind color */
  --color-brand-postgelb: var(--sq-colors-orange-90-main); /* @kind color */
  --color-brand-wl-00: var(--wl-colors-green-90-main); /* @kind color */
  --color-brand-wl-01: var(--wl-colors-green-darkest); /* @kind color */
  --color-brand-wl-02: var(--wl-colors-green-dark); /* @kind color */
  --color-brand-wl-03: var(--wl-colors-green-80); /* @kind color */
  --color-brand-wl-04: var(--wl-colors-green-60); /* @kind color */
  --color-brand-wl-05: var(--wl-colors-green-40); /* @kind color */
  --color-brand-wl-06: var(--wl-colors-green-20); /* @kind color */
  --color-brand-wl-07: var(--wl-colors-green-10); /* @kind color */
  --color-chart-sq-chart-01: var(--sq-colors-blue-chart-chart-01-lm); /* @kind color */
  --color-chart-sq-chart-02: var(--sq-colors-blue-chart-chart-02-lm); /* @kind color */
  --color-core-01-2: var(--color-core-01); /* @kind color */
  --color-core-01: var(--sq-colors-grey-color-black); /* @kind color */
  --color-core-02-2: var(--color-core-02); /* @kind color */
  --color-core-02: var(--sq-colors-grey-charcoal); /* @kind color */
  --color-core-03-2: var(--color-core-03); /* @kind color */
  --color-core-03: var(--sq-colors-grey-darkest-grey); /* @kind color */
  --color-core-04-2: var(--color-core-04); /* @kind color */
  --color-core-04: var(--sq-colors-grey-dark-grey); /* @kind color */
  --color-core-05-2: var(--color-core-05); /* @kind color */
  --color-core-05: var(--sq-colors-grey-medium-grey); /* @kind color */
  --color-core-06-2: var(--color-core-06); /* @kind color */
  --color-core-06: var(--sq-colors-grey-light-grey); /* @kind color */
  --color-core-07-2: var(--color-core-07); /* @kind color */
  --color-core-07-with-30-opacity-2: var(--sq-colors-grey-opacity); /* @kind color */
  --color-core-07-with-30-opacity: var(--color-core-07-with-30-opacity-2); /* @kind color */
  --color-core-07: var(--sq-colors-grey-lightest-grey); /* @kind color */
  --color-core-08-2: var(--color-core-08); /* @kind color */
  --color-core-08: var(--sq-colors-grey-white); /* @kind color */
  --color-graphs-primary: rgb(179,184,219); /* @kind color */
  --color-graphs-secondary: rgb(194,222,250); /* @kind color */
  --color-graphs-tertiary: rgb(254,163,180); /* @kind color */
  --color-green-500: rgb(0,135,90); /* @kind color */
  --color-green-500: rgb(51,159,123); /* @kind color */
  --color-grey-300: rgb(140,141,152); /* @kind color */
  --color-grey-300: rgb(235,235,235); /* @kind color */
  --color-inputs-success-border: var(--border-success-primary-solid); /* @kind color */
  --color-overlay-overlay: var(--color-overlay-sq-container); /* @kind color */
  --color-overlay-sq-container: var(--sq-colors-overlay-black-50); /* @kind color */
  --color-quality-01-2: var(--color-quality-01); /* @kind color */
  --color-quality-01: var(--sq-colors-quality-down-red-lm); /* @kind color */
  --color-quality-02-2: var(--color-quality-02); /* @kind color */
  --color-quality-02: var(--sq-colors-quality-flame-lm); /* @kind color */
  --color-quality-03-2: var(--color-quality-03); /* @kind color */
  --color-quality-03: var(--sq-colors-quality-fox-lm); /* @kind color */
  --color-quality-04-2: var(--color-quality-04); /* @kind color */
  --color-quality-04: var(--sq-colors-quality-quality-cadmium-lm); /* @kind color */
  --color-quality-05-2: var(--color-quality-05); /* @kind color */
  --color-quality-05: var(--sq-colors-quality-quality-yellow-lm); /* @kind color */
  --color-quality-06-2: var(--color-quality-06); /* @kind color */
  --color-quality-06: var(--sq-colors-green-quality-old-gold-lm); /* @kind color */
  --color-quality-07-2: var(--color-quality-07); /* @kind color */
  --color-quality-07: var(--sq-colors-green-quality-frog-lm); /* @kind color */
  --color-quality-08-2: var(--color-quality-08); /* @kind color */
  --color-quality-08: var(--sq-colors-green-quality-asparagus-lm); /* @kind color */
  --color-quality-09-2: var(--color-quality-09); /* @kind color */
  --color-quality-09: var(--sq-colors-green-quality-forest-lm); /* @kind color */
  --color-quality-10-2: var(--color-quality-10); /* @kind color */
  --color-quality-10: var(--sq-colors-green-quality-up-green-lm); /* @kind color */
  --color-quality-11-2: var(--sq-colors-green-quality-deep-sea-green-lm); /* @kind color */
  --color-quality-11: var(--color-quality-11-2); /* @kind color */
  --color-red-500: rgb(225,14,0); /* @kind color */
  --color-red-500: rgb(231,62,51); /* @kind color */
  --color-shadowscontainers: var(--sq-colors-blue-info-info-bg-lm); /* @kind color */
  --color-shadowsmodales: var(--sq-colors-grey-charcoal-10); /* @kind color */
  --color-system-error-10-2: var(--color-system-error-10); /* @kind color */
  --color-system-error-10: var(--sq-colors-red-error-down-red-bg-lm); /* @kind color */
  --color-system-error-2: var(--color-system-error); /* @kind color */
  --color-system-error: var(--sq-colors-red-error-down-red-lm); /* @kind color */
  --color-system-info-10-2: var(--color-system-info-10); /* @kind color */
  --color-system-info-10: var(--sq-colors-blue-info-info-bg-lm); /* @kind color */
  --color-system-info-2: var(--color-system-info); /* @kind color */
  --color-system-info: var(--sq-colors-blue-info-info-lm); /* @kind color */
  --color-system-success-10-2: var(--color-system-success-10); /* @kind color */
  --color-system-success-10: var(--sq-colors-green-success-up-green-bg-lm); /* @kind color */
  --color-system-success-2: var(--color-system-success); /* @kind color */
  --color-system-success: var(--sq-colors-green-success-up-green-lm); /* @kind color */
  --color-system-warning-10-2: var(--color-system-warning-10); /* @kind color */
  --color-system-warning-10: var(--sq-colors-yellow-warning-bg-lm); /* @kind color */
  --color-system-warning-2: var(--color-system-warning); /* @kind color */
  --color-system-warning: var(--sq-colors-yellow-warning-lm); /* @kind color */
  --color-trade-buy-01-2: var(--color-trade-buy-01); /* @kind color */
  --color-trade-buy-01: var(--sq-colors-blue-buy-buy-hover); /* @kind color */
  --color-trade-buy-02-2: var(--color-trade-buy-02); /* @kind color */
  --color-trade-buy-02-bg-2: var(--color-trade-buy-02-bg); /* @kind color */
  --color-trade-buy-02-bg: var(--sq-colors-blue-buy-buy-hover-bg); /* @kind color */
  --color-trade-buy-02: var(--sq-colors-blue-buy-buy-blue); /* @kind color */
  --color-trade-buy-03-2: var(--color-trade-buy-03); /* @kind color */
  --color-trade-buy-03: var(--sq-colors-blue-buy-buy-active); /* @kind color */
  --color-trade-sell-01-2: var(--color-trade-sell-01); /* @kind color */
  --color-trade-sell-01: var(--sq-colors-red-sell-sell-hover); /* @kind color */
  --color-trade-sell-02-2: var(--color-trade-sell-02); /* @kind color */
  --color-trade-sell-02-bg-2: var(--color-trade-sell-02-bg); /* @kind color */
  --color-trade-sell-02-bg: var(--sq-colors-red-sell-sell-salmon-bg); /* @kind color */
  --color-trade-sell-02: var(--sq-colors-red-sell-sell-salmon); /* @kind color */
  --color-trade-sell-03-2: var(--color-trade-sell-03); /* @kind color */
  --color-trade-sell-03: var(--sq-colors-red-sell-sell-active); /* @kind color */
  --colors-base-transparent: rgba(255,255,255,0); /* @kind color */
  --colors-effects-shadows-shadow-skeumorphic-inner-border: rgba(16,24,40,0.18); /* @kind color */
  --colors-effects-shadows-shadow-skeumorphic-inner: rgba(16,24,40,0.05); /* @kind color */
  --colors-effects-shadows-shadow-xs: rgba(16,24,40,0.05); /* @kind color */
  --container-button-xs-height: var(--spacing-1-4px); /* @kind other */
  --container-container-max-width-desktop: var(--spacing-320-1-280px); /* @kind other */
  --container-container-padding-0-value: var(--spacing-0-0px); /* @kind other */
  --container-container-padding-left-right-desktop: var(--spacing-4-16px); /* @kind other */
  --container-container-padding-mobile: var(--spacing-4-16px); /* @kind other */
  --container-container-padding-top-bottom-desktop: var(--spacing-3-12px); /* @kind other */
  --devices-width-desktop: 1440; /* @kind other */
  --devices-width-max-desktop: 1920; /* @kind other */
  --devices-width-mobile: 375; /* @kind other */
  --devices-width-tablet: 768; /* @kind other */
  --family-font-family: var(--font-family-sq);
  --font-family-postfinance-grotesk: var(--typography-family-postfinance-grotesk);
  --font-family-sq: var(--typography-family-swissquote);
  --font-family-white-label: var(--typography-family-arial);
  --font-interlettering: var(--typography-interlettering-interlettering-desktop);
  --font-interspacing-body-default: var(--typography-size-4-24px);
  --font-interspacing-body-medium: var(--typography-size-6-20px);
  --font-interspacing-button-default: var(--typography-size-4-24px);
  --font-interspacing-button-small: var(--typography-size-11-14px);
  --font-interspacing-caption: var(--typography-size-11-14px);
  --font-size-body-default: var(--typography-size-9-16px);
  --font-size-body-medium: var(--typography-size-11-14px);
  --font-size-body-small: 12;
  --font-size-button-default: var(--typography-size-9-16px);
  --font-size-button-small-2: var(--font-size-button-small);
  --font-size-button-small: var(--typography-size-11-14px);
  --font-size-caption: var(--typography-size-13-12px);
  --font-size-heading-large: var(--typography-size-2-36px);
  --font-size-heading-medium: var(--typography-size-4-24px);
  --font-size-heading-small-2: var(--font-size-heading-small);
  --font-size-heading-small: var(--typography-size-6-20px);
  --font-size-heading-xlarge: var(--typography-size-1-48px);
  --font-size-text-md: 16; /* @kind other */
  --font-weight-bold: var(--typography-weight-bold);
  --font-weight-medium: var(--typography-weight-medium);
  --font-weight-regular: var(--typography-weight-regular);
  --height-table-cell-height-2: 40; /* @kind other */
  --height-table-cell-height-3: 40; /* @kind other */
  --height-table-cell-height: 40; /* @kind other */
  --height-table-header-height: 28; /* @kind other */
  --icon-height: var(--spacing-6-24px); /* @kind other */
  --icon-width: var(--spacing-6-24px); /* @kind other */
  --inputs-input-xs-height: var(--spacing-1-4px); /* @kind other */
  --material-ag-icon-default: rgba(0,0,0,0.9); /* @kind color */
  --pf-colors-base-white: rgb(255,255,255); /* @kind color */
  --pf-colors-blue-info-pf-blue-bg-dm-2: rgba(159,191,253,0.1); /* @kind color */
  --pf-colors-blue-info-pf-blue-bg-lm-100-2: rgb(159,191,253); /* @kind color */
  --pf-colors-blue-info-pf-blue-bg-lm-2: rgba(16,95,249,0.1); /* @kind color */
  --pf-colors-blue-info-pf-blue-dm-2: rgb(159,191,253); /* @kind color */
  --pf-colors-blue-info-pf-blue-lm-2: rgb(16,95,249); /* @kind color */
  --pf-colors-green-success-pf-up-green-bg-dm-2: rgba(147,237,174,0.1); /* @kind color */
  --pf-colors-green-success-pf-up-green-bg-lm-100-2: rgb(218,246,226); /* @kind color */
  --pf-colors-green-success-pf-up-green-bg-lm-2: rgba(43,132,105,0.1); /* @kind color */
  --pf-colors-green-success-pf-up-green-dm-2: rgb(147,237,174); /* @kind color */
  --pf-colors-green-success-pf-up-green-lm-2: rgb(43,132,105); /* @kind color */
  --pf-colors-grey-charcoal-10-new: rgba(102,102,102,0.1); /* @kind color */
  --pf-colors-grey-charcoal-new: rgb(102,102,102); /* @kind color */
  --pf-colors-grey-color-black-new: rgb(77,77,77); /* @kind color */
  --pf-colors-grey-color-black: rgb(0,0,0); /* @kind color */
  --pf-colors-grey-dark-grey-new: rgb(153,153,153); /* @kind color */
  --pf-colors-grey-darkest-grey-new: rgb(128,128,128); /* @kind color */
  --pf-colors-grey-light-grey-new: rgb(204,204,204); /* @kind color */
  --pf-colors-grey-lightest-grey-new: rgb(230,230,230); /* @kind color */
  --pf-colors-grey-medium-grey-new: rgb(179,179,179); /* @kind color */
  --pf-colors-grey-schwarz: rgb(51,51,51); /* @kind color */
  --pf-colors-grey-white-new: rgb(248,248,248); /* @kind color */
  --pf-colors-petrol-10: rgb(0,41,46); /* @kind color */
  --pf-colors-petrol-11: rgb(0,27,31); /* @kind color */
  --pf-colors-petrol-1: rgb(238,246,246); /* @kind color */
  --pf-colors-petrol-2: rgb(214,235,235); /* @kind color */
  --pf-colors-petrol-3: rgb(166,216,217); /* @kind color */
  --pf-colors-petrol-4: rgb(112,191,194); /* @kind color */
  --pf-colors-petrol-5: rgb(73,166,171); /* @kind color */
  --pf-colors-petrol-6: rgb(26,141,147); /* @kind color */
  --pf-colors-petrol-7: rgb(6,112,121); /* @kind color */
  --pf-colors-petrol-8: rgb(0,75,90); /* @kind color */
  --pf-colors-petrol-9-new-to-add: rgb(0,55,61); /* @kind color */
  --pf-colors-petrol-pf-bg: rgb(238,246,246); /* @kind color */
  --pf-colors-petrol-yellow-pf2: rgb(13,93,102); /* @kind color */
  --pf-colors-red-error-pf-down-red-bg-dm-2: rgba(255,147,150,0.1); /* @kind color */
  --pf-colors-red-error-pf-down-red-bg-dm-to-add-2: rgba(128,8,23,0.1); /* @kind color */
  --pf-colors-red-error-pf-down-red-bg-lm-100-2: rgb(255,235,235); /* @kind color */
  --pf-colors-red-error-pf-down-red-bg-lm-2: rgba(216,9,9,0.1); /* @kind color */
  --pf-colors-red-error-pf-down-red-dm-2: rgb(255,147,150); /* @kind color */
  --pf-colors-red-error-pf-down-red-dm-to-add-2: rgb(128,8,23); /* @kind color */
  --pf-colors-red-error-pf-down-red-lm-2: rgb(216,9,9); /* @kind color */
  --pf-colors-yellow-warning-pf-yellow-bg-lm-100-2: rgb(254,245,229); /* @kind color */
  --pf-colors-yellow-warning-pf-yellow-bg-lm-2: rgba(255,165,0,0.1); /* @kind color */
  --pf-colors-yellow-warning-pf-yellow-dm-2: rgb(255,165,0); /* @kind color */
  --pf-colors-yellow-warning-pf-yellow-lm-2: rgb(255,165,0); /* @kind color */
  --pf-colors-yellow-warning-yellow-bg-dm-2: rgba(255,165,0,0.1); /* @kind color */
  --pf-colors-yellow-warning-yellow-pf: rgb(255,204,0); /* @kind color */
  --quartz-ag-icon-default: rgba(24,29,31,0.9); /* @kind color */
  --radius-full-999: 999;
  --radius-full: var(--radius-full-999);
  --radius-lg-24: 24;
  --radius-lg-2: var(--radius-lg-24);
  --radius-lg: var(--radius-lg-24);
  --radius-md-12: 12;
  --radius-md-2: var(--radius-md-12);
  --radius-md-3: 8;
  --radius-md: var(--radius-md-12);
  --radius-none: 0;
  --radius-null-2: var(--radius-none);
  --radius-null: var(--radius-none);
  --radius-sm-2: var(--radius-sm-8);
  --radius-sm-8: 8;
  --radius-sm: var(--radius-sm-8);
  --radius-xl-2: var(--radius-xl-48);
  --radius-xl-48: 48;
  --radius-xl: var(--radius-xl-48);
  --radius-xs-2: var(--radius-xs-4);
  --radius-xs-4: 4;
  --radius-xs: var(--radius-xs-4);
  --radius-xxl-2: var(--radius-xxl-56);
  --radius-xxl-56: 56;
  --radius-xxl: var(--radius-xxl-56);
  --radius: 12;
  --sizing-3d-lg: 120; /* @kind other */
  --sizing-3d-md: 100; /* @kind other */
  --sizing-3d-sm: 80; /* @kind other */
  --sizing-3d-xs: 40; /* @kind other */
  --sizing-min-width-288: var(--sizing-min-width-2); /* @kind other */
  --sizing-min-width-2: var(--sizing-min-width); /* @kind other */
  --sizing-min-width: 288; /* @kind other */
  --space-null: var(--spacing-0-0px);
  --space-size-im: var(--spacing-3-12px);
  --space-size-is: var(--spacing-1-5-6px);
  --space-size-lg-2-for-tables: var(--spacing-7-28px);
  --space-size-lg: var(--spacing-6-24px);
  --space-size-md: var(--spacing-4-16px);
  --space-size-sm: var(--spacing-2-8px);
  --space-size-xl-2-for-tables: var(--spacing-9-36px);
  --space-size-xl: var(--spacing-8-32px);
  --space-size-xs: var(--spacing-1-4px);
  --space-size-xxl: var(--spacing-12-48px);
  --space-size-xxs: var(--spacing-0-5-2px);
  --spacing-0-0px: 0;
  --spacing-0-5-2px-2: 2;
  --spacing-0-5-2px: 2;
  --spacing-1-4px: 4;
  --spacing-1-5-6px-2: 6;
  --spacing-1-5-6px: 6;
  --spacing-10-40px: 40;
  --spacing-12-48px: 48;
  --spacing-120-480px: 480;
  --spacing-13-56px: 56;
  --spacing-140-560px: 560;
  --spacing-16-64px: 64;
  --spacing-160-640px: 640;
  --spacing-180-720px: 720;
  --spacing-192-768px: 768;
  --spacing-2-8px: 8;
  --spacing-20-80px: 80;
  --spacing-24-96px: 96;
  --spacing-256-1-024px: 1024;
  --spacing-2md-20: var(--spacing-5-20px);
  --spacing-3-12px: 12;
  --spacing-32-128px: 128;
  --spacing-320-1-280px: 1280;
  --spacing-360-1-440px: 1440;
  --spacing-4-16px-2: 16;
  --spacing-4-16px: 16;
  --spacing-40-160px: 160;
  --spacing-400-1-600px: 1600;
  --spacing-48-192px: 192;
  --spacing-480-1-920px: 1920;
  --spacing-5-20px: 20;
  --spacing-56-224px: 224;
  --spacing-5xl: var(--spacing-10-40px);
  --spacing-6-24px: 24;
  --spacing-64-256px: 256;
  --spacing-7-28px: 28;
  --spacing-8-32px: 32;
  --spacing-80-320px: 320;
  --spacing-9-36px: 36;
  --spacing-96-384px: 384;
  --spacing-im: var(--space-size-im);
  --spacing-is: var(--space-size-is);
  --spacing-lg: var(--space-size-lg);
  --spacing-md: var(--space-size-md);
  --spacing-null: var(--space-null);
  --spacing-sm-2: var(--spacing-1-5-6px-2);
  --spacing-sm: var(--space-size-sm);
  --spacing-xl-2: var(--spacing-4-16px-2);
  --spacing-xl: var(--space-size-xl);
  --spacing-xs: var(--space-size-xs);
  --spacing-xxl: var(--space-size-xxl);
  --spacing-xxs-2: var(--spacing-0-5-2px-2);
  --spacing-xxs: var(--space-size-xxs);
  --sq-colors-acqua-acqua-dm: rgb(60,200,214); /* @kind color */
  --sq-colors-acqua-acqua-lm: rgb(19,177,193); /* @kind color */
  --sq-colors-alpha-dark-100: rgba(17,17,17,0.9); /* @kind color */
  --sq-colors-alpha-dark-200: rgba(17,17,17,0.8); /* @kind color */
  --sq-colors-alpha-dark-25: rgb(17,17,17); /* @kind color */
  --sq-colors-alpha-dark-300: rgba(17,17,17,0.72); /* @kind color */
  --sq-colors-alpha-dark-400: rgba(17,17,17,0.63); /* @kind color */
  --sq-colors-alpha-dark-500: rgba(17,17,17,0.5); /* @kind color */
  --sq-colors-alpha-dark-600: rgba(17,17,17,0.32); /* @kind color */
  --sq-colors-alpha-dark-700: rgba(17,17,17,0.16); /* @kind color */
  --sq-colors-alpha-dark-800: rgba(17,17,17,0.08); /* @kind color */
  --sq-colors-alpha-dark-900: rgba(17,17,17,0.04); /* @kind color */
  --sq-colors-alpha-dark-950: rgba(17,17,17,0); /* @kind color */
  --sq-colors-alpha-light-100: rgba(255,255,255,0.9); /* @kind color */
  --sq-colors-alpha-light-200: rgba(255,255,255,0.8); /* @kind color */
  --sq-colors-alpha-light-25: rgb(255,255,255); /* @kind color */
  --sq-colors-alpha-light-300: rgba(255,255,255,0.72); /* @kind color */
  --sq-colors-alpha-light-400: rgba(255,255,255,0.63); /* @kind color */
  --sq-colors-alpha-light-500: rgba(255,255,255,0.5); /* @kind color */
  --sq-colors-alpha-light-600: rgba(255,255,255,0.32); /* @kind color */
  --sq-colors-alpha-light-700: rgba(255,255,255,0.16); /* @kind color */
  --sq-colors-alpha-light-800: rgba(255,255,255,0.08); /* @kind color */
  --sq-colors-alpha-light-900: rgba(255,255,255,0.04); /* @kind color */
  --sq-colors-alpha-light-950: rgba(255,255,255,0); /* @kind color */
  --sq-colors-base-sq-bg-desktop-dm: rgb(11,13,14); /* @kind color */
  --sq-colors-base-sq-bg: rgb(240,244,250); /* @kind color */
  --sq-colors-base-sq-container-desktop-dm: rgb(30,32,37); /* @kind color */
  --sq-colors-base-white: rgb(255,255,255); /* @kind color */
  --sq-colors-blue-buy-buy-active: rgb(20,94,168); /* @kind color */
  --sq-colors-blue-buy-buy-blue: rgb(25,118,210); /* @kind color */
  --sq-colors-blue-buy-buy-hover-bg: rgba(25,118,210,0.1); /* @kind color */
  --sq-colors-blue-buy-buy-hover: rgb(71,145,219); /* @kind color */
  --sq-colors-blue-chart-chart-01-dm: rgb(82,139,255); /* @kind color */
  --sq-colors-blue-chart-chart-01-lm: rgb(41,121,255); /* @kind color */
  --sq-colors-blue-chart-chart-02-dm: rgb(239,244,255); /* @kind color */
  --sq-colors-blue-chart-chart-02-lm: rgb(209,224,255); /* @kind color */
  --sq-colors-blue-info-info-bg-dm: rgba(80,148,255,0.1); /* @kind color */
  --sq-colors-blue-info-info-bg-lm-100: rgb(231,240,253); /* @kind color */
  --sq-colors-blue-info-info-bg-lm: rgba(20,106,240,0.1); /* @kind color */
  --sq-colors-blue-info-info-dm: rgb(80,148,255); /* @kind color */
  --sq-colors-blue-info-info-lm: rgb(20,106,240); /* @kind color */
  --sq-colors-grape-grape-blue-dm: rgb(94,95,222); /* @kind color */
  --sq-colors-grape-grape-blue-lm: rgb(88,89,206); /* @kind color */
  --sq-colors-green-quality-asparagus-dm: rgb(18,105,76); /* @kind color */
  --sq-colors-green-quality-asparagus-lm: rgb(119,169,96); /* @kind color */
  --sq-colors-green-quality-deep-sea-green-lm: rgb(0,108,72); /* @kind color */
  --sq-colors-green-quality-energizing-lime-dm: rgb(133,225,58); /* @kind color */
  --sq-colors-green-quality-forest-dm: rgb(0,133,72); /* @kind color */
  --sq-colors-green-quality-forest-lm: rgb(76,158,104); /* @kind color */
  --sq-colors-green-quality-frog-dm: rgb(42,64,57); /* @kind color */
  --sq-colors-green-quality-frog-lm: rgb(166,180,88); /* @kind color */
  --sq-colors-green-quality-old-gold-dm: rgb(244,212,106); /* @kind color */
  --sq-colors-green-quality-old-gold-lm: rgb(223,189,79); /* @kind color */
  --sq-colors-green-quality-up-green-dm: rgb(76,200,61); /* @kind color */
  --sq-colors-green-quality-up-green-lm: rgb(0,135,90); /* @kind color */
  --sq-colors-green-success-up-green-bg-dm: rgba(0,186,124,0.1); /* @kind color */
  --sq-colors-green-success-up-green-bg-lm-100: rgb(229,243,238); /* @kind color */
  --sq-colors-green-success-up-green-bg-lm: rgba(0,135,90,0.1); /* @kind color */
  --sq-colors-green-success-up-green-dm: rgb(0,186,124); /* @kind color */
  --sq-colors-green-success-up-green-lm: rgb(0,135,90); /* @kind color */
  --sq-colors-greeny-greeny-dm: rgb(221,228,110); /* @kind color */
  --sq-colors-greeny-greeny-lm: rgb(160,180,40); /* @kind color */
  --sq-colors-grey-charcoal-10: rgba(50,50,50,0.1); /* @kind color */
  --sq-colors-grey-charcoal: rgb(50,50,50); /* @kind color */
  --sq-colors-grey-color-black: rgb(0,0,0); /* @kind color */
  --sq-colors-grey-dark-grey: rgb(164,165,178); /* @kind color */
  --sq-colors-grey-darkest-grey: rgb(109,110,120); /* @kind color */
  --sq-colors-grey-light-grey: rgb(220,222,234); /* @kind color */
  --sq-colors-grey-lightest-grey: rgb(242,244,250); /* @kind color */
  --sq-colors-grey-medium-grey: rgb(197,198,214); /* @kind color */
  --sq-colors-grey-opacity: rgba(242,244,250,0.3); /* @kind color */
  --sq-colors-grey-white: rgb(255,255,255); /* @kind color */
  --sq-colors-mustard-mustard-dm: rgb(255,173,76); /* @kind color */
  --sq-colors-mustard-mustard-lm: rgb(242,160,0); /* @kind color */
  --sq-colors-orange-10: rgb(255,239,235); /* @kind color */
  --sq-colors-orange-20: rgb(254,222,214); /* @kind color */
  --sq-colors-orange-40: rgb(253,189,174); /* @kind color */
  --sq-colors-orange-60: rgb(252,157,133); /* @kind color */
  --sq-colors-orange-80: rgb(251,124,93); /* @kind color */
  --sq-colors-orange-90-main: rgb(250,91,53); /* @kind color */
  --sq-colors-orange-dark: rgb(174,59,27); /* @kind color */
  --sq-colors-orange-darkest: rgb(84,28,13); /* @kind color */
  --sq-colors-overlay-black-50: rgba(0,0,0,0.5); /* @kind color */
  --sq-colors-overlay-black-60-dm: rgba(0,0,0,0.6); /* @kind color */
  --sq-colors-pastel-green-pastel-green-dm: rgb(0,171,156); /* @kind color */
  --sq-colors-pastel-green-pastel-green-lm: rgb(0,149,136); /* @kind color */
  --sq-colors-purple-purple-dm: rgb(178,99,234); /* @kind color */
  --sq-colors-purple-purple-lmle: rgb(163,90,215); /* @kind color */
  --sq-colors-quality-cadmium-dm: rgb(96,44,48); /* @kind color */
  --sq-colors-quality-down-red-dm: rgb(255,58,45); /* @kind color */
  --sq-colors-quality-down-red-lm: rgb(225,14,0); /* @kind color */
  --sq-colors-quality-flame-dm: rgb(215,43,52); /* @kind color */
  --sq-colors-quality-flame-lm: rgb(236,84,29); /* @kind color */
  --sq-colors-quality-fox-dm: rgb(159,37,51); /* @kind color */
  --sq-colors-quality-fox-lm: rgb(240,112,35); /* @kind color */
  --sq-colors-quality-quality-cadmium-lm: rgb(244,143,46); /* @kind color */
  --sq-colors-quality-quality-yellow-dm: rgb(255,201,76); /* @kind color */
  --sq-colors-quality-quality-yellow-lm: rgb(246,175,65); /* @kind color */
  --sq-colors-red-allocation-pink-red-dm: rgb(234,13,86); /* @kind color */
  --sq-colors-red-allocation-pink-red-lm: rgb(222,30,93); /* @kind color */
  --sq-colors-red-error-down-red-bg-dm: rgba(255,105,88,0.1); /* @kind color */
  --sq-colors-red-error-down-red-bg-lm-100: rgb(252,231,229); /* @kind color */
  --sq-colors-red-error-down-red-bg-lm: rgba(225,14,0,0.1); /* @kind color */
  --sq-colors-red-error-down-red-dm: rgb(255,105,88); /* @kind color */
  --sq-colors-red-error-down-red-lm: rgb(225,14,0); /* @kind color */
  --sq-colors-red-sell-sell-active: rgb(204,67,67); /* @kind color */
  --sq-colors-red-sell-sell-hover: rgb(255,118,118); /* @kind color */
  --sq-colors-red-sell-sell-salmon-bg: rgba(255,84,84,0.1); /* @kind color */
  --sq-colors-red-sell-sell-salmon: rgb(255,84,84); /* @kind color */
  --sq-colors-yellow-warning-bg-dm: rgba(255,201,76,0.1); /* @kind color */
  --sq-colors-yellow-warning-bg-lm-100: rgb(254,248,236); /* @kind color */
  --sq-colors-yellow-warning-bg-lm: rgba(247,188,70,0.1); /* @kind color */
  --sq-colors-yellow-warning-dm: rgb(255,201,76); /* @kind color */
  --sq-colors-yellow-warning-lm: rgb(247,188,70); /* @kind color */
  --surface-error-primary: var(--color-red-500); /* @kind color */
  --text-error-primary: var(--color-red-500); /* @kind color */
  --typography-caption: 12; /* @kind font */
  --typography-family-arial: "Arial"; /* @kind font */
  --typography-family-postfinance-grotesk: "Alt Grotesk"; /* @kind font */
  --typography-family-swissquote: "Grotesk Sans"; /* @kind font */
  --typography-interlettering-interlettering-desktop: 0; /* @kind other */
  --typography-interlettering-interlettering-mobile: -0.25; /* @kind other */
  --typography-size-1-48px: 48;
  --typography-size-10-15px: 15;
  --typography-size-11-14px: 14;
  --typography-size-12-13px: 13;
  --typography-size-13-12px: 12;
  --typography-size-2-36px: 36;
  --typography-size-3-28px: 28;
  --typography-size-4-24px: 24;
  --typography-size-5-22px: 22;
  --typography-size-6-20px: 20;
  --typography-size-7-18px: 18;
  --typography-size-8-17px: 17;
  --typography-size-9-16px: 16;
  --typography-weight-bold: "Bold";
  --typography-weight-medium: "Medium";
  --typography-weight-regular: "Regular";
  --widths-paragraph-max-width: var(--spacing-180-720px);
  --widths-width-2xl: var(--spacing-256-1-024px);
  --widths-width-3xl: var(--spacing-320-1-280px);
  --widths-width-4xl: var(--spacing-360-1-440px);
  --widths-width-5xl: var(--spacing-400-1-600px);
  --widths-width-6xl: var(--spacing-480-1-920px);
  --widths-width-lg: var(--spacing-160-640px);
  --widths-width-md: var(--spacing-140-560px);
  --widths-width-sm: var(--spacing-120-480px);
  --widths-width-xl: var(--spacing-192-768px);
  --widths-width-xs: var(--spacing-96-384px);
  --widths-width-xxs: var(--spacing-80-320px);
  --wl-colors-green-10: rgb(241,249,249); /* @kind color */
  --wl-colors-green-20: rgb(225,243,242); /* @kind color */
  --wl-colors-green-40: rgb(195,232,229); /* @kind color */
  --wl-colors-green-60: rgb(164,221,216); /* @kind color */
  --wl-colors-green-80: rgb(135,209,203); /* @kind color */
  --wl-colors-green-90-main: rgb(68,179,169); /* @kind color */
  --wl-colors-green-dark: rgb(55,146,138); /* @kind color */
  --wl-colors-green-darkest: rgb(27,70,67); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --alpine-ag-icon-default: rgba(255,255,255,0.9); /* @kind color */
  --color-background-sq-bg-mobile-dm: rgb(255,255,255); /* @kind color */
  --color-background-sq-container-mobile-dm: rgb(255,255,255); /* @kind color */
  --color-green-500: rgb(51,159,123); /* @kind color */
  --color-grey-300: rgb(140,141,152); /* @kind color */
  --color-red-500: rgb(231,62,51); /* @kind color */
  --colors-effects-shadows-shadow-skeumorphic-inner-border: rgba(12,17,29,0.18); /* @kind color */
  --colors-effects-shadows-shadow-skeumorphic-inner: rgba(12,17,29,0.05); /* @kind color */
  --colors-effects-shadows-shadow-xs: var(--colors-base-transparent); /* @kind color */
  --material-ag-icon-default: rgba(245,245,245,0.9); /* @kind color */
  --quartz-ag-icon-default: rgba(255,255,255,0.9); /* @kind color */
  --radius: 12;
}

:root[data-mode="compact"] {
  --button-button-height: var(--spacing-5-20px); /* @kind other */
  --button-label: var(--typography-size-13-12px);
  --container-button-xs-height: var(--spacing-0-0px); /* @kind other */
  --container-container-max-width-desktop: var(--spacing-320-1-280px); /* @kind other */
  --container-container-padding-0-value: var(--spacing-0-0px); /* @kind other */
  --container-container-padding-left-right-desktop: var(--spacing-3-12px); /* @kind other */
  --container-container-padding-mobile: var(--spacing-4-16px); /* @kind other */
  --container-container-padding-top-bottom-desktop: var(--spacing-2-8px); /* @kind other */
  --devices-width-desktop: 1440; /* @kind other */
  --devices-width-max-desktop: 1920; /* @kind other */
  --devices-width-mobile: 375; /* @kind other */
  --devices-width-tablet: 768; /* @kind other */
  --font-size-button-small-2: var(--font-size-caption);
  --font-size-heading-small-2: var(--font-size-body-default);
  --height-table-cell-height-2: 28; /* @kind other */
  --height-table-cell-height-3: 28; /* @kind other */
  --height-table-cell-height: 28; /* @kind other */
  --height-table-header-height: 28; /* @kind other */
  --icon-height: var(--spacing-4-16px); /* @kind other */
  --icon-width: var(--spacing-4-16px); /* @kind other */
  --inputs-input-xs-height: var(--spacing-0-0px); /* @kind other */
  --radius-full: var(--radius-full-999);
  --radius-lg-2: var(--radius-lg-24);
  --radius-md-2: var(--radius-md-12);
  --radius-null-2: var(--radius-none);
  --radius-sm-2: var(--radius-sm-8);
  --radius-xl-2: var(--radius-xl-48);
  --radius-xs-2: var(--radius-xs-4);
  --radius-xxl-2: var(--radius-xxl-56);
  --sizing-min-width-2: var(--sizing-min-width); /* @kind other */
  --space-null: var(--spacing-0-0px);
  --space-size-im: var(--spacing-2-8px);
  --space-size-is: var(--spacing-1-5-6px);
  --space-size-lg-2-for-tables: var(--spacing-6-24px);
  --space-size-lg: var(--spacing-4-16px);
  --space-size-md: var(--spacing-3-12px);
  --space-size-sm: var(--spacing-1-4px);
  --space-size-xl-2-for-tables: var(--spacing-6-24px);
  --space-size-xl: var(--spacing-6-24px);
  --space-size-xs: var(--spacing-0-0px);
  --space-size-xxl: var(--spacing-8-32px);
  --space-size-xxs: var(--spacing-0-5-2px);
  --spacing-5xl: var(--spacing-8-32px);
  --widths-paragraph-max-width: var(--spacing-180-720px);
  --widths-width-2xl: var(--spacing-256-1-024px);
  --widths-width-3xl: var(--spacing-320-1-280px);
  --widths-width-4xl: var(--spacing-360-1-440px);
  --widths-width-5xl: var(--spacing-400-1-600px);
  --widths-width-6xl: var(--spacing-480-1-920px);
  --widths-width-lg: var(--spacing-160-640px);
  --widths-width-md: var(--spacing-140-560px);
  --widths-width-sm: var(--spacing-120-480px);
  --widths-width-xl: var(--spacing-192-768px);
  --widths-width-xs: var(--spacing-96-384px);
  --widths-width-xxs: var(--spacing-80-320px);
}

:root[data-mode="relax"] {
  --button-button-height: var(--spacing-7-28px); /* @kind other */
  --button-label: var(--typography-size-11-14px);
  --container-button-xs-height: var(--spacing-1-4px); /* @kind other */
  --container-container-max-width-desktop: var(--spacing-320-1-280px); /* @kind other */
  --container-container-padding-0-value: var(--spacing-0-0px); /* @kind other */
  --container-container-padding-left-right-desktop: var(--spacing-6-24px); /* @kind other */
  --container-container-padding-mobile: var(--spacing-4-16px); /* @kind other */
  --container-container-padding-top-bottom-desktop: var(--spacing-4-16px); /* @kind other */
  --devices-width-desktop: 1440; /* @kind other */
  --devices-width-max-desktop: 1920; /* @kind other */
  --devices-width-mobile: 375; /* @kind other */
  --devices-width-tablet: 768; /* @kind other */
  --font-size-button-small-2: var(--font-size-button-small);
  --font-size-heading-small-2: var(--font-size-heading-small);
  --icon-height: var(--spacing-6-24px); /* @kind other */
  --icon-width: var(--spacing-6-24px); /* @kind other */
  --inputs-input-xs-height: var(--spacing-1-4px); /* @kind other */
  --radius-full: var(--radius-full-999);
  --radius-lg-2: var(--radius-lg-24);
  --radius-md-2: var(--radius-md-12);
  --radius-null-2: var(--radius-none);
  --radius-sm-2: var(--radius-sm-8);
  --radius-xl-2: var(--radius-xl-48);
  --radius-xs-2: var(--radius-xs-4);
  --radius-xxl-2: var(--radius-xxl-56);
  --sizing-min-width-2: var(--sizing-min-width); /* @kind other */
  --space-null: var(--spacing-0-0px);
  --space-size-im: var(--spacing-3-12px);
  --space-size-is: var(--spacing-1-5-6px);
  --space-size-lg-2-for-tables: var(--spacing-7-28px);
  --space-size-lg: var(--spacing-6-24px);
  --space-size-md: var(--spacing-4-16px);
  --space-size-sm: var(--spacing-2-8px);
  --space-size-xl-2-for-tables: var(--spacing-13-56px);
  --space-size-xl: var(--spacing-8-32px);
  --space-size-xs: var(--spacing-1-4px);
  --space-size-xxl: var(--spacing-12-48px);
  --space-size-xxs: var(--spacing-0-5-2px);
  --spacing-5xl: var(--spacing-12-48px);
  --widths-paragraph-max-width: var(--spacing-180-720px);
  --widths-width-2xl: var(--spacing-256-1-024px);
  --widths-width-3xl: var(--spacing-320-1-280px);
  --widths-width-4xl: var(--spacing-360-1-440px);
  --widths-width-5xl: var(--spacing-400-1-600px);
  --widths-width-6xl: var(--spacing-480-1-920px);
  --widths-width-lg: var(--spacing-160-640px);
  --widths-width-md: var(--spacing-140-560px);
  --widths-width-sm: var(--spacing-120-480px);
  --widths-width-xl: var(--spacing-192-768px);
  --widths-width-xs: var(--spacing-96-384px);
  --widths-width-xxs: var(--spacing-80-320px);
}

:root[data-mode="wl"] {
  --3d-sizing-lg: var(--sizing-3d-lg);
  --3d-sizing-md: var(--sizing-3d-md);
  --3d-sizing-sm: var(--sizing-3d-sm);
  --3d-sizing-xs: var(--sizing-3d-xs);
  --color-allocation-01-2: var(--color-allocation-01); /* @kind color */
  --color-allocation-02-2: var(--color-allocation-02); /* @kind color */
  --color-allocation-03-2: var(--color-allocation-03); /* @kind color */
  --color-allocation-04-2: var(--color-allocation-04); /* @kind color */
  --color-allocation-05-2: var(--color-allocation-05); /* @kind color */
  --color-allocation-06-2: var(--color-allocation-06); /* @kind color */
  --color-allocation-07-2: var(--color-allocation-07); /* @kind color */
  --color-background-background-2: var(--color-background-wl-background); /* @kind color */
  --color-background-container-2: var(--color-background-wl-container); /* @kind color */
  --color-brand-00: var(--color-brand-wl-00); /* @kind color */
  --color-brand-01: var(--color-brand-wl-01); /* @kind color */
  --color-brand-02: var(--color-brand-wl-02); /* @kind color */
  --color-brand-03: var(--color-brand-wl-03); /* @kind color */
  --color-brand-04: var(--color-brand-wl-04); /* @kind color */
  --color-brand-05: var(--color-brand-wl-05); /* @kind color */
  --color-brand-06: var(--color-brand-wl-06); /* @kind color */
  --color-brand-07: var(--color-brand-wl-07); /* @kind color */
  --color-core-01-2: var(--color-core-01); /* @kind color */
  --color-core-02-2: var(--color-core-02); /* @kind color */
  --color-core-03-2: var(--color-core-03); /* @kind color */
  --color-core-04-2: var(--color-core-04); /* @kind color */
  --color-core-05-2: var(--color-core-05); /* @kind color */
  --color-core-06-2: var(--color-core-06); /* @kind color */
  --color-core-07-2: var(--color-core-07); /* @kind color */
  --color-core-07-with-30-opacity: var(--color-core-07-with-30-opacity-2); /* @kind color */
  --color-core-08-2: var(--color-core-08); /* @kind color */
  --color-overlay-overlay: var(--color-overlay-sq-container); /* @kind color */
  --color-quality-01-2: var(--color-quality-01); /* @kind color */
  --color-quality-02-2: var(--color-quality-02); /* @kind color */
  --color-quality-03-2: var(--color-quality-03); /* @kind color */
  --color-quality-04-2: var(--color-quality-04); /* @kind color */
  --color-quality-05-2: var(--color-quality-05); /* @kind color */
  --color-quality-06-2: var(--color-quality-06); /* @kind color */
  --color-quality-07-2: var(--color-quality-07); /* @kind color */
  --color-quality-08-2: var(--color-quality-08); /* @kind color */
  --color-quality-09-2: var(--color-quality-09); /* @kind color */
  --color-quality-10-2: var(--color-quality-10); /* @kind color */
  --color-quality-11: var(--color-quality-11-2); /* @kind color */
  --color-system-error-10-2: var(--color-system-error-10); /* @kind color */
  --color-system-error-2: var(--color-system-error); /* @kind color */
  --color-system-info-10-2: var(--color-system-info-10); /* @kind color */
  --color-system-info-2: var(--color-system-info); /* @kind color */
  --color-system-success-10-2: var(--color-system-success-10); /* @kind color */
  --color-system-success-2: var(--color-system-success); /* @kind color */
  --color-system-warning-10-2: var(--color-system-warning-10); /* @kind color */
  --color-system-warning-2: var(--color-system-warning); /* @kind color */
  --color-trade-buy-01-2: var(--color-trade-buy-01); /* @kind color */
  --color-trade-buy-02-2: var(--color-trade-buy-02); /* @kind color */
  --color-trade-buy-02-bg-2: var(--color-trade-buy-02-bg); /* @kind color */
  --color-trade-buy-03-2: var(--color-trade-buy-03); /* @kind color */
  --color-trade-sell-01-2: var(--color-trade-sell-01); /* @kind color */
  --color-trade-sell-02-2: var(--color-trade-sell-02); /* @kind color */
  --color-trade-sell-02-bg-2: var(--color-trade-sell-02-bg); /* @kind color */
  --color-trade-sell-03-2: var(--color-trade-sell-03); /* @kind color */
  --family-font-family: var(--font-family-white-label);
  --radius-lg: var(--radius-lg-24);
  --radius-md: var(--radius-md-12);
  --radius-null: var(--radius-none);
  --radius-sm: var(--radius-sm-8);
  --radius-xl: var(--radius-xl-48);
  --radius-xs: var(--radius-xs-4);
  --radius-xxl: var(--radius-xxl-56);
  --sizing-min-width-288: var(--sizing-min-width-2); /* @kind other */
  --spacing-2md-20: var(--spacing-5-20px);
  --spacing-im: var(--space-size-im);
  --spacing-is: var(--space-size-is);
  --spacing-lg: var(--space-size-lg);
  --spacing-md: var(--space-size-md);
  --spacing-null: var(--space-null);
  --spacing-sm: var(--space-size-sm);
  --spacing-xl: var(--space-size-xl);
  --spacing-xs: var(--space-size-xs);
  --spacing-xxl: var(--space-size-xxl);
  --spacing-xxs: var(--space-size-xxs);
}

:root[data-mode="pf"] {
  --3d-sizing-lg: var(--sizing-3d-lg);
  --3d-sizing-md: var(--sizing-3d-md);
  --3d-sizing-sm: var(--sizing-3d-sm);
  --3d-sizing-xs: var(--sizing-3d-xs);
  --color-allocation-01-2: var(--color-allocation-01); /* @kind color */
  --color-allocation-02-2: var(--color-allocation-02); /* @kind color */
  --color-allocation-03-2: var(--color-allocation-03); /* @kind color */
  --color-allocation-04-2: var(--color-allocation-04); /* @kind color */
  --color-allocation-05-2: var(--color-allocation-05); /* @kind color */
  --color-allocation-06-2: var(--color-allocation-06); /* @kind color */
  --color-allocation-07-2: var(--color-allocation-07); /* @kind color */
  --color-background-background-2: var(--color-background-wl-background); /* @kind color */
  --color-background-container-2: var(--color-background-wl-container); /* @kind color */
  --color-brand-00: var(--color-brand-pf-00); /* @kind color */
  --color-brand-01: var(--color-brand-pf-01); /* @kind color */
  --color-brand-02: var(--color-brand-pf-02); /* @kind color */
  --color-brand-03: var(--color-brand-pf-03); /* @kind color */
  --color-brand-04: var(--color-brand-pf-04); /* @kind color */
  --color-brand-05: var(--color-brand-pf-05); /* @kind color */
  --color-brand-06: var(--color-brand-pf-06); /* @kind color */
  --color-brand-07: var(--color-brand-pf-07); /* @kind color */
  --color-core-01-2: var(--color-core-01); /* @kind color */
  --color-core-02-2: var(--color-core-02); /* @kind color */
  --color-core-03-2: var(--color-core-03); /* @kind color */
  --color-core-04-2: var(--color-core-04); /* @kind color */
  --color-core-05-2: var(--color-core-05); /* @kind color */
  --color-core-06-2: var(--color-core-06); /* @kind color */
  --color-core-07-2: var(--color-core-07); /* @kind color */
  --color-core-07-with-30-opacity: var(--color-core-07-with-30-opacity-2); /* @kind color */
  --color-core-08-2: var(--color-core-08); /* @kind color */
  --color-overlay-overlay: var(--color-overlay-sq-container); /* @kind color */
  --color-quality-01-2: var(--color-quality-01); /* @kind color */
  --color-quality-02-2: var(--color-quality-02); /* @kind color */
  --color-quality-03-2: var(--color-quality-03); /* @kind color */
  --color-quality-04-2: var(--color-quality-04); /* @kind color */
  --color-quality-05-2: var(--color-quality-05); /* @kind color */
  --color-quality-06-2: var(--color-quality-06); /* @kind color */
  --color-quality-07-2: var(--color-quality-07); /* @kind color */
  --color-quality-08-2: var(--color-quality-08); /* @kind color */
  --color-quality-09-2: var(--color-quality-09); /* @kind color */
  --color-quality-10-2: var(--color-quality-10); /* @kind color */
  --color-quality-11: var(--color-quality-11-2); /* @kind color */
  --color-system-error-10-2: var(--color-system-error-10); /* @kind color */
  --color-system-error-2: var(--color-system-error); /* @kind color */
  --color-system-info-10-2: var(--color-system-info-10); /* @kind color */
  --color-system-info-2: var(--color-system-info); /* @kind color */
  --color-system-success-10-2: var(--color-system-success-10); /* @kind color */
  --color-system-success-2: var(--color-system-success); /* @kind color */
  --color-system-warning-10-2: var(--color-system-warning-10); /* @kind color */
  --color-system-warning-2: var(--color-system-warning); /* @kind color */
  --color-trade-buy-01-2: var(--color-trade-buy-01); /* @kind color */
  --color-trade-buy-02-2: var(--color-trade-buy-02); /* @kind color */
  --color-trade-buy-02-bg-2: var(--color-trade-buy-02-bg); /* @kind color */
  --color-trade-buy-03-2: var(--color-trade-buy-03); /* @kind color */
  --color-trade-sell-01-2: var(--color-trade-sell-01); /* @kind color */
  --color-trade-sell-02-2: var(--color-trade-sell-02); /* @kind color */
  --color-trade-sell-02-bg-2: var(--color-trade-sell-02-bg); /* @kind color */
  --color-trade-sell-03-2: var(--color-trade-sell-03); /* @kind color */
  --family-font-family: var(--font-family-postfinance-grotesk);
  --radius-lg: var(--radius-lg-24);
  --radius-md: var(--radius-md-12);
  --radius-null: var(--radius-none);
  --radius-sm: var(--radius-sm-8);
  --radius-xl: var(--radius-xl-48);
  --radius-xs: var(--radius-xs-4);
  --radius-xxl: var(--radius-xxl-56);
  --sizing-min-width-288: var(--sizing-min-width-2); /* @kind other */
  --spacing-2md-20: var(--spacing-5-20px);
  --spacing-im: var(--space-size-im);
  --spacing-is: var(--space-size-is);
  --spacing-lg: var(--space-size-lg);
  --spacing-md: var(--space-size-md);
  --spacing-null: var(--space-null);
  --spacing-sm: var(--space-size-sm);
  --spacing-xl: var(--space-size-xl);
  --spacing-xs: var(--space-size-xs);
  --spacing-xxl: var(--space-size-xxl);
  --spacing-xxs: var(--space-size-xxs);
}

:root[data-mode="sq-dm-web-app"] {
  --color-allocation-01: var(--sq-colors-red-allocation-pink-red-dm); /* @kind color */
  --color-allocation-02: var(--sq-colors-pastel-green-pastel-green-dm); /* @kind color */
  --color-allocation-03: var(--sq-colors-grape-grape-blue-dm); /* @kind color */
  --color-allocation-04: var(--sq-colors-mustard-mustard-dm); /* @kind color */
  --color-allocation-05: var(--sq-colors-purple-purple-dm); /* @kind color */
  --color-allocation-06: var(--sq-colors-greeny-greeny-dm); /* @kind color */
  --color-allocation-07: var(--sq-colors-acqua-acqua-dm); /* @kind color */
  --color-background-background: var(--sq-colors-base-sq-bg-desktop-dm); /* @kind color */
  --color-background-container: var(--sq-colors-base-sq-container-desktop-dm); /* @kind color */
  --color-background-wl-background: var(--pf-colors-petrol-10); /* @kind color */
  --color-background-wl-container: var(--pf-colors-petrol-11); /* @kind color */
  --color-brand-main-00: var(--sq-colors-orange-90-main); /* @kind color */
  --color-brand-main-01: var(--sq-colors-orange-10); /* @kind color */
  --color-brand-main-02: var(--sq-colors-orange-20); /* @kind color */
  --color-brand-main-03: var(--sq-colors-orange-40); /* @kind color */
  --color-brand-main-04: var(--sq-colors-orange-60); /* @kind color */
  --color-brand-main-05: var(--sq-colors-orange-80); /* @kind color */
  --color-brand-main-06: var(--sq-colors-orange-dark); /* @kind color */
  --color-brand-main-07: var(--sq-colors-orange-darkest); /* @kind color */
  --color-brand-petrol: var(--sq-colors-orange-90-main); /* @kind color */
  --color-brand-pf-00: var(--pf-colors-petrol-8); /* @kind color */
  --color-brand-pf-01: var(--pf-colors-petrol-1); /* @kind color */
  --color-brand-pf-02: var(--pf-colors-petrol-2); /* @kind color */
  --color-brand-pf-03: var(--pf-colors-petrol-3); /* @kind color */
  --color-brand-pf-04: var(--pf-colors-petrol-4); /* @kind color */
  --color-brand-pf-05: var(--pf-colors-petrol-5); /* @kind color */
  --color-brand-pf-06: var(--pf-colors-petrol-6); /* @kind color */
  --color-brand-pf-07: var(--pf-colors-petrol-7); /* @kind color */
  --color-brand-postgelb: var(--sq-colors-orange-90-main); /* @kind color */
  --color-brand-wl-00: var(--wl-colors-green-90-main); /* @kind color */
  --color-brand-wl-01: var(--wl-colors-green-10); /* @kind color */
  --color-brand-wl-02: var(--wl-colors-green-20); /* @kind color */
  --color-brand-wl-03: var(--wl-colors-green-40); /* @kind color */
  --color-brand-wl-04: var(--wl-colors-green-60); /* @kind color */
  --color-brand-wl-05: var(--wl-colors-green-80); /* @kind color */
  --color-brand-wl-06: var(--wl-colors-green-dark); /* @kind color */
  --color-brand-wl-07: var(--wl-colors-green-darkest); /* @kind color */
  --color-chart-sq-chart-01: var(--sq-colors-blue-chart-chart-01-dm); /* @kind color */
  --color-chart-sq-chart-02: var(--sq-colors-blue-chart-chart-02-dm); /* @kind color */
  --color-core-01: var(--sq-colors-grey-white); /* @kind color */
  --color-core-02: var(--sq-colors-grey-lightest-grey); /* @kind color */
  --color-core-03: var(--sq-colors-grey-light-grey); /* @kind color */
  --color-core-04: var(--sq-colors-grey-medium-grey); /* @kind color */
  --color-core-05: var(--sq-colors-grey-dark-grey); /* @kind color */
  --color-core-06: var(--sq-colors-grey-darkest-grey); /* @kind color */
  --color-core-07-with-30-opacity-2: var(--sq-colors-grey-charcoal-10); /* @kind color */
  --color-core-07: var(--sq-colors-grey-charcoal); /* @kind color */
  --color-core-08: var(--sq-colors-grey-color-black); /* @kind color */
  --color-graphs-primary: rgb(41,48,86); /* @kind color */
  --color-graphs-secondary: rgb(18,84,149); /* @kind color */
  --color-graphs-tertiary: rgb(81,11,36); /* @kind color */
  --color-overlay-sq-container: var(--sq-colors-overlay-black-60-dm); /* @kind color */
  --color-quality-01: var(--sq-colors-quality-down-red-dm); /* @kind color */
  --color-quality-02: var(--sq-colors-quality-flame-dm); /* @kind color */
  --color-quality-03: var(--sq-colors-quality-fox-dm); /* @kind color */
  --color-quality-04: var(--sq-colors-quality-cadmium-dm); /* @kind color */
  --color-quality-05: var(--sq-colors-quality-quality-yellow-dm); /* @kind color */
  --color-quality-06: var(--sq-colors-green-quality-old-gold-dm); /* @kind color */
  --color-quality-07: var(--sq-colors-green-quality-frog-dm); /* @kind color */
  --color-quality-08: var(--sq-colors-green-quality-asparagus-dm); /* @kind color */
  --color-quality-09: var(--sq-colors-green-quality-forest-dm); /* @kind color */
  --color-quality-10: var(--sq-colors-green-quality-up-green-dm); /* @kind color */
  --color-quality-11-2: var(--sq-colors-green-quality-energizing-lime-dm); /* @kind color */
  --color-shadowscontainers: var(--sq-colors-grey-charcoal-10); /* @kind color */
  --color-shadowsmodales: var(--sq-colors-grey-charcoal-10); /* @kind color */
  --color-system-error-10: var(--sq-colors-red-error-down-red-bg-dm); /* @kind color */
  --color-system-error: var(--sq-colors-red-error-down-red-dm); /* @kind color */
  --color-system-info-10: var(--sq-colors-blue-info-info-bg-dm); /* @kind color */
  --color-system-info: var(--sq-colors-blue-info-info-dm); /* @kind color */
  --color-system-success-10: var(--sq-colors-green-success-up-green-bg-dm); /* @kind color */
  --color-system-success: var(--sq-colors-green-success-up-green-dm); /* @kind color */
  --color-system-warning-10: var(--sq-colors-yellow-warning-bg-dm); /* @kind color */
  --color-system-warning: var(--sq-colors-yellow-warning-dm); /* @kind color */
  --color-trade-buy-01: var(--sq-colors-blue-buy-buy-hover); /* @kind color */
  --color-trade-buy-02-bg: var(--sq-colors-blue-buy-buy-hover-bg); /* @kind color */
  --color-trade-buy-02: var(--sq-colors-blue-buy-buy-blue); /* @kind color */
  --color-trade-buy-03: var(--sq-colors-blue-buy-buy-active); /* @kind color */
  --color-trade-sell-01: var(--sq-colors-red-sell-sell-hover); /* @kind color */
  --color-trade-sell-02-bg: var(--sq-colors-red-sell-sell-salmon-bg); /* @kind color */
  --color-trade-sell-02: var(--sq-colors-red-sell-sell-salmon); /* @kind color */
  --color-trade-sell-03: var(--sq-colors-red-sell-sell-active); /* @kind color */
}

:root[data-mode="pf-dm-app"] {
  --color-allocation-01: var(--sq-colors-red-allocation-pink-red-dm); /* @kind color */
  --color-allocation-02: var(--sq-colors-pastel-green-pastel-green-dm); /* @kind color */
  --color-allocation-03: var(--sq-colors-grape-grape-blue-dm); /* @kind color */
  --color-allocation-04: var(--sq-colors-mustard-mustard-dm); /* @kind color */
  --color-allocation-05: var(--sq-colors-purple-purple-dm); /* @kind color */
  --color-allocation-06: var(--sq-colors-greeny-greeny-dm); /* @kind color */
  --color-allocation-07: var(--sq-colors-acqua-acqua-dm); /* @kind color */
  --color-background-background: var(--pf-colors-petrol-10); /* @kind color */
  --color-background-container: var(--pf-colors-petrol-11); /* @kind color */
  --color-background-wl-background: var(--pf-colors-petrol-10); /* @kind color */
  --color-background-wl-container: var(--pf-colors-petrol-11); /* @kind color */
  --color-brand-main-00: var(--pf-colors-yellow-warning-yellow-pf); /* @kind color */
  --color-brand-main-01: var(--pf-colors-petrol-2); /* @kind color */
  --color-brand-main-02: var(--pf-colors-petrol-3); /* @kind color */
  --color-brand-main-03: var(--pf-colors-petrol-4); /* @kind color */
  --color-brand-main-04: var(--pf-colors-petrol-5); /* @kind color */
  --color-brand-main-05: var(--pf-colors-petrol-6); /* @kind color */
  --color-brand-main-06: var(--pf-colors-petrol-7); /* @kind color */
  --color-brand-main-07: var(--pf-colors-petrol-8); /* @kind color */
  --color-brand-petrol: var(--pf-colors-petrol-yellow-pf2); /* @kind color */
  --color-brand-pf-00: var(--pf-colors-yellow-warning-yellow-pf); /* @kind color */
  --color-brand-pf-01: var(--pf-colors-petrol-2); /* @kind color */
  --color-brand-pf-02: var(--pf-colors-petrol-3); /* @kind color */
  --color-brand-pf-03: var(--pf-colors-petrol-4); /* @kind color */
  --color-brand-pf-04: var(--pf-colors-petrol-5); /* @kind color */
  --color-brand-pf-05: var(--pf-colors-petrol-6); /* @kind color */
  --color-brand-pf-06: var(--pf-colors-petrol-7); /* @kind color */
  --color-brand-pf-07: var(--pf-colors-petrol-8); /* @kind color */
  --color-brand-postgelb: var(--pf-colors-yellow-warning-yellow-pf); /* @kind color */
  --color-brand-wl-00: var(--wl-colors-green-90-main); /* @kind color */
  --color-brand-wl-01: var(--wl-colors-green-10); /* @kind color */
  --color-brand-wl-02: var(--wl-colors-green-20); /* @kind color */
  --color-brand-wl-03: var(--wl-colors-green-40); /* @kind color */
  --color-brand-wl-04: var(--wl-colors-green-60); /* @kind color */
  --color-brand-wl-05: var(--wl-colors-green-80); /* @kind color */
  --color-brand-wl-06: var(--wl-colors-green-dark); /* @kind color */
  --color-brand-wl-07: var(--wl-colors-green-darkest); /* @kind color */
  --color-chart-sq-chart-01: rgb(0,0,0); /* @kind color */
  --color-chart-sq-chart-02: rgb(0,0,0); /* @kind color */
  --color-core-01: var(--pf-colors-grey-white-new); /* @kind color */
  --color-core-02: var(--pf-colors-petrol-2); /* @kind color */
  --color-core-03: var(--pf-colors-petrol-4); /* @kind color */
  --color-core-04: var(--sq-colors-grey-medium-grey); /* @kind color */
  --color-core-05: var(--sq-colors-grey-dark-grey); /* @kind color */
  --color-core-06: var(--pf-colors-petrol-9-new-to-add); /* @kind color */
  --color-core-07-with-30-opacity-2: var(--sq-colors-grey-charcoal-10); /* @kind color */
  --color-core-07: var(--sq-colors-grey-charcoal); /* @kind color */
  --color-core-08: var(--pf-colors-grey-color-black); /* @kind color */
  --color-graphs-primary: rgb(41,48,86); /* @kind color */
  --color-graphs-secondary: rgb(18,84,149); /* @kind color */
  --color-graphs-tertiary: rgb(81,11,36); /* @kind color */
  --color-overlay-sq-container: var(--sq-colors-overlay-black-60-dm); /* @kind color */
  --color-quality-01: var(--sq-colors-quality-down-red-dm); /* @kind color */
  --color-quality-02: var(--sq-colors-quality-flame-dm); /* @kind color */
  --color-quality-03: var(--sq-colors-quality-fox-dm); /* @kind color */
  --color-quality-04: var(--sq-colors-quality-cadmium-dm); /* @kind color */
  --color-quality-05: var(--sq-colors-quality-quality-yellow-dm); /* @kind color */
  --color-quality-06: var(--sq-colors-green-quality-old-gold-dm); /* @kind color */
  --color-quality-07: var(--sq-colors-green-quality-frog-dm); /* @kind color */
  --color-quality-08: var(--sq-colors-green-quality-asparagus-dm); /* @kind color */
  --color-quality-09: var(--sq-colors-green-quality-forest-dm); /* @kind color */
  --color-quality-10: var(--sq-colors-green-quality-up-green-dm); /* @kind color */
  --color-quality-11-2: var(--sq-colors-green-quality-energizing-lime-dm); /* @kind color */
  --color-shadowscontainers: var(--sq-colors-grey-charcoal-10); /* @kind color */
  --color-shadowsmodales: var(--sq-colors-grey-charcoal-10); /* @kind color */
  --color-system-error-10: var(--pf-colors-red-error-pf-down-red-bg-lm-2); /* @kind color */
  --color-system-error: var(--pf-colors-red-error-pf-down-red-lm-2); /* @kind color */
  --color-system-info-10: var(--pf-colors-blue-info-pf-blue-bg-dm-2); /* @kind color */
  --color-system-info: var(--pf-colors-blue-info-pf-blue-dm-2); /* @kind color */
  --color-system-success-10: var(--pf-colors-green-success-pf-up-green-bg-lm-2); /* @kind color */
  --color-system-success: var(--pf-colors-green-success-pf-up-green-lm-2); /* @kind color */
  --color-system-warning-10: var(--pf-colors-yellow-warning-yellow-bg-dm-2); /* @kind color */
  --color-system-warning: var(--pf-colors-yellow-warning-pf-yellow-dm-2); /* @kind color */
  --color-trade-buy-01: var(--sq-colors-blue-buy-buy-hover); /* @kind color */
  --color-trade-buy-02-bg: var(--sq-colors-blue-buy-buy-hover-bg); /* @kind color */
  --color-trade-buy-02: var(--sq-colors-blue-buy-buy-blue); /* @kind color */
  --color-trade-buy-03: var(--sq-colors-blue-buy-buy-active); /* @kind color */
  --color-trade-sell-01: var(--sq-colors-red-sell-sell-hover); /* @kind color */
  --color-trade-sell-02-bg: var(--sq-colors-red-sell-sell-salmon-bg); /* @kind color */
  --color-trade-sell-02: var(--sq-colors-red-sell-sell-salmon); /* @kind color */
  --color-trade-sell-03: var(--sq-colors-red-sell-sell-active); /* @kind color */
}

:root[data-mode="pf-lm-app"] {
  --color-allocation-01: var(--sq-colors-red-allocation-pink-red-dm); /* @kind color */
  --color-allocation-02: var(--sq-colors-pastel-green-pastel-green-dm); /* @kind color */
  --color-allocation-03: var(--sq-colors-grape-grape-blue-dm); /* @kind color */
  --color-allocation-04: var(--sq-colors-mustard-mustard-dm); /* @kind color */
  --color-allocation-05: var(--sq-colors-purple-purple-dm); /* @kind color */
  --color-allocation-06: var(--sq-colors-greeny-greeny-dm); /* @kind color */
  --color-allocation-07: var(--sq-colors-acqua-acqua-dm); /* @kind color */
  --color-background-background: var(--pf-colors-petrol-1); /* @kind color */
  --color-background-container: var(--pf-colors-base-white); /* @kind color */
  --color-background-wl-background: var(--pf-colors-petrol-1); /* @kind color */
  --color-background-wl-container: var(--pf-colors-base-white); /* @kind color */
  --color-brand-main-00: var(--pf-colors-petrol-8); /* @kind color */
  --color-brand-main-01: var(--pf-colors-petrol-7); /* @kind color */
  --color-brand-main-02: var(--pf-colors-petrol-6); /* @kind color */
  --color-brand-main-03: var(--pf-colors-petrol-5); /* @kind color */
  --color-brand-main-04: var(--pf-colors-petrol-4); /* @kind color */
  --color-brand-main-05: var(--pf-colors-petrol-3); /* @kind color */
  --color-brand-main-06: var(--pf-colors-petrol-2); /* @kind color */
  --color-brand-main-07: var(--pf-colors-petrol-1); /* @kind color */
  --color-brand-petrol: var(--pf-colors-petrol-8); /* @kind color */
  --color-brand-pf-00: var(--pf-colors-petrol-8); /* @kind color */
  --color-brand-pf-01: var(--pf-colors-petrol-7); /* @kind color */
  --color-brand-pf-02: var(--pf-colors-petrol-6); /* @kind color */
  --color-brand-pf-03: var(--pf-colors-petrol-5); /* @kind color */
  --color-brand-pf-04: var(--pf-colors-petrol-4); /* @kind color */
  --color-brand-pf-05: var(--pf-colors-petrol-3); /* @kind color */
  --color-brand-pf-06: var(--pf-colors-petrol-2); /* @kind color */
  --color-brand-pf-07: var(--pf-colors-petrol-1); /* @kind color */
  --color-brand-postgelb: var(--pf-colors-yellow-warning-yellow-pf); /* @kind color */
  --color-brand-wl-00: var(--wl-colors-green-90-main); /* @kind color */
  --color-brand-wl-01: var(--wl-colors-green-10); /* @kind color */
  --color-brand-wl-02: var(--wl-colors-green-20); /* @kind color */
  --color-brand-wl-03: var(--wl-colors-green-40); /* @kind color */
  --color-brand-wl-04: var(--wl-colors-green-60); /* @kind color */
  --color-brand-wl-05: var(--wl-colors-green-80); /* @kind color */
  --color-brand-wl-06: var(--wl-colors-green-dark); /* @kind color */
  --color-brand-wl-07: var(--wl-colors-green-darkest); /* @kind color */
  --color-chart-sq-chart-01: rgb(0,0,0); /* @kind color */
  --color-chart-sq-chart-02: rgb(0,0,0); /* @kind color */
  --color-core-01: var(--sq-colors-grey-color-black); /* @kind color */
  --color-core-02: var(--pf-colors-petrol-9-new-to-add); /* @kind color */
  --color-core-03: var(--pf-colors-petrol-8); /* @kind color */
  --color-core-04: var(--sq-colors-grey-dark-grey); /* @kind color */
  --color-core-05: var(--sq-colors-grey-medium-grey); /* @kind color */
  --color-core-06: var(--pf-colors-petrol-2); /* @kind color */
  --color-core-07-with-30-opacity-2: var(--sq-colors-grey-opacity); /* @kind color */
  --color-core-07: var(--sq-colors-grey-lightest-grey); /* @kind color */
  --color-core-08: var(--pf-colors-base-white); /* @kind color */
  --color-graphs-primary: rgb(179,184,219); /* @kind color */
  --color-graphs-secondary: rgb(194,222,250); /* @kind color */
  --color-graphs-tertiary: rgb(254,163,180); /* @kind color */
  --color-overlay-sq-container: var(--sq-colors-overlay-black-60-dm); /* @kind color */
  --color-quality-01: var(--sq-colors-quality-down-red-dm); /* @kind color */
  --color-quality-02: var(--sq-colors-quality-flame-dm); /* @kind color */
  --color-quality-03: var(--sq-colors-quality-fox-dm); /* @kind color */
  --color-quality-04: var(--sq-colors-quality-cadmium-dm); /* @kind color */
  --color-quality-05: var(--sq-colors-quality-quality-yellow-dm); /* @kind color */
  --color-quality-06: var(--sq-colors-green-quality-old-gold-dm); /* @kind color */
  --color-quality-07: var(--sq-colors-green-quality-frog-dm); /* @kind color */
  --color-quality-08: var(--sq-colors-green-quality-asparagus-dm); /* @kind color */
  --color-quality-09: var(--sq-colors-green-quality-forest-dm); /* @kind color */
  --color-quality-10: var(--sq-colors-green-quality-up-green-dm); /* @kind color */
  --color-quality-11-2: var(--sq-colors-green-quality-deep-sea-green-lm); /* @kind color */
  --color-shadowscontainers: var(--sq-colors-grey-charcoal-10); /* @kind color */
  --color-shadowsmodales: var(--sq-colors-grey-charcoal-10); /* @kind color */
  --color-system-error-10: var(--pf-colors-red-error-pf-down-red-bg-lm-2); /* @kind color */
  --color-system-error: var(--pf-colors-red-error-pf-down-red-lm-2); /* @kind color */
  --color-system-info-10: var(--pf-colors-blue-info-pf-blue-bg-lm-2); /* @kind color */
  --color-system-info: var(--pf-colors-blue-info-pf-blue-lm-2); /* @kind color */
  --color-system-success-10: var(--pf-colors-green-success-pf-up-green-bg-lm-2); /* @kind color */
  --color-system-success: var(--pf-colors-green-success-pf-up-green-lm-2); /* @kind color */
  --color-system-warning-10: var(--pf-colors-yellow-warning-yellow-bg-dm-2); /* @kind color */
  --color-system-warning: var(--pf-colors-yellow-warning-pf-yellow-dm-2); /* @kind color */
  --color-trade-buy-01: var(--sq-colors-blue-buy-buy-hover); /* @kind color */
  --color-trade-buy-02-bg: var(--sq-colors-blue-buy-buy-hover-bg); /* @kind color */
  --color-trade-buy-02: var(--sq-colors-blue-buy-buy-blue); /* @kind color */
  --color-trade-buy-03: var(--sq-colors-blue-buy-buy-active); /* @kind color */
  --color-trade-sell-01: var(--sq-colors-red-sell-sell-hover); /* @kind color */
  --color-trade-sell-02-bg: var(--sq-colors-red-sell-sell-salmon-bg); /* @kind color */
  --color-trade-sell-02: var(--sq-colors-red-sell-sell-salmon); /* @kind color */
  --color-trade-sell-03: var(--sq-colors-red-sell-sell-active); /* @kind color */
}

:root[data-mode="pf-lm-web"] {
  --color-allocation-01: var(--sq-colors-red-allocation-pink-red-dm); /* @kind color */
  --color-allocation-02: var(--sq-colors-pastel-green-pastel-green-dm); /* @kind color */
  --color-allocation-03: var(--sq-colors-grape-grape-blue-dm); /* @kind color */
  --color-allocation-04: var(--sq-colors-mustard-mustard-dm); /* @kind color */
  --color-allocation-05: var(--sq-colors-purple-purple-dm); /* @kind color */
  --color-allocation-06: var(--sq-colors-greeny-greeny-dm); /* @kind color */
  --color-allocation-07: var(--sq-colors-acqua-acqua-dm); /* @kind color */
  --color-background-background: var(--pf-colors-petrol-1); /* @kind color */
  --color-background-container: var(--pf-colors-base-white); /* @kind color */
  --color-background-wl-background: var(--pf-colors-petrol-1); /* @kind color */
  --color-background-wl-container: var(--pf-colors-base-white); /* @kind color */
  --color-brand-main-00: var(--pf-colors-yellow-warning-yellow-pf); /* @kind color */
  --color-brand-main-01: var(--pf-colors-petrol-7); /* @kind color */
  --color-brand-main-02: var(--pf-colors-petrol-6); /* @kind color */
  --color-brand-main-03: var(--pf-colors-petrol-5); /* @kind color */
  --color-brand-main-04: var(--pf-colors-petrol-4); /* @kind color */
  --color-brand-main-05: var(--pf-colors-petrol-3); /* @kind color */
  --color-brand-main-06: var(--pf-colors-petrol-2); /* @kind color */
  --color-brand-main-07: var(--pf-colors-petrol-1); /* @kind color */
  --color-brand-petrol: var(--pf-colors-petrol-8); /* @kind color */
  --color-brand-pf-00: var(--pf-colors-yellow-warning-yellow-pf); /* @kind color */
  --color-brand-pf-01: var(--pf-colors-petrol-7); /* @kind color */
  --color-brand-pf-02: var(--pf-colors-petrol-6); /* @kind color */
  --color-brand-pf-03: var(--pf-colors-petrol-5); /* @kind color */
  --color-brand-pf-04: var(--pf-colors-petrol-4); /* @kind color */
  --color-brand-pf-05: var(--pf-colors-petrol-3); /* @kind color */
  --color-brand-pf-06: var(--pf-colors-petrol-2); /* @kind color */
  --color-brand-pf-07: var(--pf-colors-petrol-1); /* @kind color */
  --color-brand-postgelb: var(--pf-colors-yellow-warning-yellow-pf); /* @kind color */
  --color-brand-wl-00: var(--wl-colors-green-90-main); /* @kind color */
  --color-brand-wl-01: var(--wl-colors-green-10); /* @kind color */
  --color-brand-wl-02: var(--wl-colors-green-20); /* @kind color */
  --color-brand-wl-03: var(--wl-colors-green-40); /* @kind color */
  --color-brand-wl-04: var(--wl-colors-green-60); /* @kind color */
  --color-brand-wl-05: var(--wl-colors-green-80); /* @kind color */
  --color-brand-wl-06: var(--wl-colors-green-dark); /* @kind color */
  --color-brand-wl-07: var(--wl-colors-green-darkest); /* @kind color */
  --color-chart-sq-chart-01: var(--sq-colors-blue-chart-chart-01-lm); /* @kind color */
  --color-chart-sq-chart-02: var(--sq-colors-blue-chart-chart-02-lm); /* @kind color */
  --color-core-01: var(--sq-colors-grey-color-black); /* @kind color */
  --color-core-02: var(--sq-colors-grey-charcoal); /* @kind color */
  --color-core-03: var(--pf-colors-grey-darkest-grey-new); /* @kind color */
  --color-core-04: var(--pf-colors-grey-dark-grey-new); /* @kind color */
  --color-core-05: var(--pf-colors-grey-medium-grey-new); /* @kind color */
  --color-core-06: var(--pf-colors-petrol-8); /* @kind color */
  --color-core-07-with-30-opacity-2: var(--sq-colors-grey-opacity); /* @kind color */
  --color-core-07: var(--pf-colors-grey-lightest-grey-new); /* @kind color */
  --color-core-08: var(--pf-colors-grey-white-new); /* @kind color */
  --color-graphs-primary: rgb(255,255,255); /* @kind color */
  --color-graphs-secondary: rgb(255,255,255); /* @kind color */
  --color-graphs-tertiary: rgb(255,255,255); /* @kind color */
  --color-overlay-sq-container: var(--sq-colors-overlay-black-60-dm); /* @kind color */
  --color-quality-01: var(--sq-colors-quality-down-red-dm); /* @kind color */
  --color-quality-02: var(--sq-colors-quality-flame-dm); /* @kind color */
  --color-quality-03: var(--sq-colors-quality-fox-dm); /* @kind color */
  --color-quality-04: var(--sq-colors-quality-cadmium-dm); /* @kind color */
  --color-quality-05: var(--sq-colors-quality-quality-yellow-dm); /* @kind color */
  --color-quality-06: var(--sq-colors-green-quality-old-gold-dm); /* @kind color */
  --color-quality-07: var(--sq-colors-green-quality-frog-dm); /* @kind color */
  --color-quality-08: var(--sq-colors-green-quality-asparagus-dm); /* @kind color */
  --color-quality-09: var(--sq-colors-green-quality-forest-dm); /* @kind color */
  --color-quality-10: var(--sq-colors-green-quality-up-green-dm); /* @kind color */
  --color-quality-11-2: var(--sq-colors-green-quality-deep-sea-green-lm); /* @kind color */
  --color-shadowscontainers: var(--sq-colors-grey-charcoal-10); /* @kind color */
  --color-shadowsmodales: var(--sq-colors-grey-charcoal-10); /* @kind color */
  --color-system-error-10: var(--pf-colors-red-error-pf-down-red-bg-lm-2); /* @kind color */
  --color-system-error: var(--pf-colors-red-error-pf-down-red-lm-2); /* @kind color */
  --color-system-info-10: var(--pf-colors-blue-info-pf-blue-bg-lm-2); /* @kind color */
  --color-system-info: var(--pf-colors-blue-info-pf-blue-lm-2); /* @kind color */
  --color-system-success-10: var(--pf-colors-green-success-pf-up-green-bg-lm-2); /* @kind color */
  --color-system-success: var(--pf-colors-green-success-pf-up-green-lm-2); /* @kind color */
  --color-system-warning-10: var(--pf-colors-yellow-warning-yellow-bg-dm-2); /* @kind color */
  --color-system-warning: var(--pf-colors-yellow-warning-pf-yellow-dm-2); /* @kind color */
  --color-trade-buy-01: var(--sq-colors-blue-buy-buy-hover); /* @kind color */
  --color-trade-buy-02-bg: var(--sq-colors-blue-buy-buy-hover-bg); /* @kind color */
  --color-trade-buy-02: var(--sq-colors-blue-buy-buy-blue); /* @kind color */
  --color-trade-buy-03: var(--sq-colors-blue-buy-buy-active); /* @kind color */
  --color-trade-sell-01: var(--sq-colors-red-sell-sell-hover); /* @kind color */
  --color-trade-sell-02-bg: var(--sq-colors-red-sell-sell-salmon-bg); /* @kind color */
  --color-trade-sell-02: var(--sq-colors-red-sell-sell-salmon); /* @kind color */
  --color-trade-sell-03: var(--sq-colors-red-sell-sell-active); /* @kind color */
}

:root[data-mode="mobile"] {
  --font-family-postfinance-grotesk: var(--typography-family-postfinance-grotesk);
  --font-family-sq: var(--typography-family-swissquote);
  --font-family-white-label: var(--typography-family-arial);
  --font-interlettering: var(--typography-interlettering-interlettering-mobile);
  --font-interspacing-body-default: var(--typography-size-6-20px);
  --font-interspacing-body-medium: var(--typography-size-7-18px);
  --font-interspacing-button-default: var(--typography-size-6-20px);
  --font-interspacing-button-small: var(--typography-size-11-14px);
  --font-interspacing-caption: var(--typography-size-11-14px);
  --font-size-body-default: var(--typography-size-10-15px);
  --font-size-body-medium: var(--typography-size-12-13px);
  --font-size-body-small: 12;
  --font-size-button-default: var(--typography-size-10-15px);
  --font-size-button-small: var(--typography-size-12-13px);
  --font-size-caption: var(--typography-size-13-12px);
  --font-size-heading-large: var(--typography-size-3-28px);
  --font-size-heading-medium: var(--typography-size-5-22px);
  --font-size-heading-small: var(--typography-size-8-17px);
  --font-size-heading-xlarge: var(--typography-size-2-36px);
  --font-weight-bold: var(--typography-weight-bold);
  --font-weight-medium: var(--typography-weight-medium);
  --font-weight-regular: var(--typography-weight-regular);
}

:root[data-mode="comfortable"] {
  --height-table-cell-height-3: 48; /* @kind other */
  --height-table-header-height: 40; /* @kind other */
}

:root[data-mode="quartz"] {
  --color-ag-icon-default: var(--quartz-ag-icon-default); /* @kind color */
}

:root[data-mode="alpine"] {
  --color-ag-icon-default: var(--alpine-ag-icon-default); /* @kind color */
}

:root[data-theme="light"], .light {
  --color-green-500: rgb(51,159,123); /* @kind color */
  --color-grey-300: rgb(140,141,152); /* @kind color */
  --color-red-500: rgb(231,62,51); /* @kind color */
}