: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-mm: #FF730A;--base-color-app-rp: #3CD250;--base-color-app-px: #009BFF;--base-color-app-ap: #FF00BB;--base-color-app-li: #FFD200;--base-color-app-pr: #FF3333;--base-color-app-jf: #936BFF;--base-color-app-sh: #9da1a6;--base-color-app-co: #ffffff;--base-color-neutral-0: #fff;--base-color-neutral-50: #F9FAFB;--base-color-neutral-100: #F6F7F8;--base-color-neutral-200: #EBECED;--base-color-neutral-300: #DADADA;--base-color-neutral-400: #C0C3C6;--base-color-neutral-500: #9DA1A6;--base-color-neutral-600: #6A7177;--base-color-neutral-700: #515860;--base-color-neutral-800: #343e48;--base-color-neutral-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;--base-color-opacity-light-5: rgba(255,255,255,0.05);--base-color-opacity-light-10: rgba(255,255,255,0.1);--base-color-opacity-light-20: rgba(255,255,255,0.2);--base-color-opacity-light-30: rgba(255,255,255,0.3);--base-color-opacity-light-40: rgba(255,255,255,0.4);--base-color-opacity-light-50: rgba(255,255,255,0.5);--base-color-opacity-light-60: rgba(255,255,255,0.6);--base-color-opacity-light-70: rgba(255,255,255,0.7);--base-color-opacity-light-80: rgba(255,255,255,0.8);--base-color-opacity-light-90: rgba(255,255,255,0.9);--base-color-opacity-dark-5: rgba(52,62,72,0.05);--base-color-opacity-dark-10: rgba(52,62,72,0.1);--base-color-opacity-dark-20: rgba(52,62,72,0.2);--base-color-opacity-dark-30: rgba(52,62,72,0.3);--base-color-opacity-dark-40: rgba(52,62,72,0.4);--base-color-opacity-dark-50: rgba(52,62,72,0.5);--base-color-opacity-dark-60: rgba(52,62,72,0.6);--base-color-opacity-dark-70: rgba(52,62,72,0.7);--base-color-opacity-dark-80: rgba(52,62,72,0.8);--base-color-opacity-dark-90: rgba(52,62,72,0.9)}: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-basecolor-app-pr: var(--base-color-app-pr);--sys-color-basecolor-app-jf: var(--base-color-app-jf);--sys-color-basecolor-app-sh: var(--base-color-app-sh);--sys-color-basecolor-app-co: var(--base-color-app-co);--sys-color-background-light-default: var(--base-color-neutral-0);--sys-color-background-light-hover: var(--base-color-neutral-200);--sys-color-background-light-click: var(--base-color-neutral-300);--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-on-light-dark: var(--base-color-neutral-300);--sys-color-background-disabled-on-light-light: var(--base-color-neutral-200);--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-secondary-selected: var(--base-color-turquoise-50);--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-error: var(--base-color-red-500);--sys-color-text-primary-default: var(--base-color-turquoise-500);--sys-color-text-primary-dark: var(--base-color-turquoise-700);--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-selected: var(--base-color-turquoise-700);--sys-color-border-error-default: var(--base-color-red-500);--sys-color-border-error-light: 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-on-light-default: var(--base-color-yellow-500);--sys-color-feedback-warning-on-light-disabled: var(--base-color-yellow-300);--sys-color-feedback-success-on-light-default: var(--base-color-green-500);--sys-color-feedback-success-on-light-disabled: var(--base-color-green-200);--sys-color-feedback-pending-on-light-default: var(--base-color-blue-500);--sys-color-feedback-pending-on-light-disabled: var(--base-color-blue-200)}:root{--button-border-primary-default-color: var(--sys-color-basecolor-primary);--button-primary-color-background-default: var(--sys-color-background-primary-default);--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-primary-color-icon: var(--sys-color-icon-on-dark-default);--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-background-selected: var(--sys-color-background-secondary-selected);--button-secondary-color-border-default: var(--sys-color-border-primary-default);--button-secondary-color-border-selected: var(--sys-color-border-primary-selected);--button-secondary-color-text-normal: var(--sys-color-text-primary-default);--button-secondary-color-text-selected: var(--sys-color-text-primary-dark);--button-secondary-color-icon-normal: var(--sys-color-icon-on-light-selected);--button-secondary-color-icon-selected: var(--base-color-turquoise-700);--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-border-default: var(--sys-color-border-error-default);--button-warning-color-text: var(--sys-color-text-error);--button-warning-color-icon: var(--sys-color-feedback-error-on-light-default);--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-border-default: var(--sys-color-border-neutral-default);--button-neutral-color-text: var(--sys-color-text-on-light);--button-neutral-color-icon: var(--sys-color-basecolor-neutral);--button-disabled-color-background: var(--sys-color-background-disabled-on-light-dark);--button-disabled-color-text: var(--sys-color-text-disable-on-light);--button-disabled-color-icon: var(--sys-color-icon-disabled-on-dark);--chip-filled-color-background-default: var(--base-color-neutral-200);--chip-filled-color-background-hover: var(--base-color-neutral-300);--chip-filled-color-background-click: var(--base-color-neutral-200);--chip-filled-color-background-disabled: var(--base-color-neutral-300);--chip-filled-color-text: var(--sys-color-text-on-light);--chip-filled-color-icon-button-default: var(--base-color-neutral-500);--chip-filled-color-icon-button-hover: var(--base-color-neutral-600);--chip-filled-color-icon-button-click: var(--base-color-neutral-500);--chip-filled-color-icon: var(--sys-color-basecolor-neutral);--chip-bordered-color-background-default: var(--sys-color-background-light-default);--chip-bordered-color-background-hover: var(--sys-color-background-light-hover);--chip-bordered-color-background-click: var(--sys-color-background-light-click);--chip-bordered-color-border-default: var(--sys-color-border-neutral-default);--chip-bordered-color-text: var(--sys-color-text-on-light);--chip-bordered-color-icon-button-default: var(--sys-color-icon-on-light-default);--chip-bordered-color-icon-button-hover: var(--sys-color-icon-on-light-hover);--chip-bordered-color-icon-button-click: var(--sys-color-icon-on-light-click);--chip-bordered-color-icon: var(--sys-color-basecolor-neutral)}