:root{--base-color-turquoise-50: #e9fafa;--base-color-turquoise-100: #D0F4F4;--base-color-turquoise-200: #BAF0EF;--base-color-turquoise-300: #98E9E7;--base-color-turquoise-400: #69DFDC;--base-color-turquoise-500: #1fcfcb;--base-color-turquoise-600: #1BB7B4;--base-color-turquoise-700: #199F9C;--base-color-turquoise-800: #117270;--base-color-turquoise-900: #0d5755;--base-color-app-color-mm: #FF730A;--base-color-app-color-rp: #3CD250;--base-color-app-color-px: #009BFF;--base-color-app-color-ap: #DC00A0;--base-color-app-color-li: #FFD200;--base-color-grey-0: #fff;--base-color-grey-50: #F9FAFB;--base-color-grey-100: #F6F7F8;--base-color-grey-200: #EBECED;--base-color-grey-300: #DADADA;--base-color-grey-400: #C0C3C6;--base-color-grey-500: #9DA1A6;--base-color-grey-600: #6A7177;--base-color-grey-700: #515860;--base-color-grey-800: #343e48;--base-color-grey-900: #252c33;--base-color-red-50: #ffe6e6;--base-color-red-100: #ffb0b0;--base-color-red-200: #ff8a8a;--base-color-red-300: #ff5454;--base-color-red-400: #ff3333;--base-color-red-500: #ff0000;--base-color-red-600: #e80000;--base-color-red-700: #b50000;--base-color-red-800: #8c0000;--base-color-red-900: #6b0000;--base-color-yellow-50: #FFF8E6;--base-color-yellow-100: #FFEAB0;--base-color-yellow-200: #FFDF8A;--base-color-yellow-300: #FFD154;--base-color-yellow-400: #FFC833;--base-color-yellow-500: #FFBA00;--base-color-yellow-600: #E3A500;--base-color-yellow-700: #BD8A00;--base-color-yellow-800: #8C6600;--base-color-yellow-900: #6B4E00;--base-color-green-50: #e6f5e8;--base-color-green-100: #b0deb6;--base-color-green-200: #8acf93;--base-color-green-300: #54b962;--base-color-green-400: #33ab43;--base-color-green-500: #009614;--base-color-green-600: #008912;--base-color-green-700: #006b0e;--base-color-green-800: #00530b;--base-color-green-900: #003f08;--base-color-blue-50: #e8f7ff;--base-color-blue-100: #b7e7ff;--base-color-blue-200: #95dcff;--base-color-blue-300: #64ccff;--base-color-blue-400: #46c2ff;--base-color-blue-500: #18b3ff;--base-color-blue-600: #16a3e8;--base-color-blue-700: #117fb5;--base-color-blue-800: #0d628c;--base-color-blue-900: #0a4b6b}:root{--sys-color-basecolor-primary: var(--base-color-turquoise-500);--sys-color-basecolor-neutral: var(--base-color-neutral-800);--sys-color-basecolor-app-mm: var(--base-color-app-mm);--sys-color-basecolor-app-rp: var(--base-color-app-rp);--sys-color-basecolor-app-px: var(--base-color-app-px);--sys-color-basecolor-app-ap: var(--base-color-app-ap);--sys-color-basecolor-app-li: var(--base-color-app-li);--sys-color-background-light-default: var(--base-color-neutral-0);--sys-color-background-light-hover: var(--base-color-neutral-100);--sys-color-background-light-click: var(--base-color-neutral-200);--sys-color-background-light-selected: var(--base-color-neutral-300);--sys-color-background-dark-default: var(--base-color-neutral-800);--sys-color-background-dark-selected: var(--base-color-turquoise-400);--sys-color-background-disabled: var(--base-color-neutral-300);--sys-color-background-primary-default: var(--base-color-turquoise-500);--sys-color-background-primary-hover: var(--base-color-turquoise-600);--sys-color-background-primary-click: var(--base-color-turquoise-700);--sys-color-background-light-grey-default: var(--base-color-neutral-100);--sys-color-background-light-grey-hover: var(--base-color-neutral-300);--sys-color-background-light-grey-selected: var(--base-color-turquoise-50);--sys-color-background-light-grey-hover-on-selected: var(--base-color-turquoise-100);--sys-color-background-pending-default: var(--base-color-blue-100);--sys-color-background-pending-hover: var(--base-color-blue-200);--sys-color-background-pending-click: var(--base-color-blue-300);--sys-color-background-pending-selected: var(--base-color-blue-200);--sys-color-background-pending-click-on-selected: var(--base-color-blue-300);--sys-color-background-success-default: var(--base-color-green-100);--sys-color-background-success-hover: var(--base-color-green-200);--sys-color-background-success-click: var(--base-color-green-300);--sys-color-background-success-selected: var(--base-color-green-200);--sys-color-background-success-click-on-selected: var(--base-color-green-300);--sys-color-background-secondary-hover: var(--base-color-turquoise-50);--sys-color-background-secondary-click: var(--base-color-turquoise-100);--sys-color-background-error-hover: var(--base-color-red-50);--sys-color-background-error-click: var(--base-color-red-100);--sys-color-text-on-light: var(--base-color-neutral-800);--sys-color-text-on-dark: var(--base-color-neutral-0);--sys-color-text-primary: var(--base-color-turquoise-500);--sys-color-text-error: var(--base-color-red-500);--sys-color-text-disable-on-light: var(--base-color-neutral-500);--sys-color-text-disable-on-dark: var(--base-color-neutral-500);--sys-color-text-disable-on-light-accessible: var(--base-color-neutral-600);--sys-color-icon-on-light-default: var(--base-color-neutral-600);--sys-color-icon-on-light-hover: var(--base-color-neutral-800);--sys-color-icon-on-light-click: var(--base-color-neutral-500);--sys-color-icon-on-light-selected: var(--base-color-turquoise-500);--sys-color-icon-on-dark-default: var(--base-color-neutral-0);--sys-color-icon-on-dark-hover: var(--base-color-neutral-300);--sys-color-icon-on-dark-click: var(--base-color-neutral-500);--sys-color-icon-disabled-on-light: var(--base-color-neutral-400);--sys-color-icon-disabled-on-light-grey: var(--base-color-neutral-600);--sys-color-icon-disabled-on-dark: var(--base-color-neutral-500);--sys-color-border-neutral-default: var(--base-color-neutral-800);--sys-color-border-neutral-hover: var(--base-color-neutral-600);--sys-color-border-primary-default: var(--base-color-turquoise-500);--sys-color-border-primary-hover: var(--base-color-turquoise-300);--sys-color-border-error-default: var(--base-color-red-500);--sys-color-border-error-hover: var(--base-color-red-200);--sys-color-border-light-grey-default: var(--base-color-neutral-500);--sys-color-border-light-grey-disabled: var(--base-color-neutral-300);--sys-color-feedback-error-on-light-default: var(--base-color-red-500);--sys-color-feedback-error-on-light-disabled: var(--base-color-red-200);--sys-color-feedback-error-on-dark-default: var(--base-color-red-300);--sys-color-feedback-warning-default: var(--base-color-yellow-500);--sys-color-feedback-warning-disabled: var(--base-color-yellow-300);--sys-color-feedback-success-default: var(--base-color-green-500);--sys-color-feedback-success-disabled: var(--base-color-green-200);--sys-color-feedback-pending-default: var(--base-color-blue-500);--sys-color-feedback-pending-disabled: var(--base-color-blue-200)}:root{--button-primary-color-background-default: #ff2d95;--button-primary-color-background-hover: var(--sys-color-background-primary-hover);--button-primary-color-background-click: var(--sys-color-background-primary-click);--button-primary-color-text: var(--sys-color-text-on-dark);--button-secondary-color-background-default: var(--sys-color-background-light-default);--button-secondary-color-background-hover: var(--sys-color-background-secondary-hover);--button-secondary-color-background-click: var(--sys-color-background-secondary-click);--button-secondary-color-outline-default: var(--sys-color-border-primary-default);--button-secondary-color-outline-hover: var(--button-primary-color-background-hover);--button-secondary-color-text: var(--sys-color-text-primary);--button-warning-color-background-default: var(--sys-color-background-light-default);--button-warning-color-background-hover: var(--sys-color-background-error-hover);--button-warning-color-background-click: var(--sys-color-background-error-click);--button-warning-color-outline-default: var(--sys-color-border-error-default);--button-warning-color-outline-hover: var(--sys-color-border-error-hover);--button-warning-color-text: var(--sys-color-text-error);--button-neutral-color-background-default: var(--sys-color-background-light-default);--button-neutral-color-background-hover: var(--sys-color-background-light-hover);--button-neutral-color-background-click: var(--sys-color-background-light-click);--button-neutral-color-background-selected: var(--sys-color-background-light-selected);--button-neutral-color-outline-default: var(--sys-color-border-neutral-default);--button-neutral-color-outline-hover: var(--sys-color-border-neutral-hover);--button-neutral-color-text: var(--sys-color-text-on-light);--button-disabled-color-background-disabled: var(--sys-color-background-disabled);--button-disabled-color-text: var(--sys-color-text-disable-on-light)}