/**
 * This file was generated using `npx ds-tokens`, please do not edit directly
 * See also: https://codex.in.devexperts.com/design-system-storybook/?path=/docs/getting-started-design-tokens--docs#how-to-use-tokens
 */

 :root {
  --ds-core-null: rgba(0,0,0,0);
  --ds-core-neutral-a-50: #E4E5EC;
  --ds-core-neutral-a-100: #C6C8D7;
  --ds-core-neutral-a-150: #ff00ca;
  --ds-core-neutral-a-200: #A8ACC2;
  --ds-core-neutral-a-250: #ff00ca;
  --ds-core-neutral-a-300: #9398B1;
  --ds-core-neutral-a-400: #7F849F;
  --ds-core-neutral-a-450: #ff00ca;
  --ds-core-neutral-a-500: #6D728C;
  --ds-core-neutral-a-600: #5F6477;
  --ds-core-neutral-a-700: #4F525F;
  --ds-core-neutral-a-800: #3D3F47;
  --ds-core-neutral-a-900: #30323B;
  --ds-core-neutral-a-950: #ff00ca;
  --ds-core-neutral-b-0: #FFFFFF;
  --ds-core-neutral-b-50: #F1F2FA;
  --ds-core-neutral-b-75: #E9EAF7;
  --ds-core-neutral-b-100: #CCCEE6;
  --ds-core-neutral-b-200: #A3A6CC;
  --ds-core-neutral-b-250: #969AC2;
  --ds-core-neutral-b-300: #8D8FBC;
  --ds-core-neutral-b-350: #ff00ca;
  --ds-core-neutral-b-400: #7679AD;
  --ds-core-neutral-b-450: #ff00ca;
  --ds-core-neutral-b-500: #61659B;
  --ds-core-neutral-b-600: #ff00ca;
  --ds-core-neutral-b-650: #4E5383;
  --ds-core-neutral-b-700: #3F4373;
  --ds-core-neutral-b-750: #333659;
  --ds-core-neutral-b-800: #262840;
  --ds-core-neutral-b-850: #1F2033;
  --ds-core-neutral-b-900: #181927;
  --ds-core-neutral-b-950: #11111B;
  --ds-core-primary-50: #E4EEFF;
  --ds-core-primary-100: #ABCBFE;
  --ds-core-primary-200: #74ABFC;
  --ds-core-primary-300: #3F8CF8;
  --ds-core-primary-400: #0C6FF1;
  --ds-core-primary-500: #0B55B9;
  --ds-core-primary-600: #093B81;
  --ds-core-primary-700: #06224B;
  --ds-core-primary-900: #ff00ca;
  --ds-core-primary-950: #ff00ca;
  --ds-core-secondary-25: #ff00ca;
  --ds-core-secondary-50: #EFF0FA;
  --ds-core-secondary-100: #CDD0EE;
  --ds-core-secondary-200: #ACB0E1;
  --ds-core-secondary-300: #7C82CB;
  --ds-core-secondary-400: #656CBF;
  --ds-core-secondary-500: #5259B4;
  --ds-core-secondary-600: #434892;
  --ds-core-secondary-700: #373970;
  --ds-core-secondary-800: #292B50;
  --ds-core-danger-50: #ff00ca;
  --ds-core-danger-100: #ff00ca;
  --ds-core-danger-200: #E85B67;
  --ds-core-danger-300: #FF6464;
  --ds-core-danger-400: #DE505C;
  --ds-core-danger-500: #BA4850;
  --ds-core-danger-600: #953C41;
  --ds-core-danger-700: #723234;
  --ds-core-danger-800: #502527;
  --ds-core-danger-900: #4D1A1D;
  --ds-core-danger-950: #ff00ca;
  --ds-core-success-25: #ff00ca;
  --ds-core-success-50: #ff00ca;
  --ds-core-success-100: #ff00ca;
  --ds-core-success-200: #1ADB9D;
  --ds-core-success-300: #ff00ca;
  --ds-core-success-400: #1EBD8A;
  --ds-core-success-500: #1CA779;
  --ds-core-success-600: #17825E;
  --ds-core-success-700: #14684B;
  --ds-core-success-800: #104E39;
  --ds-core-distinctive-50: #ff00ca;
  --ds-core-distinctive-100: #FFC973;
  --ds-core-distinctive-200: #FFA64D;
  --ds-core-distinctive-400: #FD9126;
  --ds-core-distinctive-600: #FF7E14;
  --ds-core-distinctive-650: #ff00ca;
  --ds-core-distinctive-700: #ff00ca;
  --ds-core-distinctive-800: #FF7E14;
  --ds-core-distinctive-900: #ff00ca;
  --ds-core-system-100: #B8D5F9;
  --ds-core-system-350: #178FE5;
  --ds-core-system-400: #6680FF;
  --ds-core-system-500: #4C6C94;
  --ds-core-system-900: #354152;
  --ds-core-shadow-none: 0 0 0 rgba(0,0,0,0);
  --ds-core-white-op-5: rgba(255,255,255,0.05);
  --ds-core-white-op-10: rgba(255,255,255,0.1);
  --ds-core-white-op-20: rgba(255,255,255,0.2);
  --ds-core-white-op-30: rgba(255,255,255,0.3);
  --ds-core-white-op-40: rgba(255,255,255,0.4);
  --ds-core-white-op-50: rgba(255,255,255,0.5);
  --ds-core-white-op-60: rgba(255,255,255,0.6);
  --ds-core-white-op-70: rgba(255,255,255,0.7);
  --ds-core-white-op-80: rgba(255,255,255,0.8);
  --ds-core-white-op-90: rgba(255,255,255,0.9);
  --ds-core-black-op-5: rgba(0,0,0,0.05);
  --ds-core-black-op-10: rgba(0,0,0,0.1);
  --ds-core-black-op-20: rgba(0,0,0,0.2);
  --ds-core-black-op-30: rgba(0,0,0,0.3);
  --ds-core-black-op-40: rgba(0,0,0,0.4);
  --ds-core-black-op-50: rgba(0,0,0,0.5);
  --ds-core-black-op-60: rgba(0,0,0,0.6);
  --ds-core-black-op-70: rgba(0,0,0,0.7);
  --ds-core-black-op-80: rgba(0,0,0,0.8);
  --ds-core-black-op-90: rgba(0,0,0,0.9);
  --ds-core-primary-op-20: rgba(62,139,247,0.2);
  --ds-core-primary-op-40: rgba(62,139,247,0.4);
  --ds-core-primary-op-60: rgba(62,139,247,0.6);
  --ds-core-primary-op-80: rgba(62,139,247,0.8);
  --ds-button-primary-default-bg-color: #0C6FF1;
  --ds-button-primary-hover-bg-color: #3F8CF8;
  --ds-button-primary-active-bg-color: #0B55B9;
  --ds-button-primary-default-border-color: #A8ACC2;
  --ds-button-primary-hover-border-color: #A8ACC2;
  --ds-button-primary-active-border-color: #A8ACC2;
  --ds-button-primary-focus-border-color: #A8ACC2;
  --ds-button-primary-default-text-color: #FFFFFF;
  --ds-button-primary-default-icon-color: #FFFFFF;
  --ds-button-primary-disabled-bg-color: #E4E5EC;
  --ds-button-primary-disabled-border-color: #C6C8D7;
  --ds-button-primary-disabled-text-color: #6D728C;
  --ds-button-primary-disabled-icon-color: #6D728C;
  --ds-button-primary-default-box-shadow: 0 0 0 rgba(0,0,0,0);
  --ds-button-secondary-default-bg-color: #FFFFFF;
  --ds-button-secondary-hover-bg-color: #FFFFFF;
  --ds-button-secondary-active-bg-color: #F1F2FA;
  --ds-button-secondary-default-border-color: #CCCEE6;
  --ds-button-secondary-hover-border-color: #A3A6CC;
  --ds-button-secondary-active-border-color: #969AC2;
  --ds-button-secondary-focus-border-color: #969AC2;
  --ds-button-secondary-default-text-color: #1F2033;
  --ds-button-secondary-default-icon-color: #1F2033;
  --ds-button-secondary-disabled-bg-color: #E4E5EC;
  --ds-button-secondary-disabled-border-color: #C6C8D7;
  --ds-button-secondary-disabled-text-color: #6D728C;
  --ds-button-secondary-disabled-icon-color: #6D728C;
  --ds-button-tertiary-default-bg-color: #A8ACC2;
  --ds-button-tertiary-hover-bg-color: #ff00ca;
  --ds-button-tertiary-active-bg-color: #9398B1;
  --ds-button-tertiary-default-border-color: #6D728C;
  --ds-button-tertiary-hover-border-color: #6D728C;
  --ds-button-tertiary-active-border-color: #6D728C;
  --ds-button-tertiary-focus-border-color: #6D728C;
  --ds-button-tertiary-default-text-color: #1F2033;
  --ds-button-tertiary-default-icon-color: #1F2033;
  --ds-button-tertiary-disabled-bg-color: #E4E5EC;
  --ds-button-tertiary-disabled-border-color: #C6C8D7;
  --ds-button-tertiary-disabled-text-color: #6D728C;
  --ds-button-tertiary-disabled-icon-color: #6D728C;
  --ds-button-alt-primary-default-bg-color: #FD9126;
  --ds-button-alt-primary-hover-bg-color: #FFC973;
  --ds-button-alt-primary-active-bg-color: #FF7E14;
  --ds-button-alt-primary-default-border-color: #FD9126;
  --ds-button-alt-primary-hover-border-color: #FD9126;
  --ds-button-alt-primary-active-border-color: #FD9126;
  --ds-button-alt-primary-focus-border-color: #FD9126;
  --ds-button-alt-primary-default-text-color: #1F2033;
  --ds-button-alt-primary-default-icon-color: #1F2033;
  --ds-button-alt-primary-disabled-bg-color: #E4E5EC;
  --ds-button-alt-primary-disabled-border-color: #C6C8D7;
  --ds-button-alt-primary-disabled-text-color: #6D728C;
  --ds-button-alt-primary-disabled-icon-color: #6D728C;
  --ds-button-alt-secondary-default-bg-color: #1F2033;
  --ds-button-alt-secondary-hover-bg-color: #4E5383;
  --ds-button-alt-secondary-active-bg-color: #181927;
  --ds-button-alt-secondary-default-border-color: #FD9126;
  --ds-button-alt-secondary-hover-border-color: #FD9126;
  --ds-button-alt-secondary-active-border-color: #FD9126;
  --ds-button-alt-secondary-focus-border-color: #FD9126;
  --ds-button-alt-secondary-default-text-color: #E4E5EC;
  --ds-button-alt-secondary-default-icon-color: #E4E5EC;
  --ds-button-alt-secondary-disabled-bg-color: #E4E5EC;
  --ds-button-alt-secondary-disabled-border-color: #C6C8D7;
  --ds-button-alt-secondary-disabled-text-color: #6D728C;
  --ds-button-alt-secondary-disabled-icon-color: #6D728C;
  --ds-button-success-default-bg-color: #1EBD8A;
  --ds-button-success-hover-bg-color: #1ADB9D;
  --ds-button-success-active-bg-color: #17825E;
  --ds-button-success-default-border-color: #104E39;
  --ds-button-success-hover-border-color: #104E39;
  --ds-button-success-active-border-color: #104E39;
  --ds-button-success-focus-border-color: #104E39;
  --ds-button-success-default-text-color: #E4E5EC;
  --ds-button-success-default-icon-color: #E4E5EC;
  --ds-button-success-disabled-bg-color: #E4E5EC;
  --ds-button-success-disabled-border-color: #C6C8D7;
  --ds-button-success-disabled-text-color: #6D728C;
  --ds-button-success-disabled-icon-color: #6D728C;
  --ds-button-danger-default-bg-color: #DE505C;
  --ds-button-danger-hover-bg-color: #E85B67;
  --ds-button-danger-active-bg-color: #BA4850;
  --ds-button-danger-default-border-color: #4D1A1D;
  --ds-button-danger-hover-border-color: #4D1A1D;
  --ds-button-danger-active-border-color: #4D1A1D;
  --ds-button-danger-focus-border-color: #4D1A1D;
  --ds-button-danger-default-text-color: #E4E5EC;
  --ds-button-danger-default-icon-color: #E4E5EC;
  --ds-button-danger-disabled-bg-color: #E4E5EC;
  --ds-button-danger-disabled-border-color: #C6C8D7;
  --ds-button-danger-disabled-text-color: #6D728C;
  --ds-button-danger-disabled-icon-color: #6D728C;
  --ds-text-button-primary-default-text-color: #74ABFC;
  --ds-text-button-primary-default-icon-color: #74ABFC;
  --ds-text-button-primary-hover-text-color: #FD9126;
  --ds-text-button-primary-hover-icon-color: #FD9126;
  --ds-text-button-primary-active-text-color: #FF7E14;
  --ds-text-button-primary-active-icon-color: #FF7E14;
  --ds-text-button-primary-focus-border-color: rgba(0,0,0,0);
  --ds-text-button-primary-disabled-text-color: rgba(62,139,247,0.4);
  --ds-text-button-primary-disabled-icon-color: rgba(62,139,247,0.4);
  --ds-text-button-primary-loading-text-color: rgba(62,139,247,0.4);
  --ds-icon-button-primary-default-bg-color: rgba(0,0,0,0);
  --ds-icon-button-primary-default-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-default-icon-color: #FFFFFF;
  --ds-icon-button-primary-hover-bg-color: rgba(0,0,0,0);
  --ds-icon-button-primary-hover-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-hover-icon-color: #FFC973;
  --ds-icon-button-primary-active-bg-color: rgba(0,0,0,0);
  --ds-icon-button-primary-active-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-active-icon-color: #FFA64D;
  --ds-icon-button-primary-focus-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-disabled-bg-color: rgba(0,0,0,0);
  --ds-icon-button-primary-disabled-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-disabled-icon-color: #7679AD;
  --ds-icon-button-primary-default-box-shadow: 0 0 0 rgba(0,0,0,0);
  --ds-icon-button-secondary-default-bg-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-default-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-default-icon-color: #E4E5EC;
  --ds-icon-button-secondary-hover-bg-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-hover-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-hover-icon-color: #FFC973;
  --ds-icon-button-secondary-active-bg-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-active-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-active-icon-color: #FFA64D;
  --ds-icon-button-secondary-focus-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-disabled-bg-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-disabled-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-disabled-icon-color: #7F849F;
  --ds-icon-button-tertiary-default-bg-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-default-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-default-icon-color: #A3A6CC;
  --ds-icon-button-tertiary-hover-bg-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-hover-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-hover-icon-color: #FFC973;
  --ds-icon-button-tertiary-active-bg-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-active-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-active-icon-color: #FFA64D;
  --ds-icon-button-tertiary-focus-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-disabled-bg-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-disabled-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-disabled-icon-color: #7679AD;
  --ds-icon-button-alt-primary-default-bg-color: #61659B;
  --ds-icon-button-alt-primary-default-border-color: #969AC2;
  --ds-icon-button-alt-primary-default-icon-color: #E9EAF7;
  --ds-icon-button-alt-primary-hover-bg-color: #7679AD;
  --ds-icon-button-alt-primary-hover-border-color: #969AC2;
  --ds-icon-button-alt-primary-hover-icon-color: #E9EAF7;
  --ds-icon-button-alt-primary-active-bg-color: #4E5383;
  --ds-icon-button-alt-primary-active-border-color: #969AC2;
  --ds-icon-button-alt-primary-active-icon-color: #E9EAF7;
  --ds-icon-button-alt-primary-focus-border-color: #969AC2;
  --ds-icon-button-alt-primary-disabled-bg-color: #61659B;
  --ds-icon-button-alt-primary-disabled-border-color: #969AC2;
  --ds-icon-button-alt-primary-disabled-icon-color: #8D8FBC;
  --ds-icon-button-alt-secondary-default-bg-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-default-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-default-icon-color: #A3A6CC;
  --ds-icon-button-alt-secondary-hover-bg-color: rgba(255,255,255,0.1);
  --ds-icon-button-alt-secondary-hover-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-hover-icon-color: #A3A6CC;
  --ds-icon-button-alt-secondary-active-bg-color: rgba(0,0,0,0.1);
  --ds-icon-button-alt-secondary-active-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-active-icon-color: #A3A6CC;
  --ds-icon-button-alt-secondary-focus-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-disabled-bg-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-disabled-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-disabled-icon-color: #61659B;
  --ds-icon-button-danger-default-bg-color: #DE505C;
  --ds-icon-button-danger-default-border-color: #4D1A1D;
  --ds-icon-button-danger-default-icon-color: #E4E5EC;
  --ds-icon-button-danger-hover-bg-color: #E85B67;
  --ds-icon-button-danger-hover-border-color: #4D1A1D;
  --ds-icon-button-danger-hover-icon-color: #E4E5EC;
  --ds-icon-button-danger-active-bg-color: #BA4850;
  --ds-icon-button-danger-active-border-color: #4D1A1D;
  --ds-icon-button-danger-active-icon-color: #E4E5EC;
  --ds-icon-button-danger-focus-border-color: #4D1A1D;
  --ds-icon-button-danger-disabled-bg-color: #ff00ca;
  --ds-icon-button-danger-disabled-border-color: #61659B;
  --ds-icon-button-danger-disabled-icon-color: #3D3F47;
  --ds-icon-button-success-default-bg-color: #1EBD8A;
  --ds-icon-button-success-default-border-color: #104E39;
  --ds-icon-button-success-default-icon-color: #E4E5EC;
  --ds-icon-button-success-hover-bg-color: #1ADB9D;
  --ds-icon-button-success-hover-border-color: #104E39;
  --ds-icon-button-success-hover-icon-color: #E4E5EC;
  --ds-icon-button-success-active-bg-color: #17825E;
  --ds-icon-button-success-active-border-color: #104E39;
  --ds-icon-button-success-active-icon-color: #E4E5EC;
  --ds-icon-button-success-focus-border-color: #104E39;
  --ds-icon-button-success-disabled-bg-color: #ff00ca;
  --ds-icon-button-success-disabled-border-color: #61659B;
  --ds-icon-button-success-disabled-icon-color: #3D3F47;
  --ds-selectbox-primary-default-bg-color: #C6C8D7;
  --ds-selectbox-primary-default-border-color: #ff00ca;
  --ds-selectbox-primary-default-text-color: #1F2033;
  --ds-selectbox-primary-default-placeholder-color: #7679AD;
  --ds-selectbox-primary-default-icon-color: #1F2033;
  --ds-selectbox-primary-default-chevron-color: #1F2033;
  --ds-selectbox-primary-hover-bg-color: #C6C8D7;
  --ds-selectbox-primary-hover-border-color: #6D728C;
  --ds-selectbox-primary-hover-text-color: #1F2033;
  --ds-selectbox-primary-hover-icon-color: #1F2033;
  --ds-selectbox-primary-hover-chevron-color: #1F2033;
  --ds-selectbox-primary-active-bg-color: #ff00ca;
  --ds-selectbox-primary-active-border-color: #ff00ca;
  --ds-selectbox-primary-active-text-color: #1F2033;
  --ds-selectbox-primary-active-icon-color: #1F2033;
  --ds-selectbox-primary-focus-border-color: #ff00ca;
  --ds-selectbox-primary-disabled-bg-color: #C6C8D7;
  --ds-selectbox-primary-disabled-border-color: #9398B1;
  --ds-selectbox-primary-disabled-text-color: #4F525F;
  --ds-selectbox-primary-disabled-chevron-color: #4F525F;
  --ds-selectbox-primary-disabled-icon-color: #4F525F;
  --ds-selectbox-secondary-default-bg-color: #9398B1;
  --ds-selectbox-secondary-default-border-color: #9398B1;
  --ds-selectbox-secondary-default-text-color: #1F2033;
  --ds-selectbox-secondary-default-icon-color: #1F2033;
  --ds-selectbox-secondary-default-chevron-color: #1F2033;
  --ds-selectbox-secondary-hover-bg-color: #ff00ca;
  --ds-selectbox-secondary-hover-border-color: #9398B1;
  --ds-selectbox-secondary-hover-text-color: #1F2033;
  --ds-selectbox-secondary-hover-icon-color: #1F2033;
  --ds-selectbox-secondary-hover-chevron-color: #1F2033;
  --ds-selectbox-secondary-active-bg-color: #7F849F;
  --ds-selectbox-secondary-active-border-color: #9398B1;
  --ds-selectbox-secondary-active-text-color: #1F2033;
  --ds-selectbox-secondary-active-icon-color: #1F2033;
  --ds-selectbox-secondary-focus-border-color: #9398B1;
  --ds-selectbox-secondary-disabled-bg-color: #C6C8D7;
  --ds-selectbox-secondary-disabled-border-color: #9398B1;
  --ds-selectbox-secondary-disabled-text-color: #4F525F;
  --ds-selectbox-secondary-disabled-chevron-color: #4F525F;
  --ds-selectbox-secondary-disabled-icon-color: #4F525F;
  --ds-selectbox-tertiary-default-bg-color: #A8ACC2;
  --ds-selectbox-tertiary-default-border-color: #ABCBFE;
  --ds-selectbox-tertiary-default-text-color: #1F2033;
  --ds-selectbox-tertiary-default-icon-color: #1F2033;
  --ds-selectbox-tertiary-default-chevron-color: #1F2033;
  --ds-selectbox-tertiary-hover-bg-color: #ff00ca;
  --ds-selectbox-tertiary-hover-border-color: #ABCBFE;
  --ds-selectbox-tertiary-hover-text-color: #1F2033;
  --ds-selectbox-tertiary-hover-icon-color: #1F2033;
  --ds-selectbox-tertiary-hover-chevron-color: #1F2033;
  --ds-selectbox-tertiary-active-bg-color: #7F849F;
  --ds-selectbox-tertiary-active-border-color: #ABCBFE;
  --ds-selectbox-tertiary-active-text-color: #1F2033;
  --ds-selectbox-tertiary-active-icon-color: #1F2033;
  --ds-selectbox-tertiary-focus-border-color: #ABCBFE;
  --ds-selectbox-tertiary-disabled-bg-color: #C6C8D7;
  --ds-selectbox-tertiary-disabled-border-color: #9398B1;
  --ds-selectbox-tertiary-disabled-text-color: #4F525F;
  --ds-selectbox-tertiary-disabled-chevron-color: #4F525F;
  --ds-selectbox-tertiary-disabled-icon-color: #4F525F;
  --ds-selectbox-flat-default-icon-color: #FF7E14;
  --ds-selectbox-flat-default-text-color: #FF7E14;
  --ds-selectbox-flat-default-chevron-color: #FF7E14;
  --ds-selectbox-flat-hover-icon-color: #ff00ca;
  --ds-selectbox-flat-hover-text-color: #ff00ca;
  --ds-selectbox-flat-hover-chevron-color: #ff00ca;
  --ds-selectbox-flat-active-text-color: #ff00ca;
  --ds-selectbox-flat-active-icon-color: #ff00ca;
  --ds-selectbox-flat-active-chevron-color: #ff00ca;
  --ds-selectbox-flat-focus-border-color: rgba(0,0,0,0);
  --ds-selectbox-flat-disabled-bg-color: rgba(0,0,0,0);
  --ds-selectbox-flat-disabled-border-color: rgba(0,0,0,0);
  --ds-selectbox-flat-disabled-text-color: #4F525F;
  --ds-selectbox-flat-disabled-chevron-color: #4F525F;
  --ds-selectbox-flat-disabled-icon-color: #4F525F;
  --ds-selectbox-flat-default-border-color: rgba(0,0,0,0);
  --ds-switch-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.25);
  --ds-switch-primary-on-default-bg-color: #7C82CB;
  --ds-switch-primary-on-hover-bg-color: #CDD0EE;
  --ds-switch-primary-on-active-bg-color: #292B50;
  --ds-switch-primary-on-focus-border-color: #7C82CB;
  --ds-switch-primary-on-disabled-bg-color: #ff00ca;
  --ds-switch-primary-on-knob-color: #E4E5EC;
  --ds-switch-primary-off-default-bg-color: #A3A6CC;
  --ds-switch-primary-off-hover-bg-color: #CCCEE6;
  --ds-switch-primary-off-active-bg-color: #969AC2;
  --ds-switch-primary-off-focus-border-color: #A3A6CC;
  --ds-switch-primary-off-disabled-bg-color: #7F849F;
  --ds-switch-primary-off-knob-color: #E4E5EC;
  --ds-switch-primary-icon-color: #E4E5EC;
  --ds-switch-primary-disabled-icon-color: #A8ACC2;
  --ds-switch-primary-disabled-knob-color: #A8ACC2;
  --ds-switch-primary-label-color: #11111B;
  --ds-switch-secondary-on-default-bg-color: #FF7E14;
  --ds-switch-secondary-on-hover-bg-color: #ff00ca;
  --ds-switch-secondary-on-active-bg-color: #ff00ca;
  --ds-switch-secondary-on-focus-border-color: #FF7E14;
  --ds-switch-secondary-on-disabled-bg-color: #FFC973;
  --ds-switch-secondary-on-knob-color: #E4E5EC;
  --ds-switch-secondary-off-default-bg-color: #A3A6CC;
  --ds-switch-secondary-off-hover-bg-color: #CCCEE6;
  --ds-switch-secondary-off-active-bg-color: #969AC2;
  --ds-switch-secondary-off-focus-border-color: #A3A6CC;
  --ds-switch-secondary-off-disabled-bg-color: #7F849F;
  --ds-switch-secondary-off-knob-color: #E4E5EC;
  --ds-switch-secondary-icon-color: #E4E5EC;
  --ds-switch-secondary-disabled-icon-color: #A8ACC2;
  --ds-switch-secondary-disabled-knob-color: #A8ACC2;
  --ds-switch-secondary-label-color: #11111B;
  --ds-switch-tertiary-on-default-bg-color: #A3A6CC;
  --ds-switch-tertiary-on-hover-bg-color: #CCCEE6;
  --ds-switch-tertiary-on-active-bg-color: #969AC2;
  --ds-switch-tertiary-on-focus-border-color: #A3A6CC;
  --ds-switch-tertiary-on-disabled-bg-color: #7F849F;
  --ds-switch-tertiary-on-knob-color: #E4E5EC;
  --ds-switch-tertiary-off-default-bg-color: #A3A6CC;
  --ds-switch-tertiary-off-hover-bg-color: #CCCEE6;
  --ds-switch-tertiary-off-active-bg-color: #969AC2;
  --ds-switch-tertiary-off-focus-border-color: #A3A6CC;
  --ds-switch-tertiary-off-disabled-bg-color: #7F849F;
  --ds-switch-tertiary-off-knob-color: #E4E5EC;
  --ds-switch-tertiary-icon-color: #E4E5EC;
  --ds-switch-tertiary-disabled-icon-color: #A8ACC2;
  --ds-switch-tertiary-disabled-knob-color: #A8ACC2;
  --ds-switch-tertiary-label-color: #11111B;
  --ds-scrollbar-default-bg-color: #3d3f4780;
  --ds-scrollbar-hover-bg-color: #abcbfe80;
  --ds-input-primary-default-bg-color: #FFFFFF;
  --ds-input-primary-default-text-color: #11111B;
  --ds-input-primary-default-placeholder-color: #9398B1;
  --ds-input-primary-default-border-color: #9398B1;
  --ds-input-primary-hover-bg-color: #FFFFFF;
  --ds-input-primary-hover-border-color: #7679AD;
  --ds-input-primary-focus-bg-color: #FFFFFF;
  --ds-input-primary-focus-border-color: #7679AD;
  --ds-input-primary-focus-placeholder-color: #A8ACC2;
  --ds-input-primary-disabled-bg-color: #E4E5EC;
  --ds-input-primary-disabled-border-color: #C6C8D7;
  --ds-input-primary-disabled-text-color: #7F849F;
  --ds-input-primary-disabled-placeholder-color: #7F849F;
  --ds-input-error-border-color: #BA4850;
  --ds-input-error-count-color: #E85B67;
  --ds-tooltip-drop-shadow: 0 0.2rem 1rem rgba(0,0,0,0.2);
  --ds-tooltip-standard-bg-color: #4E5383;
  --ds-tooltip-standard-border-color: #4E5383;
  --ds-tooltip-standard-text-color: #E4E5EC;
  --ds-tooltip-info-bg-color: #E4E5EC;
  --ds-tooltip-info-border-color: #E4E5EC;
  --ds-tooltip-info-text-color: #1F2033;
  --ds-tooltip-error-bg-color: #502527;
  --ds-tooltip-error-border-color: #502527;
  --ds-tooltip-error-text-color: #E4E5EC;
  --ds-date-input-primary-default-bg-color: #FFFFFF;
  --ds-date-input-primary-default-text-color: #11111B;
  --ds-date-input-primary-default-placeholder-color: #9398B1;
  --ds-date-input-primary-default-border-color: #9398B1;
  --ds-date-input-primary-hover-bg-color: #FFFFFF;
  --ds-date-input-primary-hover-border-color: #7679AD;
  --ds-date-input-primary-focus-bg-color: #FFFFFF;
  --ds-date-input-primary-focus-border-color: #7679AD;
  --ds-date-input-error-border-color: #BA4850;
  --ds-date-input-disabled-bg-color: #E4E5EC;
  --ds-date-input-disabled-border-color: #C6C8D7;
  --ds-date-input-disabled-text-color: #7F849F;
  --ds-date-input-disabled-placeholder-color: #7F849F;
  --ds-time-input-primary-default-bg-color: #FFFFFF;
  --ds-time-input-primary-default-border-color: #9398B1;
  --ds-time-input-primary-default-placeholder-color: #9398B1;
  --ds-time-input-primary-default-text-color: #11111B;
  --ds-time-input-primary-hover-bg-color: #FFFFFF;
  --ds-time-input-primary-hover-border-color: #7679AD;
  --ds-time-input-primary-focus-bg-color: #FFFFFF;
  --ds-time-input-primary-focus-border-color: #7679AD;
  --ds-time-input-error-border-color: #BA4850;
  --ds-time-input-disabled-bg-color: #E4E5EC;
  --ds-time-input-disabled-border-color: #C6C8D7;
  --ds-time-input-disabled-text-color: #7F849F;
  --ds-stepper-primary-default-bg-color: #CCCEE6;
  --ds-stepper-primary-hover-bg-color: #CCCEE6;
  --ds-stepper-primary-active-bg-color: #A3A6CC;
  --ds-stepper-primary-default-icon-color: #3D3F47;
  --ds-stepper-primary-disabled-bg-color: #C6C8D7;
  --ds-stepper-primary-disabled-icon-color: #6D728C;
  --ds-danger-icon-default-icon-color: #E85B67;
  --ds-date-picker-header-bg-color: #3F4373;
  --ds-date-picker-header-label-color: #E4E5EC;
  --ds-date-picker-header-hint-color: #6D728C;
  --ds-date-picker-presets-bg-color: #3F4373;
  --ds-date-picker-calendar-table-day-default-bg-color: rgba(0,0,0,0);
  --ds-date-picker-calendar-table-day-default-text-color: #E4E5EC;
  --ds-date-picker-calendar-table-day-default-today-border-color: #ABCBFE;
  --ds-date-picker-calendar-table-day-default-selected-bg-color: #ff00ca;
  --ds-date-picker-calendar-table-day-hover-bg-color: #4E5383;
  --ds-date-picker-calendar-table-day-hover-selected-bg-color: #8D8FBC;
  --ds-date-picker-calendar-table-day-selected-text-color: #E4E5EC;
  --ds-date-picker-calendar-table-day-weekend-text-color: #D4736A;
  --ds-date-picker-calendar-table-day-weekend-selected-text-color: #DFCDCD;
  --ds-date-picker-calendar-table-day-disabled-text-color: rgba(255,255,255,0.5);
  --ds-date-picker-calendar-table-default-header-color: rgba(255,255,255,0.5);
  --ds-date-picker-calendar-table-label-color: #E4E5EC;
  --ds-date-picker-calendar-list-item-default-text-color: #E4E5EC;
  --ds-date-picker-calendar-list-item-hover-bg-color: rgba(255,255,255,0.1);
  --ds-date-picker-calendar-list-item-disabled-text-color: #5F6477;
  --ds-date-picker-calendar-bg-color: #3F4373;
  --ds-date-picker-calendar-divider-color: rgba(255,255,255,0.1);
  --ds-date-picker-footer-bg-color: #3F4373;
  --ds-date-picker-drop-shadow: 0 0.2rem 2rem rgba(0,0,0,0.8);
  --ds-segment-control-unselected-primary-default-bg-color: #3F4373;
  --ds-segment-control-unselected-primary-hover-bg-color: #ff00ca;
  --ds-segment-control-unselected-primary-active-bg-color: #1F2033;
  --ds-segment-control-unselected-primary-default-border-color: #61659B;
  --ds-segment-control-unselected-primary-default-text-color: #E4E5EC;
  --ds-segment-control-unselected-primary-default-icon-color: #6D728C;
  --ds-segment-control-unselected-primary-focus-border-color: #61659B;
  --ds-segment-control-unselected-primary-disabled-bg-color: #333659;
  --ds-segment-control-unselected-primary-disabled-border-color: #61659B;
  --ds-segment-control-unselected-primary-disabled-text-color: rgba(255,255,255,0.5);
  --ds-segment-control-unselected-primary-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-primary-default-bg-color: #093B81;
  --ds-segment-control-selected-primary-hover-bg-color: #06224B;
  --ds-segment-control-selected-primary-active-bg-color: #093B81;
  --ds-segment-control-selected-primary-default-border-color: #ABCBFE;
  --ds-segment-control-selected-primary-default-text-color: #E4E5EC;
  --ds-segment-control-selected-primary-default-icon-color: #ABCBFE;
  --ds-segment-control-selected-primary-focus-border-color: #ABCBFE;
  --ds-segment-control-selected-primary-disabled-bg-color: #06224B;
  --ds-segment-control-selected-primary-disabled-border-color: #61659B;
  --ds-segment-control-selected-primary-disabled-text-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-primary-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-danger-default-bg-color: #BA4850;
  --ds-segment-control-selected-danger-hover-bg-color: #FF6464;
  --ds-segment-control-selected-danger-active-bg-color: #953C41;
  --ds-segment-control-selected-danger-default-border-color: #ff00ca;
  --ds-segment-control-selected-danger-default-text-color: #E4E5EC;
  --ds-segment-control-selected-danger-default-icon-color: #E4E5EC;
  --ds-segment-control-selected-danger-focus-border-color: #ff00ca;
  --ds-segment-control-selected-danger-disabled-bg-color: #ff00ca;
  --ds-segment-control-selected-danger-disabled-border-color: #61659B;
  --ds-segment-control-selected-danger-disabled-text-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-danger-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-success-default-bg-color: #ff00ca;
  --ds-segment-control-selected-success-hover-bg-color: #FF6464;
  --ds-segment-control-selected-success-active-bg-color: #953C41;
  --ds-segment-control-selected-success-default-border-color: #1ADB9D;
  --ds-segment-control-selected-success-default-text-color: #E4E5EC;
  --ds-segment-control-selected-success-default-icon-color: #E4E5EC;
  --ds-segment-control-selected-success-focus-border-color: #1ADB9D;
  --ds-segment-control-selected-success-disabled-bg-color: #ff00ca;
  --ds-segment-control-selected-success-disabled-border-color: #61659B;
  --ds-segment-control-selected-success-disabled-text-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-success-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.4);
  --ds-segment-control-outline-color: #6680FF;
  --ds-segment-control-container-bg-color: rgba(0,0,0,0);
  --ds-checkbox-primary-unchecked-default-bg-color: #FFFFFF;
  --ds-checkbox-primary-unchecked-hover-bg-color: #FFFFFF;
  --ds-checkbox-primary-unchecked-default-border-color: #9398B1;
  --ds-checkbox-primary-unchecked-hover-border-color: #7679AD;
  --ds-checkbox-primary-unchecked-focus-border-color: #9398B1;
  --ds-checkbox-primary-checked-default-bg-color: #FFFFFF;
  --ds-checkbox-primary-checked-hover-bg-color: #FFFFFF;
  --ds-checkbox-primary-checked-default-border-color: #9398B1;
  --ds-checkbox-primary-checked-hover-border-color: #7679AD;
  --ds-checkbox-primary-checked-focus-border-color: #9398B1;
  --ds-checkbox-primary-checked-icon-color: #3F8CF8;
  --ds-checkbox-primary-mixed-default-bg-color: #FFFFFF;
  --ds-checkbox-primary-mixed-hover-bg-color: #FFFFFF;
  --ds-checkbox-primary-mixed-default-border-color: #9398B1;
  --ds-checkbox-primary-mixed-hover-border-color: #7679AD;
  --ds-checkbox-primary-mixed-focus-border-color: #9398B1;
  --ds-checkbox-primary-mixed-icon-color: #3F8CF8;
  --ds-checkbox-primary-label-color: #11111B;
  --ds-checkbox-primary-hint-color: #3F4373;
  --ds-checkbox-primary-disabled-bg-color: #E4E5EC;
  --ds-checkbox-primary-disabled-border-color: #C6C8D7;
  --ds-checkbox-primary-disabled-icon-color: #7F849F;
  --ds-checkbox-primary-error-bg-color: #FFFFFF;
  --ds-checkbox-primary-error-hover-bg-color: #FFFFFF;
  --ds-checkbox-primary-error-border-color: #BA4850;
  --ds-checkbox-primary-error-icon-color: #3F8CF8;
  --ds-radio-button-primary-unchecked-default-bg-color: #FFFFFF;
  --ds-radio-button-primary-unchecked-default-border-color: #9398B1;
  --ds-radio-button-primary-unchecked-hover-bg-color: #FFFFFF;
  --ds-radio-button-primary-unchecked-hover-border-color: #7679AD;
  --ds-radio-button-primary-unchecked-focus-border-color: #9398B1;
  --ds-radio-button-primary-checked-default-bg-color: #FFFFFF;
  --ds-radio-button-primary-checked-default-border-color: #9398B1;
  --ds-radio-button-primary-checked-hover-bg-color: #FFFFFF;
  --ds-radio-button-primary-checked-hover-border-color: #7679AD;
  --ds-radio-button-primary-checked-focus-border-color: #9398B1;
  --ds-radio-button-primary-checked-default-circle-color: #3F8CF8;
  --ds-radio-button-primary-checked-error-circle-color: #E85B67;
  --ds-radio-button-primary-label-color: #11111B;
  --ds-radio-button-primary-hint-color: #3F4373;
  --ds-radio-button-primary-disabled-bg-color: #E4E5EC;
  --ds-radio-button-primary-disabled-border-color: #C6C8D7;
  --ds-radio-button-primary-disabled-circle-color: #7F849F;
  --ds-radio-button-primary-error-bg-color: #FFFFFF;
  --ds-radio-button-primary-error-hover-bg-color: #FFFFFF;
  --ds-radio-button-primary-error-border-color: #BA4850;
  --ds-list-item-primary-default-bg-color: rgba(0,0,0,0);
  --ds-list-item-primary-default-label-color: #11111B;
  --ds-list-item-primary-default-hint-color: #7679AD;
  --ds-list-item-primary-default-leading-icon-color: #7679AD;
  --ds-list-item-primary-hover-bg-color: #E9EAF7;
  --ds-list-item-primary-selected-default-bg-color: rgba(0,0,0,0);
  --ds-list-item-primary-selected-label-color: #FF7E14;
  --ds-list-item-primary-selected-hint-color: #7679AD;
  --ds-list-item-primary-selected-trailing-icon-color: #7679AD;
  --ds-list-item-primary-selected-hover-bg-color: #E9EAF7;
  --ds-list-item-primary-header-color: #093B81;
  --ds-list-item-primary-divider-color: rgba(0,0,0,0.1);
  --ds-list-item-disabled-leading-icon-color: #A8ACC2;
  --ds-list-item-disabled-trailing-icon-color: #A8ACC2;
  --ds-list-item-disabled-label-color: #A8ACC2;
  --ds-list-item-disabled-hint-color: #A8ACC2;
  --ds-list-item-disabled-default-bg-color: rgba(0,0,0,0);
  --ds-list-item-disabled-selected-bg-color: rgba(0,0,0,0);
  --ds-list-bg-color: #FFFFFF;
  --ds-list-border-color: #FFFFFF;
  --ds-list-drop-shadow: 0 0.2rem 1.4rem rgba(0,0,0,0.2);
  --ds-loader-primary-default-bg-color: rgba(0,0,0,0.1);
  --ds-loader-primary-default-spinner-color: #ABCBFE;
  --ds-numeric-stepper-primary-default-bg-color: #FFFFFF;
  --ds-numeric-stepper-primary-default-text-color: #11111B;
  --ds-numeric-stepper-primary-default-placeholder-color: #9398B1;
  --ds-numeric-stepper-primary-default-border-color: #9398B1;
  --ds-numeric-stepper-primary-hover-bg-color: #FFFFFF;
  --ds-numeric-stepper-primary-hover-border-color: #7679AD;
  --ds-numeric-stepper-primary-focus-bg-color: #FFFFFF;
  --ds-numeric-stepper-primary-focus-border-color: #7679AD;
  --ds-numeric-stepper-primary-focus-placeholder-color: #A8ACC2;
  --ds-numeric-stepper-primary-disabled-bg-color: #E4E5EC;
  --ds-numeric-stepper-primary-disabled-border-color: #C6C8D7;
  --ds-numeric-stepper-primary-disabled-text-color: #7F849F;
  --ds-numeric-stepper-primary-disabled-placeholder-color: #7F849F;
  --ds-numeric-stepper-error-border-color: #BA4850;
  --ds-text-area-primary-default-bg-color: #FFFFFF;
  --ds-text-area-primary-default-text-color: #11111B;
  --ds-text-area-primary-default-placeholder-color: #9398B1;
  --ds-text-area-primary-default-border-color: #9398B1;
  --ds-text-area-primary-hover-bg-color: #FFFFFF;
  --ds-text-area-primary-hover-border-color: #7679AD;
  --ds-text-area-primary-focus-bg-color: #FFFFFF;
  --ds-text-area-primary-focus-border-color: #7679AD;
  --ds-text-area-primary-focus-placeholder-color: #A8ACC2;
  --ds-text-area-primary-disabled-bg-color: #E4E5EC;
  --ds-text-area-primary-disabled-border-color: #C6C8D7;
  --ds-text-area-primary-disabled-placeholder-color: #7F849F;
  --ds-text-area-primary-disabled-text-color: #7F849F;
  --ds-text-area-error-border-color: #BA4850;
  --ds-bg-01: #FFFFFF;
  --ds-bg-02: #E4E5EC;
  --ds-bg-03: #9398B1;
  --ds-h-01: #11111B;
  --ds-h-02: #3F4373;
  --ds-h-03: #7679AD;
  --ds-note: #FF008A;
  --ds-note-bg: #ff008a26;
  --ds-highlight: #6680FF;
  --ds-service-drop-shadow: 0 0.4rem 1.1rem rgba(49,49,49,0.15);
  --ds-menu-item-primary-default-bg-color: rgba(0,0,0,0);
  --ds-menu-item-primary-default-label-color: #11111B;
  --ds-menu-item-primary-default-hint-color: #7679AD;
  --ds-menu-item-primary-default-leading-icon-color: #7679AD;
  --ds-menu-item-primary-default-trailing-icon-color: #7679AD;
  --ds-menu-item-primary-hover-bg-color: #E9EAF7;
  --ds-menu-item-primary-selected-default-bg-color: rgba(0,0,0,0);
  --ds-menu-item-primary-selected-label-color: #FF7E14;
  --ds-menu-item-primary-selected-hint-color: #7679AD;
  --ds-menu-item-primary-selected-trailing-icon-color: #7679AD;
  --ds-menu-item-primary-selected-hover-bg-color: #E9EAF7;
  --ds-menu-item-primary-header-color: #093B81;
  --ds-menu-item-primary-divider-color: rgba(0,0,0,0.1);
  --ds-menu-item-disabled-leading-icon-color: #A8ACC2;
  --ds-menu-item-disabled-trailing-icon-color: #A8ACC2;
  --ds-menu-item-disabled-label-color: #A8ACC2;
  --ds-menu-item-disabled-hint-color: #A8ACC2;
  --ds-menu-item-disabled-default-bg-color: rgba(0,0,0,0);
  --ds-menu-bg-color: #FFFFFF;
  --ds-menu-border-color: #FFFFFF;
  --ds-menu-drop-shadow: 0 0.2rem 2rem rgba(0,0,0,0.8);
  --ds-base-outline-color: #6680FF;
  --ds-base-selection-color: #B8D5F9;
  --ds-base-selected-text-color: #E4E5EC;
  --ds-base-selected-placeholder-color: #E4E5EC;
  --ds-base-fg-primary-color: #11111B;
  --ds-base-fg-secondary-color: #3F4373;
  --ds-base-fg-tertiary-color: #7679AD;
  --ds-base-fg-brand-default-color: #ABCBFE;
  --ds-base-fg-brand-hover-color: #E4EEFF;
  --ds-base-fg-brand-active-color: #3F8CF8;
  --ds-base-fg-accent-default-color: #656CBF;
  --ds-base-fg-accent-hover-color: #CDD0EE;
  --ds-base-fg-accent-active-color: #292B50;
  --ds-base-fg-accent-disabled-color: #434892;
  --ds-base-fg-extra-default-color: #FF7E14;
  --ds-base-fg-extra-hover-color: #ff00ca;
  --ds-base-fg-extra-active-color: #ff00ca;
  --ds-base-fg-negative-default-color: #DE505C;
  --ds-base-fg-negative-hover-color: #FF6464;
  --ds-base-fg-negative-active-color: #BA4850;
  --ds-base-fg-positive-default-color: #1CA779;
  --ds-base-fg-positive-hover-color: #1EBD8A;
  --ds-base-fg-positive-active-color: #17825E;
  --ds-base-bg-primary: #FFFFFF;
  --ds-base-bg-secondary: #E4E5EC;
  --ds-base-bg-tertiary: #9398B1;
  --ds-base-bg-brand-default-color: #ABCBFE;
  --ds-base-bg-brand-hover-color: #E4EEFF;
  --ds-base-bg-brand-active-color: #74ABFC;
  --ds-base-bg-extra-default-color: #FFA64D;
  --ds-base-bg-extra-hover-color: #FFC973;
  --ds-base-bg-extra-active-color: #FD9126;
  --ds-base-bg-danger-default-color: #BA4850;
  --ds-base-bg-danger-hover-color: #ff00ca;
  --ds-base-bg-danger-active-color: #953C41;
  --ds-base-bg-success-default-color: #1EBD8A;
  --ds-base-bg-success-hover-color: #1ADB9D;
  --ds-base-bg-success-active-color: #17825E;
  --ds-base-error-border-color: #BA4850;
  --ds-base-error-default-fg-color: #E85B67;
  --ds-alias-button-primary-default-bg-color: #0C6FF1;
  --ds-alias-button-primary-default-border-color: #A8ACC2;
  --ds-alias-button-primary-default-fg-color: #FFFFFF;
  --ds-alias-button-primary-hover-bg-color: #3F8CF8;
  --ds-alias-button-primary-hover-border-color: #A8ACC2;
  --ds-alias-button-primary-active-bg-color: #0B55B9;
  --ds-alias-button-primary-active-border-color: #A8ACC2;
  --ds-alias-button-primary-disabled-bg-color: #E4E5EC;
  --ds-alias-button-primary-disabled-border-color: #C6C8D7;
  --ds-alias-button-primary-disabled-fg-color: #6D728C;
  --ds-alias-button-secondary-default-bg-color: #FFFFFF;
  --ds-alias-button-secondary-default-border-color: #CCCEE6;
  --ds-alias-button-secondary-default-fg-color: #1F2033;
  --ds-alias-button-secondary-hover-bg-color: #FFFFFF;
  --ds-alias-button-secondary-hover-border-color: #A3A6CC;
  --ds-alias-button-secondary-active-bg-color: #F1F2FA;
  --ds-alias-button-secondary-active-border-color: #969AC2;
  --ds-alias-button-secondary-disabled-bg-color: #E4E5EC;
  --ds-alias-button-secondary-disabled-border-color: #C6C8D7;
  --ds-alias-button-secondary-disabled-fg-color: #6D728C;
  --ds-alias-button-tertiary-default-bg-color: #A8ACC2;
  --ds-alias-button-tertiary-default-border-color: #6D728C;
  --ds-alias-button-tertiary-default-fg-color: #1F2033;
  --ds-alias-button-tertiary-hover-bg-color: #ff00ca;
  --ds-alias-button-tertiary-hover-border-color: #6D728C;
  --ds-alias-button-tertiary-active-bg-color: #9398B1;
  --ds-alias-button-tertiary-active-border-color: #6D728C;
  --ds-alias-button-tertiary-disabled-bg-color: #E4E5EC;
  --ds-alias-button-tertiary-disabled-border-color: #C6C8D7;
  --ds-alias-button-tertiary-disabled-fg-color: #6D728C;
  --ds-alias-button-alt-primary-default-bg-color: #FD9126;
  --ds-alias-button-alt-primary-default-border-color: #FD9126;
  --ds-alias-button-alt-primary-default-fg-color: #1F2033;
  --ds-alias-button-alt-primary-hover-bg-color: #FFC973;
  --ds-alias-button-alt-primary-hover-border-color: #FD9126;
  --ds-alias-button-alt-primary-active-bg-color: #FF7E14;
  --ds-alias-button-alt-primary-active-border-color: #FD9126;
  --ds-alias-button-alt-primary-disabled-bg-color: #E4E5EC;
  --ds-alias-button-alt-primary-disabled-border-color: #C6C8D7;
  --ds-alias-button-alt-primary-disabled-fg-color: #6D728C;
  --ds-alias-button-alt-secondary-default-bg-color: #1F2033;
  --ds-alias-button-alt-secondary-default-border-color: #FD9126;
  --ds-alias-button-alt-secondary-default-fg-color: #E4E5EC;
  --ds-alias-button-alt-secondary-hover-bg-color: #4E5383;
  --ds-alias-button-alt-secondary-hover-border-color: #FD9126;
  --ds-alias-button-alt-secondary-active-bg-color: #181927;
  --ds-alias-button-alt-secondary-active-border-color: #FD9126;
  --ds-alias-button-alt-secondary-disabled-bg-color: #E4E5EC;
  --ds-alias-button-alt-secondary-disabled-border-color: #C6C8D7;
  --ds-alias-button-alt-secondary-disabled-fg-color: #6D728C;
  --ds-alias-button-danger-default-bg-color: #DE505C;
  --ds-alias-button-danger-default-border-color: #4D1A1D;
  --ds-alias-button-danger-default-fg-color: #E4E5EC;
  --ds-alias-button-danger-hover-bg-color: #E85B67;
  --ds-alias-button-danger-hover-border-color: #4D1A1D;
  --ds-alias-button-danger-active-bg-color: #BA4850;
  --ds-alias-button-danger-active-border-color: #4D1A1D;
  --ds-alias-button-danger-disabled-bg-color: #E4E5EC;
  --ds-alias-button-danger-disabled-border-color: #C6C8D7;
  --ds-alias-button-danger-disabled-fg-color: #6D728C;
  --ds-alias-button-success-default-bg-color: #1EBD8A;
  --ds-alias-button-success-default-border-color: #104E39;
  --ds-alias-button-success-default-fg-color: #E4E5EC;
  --ds-alias-button-success-hover-bg-color: #1ADB9D;
  --ds-alias-button-success-hover-border-color: #104E39;
  --ds-alias-button-success-active-bg-color: #17825E;
  --ds-alias-button-success-active-border-color: #104E39;
  --ds-alias-button-success-disabled-bg-color: #E4E5EC;
  --ds-alias-button-success-disabled-border-color: #C6C8D7;
  --ds-alias-button-success-disabled-fg-color: #6D728C;
  --ds-alias-icon-button-primary-default-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-primary-default-icon-color: #FFFFFF;
  --ds-alias-icon-button-primary-hover-icon-color: #FFC973;
  --ds-alias-icon-button-primary-active-icon-color: #FFA64D;
  --ds-alias-icon-button-primary-disabled-icon-color: #7679AD;
  --ds-alias-icon-button-secondary-default-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-secondary-default-icon-color: #E4E5EC;
  --ds-alias-icon-button-secondary-hover-icon-color: #FFC973;
  --ds-alias-icon-button-secondary-active-icon-color: #FFA64D;
  --ds-alias-icon-button-secondary-disabled-icon-color: #7F849F;
  --ds-alias-icon-button-tertiary-default-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-tertiary-default-icon-color: #A3A6CC;
  --ds-alias-icon-button-tertiary-hover-icon-color: #FFC973;
  --ds-alias-icon-button-tertiary-active-icon-color: #FFA64D;
  --ds-alias-icon-button-tertiary-disabled-icon-color: #7679AD;
  --ds-alias-icon-button-alt-primary-default-bg-color: #61659B;
  --ds-alias-icon-button-alt-primary-default-border-color: #969AC2;
  --ds-alias-icon-button-alt-primary-default-icon-color: #E9EAF7;
  --ds-alias-icon-button-alt-primary-hover-bg-color: #7679AD;
  --ds-alias-icon-button-alt-primary-active-bg-color: #4E5383;
  --ds-alias-icon-button-alt-primary-disabled-bg-color: #61659B;
  --ds-alias-icon-button-alt-primary-disabled-border-color: #969AC2;
  --ds-alias-icon-button-alt-primary-disabled-icon-color: #8D8FBC;
  --ds-alias-icon-button-alt-secondary-default-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-default-border-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-default-icon-color: #A3A6CC;
  --ds-alias-icon-button-alt-secondary-hover-bg-color: rgba(255,255,255,0.1);
  --ds-alias-icon-button-alt-secondary-hover-icon-color: #A3A6CC;
  --ds-alias-icon-button-alt-secondary-active-bg-color: rgba(0,0,0,0.1);
  --ds-alias-icon-button-alt-secondary-active-icon-color: #A3A6CC;
  --ds-alias-icon-button-alt-secondary-disabled-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-disabled-border-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-disabled-icon-color: #61659B;
  --ds-alias-icon-button-danger-default-bg-color: #DE505C;
  --ds-alias-icon-button-danger-default-border-color: #4D1A1D;
  --ds-alias-icon-button-danger-default-icon-color: #E4E5EC;
  --ds-alias-icon-button-danger-hover-bg-color: #E85B67;
  --ds-alias-icon-button-danger-active-bg-color: #BA4850;
  --ds-alias-icon-button-danger-disabled-bg-color: #ff00ca;
  --ds-alias-icon-button-danger-disabled-border-color: #61659B;
  --ds-alias-icon-button-danger-disabled-icon-color: #3D3F47;
  --ds-alias-icon-button-success-default-bg-color: #1EBD8A;
  --ds-alias-icon-button-success-default-border-color: #104E39;
  --ds-alias-icon-button-success-default-icon-color: #E4E5EC;
  --ds-alias-icon-button-success-hover-bg-color: #1ADB9D;
  --ds-alias-icon-button-success-active-bg-color: #17825E;
  --ds-alias-icon-button-success-disabled-bg-color: #ff00ca;
  --ds-alias-icon-button-success-disabled-border-color: #61659B;
  --ds-alias-icon-button-success-disabled-icon-color: #3D3F47;
  --ds-alias-forms-default-bg-color: #FFFFFF;
  --ds-alias-forms-hover-bg-color: #FFFFFF;
  --ds-alias-forms-default-border-color: #9398B1;
  --ds-alias-forms-hover-border-color: #7679AD;
  --ds-alias-forms-accent-default-color: #FFFFFF;
  --ds-alias-forms-accent-hover-color: #FFFFFF;
  --ds-alias-forms-accent-default-border-color: #9398B1;
  --ds-alias-forms-accent-hover-border-color: #7679AD;
  --ds-alias-forms-default-fg-color: #11111B;
  --ds-alias-forms-on-accent-color: #3F8CF8;
  --ds-alias-forms-default-placeholder-color: #9398B1;
  --ds-alias-forms-focus-muted-fg-color: #A8ACC2;
  --ds-alias-forms-disabled-bg-color: #E4E5EC;
  --ds-alias-forms-disabled-border-color: #C6C8D7;
  --ds-alias-forms-disabled-fg-color: #7F849F;
  --ds-alias-link-default-color: #74ABFC;
  --ds-alias-link-hover-color: #FD9126;
  --ds-alias-link-active-color: #FF7E14;
  --ds-alias-link-disabled-color: rgba(62,139,247,0.4);
  --ds-alias-dropdown-bg-color: #FFFFFF;
  --ds-alias-dropdown-default-text-color: #11111B;
  --ds-alias-dropdown-default-hint-color: #7679AD;
  --ds-alias-dropdown-default-icon-color: #7679AD;
  --ds-alias-dropdown-selected-text-color: #FF7E14;
  --ds-alias-dropdown-trailing-icon-color: #7679AD;
  --ds-alias-dropdown-header-color: #093B81;
  --ds-alias-dropdown-hover-bg-color: #E9EAF7;
  --ds-alias-dropdown-divider-color: rgba(0,0,0,0.1);
  --ds-alias-dropdown-disabled-fg-color: #A8ACC2;
  --ds-alias-dropdown-drop-shadow: 0 0.2rem 1.4rem rgba(0,0,0,0.2);
  --ds-alias-loader-primary-default-bg-color: rgba(0,0,0,0.1);
  --ds-alias-loader-primary-default-spinner-color: #ABCBFE;
  --ds-alias-switch-primary-default-bg-color: #7C82CB;
  --ds-alias-switch-primary-hover-bg-color: #CDD0EE;
  --ds-alias-switch-primary-active-bg-color: #292B50;
  --ds-alias-switch-primary-disabled-bg-color: #ff00ca;
  --ds-alias-switch-primary-icon-color: #E4E5EC;
  --ds-alias-switch-secondary-default-bg-color: #FF7E14;
  --ds-alias-switch-secondary-hover-bg-color: #ff00ca;
  --ds-alias-switch-secondary-active-bg-color: #ff00ca;
  --ds-alias-switch-secondary-disabled-bg-color: #FFC973;
  --ds-alias-switch-secondary-icon-color: #E4E5EC;
  --ds-alias-switch-tertiary-default-bg-color: #A3A6CC;
  --ds-alias-switch-tertiary-hover-bg-color: #CCCEE6;
  --ds-alias-switch-tertiary-active-bg-color: #969AC2;
  --ds-alias-switch-tertiary-disabled-bg-color: #7F849F;
  --ds-alias-switch-tertiary-icon-color: #E4E5EC;
  --ds-alias-switch-off-default-bg-color: #A3A6CC;
  --ds-alias-switch-off-hover-bg-color: #CCCEE6;
  --ds-alias-switch-off-active-bg-color: #969AC2;
  --ds-alias-switch-off-disabled-bg-color: #7F849F;
  --ds-alias-switch-off-icon-color: #E4E5EC;
  --ds-alias-switch-knob-on-color: #E4E5EC;
  --ds-alias-switch-knob-off-color: #E4E5EC;
  --ds-alias-switch-knob-disabled-color: #A8ACC2;
  --ds-alias-switch-icon-disabled-color: #A8ACC2;
  --ds-alias-selectbox-primary-default-bg-color: #C6C8D7;
  --ds-alias-selectbox-primary-default-border-color: #ff00ca;
  --ds-alias-selectbox-primary-hover-bg-color: #C6C8D7;
  --ds-alias-selectbox-primary-hover-border-color: #6D728C;
  --ds-alias-selectbox-primary-active-bg-color: #ff00ca;
  --ds-alias-selectbox-primary-text-color: #1F2033;
  --ds-alias-selectbox-primary-placeholder-color: #7679AD;
  --ds-alias-selectbox-primary-icon-color: #1F2033;
  --ds-alias-selectbox-primary-chevron-color: #1F2033;
  --ds-alias-selectbox-secondary-default-bg-color: #9398B1;
  --ds-alias-selectbox-secondary-default-border-color: #9398B1;
  --ds-alias-selectbox-secondary-hover-bg-color: #ff00ca;
  --ds-alias-selectbox-secondary-hover-border-color: #9398B1;
  --ds-alias-selectbox-secondary-active-bg-color: #7F849F;
  --ds-alias-selectbox-secondary-text-color: #1F2033;
  --ds-alias-selectbox-secondary-placeholder-color: #7679AD;
  --ds-alias-selectbox-secondary-icon-color: #1F2033;
  --ds-alias-selectbox-secondary-chevron-color: #1F2033;
  --ds-alias-selectbox-tertiary-default-bg-color: #A8ACC2;
  --ds-alias-selectbox-tertiary-default-border-color: #ABCBFE;
  --ds-alias-selectbox-tertiary-hover-bg-color: #ff00ca;
  --ds-alias-selectbox-tertiary-hover-border-color: #ABCBFE;
  --ds-alias-selectbox-tertiary-active-bg-color: #7F849F;
  --ds-alias-selectbox-tertiary-text-color: #1F2033;
  --ds-alias-selectbox-tertiary-placeholder-color: #7679AD;
  --ds-alias-selectbox-tertiary-icon-color: #1F2033;
  --ds-alias-selectbox-tertiary-chevron-color: #1F2033;
  --ds-alias-selectbox-flat-default-bg-color: rgba(0,0,0,0);
  --ds-alias-selectbox-flat-default-border-color: rgba(0,0,0,0);
  --ds-alias-selectbox-flat-default-text-color: #FF7E14;
  --ds-alias-selectbox-flat-default-icon-color: #FF7E14;
  --ds-alias-selectbox-flat-default-chevron-color: #FF7E14;
  --ds-alias-selectbox-flat-hover-text-color: #ff00ca;
  --ds-alias-selectbox-flat-hover-icon-color: #ff00ca;
  --ds-alias-selectbox-flat-hover-chevron-color: #ff00ca;
  --ds-alias-selectbox-flat-active-text-color: #ff00ca;
  --ds-alias-selectbox-flat-active-icon-color: #ff00ca;
  --ds-alias-selectbox-flat-active-chevron-color: #ff00ca;
  --ds-alias-selectbox-flat-placeholder-color: #ff00ca;
  --ds-alias-selectbox-disabled-bg-color: #C6C8D7;
  --ds-alias-selectbox-disabled-border-color: #9398B1;
  --ds-alias-selectbox-disabled-fg-color: #4F525F;
  --ds-alias-stepper-default-bg-color: #CCCEE6;
  --ds-alias-stepper-default-icon-color: #3D3F47;
  --ds-alias-stepper-hover-bg-color: #CCCEE6;
  --ds-alias-stepper-active-bg-color: #A3A6CC;
  --ds-alias-stepper-disabled-bg-color: #C6C8D7;
  --ds-alias-stepper-disabled-icon-color: #6D728C;
  --ds-alias-segment-control-primary-selected-default-bg-color: #093B81;
  --ds-alias-segment-control-primary-selected-default-border-color: #ABCBFE;
  --ds-alias-segment-control-primary-selected-default-text-color: #E4E5EC;
  --ds-alias-segment-control-primary-selected-default-icon-color: #ABCBFE;
  --ds-alias-segment-control-primary-selected-hover-bg-color: #06224B;
  --ds-alias-segment-control-primary-selected-active-bg-color: #093B81;
  --ds-alias-segment-control-primary-selected-disabled-bg-color: #06224B;
  --ds-alias-segment-control-primary-selected-disabled-border-color: #61659B;
  --ds-alias-segment-control-primary-selected-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-segment-control-primary-default-bg-color: #3F4373;
  --ds-alias-segment-control-primary-default-border-color: #61659B;
  --ds-alias-segment-control-primary-default-text-color: #E4E5EC;
  --ds-alias-segment-control-primary-default-icon-color: #6D728C;
  --ds-alias-segment-control-primary-hover-bg-color: #ff00ca;
  --ds-alias-segment-control-primary-active-bg-color: #1F2033;
  --ds-alias-segment-control-primary-disabled-bg-color: #333659;
  --ds-alias-segment-control-primary-disabled-border-color: #61659B;
  --ds-alias-segment-control-primary-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-segment-control-danger-default-bg-color: #BA4850;
  --ds-alias-segment-control-danger-default-border-color: #ff00ca;
  --ds-alias-segment-control-danger-default-text-color: #E4E5EC;
  --ds-alias-segment-control-danger-default-icon-color: #E4E5EC;
  --ds-alias-segment-control-danger-hover-bg-color: #FF6464;
  --ds-alias-segment-control-danger-active-bg-color: #953C41;
  --ds-alias-segment-control-danger-disabled-bg-color: #ff00ca;
  --ds-alias-segment-control-danger-disabled-border-color: #61659B;
  --ds-alias-segment-control-danger-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-segment-control-success-default-bg-color: #ff00ca;
  --ds-alias-segment-control-success-default-border-color: #1ADB9D;
  --ds-alias-segment-control-success-default-text-color: #E4E5EC;
  --ds-alias-segment-control-success-default-icon-color: #E4E5EC;
  --ds-alias-segment-control-success-hover-bg-color: #FF6464;
  --ds-alias-segment-control-success-active-bg-color: #953C41;
  --ds-alias-segment-control-success-disabled-bg-color: #ff00ca;
  --ds-alias-segment-control-success-disabled-border-color: #61659B;
  --ds-alias-segment-control-success-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-tooltip-standard-bg-color: #4E5383;
  --ds-alias-tooltip-standard-border-color: #4E5383;
  --ds-alias-tooltip-standard-text-color: #E4E5EC;
  --ds-alias-tooltip-info-bg-color: #E4E5EC;
  --ds-alias-tooltip-info-border-color: #E4E5EC;
  --ds-alias-tooltip-info-text-color: #1F2033;
  --ds-alias-tooltip-error-bg-color: #502527;
  --ds-alias-tooltip-error-border-color: #502527;
  --ds-alias-tooltip-error-text-color: #E4E5EC;
  --ds-alias-tooltip-drop-shadow: 0 0.2rem 1rem rgba(0,0,0,0.2);
  --ds-alias-table-header-default-bg-color: #F1F2FA;
  --ds-alias-table-header-hover-bg-color: #F1F2FA;
  --ds-alias-table-header-active-bg-color: #F1F2FA;
  --ds-alias-table-header-text-color: #3F4373;
  --ds-alias-table-header-icon-color: #8D8FBC;
  --ds-alias-table-header-resize-border-color: #3F8CF8;
  --ds-alias-table-cell-default-bg-color: rgba(0,0,0,0);
  --ds-alias-table-cell-hover-bg-color: #E9EAF7;
  --ds-alias-table-cell-selected-default-bg-color: rgba(62,139,247,0.2);
  --ds-alias-table-cell-selected-hover-bg-color: rgba(62,139,247,0.4);
  --ds-alias-table-cell-default-border-color: rgba(0,0,0,0.1);
  --ds-alias-table-cell-no-data-color: rgba(0,0,0,0.3);
  --ds-alias-table-bg-color: #FFFFFF;
  --ds-common-outline-color: #6680FF;
  --ds-common-selection-color: #B8D5F9;
  --ds-common-selected-text-color: #E4E5EC;
  --ds-common-selected-placeholder-color: #E4E5EC;
  --ds-dialog-body-bg-color: #1F2033;
  --ds-dialog-border-color: #4E5383;
  --ds-dialog-header-bg-color: #4E5383;
  --ds-dialog-header-bottom-border-color: #333659;
  --ds-dialog-header-icon-color: #3D3F47;
  --ds-dialog-body-text-color: #E4E5EC;
  --ds-dialog-header-text-color: #E4E5EC;
  --ds-dialog-footer-bg-color: #1F2033;
  --ds-dialog-footer-top-border-color: rgba(255,255,255,0.1);
  --ds-dialog-modal-overlay-bg-color: rgba(0,0,0,0.6);
  --ds-tab-primary-inactive-default-bg-color: #1F2033;
  --ds-tab-primary-inactive-default-border-color: #61659B;
  --ds-tab-primary-inactive-default-text-color: #ff00ca;
  --ds-tab-primary-inactive-default-icon-color: #5F6477;
  --ds-tab-primary-inactive-hover-bg-color: #3F4373;
  --ds-tab-primary-inactive-hover-border-color: #61659B;
  --ds-tab-primary-inactive-hover-text-color: #ff00ca;
  --ds-tab-primary-inactive-hover-icon-color: #5F6477;
  --ds-tab-primary-inactive-disabled-bg-color: #1F2033;
  --ds-tab-primary-inactive-disabled-border-color: #61659B;
  --ds-tab-primary-inactive-disabled-text-color: #3D3F47;
  --ds-tab-primary-inactive-disabled-icon-color: #3D3F47;
  --ds-tab-primary-inactive-label-bg-color: #ff00ca;
  --ds-tab-primary-inactive-label-text-color: #ff00ca;
  --ds-tab-primary-inactive-default-indicator-color: rgba(0,0,0,0);
  --ds-tab-primary-inactive-hover-indicator-color: #7679AD;
  --ds-tab-primary-inactive-disabled-indicator-color: rgba(0,0,0,0);
  --ds-tab-primary-inactive-default-container-gradient: linear-gradient(90deg, rgba(31, 32, 51, 0.0) 3%, rgba(31, 32, 51, 1) 10%);
  --ds-tab-primary-inactive-hover-container-gradient: linear-gradient(90deg, rgba(63, 67, 115, 0.0) 3%, rgba(63, 67, 115, 1) 10%);
  --ds-tab-primary-active-default-bg-color: #1F2033;
  --ds-tab-primary-active-default-border-color: #61659B;
  --ds-tab-primary-active-default-text-color: #E4E5EC;
  --ds-tab-primary-active-default-icon-color: #5F6477;
  --ds-tab-primary-active-hover-bg-color: #3F4373;
  --ds-tab-primary-active-hover-border-color: #61659B;
  --ds-tab-primary-active-hover-text-color: #E4E5EC;
  --ds-tab-primary-active-hover-icon-color: #5F6477;
  --ds-tab-primary-active-disabled-bg-color: #1F2033;
  --ds-tab-primary-active-disabled-border-color: #61659B;
  --ds-tab-primary-active-disabled-text-color: #3D3F47;
  --ds-tab-primary-active-disabled-icon-color: #3D3F47;
  --ds-tab-primary-active-label-bg-color: #ff00ca;
  --ds-tab-primary-active-label-text-color: #ff00ca;
  --ds-tab-primary-active-default-indicator-color: #ABCBFE;
  --ds-tab-primary-active-hover-indicator-color: #E4EEFF;
  --ds-tab-primary-active-disabled-indicator-color: #0C6FF1;
  --ds-tab-primary-active-default-container-gradient: linear-gradient(90deg, rgba(31, 32, 51, 0.0) 3%, rgba(31, 32, 51, 1) 10%);
  --ds-tab-primary-active-hover-container-gradient: linear-gradient(90deg, rgba(63, 67, 115, 0.0) 3%, rgba(63, 67, 115, 1) 10%);
  --ds-tab-secondary-inactive-default-bg-color: #3F4373;
  --ds-tab-secondary-inactive-default-border-color: #61659B;
  --ds-tab-secondary-inactive-default-text-color: #ff00ca;
  --ds-tab-secondary-inactive-default-icon-color: #5F6477;
  --ds-tab-secondary-inactive-hover-bg-color: #ff00ca;
  --ds-tab-secondary-inactive-hover-border-color: #61659B;
  --ds-tab-secondary-inactive-hover-text-color: #ff00ca;
  --ds-tab-secondary-inactive-hover-icon-color: #5F6477;
  --ds-tab-secondary-inactive-disabled-bg-color: #3F4373;
  --ds-tab-secondary-inactive-disabled-border-color: #61659B;
  --ds-tab-secondary-inactive-disabled-text-color: #3D3F47;
  --ds-tab-secondary-inactive-disabled-icon-color: #3D3F47;
  --ds-tab-secondary-inactive-label-bg-color: #61659B;
  --ds-tab-secondary-inactive-label-text-color: #9398B1;
  --ds-tab-secondary-inactive-default-indicator-color: rgba(0,0,0,0);
  --ds-tab-secondary-inactive-hover-indicator-color: #8D8FBC;
  --ds-tab-secondary-inactive-disabled-indicator-color: rgba(0,0,0,0);
  --ds-tab-secondary-inactive-default-container-gradient: linear-gradient(90deg, rgba(63, 67, 115, 0.0) 3%, rgba(63, 67, 115, 1) 10%);
  --ds-tab-secondary-inactive-hover-container-gradient: linear-gradient(90deg, rgba(255, 0, 202, 0.0) 3%, rgba(255, 0, 202, 1) 10%);
  --ds-tab-secondary-active-default-bg-color: #3F4373;
  --ds-tab-secondary-active-default-border-color: #61659B;
  --ds-tab-secondary-active-default-text-color: #E4E5EC;
  --ds-tab-secondary-active-default-icon-color: #5F6477;
  --ds-tab-secondary-active-hover-bg-color: #ff00ca;
  --ds-tab-secondary-active-hover-border-color: #61659B;
  --ds-tab-secondary-active-hover-text-color: #E4E5EC;
  --ds-tab-secondary-active-hover-icon-color: #5F6477;
  --ds-tab-secondary-active-disabled-bg-color: #3F4373;
  --ds-tab-secondary-active-disabled-border-color: #61659B;
  --ds-tab-secondary-active-disabled-text-color: #3D3F47;
  --ds-tab-secondary-active-disabled-icon-color: #3D3F47;
  --ds-tab-secondary-active-label-bg-color: #61659B;
  --ds-tab-secondary-active-label-text-color: #9398B1;
  --ds-tab-secondary-active-default-indicator-color: #ABCBFE;
  --ds-tab-secondary-active-hover-indicator-color: #E4EEFF;
  --ds-tab-secondary-active-disabled-indicator-color: #0C6FF1;
  --ds-tab-secondary-active-default-container-gradient: linear-gradient(90deg, rgba(63, 67, 115, 0.0) 3%, rgba(63, 67, 115, 1) 10%);
  --ds-tab-secondary-active-hover-container-gradient: linear-gradient(90deg, rgba(255, 0, 202, 0.0) 3%, rgba(255, 0, 202, 1) 10%);
  --ds-tab-tertiary-inactive-default-bg-color: #ff00ca;
  --ds-tab-tertiary-inactive-default-border-color: #61659B;
  --ds-tab-tertiary-inactive-default-text-color: #ff00ca;
  --ds-tab-tertiary-inactive-hover-bg-color: #61659B;
  --ds-tab-tertiary-inactive-hover-border-color: #8D8FBC;
  --ds-tab-tertiary-inactive-hover-text-color: #ff00ca;
  --ds-tab-tertiary-inactive-disabled-bg-color: #ff00ca;
  --ds-tab-tertiary-inactive-disabled-border-color: #61659B;
  --ds-tab-tertiary-inactive-disabled-text-color: #3D3F47;
  --ds-tab-tertiary-active-default-bg-color: #ff00ca;
  --ds-tab-tertiary-active-default-border-color: #61659B;
  --ds-tab-tertiary-active-default-text-color: #E4E5EC;
  --ds-tab-tertiary-active-hover-bg-color: #61659B;
  --ds-tab-tertiary-active-hover-border-color: #8D8FBC;
  --ds-tab-tertiary-active-hover-text-color: #E4E5EC;
  --ds-tab-tertiary-active-disabled-bg-color: #ff00ca;
  --ds-tab-tertiary-active-disabled-border-color: #61659B;
  --ds-tab-tertiary-active-disabled-text-color: #3D3F47;
  --ds-tab-tertiary-active-indicator-color: #ABCBFE;
  --ds-tab-quaternary-inactive-default-bg-color: rgba(0,0,0,0);
  --ds-tab-quaternary-inactive-default-border-color: #61659B;
  --ds-tab-quaternary-inactive-default-text-color: #ff00ca;
  --ds-tab-quaternary-inactive-hover-bg-color: #3F4373;
  --ds-tab-quaternary-inactive-hover-border-color: #8D8FBC;
  --ds-tab-quaternary-inactive-hover-text-color: #ff00ca;
  --ds-tab-quaternary-inactive-disabled-bg-color: #1F2033;
  --ds-tab-quaternary-inactive-disabled-border-color: #61659B;
  --ds-tab-quaternary-inactive-disabled-text-color: #3D3F47;
  --ds-tab-quaternary-active-default-bg-color: rgba(0,0,0,0);
  --ds-tab-quaternary-active-default-border-color: #61659B;
  --ds-tab-quaternary-active-default-text-color: #E4E5EC;
  --ds-tab-quaternary-active-hover-bg-color: #3F4373;
  --ds-tab-quaternary-active-hover-border-color: #8D8FBC;
  --ds-tab-quaternary-active-hover-text-color: #E4E5EC;
  --ds-tab-quaternary-active-disabled-bg-color: #1F2033;
  --ds-tab-quaternary-active-disabled-border-color: #61659B;
  --ds-tab-quaternary-active-disabled-text-color: #3D3F47;
  --ds-tab-quaternary-active-indicator-color: #ABCBFE;
  --ds-tab-list-bg-color: #1F2033;
  --ds-tab-list-border-color: #61659B;
  --ds-embed-icon-button-default-icon-color: #A3A6CC;
  --ds-embed-icon-button-hover-icon-color: #FFC973;
  --ds-embed-icon-button-active-icon-color: #FFA64D;
  --ds-embed-icon-button-disabled-icon-color: #7679AD;
  --ds-link-primary-default-text-color: #74ABFC;
  --ds-link-primary-default-icon-color: #74ABFC;
  --ds-link-primary-hover-text-color: #FD9126;
  --ds-link-primary-hover-icon-color: #FD9126;
  --ds-link-primary-active-text-color: #FF7E14;
  --ds-link-primary-active-icon-color: #FF7E14;
  --ds-link-primary-disabled-text-color: rgba(62,139,247,0.4);
  --ds-link-primary-disabled-icon-color: rgba(62,139,247,0.4);
  --ds-character-counter-primary-count-color: #9398B1;
  --ds-character-counter-primary-negative-count-color: #FF6464;
  --ds-table-header-default-bg-color: #F1F2FA;
  --ds-table-header-default-text-color: #3F4373;
  --ds-table-header-default-icon-color: #8D8FBC;
  --ds-table-header-hover-bg-color: #F1F2FA;
  --ds-table-header-hover-resize-border-color: #3F8CF8;
  --ds-table-header-active-bg-color: #F1F2FA;
  --ds-table-cell-default-bg-color: rgba(0,0,0,0);
  --ds-table-cell-default-text-color: #11111B;
  --ds-table-cell-default-icon-color: #7679AD;
  --ds-table-cell-default-positive-text-color: #1CA779;
  --ds-table-cell-default-positive-icon-color: #1CA779;
  --ds-table-cell-default-negative-text-color: #DE505C;
  --ds-table-cell-default-negative-icon-color: #DE505C;
  --ds-table-cell-default-unchanged-text-color: #11111B;
  --ds-table-cell-default-unchanged-icon-color: #11111B;
  --ds-table-cell-default-no-data-color: rgba(0,0,0,0.3);
  --ds-table-cell-default-border-color: rgba(0,0,0,0.1);
  --ds-table-cell-hover-bg-color: #E9EAF7;
  --ds-table-cell-hover-border-color: rgba(0,0,0,0.1);
  --ds-table-cell-selected-default-bg-color: rgba(62,139,247,0.2);
  --ds-table-cell-selected-hover-bg-color: rgba(62,139,247,0.4);
  --ds-table-cell-selected-border-color: rgba(0,0,0,0.1);
  --ds-table-cell-selected-default-text-color: #11111B;
  --ds-table-bg-color: #FFFFFF;
}

/**
 * This file was generated using `npx ds-tokens`, please do not edit directly
 * See also: https://codex.in.devexperts.com/design-system-storybook/?path=/docs/getting-started-design-tokens--docs#how-to-use-tokens
 */

 :root {
  --ds-core-null: rgba(0,0,0,0);
  --ds-core-neutral-a-50: #E4E5EC;
  --ds-core-neutral-a-100: #C6C8D7;
  --ds-core-neutral-a-150: #ff00ca;
  --ds-core-neutral-a-200: #A8ACC2;
  --ds-core-neutral-a-250: #ff00ca;
  --ds-core-neutral-a-300: #9398B1;
  --ds-core-neutral-a-400: #7F849F;
  --ds-core-neutral-a-450: #ff00ca;
  --ds-core-neutral-a-500: #6D728C;
  --ds-core-neutral-a-600: #5F6477;
  --ds-core-neutral-a-700: #4F525F;
  --ds-core-neutral-a-800: #3D3F47;
  --ds-core-neutral-a-900: #30323B;
  --ds-core-neutral-a-950: #ff00ca;
  --ds-core-neutral-b-0: #FFFFFF;
  --ds-core-neutral-b-50: #F1F2FA;
  --ds-core-neutral-b-75: #E9EAF7;
  --ds-core-neutral-b-100: #CCCEE6;
  --ds-core-neutral-b-200: #A3A6CC;
  --ds-core-neutral-b-250: #969AC2;
  --ds-core-neutral-b-300: #8D8FBC;
  --ds-core-neutral-b-350: #ff00ca;
  --ds-core-neutral-b-400: #7679AD;
  --ds-core-neutral-b-450: #ff00ca;
  --ds-core-neutral-b-500: #61659B;
  --ds-core-neutral-b-600: #ff00ca;
  --ds-core-neutral-b-650: #4E5383;
  --ds-core-neutral-b-700: #3F4373;
  --ds-core-neutral-b-750: #333659;
  --ds-core-neutral-b-800: #262840;
  --ds-core-neutral-b-850: #1F2033;
  --ds-core-neutral-b-900: #181927;
  --ds-core-neutral-b-950: #11111B;
  --ds-core-primary-50: #E4EEFF;
  --ds-core-primary-100: #ABCBFE;
  --ds-core-primary-200: #74ABFC;
  --ds-core-primary-300: #3F8CF8;
  --ds-core-primary-400: #0C6FF1;
  --ds-core-primary-500: #0B55B9;
  --ds-core-primary-600: #093B81;
  --ds-core-primary-700: #06224B;
  --ds-core-primary-900: #ff00ca;
  --ds-core-primary-950: #ff00ca;
  --ds-core-secondary-25: #ff00ca;
  --ds-core-secondary-50: #EFF0FA;
  --ds-core-secondary-100: #CDD0EE;
  --ds-core-secondary-200: #ACB0E1;
  --ds-core-secondary-300: #7C82CB;
  --ds-core-secondary-400: #656CBF;
  --ds-core-secondary-500: #5259B4;
  --ds-core-secondary-600: #434892;
  --ds-core-secondary-700: #373970;
  --ds-core-secondary-800: #292B50;
  --ds-core-danger-50: #ff00ca;
  --ds-core-danger-100: #ff00ca;
  --ds-core-danger-200: #E85B67;
  --ds-core-danger-300: #FF6464;
  --ds-core-danger-400: #DE505C;
  --ds-core-danger-500: #BA4850;
  --ds-core-danger-600: #953C41;
  --ds-core-danger-700: #723234;
  --ds-core-danger-800: #502527;
  --ds-core-danger-900: #4D1A1D;
  --ds-core-danger-950: #ff00ca;
  --ds-core-success-25: #ff00ca;
  --ds-core-success-50: #ff00ca;
  --ds-core-success-100: #ff00ca;
  --ds-core-success-200: #1ADB9D;
  --ds-core-success-300: #ff00ca;
  --ds-core-success-400: #1EBD8A;
  --ds-core-success-500: #1CA779;
  --ds-core-success-600: #17825E;
  --ds-core-success-700: #14684B;
  --ds-core-success-800: #104E39;
  --ds-core-distinctive-50: #ff00ca;
  --ds-core-distinctive-100: #FFC973;
  --ds-core-distinctive-200: #FFA64D;
  --ds-core-distinctive-400: #FD9126;
  --ds-core-distinctive-600: #FF7E14;
  --ds-core-distinctive-650: #ff00ca;
  --ds-core-distinctive-700: #ff00ca;
  --ds-core-distinctive-800: #FF7E14;
  --ds-core-distinctive-900: #ff00ca;
  --ds-core-system-100: #B8D5F9;
  --ds-core-system-350: #178FE5;
  --ds-core-system-400: #6680FF;
  --ds-core-system-500: #4C6C94;
  --ds-core-system-900: #354152;
  --ds-core-shadow-none: 0 0 0 rgba(0,0,0,0);
  --ds-core-white-op-5: rgba(255,255,255,0.05);
  --ds-core-white-op-10: rgba(255,255,255,0.1);
  --ds-core-white-op-20: rgba(255,255,255,0.2);
  --ds-core-white-op-30: rgba(255,255,255,0.3);
  --ds-core-white-op-40: rgba(255,255,255,0.4);
  --ds-core-white-op-50: rgba(255,255,255,0.5);
  --ds-core-white-op-60: rgba(255,255,255,0.6);
  --ds-core-white-op-70: rgba(255,255,255,0.7);
  --ds-core-white-op-80: rgba(255,255,255,0.8);
  --ds-core-white-op-90: rgba(255,255,255,0.9);
  --ds-core-black-op-5: rgba(0,0,0,0.05);
  --ds-core-black-op-10: rgba(0,0,0,0.1);
  --ds-core-black-op-20: rgba(0,0,0,0.2);
  --ds-core-black-op-30: rgba(0,0,0,0.3);
  --ds-core-black-op-40: rgba(0,0,0,0.4);
  --ds-core-black-op-50: rgba(0,0,0,0.5);
  --ds-core-black-op-60: rgba(0,0,0,0.6);
  --ds-core-black-op-70: rgba(0,0,0,0.7);
  --ds-core-black-op-80: rgba(0,0,0,0.8);
  --ds-core-black-op-90: rgba(0,0,0,0.9);
  --ds-core-primary-op-20: rgba(62,139,247,0.2);
  --ds-core-primary-op-40: rgba(62,139,247,0.4);
  --ds-core-primary-op-60: rgba(62,139,247,0.6);
  --ds-core-primary-op-80: rgba(62,139,247,0.8);
  --ds-button-primary-default-bg-color: #0C6FF1;
  --ds-button-primary-hover-bg-color: #3F8CF8;
  --ds-button-primary-active-bg-color: #0B55B9;
  --ds-button-primary-default-border-color: rgba(0,0,0,0.4);
  --ds-button-primary-hover-border-color: rgba(0,0,0,0.4);
  --ds-button-primary-active-border-color: rgba(0,0,0,0.4);
  --ds-button-primary-focus-border-color: rgba(0,0,0,0.4);
  --ds-button-primary-default-text-color: #FFFFFF;
  --ds-button-primary-default-icon-color: #FFFFFF;
  --ds-button-primary-disabled-bg-color: #3D3F47;
  --ds-button-primary-disabled-border-color: rgba(0,0,0,0.4);
  --ds-button-primary-disabled-text-color: rgba(255,255,255,0.5);
  --ds-button-primary-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-button-primary-default-box-shadow: 0 0 0 rgba(0,0,0,0);
  --ds-button-secondary-default-bg-color: #333659;
  --ds-button-secondary-hover-bg-color: #4E5383;
  --ds-button-secondary-active-bg-color: #262840;
  --ds-button-secondary-default-border-color: rgba(0,0,0,0.6);
  --ds-button-secondary-hover-border-color: rgba(0,0,0,0.4);
  --ds-button-secondary-active-border-color: rgba(0,0,0,0.6);
  --ds-button-secondary-focus-border-color: rgba(0,0,0,0.6);
  --ds-button-secondary-default-text-color: #FFFFFF;
  --ds-button-secondary-default-icon-color: #FFFFFF;
  --ds-button-secondary-disabled-bg-color: #3D3F47;
  --ds-button-secondary-disabled-border-color: rgba(0,0,0,0.4);
  --ds-button-secondary-disabled-text-color: rgba(255,255,255,0.5);
  --ds-button-secondary-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-button-tertiary-default-bg-color: #3F4373;
  --ds-button-tertiary-hover-bg-color: #ff00ca;
  --ds-button-tertiary-active-bg-color: #1F2033;
  --ds-button-tertiary-default-border-color: #61659B;
  --ds-button-tertiary-hover-border-color: #61659B;
  --ds-button-tertiary-active-border-color: #61659B;
  --ds-button-tertiary-focus-border-color: #61659B;
  --ds-button-tertiary-default-text-color: #A8ACC2;
  --ds-button-tertiary-default-icon-color: #A8ACC2;
  --ds-button-tertiary-disabled-bg-color: #3D3F47;
  --ds-button-tertiary-disabled-border-color: rgba(0,0,0,0.4);
  --ds-button-tertiary-disabled-text-color: rgba(255,255,255,0.5);
  --ds-button-tertiary-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-button-alt-primary-default-bg-color: #FD9126;
  --ds-button-alt-primary-hover-bg-color: #FFC973;
  --ds-button-alt-primary-active-bg-color: #FF7E14;
  --ds-button-alt-primary-default-border-color: #FD9126;
  --ds-button-alt-primary-hover-border-color: #FD9126;
  --ds-button-alt-primary-active-border-color: #FD9126;
  --ds-button-alt-primary-focus-border-color: #FD9126;
  --ds-button-alt-primary-default-text-color: #1F2033;
  --ds-button-alt-primary-default-icon-color: #1F2033;
  --ds-button-alt-primary-disabled-bg-color: #3D3F47;
  --ds-button-alt-primary-disabled-border-color: rgba(0,0,0,0.4);
  --ds-button-alt-primary-disabled-text-color: rgba(255,255,255,0.5);
  --ds-button-alt-primary-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-button-alt-secondary-default-bg-color: #1F2033;
  --ds-button-alt-secondary-hover-bg-color: #4E5383;
  --ds-button-alt-secondary-active-bg-color: #181927;
  --ds-button-alt-secondary-default-border-color: #FD9126;
  --ds-button-alt-secondary-hover-border-color: #FD9126;
  --ds-button-alt-secondary-active-border-color: #FD9126;
  --ds-button-alt-secondary-focus-border-color: #FD9126;
  --ds-button-alt-secondary-default-text-color: #E4E5EC;
  --ds-button-alt-secondary-default-icon-color: #E4E5EC;
  --ds-button-alt-secondary-disabled-bg-color: #3D3F47;
  --ds-button-alt-secondary-disabled-border-color: rgba(0,0,0,0.4);
  --ds-button-alt-secondary-disabled-text-color: rgba(255,255,255,0.5);
  --ds-button-alt-secondary-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-button-success-default-bg-color: #1EBD8A;
  --ds-button-success-hover-bg-color: #1ADB9D;
  --ds-button-success-active-bg-color: #17825E;
  --ds-button-success-default-border-color: #104E39;
  --ds-button-success-hover-border-color: #104E39;
  --ds-button-success-active-border-color: #104E39;
  --ds-button-success-focus-border-color: #104E39;
  --ds-button-success-default-text-color: #E4E5EC;
  --ds-button-success-default-icon-color: #E4E5EC;
  --ds-button-success-disabled-bg-color: #3D3F47;
  --ds-button-success-disabled-border-color: rgba(0,0,0,0.4);
  --ds-button-success-disabled-text-color: rgba(255,255,255,0.5);
  --ds-button-success-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-button-danger-default-bg-color: #DE505C;
  --ds-button-danger-hover-bg-color: #E85B67;
  --ds-button-danger-active-bg-color: #BA4850;
  --ds-button-danger-default-border-color: #4D1A1D;
  --ds-button-danger-hover-border-color: #4D1A1D;
  --ds-button-danger-active-border-color: #4D1A1D;
  --ds-button-danger-focus-border-color: #4D1A1D;
  --ds-button-danger-default-text-color: #E4E5EC;
  --ds-button-danger-default-icon-color: #E4E5EC;
  --ds-button-danger-disabled-bg-color: #3D3F47;
  --ds-button-danger-disabled-border-color: rgba(0,0,0,0.4);
  --ds-button-danger-disabled-text-color: rgba(255,255,255,0.5);
  --ds-button-danger-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-text-button-primary-default-text-color: #74ABFC;
  --ds-text-button-primary-default-icon-color: #74ABFC;
  --ds-text-button-primary-hover-text-color: #FFC973;
  --ds-text-button-primary-hover-icon-color: #FFC973;
  --ds-text-button-primary-active-text-color: #FFA64D;
  --ds-text-button-primary-active-icon-color: #FFA64D;
  --ds-text-button-primary-focus-border-color: rgba(0,0,0,0);
  --ds-text-button-primary-disabled-text-color: rgba(62,139,247,0.6);
  --ds-text-button-primary-disabled-icon-color: rgba(62,139,247,0.6);
  --ds-text-button-primary-loading-text-color: rgba(62,139,247,0.6);
  --ds-icon-button-primary-default-bg-color: rgba(0,0,0,0);
  --ds-icon-button-primary-default-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-default-icon-color: #FFFFFF;
  --ds-icon-button-primary-hover-bg-color: rgba(0,0,0,0);
  --ds-icon-button-primary-hover-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-hover-icon-color: #FFC973;
  --ds-icon-button-primary-active-bg-color: rgba(0,0,0,0);
  --ds-icon-button-primary-active-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-active-icon-color: #FFA64D;
  --ds-icon-button-primary-focus-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-disabled-bg-color: rgba(0,0,0,0);
  --ds-icon-button-primary-disabled-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-disabled-icon-color: #61659B;
  --ds-icon-button-primary-default-box-shadow: 0 0 0 rgba(0,0,0,0);
  --ds-icon-button-secondary-default-bg-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-default-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-default-icon-color: #E4E5EC;
  --ds-icon-button-secondary-hover-bg-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-hover-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-hover-icon-color: #FFC973;
  --ds-icon-button-secondary-active-bg-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-active-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-active-icon-color: #FFA64D;
  --ds-icon-button-secondary-focus-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-disabled-bg-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-disabled-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-disabled-icon-color: #9398B1;
  --ds-icon-button-tertiary-default-bg-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-default-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-default-icon-color: #8D8FBC;
  --ds-icon-button-tertiary-hover-bg-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-hover-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-hover-icon-color: #FFC973;
  --ds-icon-button-tertiary-active-bg-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-active-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-active-icon-color: #FFA64D;
  --ds-icon-button-tertiary-focus-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-disabled-bg-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-disabled-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-disabled-icon-color: #4E5383;
  --ds-icon-button-alt-primary-default-bg-color: #3F4373;
  --ds-icon-button-alt-primary-default-border-color: #1F2033;
  --ds-icon-button-alt-primary-default-icon-color: #E4E5EC;
  --ds-icon-button-alt-primary-hover-bg-color: #4E5383;
  --ds-icon-button-alt-primary-hover-border-color: #1F2033;
  --ds-icon-button-alt-primary-hover-icon-color: #E4E5EC;
  --ds-icon-button-alt-primary-active-bg-color: #333659;
  --ds-icon-button-alt-primary-active-border-color: #1F2033;
  --ds-icon-button-alt-primary-active-icon-color: #E4E5EC;
  --ds-icon-button-alt-primary-focus-border-color: #1F2033;
  --ds-icon-button-alt-primary-disabled-bg-color: #3F4373;
  --ds-icon-button-alt-primary-disabled-border-color: #1F2033;
  --ds-icon-button-alt-primary-disabled-icon-color: #8D8FBC;
  --ds-icon-button-alt-secondary-default-bg-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-default-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-default-icon-color: #969AC2;
  --ds-icon-button-alt-secondary-hover-bg-color: rgba(255,255,255,0.1);
  --ds-icon-button-alt-secondary-hover-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-hover-icon-color: #969AC2;
  --ds-icon-button-alt-secondary-active-bg-color: rgba(0,0,0,0.1);
  --ds-icon-button-alt-secondary-active-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-active-icon-color: #969AC2;
  --ds-icon-button-alt-secondary-focus-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-disabled-bg-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-disabled-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-disabled-icon-color: #61659B;
  --ds-icon-button-danger-default-bg-color: #DE505C;
  --ds-icon-button-danger-default-border-color: #4D1A1D;
  --ds-icon-button-danger-default-icon-color: #E4E5EC;
  --ds-icon-button-danger-hover-bg-color: #E85B67;
  --ds-icon-button-danger-hover-border-color: #4D1A1D;
  --ds-icon-button-danger-hover-icon-color: #E4E5EC;
  --ds-icon-button-danger-active-bg-color: #BA4850;
  --ds-icon-button-danger-active-border-color: #4D1A1D;
  --ds-icon-button-danger-active-icon-color: #E4E5EC;
  --ds-icon-button-danger-focus-border-color: #4D1A1D;
  --ds-icon-button-danger-disabled-bg-color: #ff00ca;
  --ds-icon-button-danger-disabled-border-color: #61659B;
  --ds-icon-button-danger-disabled-icon-color: #3D3F47;
  --ds-icon-button-success-default-bg-color: #1EBD8A;
  --ds-icon-button-success-default-border-color: #104E39;
  --ds-icon-button-success-default-icon-color: #E4E5EC;
  --ds-icon-button-success-hover-bg-color: #1ADB9D;
  --ds-icon-button-success-hover-border-color: #104E39;
  --ds-icon-button-success-hover-icon-color: #E4E5EC;
  --ds-icon-button-success-active-bg-color: #17825E;
  --ds-icon-button-success-active-border-color: #104E39;
  --ds-icon-button-success-active-icon-color: #E4E5EC;
  --ds-icon-button-success-focus-border-color: #104E39;
  --ds-icon-button-success-disabled-bg-color: #ff00ca;
  --ds-icon-button-success-disabled-border-color: #61659B;
  --ds-icon-button-success-disabled-icon-color: #3D3F47;
  --ds-selectbox-primary-default-bg-color: #3F4373;
  --ds-selectbox-primary-default-border-color: #61659B;
  --ds-selectbox-primary-default-text-color: #E4E5EC;
  --ds-selectbox-primary-default-placeholder-color: #969AC2;
  --ds-selectbox-primary-default-icon-color: #ABCBFE;
  --ds-selectbox-primary-default-chevron-color: #ABCBFE;
  --ds-selectbox-primary-hover-bg-color: #ff00ca;
  --ds-selectbox-primary-hover-border-color: #61659B;
  --ds-selectbox-primary-hover-text-color: #E4E5EC;
  --ds-selectbox-primary-hover-icon-color: #ABCBFE;
  --ds-selectbox-primary-hover-chevron-color: #ABCBFE;
  --ds-selectbox-primary-active-bg-color: #1F2033;
  --ds-selectbox-primary-active-border-color: #61659B;
  --ds-selectbox-primary-active-text-color: #E4E5EC;
  --ds-selectbox-primary-active-icon-color: #ABCBFE;
  --ds-selectbox-primary-focus-border-color: #61659B;
  --ds-selectbox-primary-disabled-bg-color: #4E5383;
  --ds-selectbox-primary-disabled-border-color: #61659B;
  --ds-selectbox-primary-disabled-text-color: #4F525F;
  --ds-selectbox-primary-disabled-chevron-color: #4F525F;
  --ds-selectbox-primary-disabled-icon-color: #4F525F;
  --ds-selectbox-secondary-default-bg-color: #ff00ca;
  --ds-selectbox-secondary-default-border-color: #333659;
  --ds-selectbox-secondary-default-text-color: #E4E5EC;
  --ds-selectbox-secondary-default-icon-color: #ABCBFE;
  --ds-selectbox-secondary-default-chevron-color: #4F525F;
  --ds-selectbox-secondary-hover-bg-color: #61659B;
  --ds-selectbox-secondary-hover-border-color: #333659;
  --ds-selectbox-secondary-hover-text-color: #E4E5EC;
  --ds-selectbox-secondary-hover-icon-color: #ABCBFE;
  --ds-selectbox-secondary-hover-chevron-color: #4F525F;
  --ds-selectbox-secondary-active-bg-color: #ff00ca;
  --ds-selectbox-secondary-active-border-color: #333659;
  --ds-selectbox-secondary-active-text-color: #E4E5EC;
  --ds-selectbox-secondary-active-icon-color: #ABCBFE;
  --ds-selectbox-secondary-focus-border-color: #333659;
  --ds-selectbox-secondary-disabled-bg-color: #4E5383;
  --ds-selectbox-secondary-disabled-border-color: #61659B;
  --ds-selectbox-secondary-disabled-text-color: #4F525F;
  --ds-selectbox-secondary-disabled-chevron-color: #4F525F;
  --ds-selectbox-secondary-disabled-icon-color: #4F525F;
  --ds-selectbox-tertiary-default-bg-color: #1F2033;
  --ds-selectbox-tertiary-default-border-color: #7679AD;
  --ds-selectbox-tertiary-default-text-color: #E4E5EC;
  --ds-selectbox-tertiary-default-icon-color: #E4E5EC;
  --ds-selectbox-tertiary-default-chevron-color: #4F525F;
  --ds-selectbox-tertiary-hover-bg-color: #3F4373;
  --ds-selectbox-tertiary-hover-border-color: #7679AD;
  --ds-selectbox-tertiary-hover-text-color: #E4E5EC;
  --ds-selectbox-tertiary-hover-icon-color: #E4E5EC;
  --ds-selectbox-tertiary-hover-chevron-color: #4F525F;
  --ds-selectbox-tertiary-active-bg-color: #181927;
  --ds-selectbox-tertiary-active-border-color: #7679AD;
  --ds-selectbox-tertiary-active-text-color: #E4E5EC;
  --ds-selectbox-tertiary-active-icon-color: #E4E5EC;
  --ds-selectbox-tertiary-focus-border-color: #7679AD;
  --ds-selectbox-tertiary-disabled-bg-color: #4E5383;
  --ds-selectbox-tertiary-disabled-border-color: #61659B;
  --ds-selectbox-tertiary-disabled-text-color: #4F525F;
  --ds-selectbox-tertiary-disabled-chevron-color: #4F525F;
  --ds-selectbox-tertiary-disabled-icon-color: #4F525F;
  --ds-selectbox-flat-default-icon-color: #FD9126;
  --ds-selectbox-flat-default-text-color: #FD9126;
  --ds-selectbox-flat-default-chevron-color: #FD9126;
  --ds-selectbox-flat-hover-icon-color: #FFC973;
  --ds-selectbox-flat-hover-text-color: #FFC973;
  --ds-selectbox-flat-hover-chevron-color: #FFC973;
  --ds-selectbox-flat-active-text-color: #FF7E14;
  --ds-selectbox-flat-active-icon-color: #FF7E14;
  --ds-selectbox-flat-active-chevron-color: #FF7E14;
  --ds-selectbox-flat-focus-border-color: rgba(0,0,0,0);
  --ds-selectbox-flat-disabled-bg-color: rgba(0,0,0,0);
  --ds-selectbox-flat-disabled-border-color: rgba(0,0,0,0);
  --ds-selectbox-flat-disabled-text-color: #4F525F;
  --ds-selectbox-flat-disabled-chevron-color: #4F525F;
  --ds-selectbox-flat-disabled-icon-color: #4F525F;
  --ds-selectbox-flat-default-border-color: rgba(0,0,0,0);
  --ds-switch-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.25);
  --ds-switch-primary-on-default-bg-color: #656CBF;
  --ds-switch-primary-on-hover-bg-color: #CDD0EE;
  --ds-switch-primary-on-active-bg-color: #292B50;
  --ds-switch-primary-on-focus-border-color: #656CBF;
  --ds-switch-primary-on-disabled-bg-color: #434892;
  --ds-switch-primary-on-knob-color: #E4E5EC;
  --ds-switch-primary-off-default-bg-color: #61659B;
  --ds-switch-primary-off-hover-bg-color: #ff00ca;
  --ds-switch-primary-off-active-bg-color: #ff00ca;
  --ds-switch-primary-off-focus-border-color: #61659B;
  --ds-switch-primary-off-disabled-bg-color: #ff00ca;
  --ds-switch-primary-off-knob-color: #6D728C;
  --ds-switch-primary-icon-color: #E4E5EC;
  --ds-switch-primary-disabled-icon-color: #3D3F47;
  --ds-switch-primary-disabled-knob-color: #3D3F47;
  --ds-switch-primary-label-color: #FFFFFF;
  --ds-switch-secondary-on-default-bg-color: #FD9126;
  --ds-switch-secondary-on-hover-bg-color: #FFC973;
  --ds-switch-secondary-on-active-bg-color: #FFC973;
  --ds-switch-secondary-on-focus-border-color: #FD9126;
  --ds-switch-secondary-on-disabled-bg-color: #ff00ca;
  --ds-switch-secondary-on-knob-color: #E4E5EC;
  --ds-switch-secondary-off-default-bg-color: #61659B;
  --ds-switch-secondary-off-hover-bg-color: #ff00ca;
  --ds-switch-secondary-off-active-bg-color: #ff00ca;
  --ds-switch-secondary-off-focus-border-color: #61659B;
  --ds-switch-secondary-off-disabled-bg-color: #ff00ca;
  --ds-switch-secondary-off-knob-color: #6D728C;
  --ds-switch-secondary-icon-color: #E4E5EC;
  --ds-switch-secondary-disabled-icon-color: #3D3F47;
  --ds-switch-secondary-disabled-knob-color: #3D3F47;
  --ds-switch-secondary-label-color: #FFFFFF;
  --ds-switch-tertiary-on-default-bg-color: #61659B;
  --ds-switch-tertiary-on-hover-bg-color: #ff00ca;
  --ds-switch-tertiary-on-active-bg-color: #ff00ca;
  --ds-switch-tertiary-on-focus-border-color: #61659B;
  --ds-switch-tertiary-on-disabled-bg-color: #ff00ca;
  --ds-switch-tertiary-on-knob-color: #E4E5EC;
  --ds-switch-tertiary-off-default-bg-color: #61659B;
  --ds-switch-tertiary-off-hover-bg-color: #ff00ca;
  --ds-switch-tertiary-off-active-bg-color: #ff00ca;
  --ds-switch-tertiary-off-focus-border-color: #61659B;
  --ds-switch-tertiary-off-disabled-bg-color: #ff00ca;
  --ds-switch-tertiary-off-knob-color: #6D728C;
  --ds-switch-tertiary-icon-color: #E4E5EC;
  --ds-switch-tertiary-disabled-icon-color: #3D3F47;
  --ds-switch-tertiary-disabled-knob-color: #3D3F47;
  --ds-switch-tertiary-label-color: #FFFFFF;
  --ds-scrollbar-default-bg-color: #3d3f4780;
  --ds-scrollbar-hover-bg-color: #abcbfe80;
  --ds-input-primary-default-bg-color: #181927;
  --ds-input-primary-default-text-color: #FFFFFF;
  --ds-input-primary-default-placeholder-color: #969AC2;
  --ds-input-primary-default-border-color: #3F4373;
  --ds-input-primary-hover-bg-color: #1F2033;
  --ds-input-primary-hover-border-color: #7679AD;
  --ds-input-primary-focus-bg-color: #181927;
  --ds-input-primary-focus-border-color: #7679AD;
  --ds-input-primary-focus-placeholder-color: #7679AD;
  --ds-input-primary-disabled-bg-color: #1F2033;
  --ds-input-primary-disabled-border-color: #3D3F47;
  --ds-input-primary-disabled-text-color: #3D3F47;
  --ds-input-primary-disabled-placeholder-color: #3D3F47;
  --ds-input-error-border-color: #953C41;
  --ds-input-error-count-color: #E85B67;
  --ds-tooltip-drop-shadow: 0 0.2rem 1rem rgba(0,0,0,0.4);
  --ds-tooltip-standard-bg-color: #7679AD;
  --ds-tooltip-standard-border-color: #8D8FBC;
  --ds-tooltip-standard-text-color: #FFFFFF;
  --ds-tooltip-info-bg-color: #7679AD;
  --ds-tooltip-info-border-color: #8D8FBC;
  --ds-tooltip-info-text-color: #FFFFFF;
  --ds-tooltip-error-bg-color: #4D1A1D;
  --ds-tooltip-error-border-color: #502527;
  --ds-tooltip-error-text-color: #FFFFFF;
  --ds-date-input-primary-default-bg-color: #181927;
  --ds-date-input-primary-default-text-color: #FFFFFF;
  --ds-date-input-primary-default-placeholder-color: #969AC2;
  --ds-date-input-primary-default-border-color: #3F4373;
  --ds-date-input-primary-hover-bg-color: #1F2033;
  --ds-date-input-primary-hover-border-color: #7679AD;
  --ds-date-input-primary-focus-bg-color: #181927;
  --ds-date-input-primary-focus-border-color: #7679AD;
  --ds-date-input-error-border-color: #953C41;
  --ds-date-input-disabled-bg-color: #1F2033;
  --ds-date-input-disabled-border-color: #3D3F47;
  --ds-date-input-disabled-text-color: #3D3F47;
  --ds-date-input-disabled-placeholder-color: #3D3F47;
  --ds-time-input-primary-default-bg-color: #181927;
  --ds-time-input-primary-default-border-color: #3F4373;
  --ds-time-input-primary-default-placeholder-color: #969AC2;
  --ds-time-input-primary-default-text-color: #FFFFFF;
  --ds-time-input-primary-hover-bg-color: #1F2033;
  --ds-time-input-primary-hover-border-color: #7679AD;
  --ds-time-input-primary-focus-bg-color: #181927;
  --ds-time-input-primary-focus-border-color: #7679AD;
  --ds-time-input-error-border-color: #953C41;
  --ds-time-input-disabled-bg-color: #1F2033;
  --ds-time-input-disabled-border-color: #3D3F47;
  --ds-time-input-disabled-text-color: #3D3F47;
  --ds-stepper-primary-default-bg-color: #333659;
  --ds-stepper-primary-hover-bg-color: #3F4373;
  --ds-stepper-primary-active-bg-color: #262840;
  --ds-stepper-primary-default-icon-color: #F1F2FA;
  --ds-stepper-primary-disabled-bg-color: #262840;
  --ds-stepper-primary-disabled-icon-color: #6D728C;
  --ds-danger-icon-default-icon-color: #E85B67;
  --ds-date-picker-header-bg-color: #3F4373;
  --ds-date-picker-header-label-color: #E4E5EC;
  --ds-date-picker-header-hint-color: #6D728C;
  --ds-date-picker-presets-bg-color: #3F4373;
  --ds-date-picker-calendar-table-day-default-bg-color: rgba(0,0,0,0);
  --ds-date-picker-calendar-table-day-default-text-color: #E4E5EC;
  --ds-date-picker-calendar-table-day-default-today-border-color: #ABCBFE;
  --ds-date-picker-calendar-table-day-default-selected-bg-color: #ff00ca;
  --ds-date-picker-calendar-table-day-hover-bg-color: #4E5383;
  --ds-date-picker-calendar-table-day-hover-selected-bg-color: #8D8FBC;
  --ds-date-picker-calendar-table-day-selected-text-color: #E4E5EC;
  --ds-date-picker-calendar-table-day-weekend-text-color: #D4736A;
  --ds-date-picker-calendar-table-day-weekend-selected-text-color: #DFCDCD;
  --ds-date-picker-calendar-table-day-disabled-text-color: rgba(255,255,255,0.5);
  --ds-date-picker-calendar-table-default-header-color: rgba(255,255,255,0.5);
  --ds-date-picker-calendar-table-label-color: #E4E5EC;
  --ds-date-picker-calendar-list-item-default-text-color: #E4E5EC;
  --ds-date-picker-calendar-list-item-hover-bg-color: rgba(255,255,255,0.1);
  --ds-date-picker-calendar-list-item-disabled-text-color: #5F6477;
  --ds-date-picker-calendar-bg-color: #3F4373;
  --ds-date-picker-calendar-divider-color: rgba(255,255,255,0.1);
  --ds-date-picker-footer-bg-color: #3F4373;
  --ds-date-picker-drop-shadow: 0 0.2rem 2rem rgba(0,0,0,0.8);
  --ds-segment-control-unselected-primary-default-bg-color: #3F4373;
  --ds-segment-control-unselected-primary-hover-bg-color: #ff00ca;
  --ds-segment-control-unselected-primary-active-bg-color: #1F2033;
  --ds-segment-control-unselected-primary-default-border-color: #61659B;
  --ds-segment-control-unselected-primary-default-text-color: #E4E5EC;
  --ds-segment-control-unselected-primary-default-icon-color: #6D728C;
  --ds-segment-control-unselected-primary-focus-border-color: #61659B;
  --ds-segment-control-unselected-primary-disabled-bg-color: #333659;
  --ds-segment-control-unselected-primary-disabled-border-color: #61659B;
  --ds-segment-control-unselected-primary-disabled-text-color: rgba(255,255,255,0.5);
  --ds-segment-control-unselected-primary-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-primary-default-bg-color: #093B81;
  --ds-segment-control-selected-primary-hover-bg-color: #06224B;
  --ds-segment-control-selected-primary-active-bg-color: #093B81;
  --ds-segment-control-selected-primary-default-border-color: #ABCBFE;
  --ds-segment-control-selected-primary-default-text-color: #E4E5EC;
  --ds-segment-control-selected-primary-default-icon-color: #ABCBFE;
  --ds-segment-control-selected-primary-focus-border-color: #ABCBFE;
  --ds-segment-control-selected-primary-disabled-bg-color: #06224B;
  --ds-segment-control-selected-primary-disabled-border-color: #61659B;
  --ds-segment-control-selected-primary-disabled-text-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-primary-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-danger-default-bg-color: #BA4850;
  --ds-segment-control-selected-danger-hover-bg-color: #FF6464;
  --ds-segment-control-selected-danger-active-bg-color: #953C41;
  --ds-segment-control-selected-danger-default-border-color: #ff00ca;
  --ds-segment-control-selected-danger-default-text-color: #E4E5EC;
  --ds-segment-control-selected-danger-default-icon-color: #E4E5EC;
  --ds-segment-control-selected-danger-focus-border-color: #ff00ca;
  --ds-segment-control-selected-danger-disabled-bg-color: #ff00ca;
  --ds-segment-control-selected-danger-disabled-border-color: #61659B;
  --ds-segment-control-selected-danger-disabled-text-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-danger-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-success-default-bg-color: #ff00ca;
  --ds-segment-control-selected-success-hover-bg-color: #1CA779;
  --ds-segment-control-selected-success-active-bg-color: #14684B;
  --ds-segment-control-selected-success-default-border-color: #1ADB9D;
  --ds-segment-control-selected-success-default-text-color: #E4E5EC;
  --ds-segment-control-selected-success-default-icon-color: #E4E5EC;
  --ds-segment-control-selected-success-focus-border-color: #1ADB9D;
  --ds-segment-control-selected-success-disabled-bg-color: #ff00ca;
  --ds-segment-control-selected-success-disabled-border-color: #61659B;
  --ds-segment-control-selected-success-disabled-text-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-success-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.4);
  --ds-segment-control-outline-color: #6680FF;
  --ds-segment-control-container-bg-color: rgba(0,0,0,0);
  --ds-checkbox-primary-unchecked-default-bg-color: #181927;
  --ds-checkbox-primary-unchecked-hover-bg-color: #1F2033;
  --ds-checkbox-primary-unchecked-default-border-color: #3F4373;
  --ds-checkbox-primary-unchecked-hover-border-color: #7679AD;
  --ds-checkbox-primary-unchecked-focus-border-color: #3F4373;
  --ds-checkbox-primary-checked-default-bg-color: #181927;
  --ds-checkbox-primary-checked-hover-bg-color: #1F2033;
  --ds-checkbox-primary-checked-default-border-color: #3F4373;
  --ds-checkbox-primary-checked-hover-border-color: #7679AD;
  --ds-checkbox-primary-checked-focus-border-color: #3F4373;
  --ds-checkbox-primary-checked-icon-color: #FFFFFF;
  --ds-checkbox-primary-mixed-default-bg-color: #181927;
  --ds-checkbox-primary-mixed-hover-bg-color: #1F2033;
  --ds-checkbox-primary-mixed-default-border-color: #3F4373;
  --ds-checkbox-primary-mixed-hover-border-color: #7679AD;
  --ds-checkbox-primary-mixed-focus-border-color: #3F4373;
  --ds-checkbox-primary-mixed-icon-color: #FFFFFF;
  --ds-checkbox-primary-label-color: #FFFFFF;
  --ds-checkbox-primary-hint-color: #CCCEE6;
  --ds-checkbox-primary-disabled-bg-color: #1F2033;
  --ds-checkbox-primary-disabled-border-color: #3D3F47;
  --ds-checkbox-primary-disabled-icon-color: #3D3F47;
  --ds-checkbox-primary-error-bg-color: #181927;
  --ds-checkbox-primary-error-hover-bg-color: #1F2033;
  --ds-checkbox-primary-error-border-color: #953C41;
  --ds-checkbox-primary-error-icon-color: #FFFFFF;
  --ds-radio-button-primary-unchecked-default-bg-color: #181927;
  --ds-radio-button-primary-unchecked-default-border-color: #3F4373;
  --ds-radio-button-primary-unchecked-hover-bg-color: #1F2033;
  --ds-radio-button-primary-unchecked-hover-border-color: #7679AD;
  --ds-radio-button-primary-unchecked-focus-border-color: #3F4373;
  --ds-radio-button-primary-checked-default-bg-color: #181927;
  --ds-radio-button-primary-checked-default-border-color: #3F4373;
  --ds-radio-button-primary-checked-hover-bg-color: #1F2033;
  --ds-radio-button-primary-checked-hover-border-color: #7679AD;
  --ds-radio-button-primary-checked-focus-border-color: #3F4373;
  --ds-radio-button-primary-checked-default-circle-color: #FFFFFF;
  --ds-radio-button-primary-checked-error-circle-color: #E85B67;
  --ds-radio-button-primary-label-color: #FFFFFF;
  --ds-radio-button-primary-hint-color: #CCCEE6;
  --ds-radio-button-primary-disabled-bg-color: #1F2033;
  --ds-radio-button-primary-disabled-border-color: #3D3F47;
  --ds-radio-button-primary-disabled-circle-color: #3D3F47;
  --ds-radio-button-primary-error-bg-color: #181927;
  --ds-radio-button-primary-error-hover-bg-color: #1F2033;
  --ds-radio-button-primary-error-border-color: #953C41;
  --ds-list-item-primary-default-bg-color: rgba(0,0,0,0);
  --ds-list-item-primary-default-label-color: #FFFFFF;
  --ds-list-item-primary-default-hint-color: #969AC2;
  --ds-list-item-primary-default-leading-icon-color: #969AC2;
  --ds-list-item-primary-hover-bg-color: rgba(255,255,255,0.05);
  --ds-list-item-primary-selected-default-bg-color: rgba(0,0,0,0);
  --ds-list-item-primary-selected-label-color: #FFA64D;
  --ds-list-item-primary-selected-hint-color: #969AC2;
  --ds-list-item-primary-selected-trailing-icon-color: #ABCBFE;
  --ds-list-item-primary-selected-hover-bg-color: rgba(255,255,255,0.05);
  --ds-list-item-primary-header-color: #CCCEE6;
  --ds-list-item-primary-divider-color: rgba(255,255,255,0.1);
  --ds-list-item-disabled-leading-icon-color: #7F849F;
  --ds-list-item-disabled-trailing-icon-color: #7F849F;
  --ds-list-item-disabled-label-color: #7F849F;
  --ds-list-item-disabled-hint-color: #7F849F;
  --ds-list-item-disabled-default-bg-color: rgba(0,0,0,0);
  --ds-list-item-disabled-selected-bg-color: rgba(0,0,0,0);
  --ds-list-bg-color: #333659;
  --ds-list-border-color: #333659;
  --ds-list-drop-shadow: 0 0.2rem 2rem rgba(0,0,0,0.8);
  --ds-loader-primary-default-bg-color: rgba(62,139,247,0.6);
  --ds-loader-primary-default-spinner-color: #ABCBFE;
  --ds-numeric-stepper-primary-default-bg-color: #181927;
  --ds-numeric-stepper-primary-default-text-color: #FFFFFF;
  --ds-numeric-stepper-primary-default-placeholder-color: #969AC2;
  --ds-numeric-stepper-primary-default-border-color: #3F4373;
  --ds-numeric-stepper-primary-hover-bg-color: #1F2033;
  --ds-numeric-stepper-primary-hover-border-color: #7679AD;
  --ds-numeric-stepper-primary-focus-bg-color: #181927;
  --ds-numeric-stepper-primary-focus-border-color: #7679AD;
  --ds-numeric-stepper-primary-focus-placeholder-color: #7679AD;
  --ds-numeric-stepper-primary-disabled-bg-color: #1F2033;
  --ds-numeric-stepper-primary-disabled-border-color: #3D3F47;
  --ds-numeric-stepper-primary-disabled-text-color: #3D3F47;
  --ds-numeric-stepper-primary-disabled-placeholder-color: #3D3F47;
  --ds-numeric-stepper-error-border-color: #953C41;
  --ds-text-area-primary-default-bg-color: #181927;
  --ds-text-area-primary-default-text-color: #FFFFFF;
  --ds-text-area-primary-default-placeholder-color: #969AC2;
  --ds-text-area-primary-default-border-color: #3F4373;
  --ds-text-area-primary-hover-bg-color: #1F2033;
  --ds-text-area-primary-hover-border-color: #7679AD;
  --ds-text-area-primary-focus-bg-color: #181927;
  --ds-text-area-primary-focus-border-color: #7679AD;
  --ds-text-area-primary-focus-placeholder-color: #7679AD;
  --ds-text-area-primary-disabled-bg-color: #1F2033;
  --ds-text-area-primary-disabled-border-color: #3D3F47;
  --ds-text-area-primary-disabled-placeholder-color: #3D3F47;
  --ds-text-area-primary-disabled-text-color: #3D3F47;
  --ds-text-area-error-border-color: #953C41;
  --ds-bg-01: #181927;
  --ds-bg-02: #1F2033;
  --ds-bg-03: #3F4373;
  --ds-h-01: #FFFFFF;
  --ds-h-02: #CCCEE6;
  --ds-h-03: #969AC2;
  --ds-note: #FF008A;
  --ds-note-bg: #ff008a26;
  --ds-highlight: #6680FF;
  --ds-service-drop-shadow: 0 0.4rem 1.1rem rgba(49,49,49,0.15);
  --ds-menu-item-primary-default-bg-color: rgba(0,0,0,0);
  --ds-menu-item-primary-default-label-color: #FFFFFF;
  --ds-menu-item-primary-default-hint-color: #969AC2;
  --ds-menu-item-primary-default-leading-icon-color: #969AC2;
  --ds-menu-item-primary-default-trailing-icon-color: #969AC2;
  --ds-menu-item-primary-hover-bg-color: rgba(255,255,255,0.05);
  --ds-menu-item-primary-selected-default-bg-color: rgba(0,0,0,0);
  --ds-menu-item-primary-selected-label-color: #FFA64D;
  --ds-menu-item-primary-selected-hint-color: #969AC2;
  --ds-menu-item-primary-selected-trailing-icon-color: #ABCBFE;
  --ds-menu-item-primary-selected-hover-bg-color: rgba(255,255,255,0.05);
  --ds-menu-item-primary-header-color: #CCCEE6;
  --ds-menu-item-primary-divider-color: rgba(255,255,255,0.1);
  --ds-menu-item-disabled-leading-icon-color: #7F849F;
  --ds-menu-item-disabled-trailing-icon-color: #7F849F;
  --ds-menu-item-disabled-label-color: #7F849F;
  --ds-menu-item-disabled-hint-color: #7F849F;
  --ds-menu-item-disabled-default-bg-color: rgba(0,0,0,0);
  --ds-menu-bg-color: #333659;
  --ds-menu-border-color: #333659;
  --ds-menu-drop-shadow: 0 0.2rem 2rem rgba(0,0,0,0.8);
  --ds-base-outline-color: #6680FF;
  --ds-base-selection-color: #4C6C94;
  --ds-base-selected-text-color: #E4E5EC;
  --ds-base-selected-placeholder-color: #3D3F47;
  --ds-base-fg-primary-color: #FFFFFF;
  --ds-base-fg-secondary-color: #CCCEE6;
  --ds-base-fg-tertiary-color: #969AC2;
  --ds-base-fg-brand-default-color: #ABCBFE;
  --ds-base-fg-brand-hover-color: #E4EEFF;
  --ds-base-fg-brand-active-color: #3F8CF8;
  --ds-base-fg-accent-default-color: #656CBF;
  --ds-base-fg-accent-hover-color: #CDD0EE;
  --ds-base-fg-accent-active-color: #292B50;
  --ds-base-fg-accent-disabled-color: #434892;
  --ds-base-fg-extra-default-color: #FD9126;
  --ds-base-fg-extra-hover-color: #FFC973;
  --ds-base-fg-extra-active-color: #FF7E14;
  --ds-base-fg-negative-default-color: #FF6464;
  --ds-base-fg-negative-hover-color: #E85B67;
  --ds-base-fg-negative-active-color: #DE505C;
  --ds-base-fg-positive-default-color: #1EBD8A;
  --ds-base-fg-positive-hover-color: #1ADB9D;
  --ds-base-fg-positive-active-color: #1EBD8A;
  --ds-base-bg-primary: #181927;
  --ds-base-bg-secondary: #1F2033;
  --ds-base-bg-tertiary: #3F4373;
  --ds-base-bg-brand-default-color: #ABCBFE;
  --ds-base-bg-brand-hover-color: #E4EEFF;
  --ds-base-bg-brand-active-color: #74ABFC;
  --ds-base-bg-extra-default-color: #FD9126;
  --ds-base-bg-extra-hover-color: #FFC973;
  --ds-base-bg-extra-active-color: #FF7E14;
  --ds-base-bg-danger-default-color: #DE505C;
  --ds-base-bg-danger-hover-color: #E85B67;
  --ds-base-bg-danger-active-color: #BA4850;
  --ds-base-bg-success-default-color: #1EBD8A;
  --ds-base-bg-success-hover-color: #1ADB9D;
  --ds-base-bg-success-active-color: #17825E;
  --ds-base-error-border-color: #953C41;
  --ds-base-error-default-fg-color: #E85B67;
  --ds-alias-button-primary-default-bg-color: #0C6FF1;
  --ds-alias-button-primary-default-border-color: rgba(0,0,0,0.4);
  --ds-alias-button-primary-default-fg-color: #FFFFFF;
  --ds-alias-button-primary-hover-bg-color: #3F8CF8;
  --ds-alias-button-primary-hover-border-color: rgba(0,0,0,0.4);
  --ds-alias-button-primary-active-bg-color: #0B55B9;
  --ds-alias-button-primary-active-border-color: rgba(0,0,0,0.4);
  --ds-alias-button-primary-disabled-bg-color: #3D3F47;
  --ds-alias-button-primary-disabled-border-color: rgba(0,0,0,0.4);
  --ds-alias-button-primary-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-button-secondary-default-bg-color: #333659;
  --ds-alias-button-secondary-default-border-color: rgba(0,0,0,0.6);
  --ds-alias-button-secondary-default-fg-color: #FFFFFF;
  --ds-alias-button-secondary-hover-bg-color: #4E5383;
  --ds-alias-button-secondary-hover-border-color: rgba(0,0,0,0.4);
  --ds-alias-button-secondary-active-bg-color: #262840;
  --ds-alias-button-secondary-active-border-color: rgba(0,0,0,0.6);
  --ds-alias-button-secondary-disabled-bg-color: #3D3F47;
  --ds-alias-button-secondary-disabled-border-color: rgba(0,0,0,0.4);
  --ds-alias-button-secondary-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-button-tertiary-default-bg-color: #3F4373;
  --ds-alias-button-tertiary-default-border-color: #61659B;
  --ds-alias-button-tertiary-default-fg-color: #A8ACC2;
  --ds-alias-button-tertiary-hover-bg-color: #ff00ca;
  --ds-alias-button-tertiary-hover-border-color: #61659B;
  --ds-alias-button-tertiary-active-bg-color: #1F2033;
  --ds-alias-button-tertiary-active-border-color: #61659B;
  --ds-alias-button-tertiary-disabled-bg-color: #3D3F47;
  --ds-alias-button-tertiary-disabled-border-color: rgba(0,0,0,0.4);
  --ds-alias-button-tertiary-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-button-alt-primary-default-bg-color: #FD9126;
  --ds-alias-button-alt-primary-default-border-color: #FD9126;
  --ds-alias-button-alt-primary-default-fg-color: #1F2033;
  --ds-alias-button-alt-primary-hover-bg-color: #FFC973;
  --ds-alias-button-alt-primary-hover-border-color: #FD9126;
  --ds-alias-button-alt-primary-active-bg-color: #FF7E14;
  --ds-alias-button-alt-primary-active-border-color: #FD9126;
  --ds-alias-button-alt-primary-disabled-bg-color: #3D3F47;
  --ds-alias-button-alt-primary-disabled-border-color: rgba(0,0,0,0.4);
  --ds-alias-button-alt-primary-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-button-alt-secondary-default-bg-color: #1F2033;
  --ds-alias-button-alt-secondary-default-border-color: #FD9126;
  --ds-alias-button-alt-secondary-default-fg-color: #E4E5EC;
  --ds-alias-button-alt-secondary-hover-bg-color: #4E5383;
  --ds-alias-button-alt-secondary-hover-border-color: #FD9126;
  --ds-alias-button-alt-secondary-active-bg-color: #181927;
  --ds-alias-button-alt-secondary-active-border-color: #FD9126;
  --ds-alias-button-alt-secondary-disabled-bg-color: #3D3F47;
  --ds-alias-button-alt-secondary-disabled-border-color: rgba(0,0,0,0.4);
  --ds-alias-button-alt-secondary-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-button-danger-default-bg-color: #DE505C;
  --ds-alias-button-danger-default-border-color: #4D1A1D;
  --ds-alias-button-danger-default-fg-color: #E4E5EC;
  --ds-alias-button-danger-hover-bg-color: #E85B67;
  --ds-alias-button-danger-hover-border-color: #4D1A1D;
  --ds-alias-button-danger-active-bg-color: #BA4850;
  --ds-alias-button-danger-active-border-color: #4D1A1D;
  --ds-alias-button-danger-disabled-bg-color: #3D3F47;
  --ds-alias-button-danger-disabled-border-color: rgba(0,0,0,0.4);
  --ds-alias-button-danger-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-button-success-default-bg-color: #1EBD8A;
  --ds-alias-button-success-default-border-color: #104E39;
  --ds-alias-button-success-default-fg-color: #E4E5EC;
  --ds-alias-button-success-hover-bg-color: #1ADB9D;
  --ds-alias-button-success-hover-border-color: #104E39;
  --ds-alias-button-success-active-bg-color: #17825E;
  --ds-alias-button-success-active-border-color: #104E39;
  --ds-alias-button-success-disabled-bg-color: #3D3F47;
  --ds-alias-button-success-disabled-border-color: rgba(0,0,0,0.4);
  --ds-alias-button-success-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-icon-button-primary-default-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-primary-default-icon-color: #FFFFFF;
  --ds-alias-icon-button-primary-hover-icon-color: #FFC973;
  --ds-alias-icon-button-primary-active-icon-color: #FFA64D;
  --ds-alias-icon-button-primary-disabled-icon-color: #61659B;
  --ds-alias-icon-button-secondary-default-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-secondary-default-icon-color: #E4E5EC;
  --ds-alias-icon-button-secondary-hover-icon-color: #FFC973;
  --ds-alias-icon-button-secondary-active-icon-color: #FFA64D;
  --ds-alias-icon-button-secondary-disabled-icon-color: #9398B1;
  --ds-alias-icon-button-tertiary-default-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-tertiary-default-icon-color: #8D8FBC;
  --ds-alias-icon-button-tertiary-hover-icon-color: #FFC973;
  --ds-alias-icon-button-tertiary-active-icon-color: #FFA64D;
  --ds-alias-icon-button-tertiary-disabled-icon-color: #4E5383;
  --ds-alias-icon-button-alt-primary-default-bg-color: #3F4373;
  --ds-alias-icon-button-alt-primary-default-border-color: #1F2033;
  --ds-alias-icon-button-alt-primary-default-icon-color: #E4E5EC;
  --ds-alias-icon-button-alt-primary-hover-bg-color: #4E5383;
  --ds-alias-icon-button-alt-primary-active-bg-color: #333659;
  --ds-alias-icon-button-alt-primary-disabled-bg-color: #3F4373;
  --ds-alias-icon-button-alt-primary-disabled-border-color: #1F2033;
  --ds-alias-icon-button-alt-primary-disabled-icon-color: #8D8FBC;
  --ds-alias-icon-button-alt-secondary-default-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-default-border-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-default-icon-color: #969AC2;
  --ds-alias-icon-button-alt-secondary-hover-bg-color: rgba(255,255,255,0.1);
  --ds-alias-icon-button-alt-secondary-hover-icon-color: #969AC2;
  --ds-alias-icon-button-alt-secondary-active-bg-color: rgba(0,0,0,0.1);
  --ds-alias-icon-button-alt-secondary-active-icon-color: #969AC2;
  --ds-alias-icon-button-alt-secondary-disabled-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-disabled-border-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-disabled-icon-color: #61659B;
  --ds-alias-icon-button-danger-default-bg-color: #DE505C;
  --ds-alias-icon-button-danger-default-border-color: #4D1A1D;
  --ds-alias-icon-button-danger-default-icon-color: #E4E5EC;
  --ds-alias-icon-button-danger-hover-bg-color: #E85B67;
  --ds-alias-icon-button-danger-active-bg-color: #BA4850;
  --ds-alias-icon-button-danger-disabled-bg-color: #ff00ca;
  --ds-alias-icon-button-danger-disabled-border-color: #61659B;
  --ds-alias-icon-button-danger-disabled-icon-color: #3D3F47;
  --ds-alias-icon-button-success-default-bg-color: #1EBD8A;
  --ds-alias-icon-button-success-default-border-color: #104E39;
  --ds-alias-icon-button-success-default-icon-color: #E4E5EC;
  --ds-alias-icon-button-success-hover-bg-color: #1ADB9D;
  --ds-alias-icon-button-success-active-bg-color: #17825E;
  --ds-alias-icon-button-success-disabled-bg-color: #ff00ca;
  --ds-alias-icon-button-success-disabled-border-color: #61659B;
  --ds-alias-icon-button-success-disabled-icon-color: #3D3F47;
  --ds-alias-forms-default-bg-color: #181927;
  --ds-alias-forms-hover-bg-color: #1F2033;
  --ds-alias-forms-default-border-color: #3F4373;
  --ds-alias-forms-hover-border-color: #7679AD;
  --ds-alias-forms-accent-default-color: #181927;
  --ds-alias-forms-accent-hover-color: #1F2033;
  --ds-alias-forms-accent-default-border-color: #3F4373;
  --ds-alias-forms-accent-hover-border-color: #7679AD;
  --ds-alias-forms-default-fg-color: #FFFFFF;
  --ds-alias-forms-on-accent-color: #FFFFFF;
  --ds-alias-forms-default-placeholder-color: #969AC2;
  --ds-alias-forms-focus-muted-fg-color: #7679AD;
  --ds-alias-forms-disabled-bg-color: #1F2033;
  --ds-alias-forms-disabled-border-color: #3D3F47;
  --ds-alias-forms-disabled-fg-color: #3D3F47;
  --ds-alias-link-default-color: #74ABFC;
  --ds-alias-link-hover-color: #FFC973;
  --ds-alias-link-active-color: #FFA64D;
  --ds-alias-link-disabled-color: rgba(62,139,247,0.6);
  --ds-alias-dropdown-bg-color: #333659;
  --ds-alias-dropdown-default-text-color: #FFFFFF;
  --ds-alias-dropdown-default-hint-color: #969AC2;
  --ds-alias-dropdown-default-icon-color: #969AC2;
  --ds-alias-dropdown-selected-text-color: #FFA64D;
  --ds-alias-dropdown-trailing-icon-color: #ABCBFE;
  --ds-alias-dropdown-header-color: #CCCEE6;
  --ds-alias-dropdown-hover-bg-color: rgba(255,255,255,0.05);
  --ds-alias-dropdown-divider-color: rgba(255,255,255,0.1);
  --ds-alias-dropdown-disabled-fg-color: #7F849F;
  --ds-alias-dropdown-drop-shadow: 0 0.2rem 2rem rgba(0,0,0,0.8);
  --ds-alias-loader-primary-default-bg-color: rgba(62,139,247,0.6);
  --ds-alias-loader-primary-default-spinner-color: #ABCBFE;
  --ds-alias-switch-primary-default-bg-color: #656CBF;
  --ds-alias-switch-primary-hover-bg-color: #CDD0EE;
  --ds-alias-switch-primary-active-bg-color: #292B50;
  --ds-alias-switch-primary-disabled-bg-color: #434892;
  --ds-alias-switch-primary-icon-color: #E4E5EC;
  --ds-alias-switch-secondary-default-bg-color: #FD9126;
  --ds-alias-switch-secondary-hover-bg-color: #FFC973;
  --ds-alias-switch-secondary-active-bg-color: #FFC973;
  --ds-alias-switch-secondary-disabled-bg-color: #ff00ca;
  --ds-alias-switch-secondary-icon-color: #E4E5EC;
  --ds-alias-switch-tertiary-default-bg-color: #61659B;
  --ds-alias-switch-tertiary-hover-bg-color: #ff00ca;
  --ds-alias-switch-tertiary-active-bg-color: #ff00ca;
  --ds-alias-switch-tertiary-disabled-bg-color: #ff00ca;
  --ds-alias-switch-tertiary-icon-color: #E4E5EC;
  --ds-alias-switch-off-default-bg-color: #61659B;
  --ds-alias-switch-off-hover-bg-color: #ff00ca;
  --ds-alias-switch-off-active-bg-color: #ff00ca;
  --ds-alias-switch-off-disabled-bg-color: #ff00ca;
  --ds-alias-switch-off-icon-color: #E4E5EC;
  --ds-alias-switch-knob-on-color: #E4E5EC;
  --ds-alias-switch-knob-off-color: #6D728C;
  --ds-alias-switch-knob-disabled-color: #3D3F47;
  --ds-alias-switch-icon-disabled-color: #3D3F47;
  --ds-alias-selectbox-primary-default-bg-color: #3F4373;
  --ds-alias-selectbox-primary-default-border-color: #61659B;
  --ds-alias-selectbox-primary-hover-bg-color: #ff00ca;
  --ds-alias-selectbox-primary-hover-border-color: #61659B;
  --ds-alias-selectbox-primary-active-bg-color: #1F2033;
  --ds-alias-selectbox-primary-text-color: #E4E5EC;
  --ds-alias-selectbox-primary-placeholder-color: #969AC2;
  --ds-alias-selectbox-primary-icon-color: #ABCBFE;
  --ds-alias-selectbox-primary-chevron-color: #ABCBFE;
  --ds-alias-selectbox-secondary-default-bg-color: #ff00ca;
  --ds-alias-selectbox-secondary-default-border-color: #333659;
  --ds-alias-selectbox-secondary-hover-bg-color: #61659B;
  --ds-alias-selectbox-secondary-hover-border-color: #333659;
  --ds-alias-selectbox-secondary-active-bg-color: #ff00ca;
  --ds-alias-selectbox-secondary-text-color: #E4E5EC;
  --ds-alias-selectbox-secondary-placeholder-color: #969AC2;
  --ds-alias-selectbox-secondary-icon-color: #ABCBFE;
  --ds-alias-selectbox-secondary-chevron-color: #4F525F;
  --ds-alias-selectbox-tertiary-default-bg-color: #1F2033;
  --ds-alias-selectbox-tertiary-default-border-color: #7679AD;
  --ds-alias-selectbox-tertiary-hover-bg-color: #3F4373;
  --ds-alias-selectbox-tertiary-hover-border-color: #7679AD;
  --ds-alias-selectbox-tertiary-active-bg-color: #181927;
  --ds-alias-selectbox-tertiary-text-color: #E4E5EC;
  --ds-alias-selectbox-tertiary-placeholder-color: #969AC2;
  --ds-alias-selectbox-tertiary-icon-color: #E4E5EC;
  --ds-alias-selectbox-tertiary-chevron-color: #4F525F;
  --ds-alias-selectbox-flat-default-bg-color: rgba(0,0,0,0);
  --ds-alias-selectbox-flat-default-border-color: rgba(0,0,0,0);
  --ds-alias-selectbox-flat-default-text-color: #FD9126;
  --ds-alias-selectbox-flat-default-icon-color: #FD9126;
  --ds-alias-selectbox-flat-default-chevron-color: #FD9126;
  --ds-alias-selectbox-flat-hover-text-color: #FFC973;
  --ds-alias-selectbox-flat-hover-icon-color: #FFC973;
  --ds-alias-selectbox-flat-hover-chevron-color: #FFC973;
  --ds-alias-selectbox-flat-active-text-color: #FF7E14;
  --ds-alias-selectbox-flat-active-icon-color: #FF7E14;
  --ds-alias-selectbox-flat-active-chevron-color: #FF7E14;
  --ds-alias-selectbox-flat-placeholder-color: #ff00ca;
  --ds-alias-selectbox-disabled-bg-color: #4E5383;
  --ds-alias-selectbox-disabled-border-color: #61659B;
  --ds-alias-selectbox-disabled-fg-color: #4F525F;
  --ds-alias-stepper-default-bg-color: #333659;
  --ds-alias-stepper-default-icon-color: #F1F2FA;
  --ds-alias-stepper-hover-bg-color: #3F4373;
  --ds-alias-stepper-active-bg-color: #262840;
  --ds-alias-stepper-disabled-bg-color: #262840;
  --ds-alias-stepper-disabled-icon-color: #6D728C;
  --ds-alias-segment-control-primary-selected-default-bg-color: #093B81;
  --ds-alias-segment-control-primary-selected-default-border-color: #ABCBFE;
  --ds-alias-segment-control-primary-selected-default-text-color: #E4E5EC;
  --ds-alias-segment-control-primary-selected-default-icon-color: #ABCBFE;
  --ds-alias-segment-control-primary-selected-hover-bg-color: #06224B;
  --ds-alias-segment-control-primary-selected-active-bg-color: #093B81;
  --ds-alias-segment-control-primary-selected-disabled-bg-color: #06224B;
  --ds-alias-segment-control-primary-selected-disabled-border-color: #61659B;
  --ds-alias-segment-control-primary-selected-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-segment-control-primary-default-bg-color: #3F4373;
  --ds-alias-segment-control-primary-default-border-color: #61659B;
  --ds-alias-segment-control-primary-default-text-color: #E4E5EC;
  --ds-alias-segment-control-primary-default-icon-color: #6D728C;
  --ds-alias-segment-control-primary-hover-bg-color: #ff00ca;
  --ds-alias-segment-control-primary-active-bg-color: #1F2033;
  --ds-alias-segment-control-primary-disabled-bg-color: #333659;
  --ds-alias-segment-control-primary-disabled-border-color: #61659B;
  --ds-alias-segment-control-primary-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-segment-control-danger-default-bg-color: #BA4850;
  --ds-alias-segment-control-danger-default-border-color: #ff00ca;
  --ds-alias-segment-control-danger-default-text-color: #E4E5EC;
  --ds-alias-segment-control-danger-default-icon-color: #E4E5EC;
  --ds-alias-segment-control-danger-hover-bg-color: #FF6464;
  --ds-alias-segment-control-danger-active-bg-color: #953C41;
  --ds-alias-segment-control-danger-disabled-bg-color: #ff00ca;
  --ds-alias-segment-control-danger-disabled-border-color: #61659B;
  --ds-alias-segment-control-danger-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-segment-control-success-default-bg-color: #ff00ca;
  --ds-alias-segment-control-success-default-border-color: #1ADB9D;
  --ds-alias-segment-control-success-default-text-color: #E4E5EC;
  --ds-alias-segment-control-success-default-icon-color: #E4E5EC;
  --ds-alias-segment-control-success-hover-bg-color: #1CA779;
  --ds-alias-segment-control-success-active-bg-color: #14684B;
  --ds-alias-segment-control-success-disabled-bg-color: #ff00ca;
  --ds-alias-segment-control-success-disabled-border-color: #61659B;
  --ds-alias-segment-control-success-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-tooltip-standard-bg-color: #7679AD;
  --ds-alias-tooltip-standard-border-color: #8D8FBC;
  --ds-alias-tooltip-standard-text-color: #FFFFFF;
  --ds-alias-tooltip-info-bg-color: #7679AD;
  --ds-alias-tooltip-info-border-color: #8D8FBC;
  --ds-alias-tooltip-info-text-color: #FFFFFF;
  --ds-alias-tooltip-error-bg-color: #4D1A1D;
  --ds-alias-tooltip-error-border-color: #502527;
  --ds-alias-tooltip-error-text-color: #FFFFFF;
  --ds-alias-tooltip-drop-shadow: 0 0.2rem 1rem rgba(0,0,0,0.4);
  --ds-alias-table-header-default-bg-color: #333659;
  --ds-alias-table-header-hover-bg-color: #3F4373;
  --ds-alias-table-header-active-bg-color: #262840;
  --ds-alias-table-header-text-color: #969AC2;
  --ds-alias-table-header-icon-color: #969AC2;
  --ds-alias-table-header-resize-border-color: #ABCBFE;
  --ds-alias-table-cell-default-bg-color: rgba(0,0,0,0);
  --ds-alias-table-cell-hover-bg-color: #333659;
  --ds-alias-table-cell-selected-default-bg-color: rgba(62,139,247,0.2);
  --ds-alias-table-cell-selected-hover-bg-color: rgba(62,139,247,0.4);
  --ds-alias-table-cell-default-border-color: rgba(255,255,255,0.1);
  --ds-alias-table-cell-no-data-color: rgba(255,255,255,0.3);
  --ds-alias-table-bg-color: #262840;
  --ds-common-outline-color: #6680FF;
  --ds-common-selection-color: #4C6C94;
  --ds-common-selected-text-color: #E4E5EC;
  --ds-common-selected-placeholder-color: #3D3F47;
  --ds-dialog-body-bg-color: #1F2033;
  --ds-dialog-border-color: #4E5383;
  --ds-dialog-header-bg-color: #4E5383;
  --ds-dialog-header-bottom-border-color: #333659;
  --ds-dialog-header-icon-color: #3D3F47;
  --ds-dialog-body-text-color: #E4E5EC;
  --ds-dialog-header-text-color: #E4E5EC;
  --ds-dialog-footer-bg-color: #1F2033;
  --ds-dialog-footer-top-border-color: rgba(255,255,255,0.1);
  --ds-dialog-modal-overlay-bg-color: rgba(0,0,0,0.6);
  --ds-tab-primary-inactive-default-bg-color: #1F2033;
  --ds-tab-primary-inactive-default-border-color: #61659B;
  --ds-tab-primary-inactive-default-text-color: #ff00ca;
  --ds-tab-primary-inactive-default-icon-color: #5F6477;
  --ds-tab-primary-inactive-hover-bg-color: #3F4373;
  --ds-tab-primary-inactive-hover-border-color: #61659B;
  --ds-tab-primary-inactive-hover-text-color: #ff00ca;
  --ds-tab-primary-inactive-hover-icon-color: #5F6477;
  --ds-tab-primary-inactive-disabled-bg-color: #1F2033;
  --ds-tab-primary-inactive-disabled-border-color: #61659B;
  --ds-tab-primary-inactive-disabled-text-color: #3D3F47;
  --ds-tab-primary-inactive-disabled-icon-color: #3D3F47;
  --ds-tab-primary-inactive-label-bg-color: #ff00ca;
  --ds-tab-primary-inactive-label-text-color: #ff00ca;
  --ds-tab-primary-inactive-default-indicator-color: rgba(0,0,0,0);
  --ds-tab-primary-inactive-hover-indicator-color: #7679AD;
  --ds-tab-primary-inactive-disabled-indicator-color: rgba(0,0,0,0);
  --ds-tab-primary-inactive-default-container-gradient: linear-gradient(90deg, rgba(31, 32, 51, 0.0) 3%, rgba(31, 32, 51, 1) 10%);
  --ds-tab-primary-inactive-hover-container-gradient: linear-gradient(90deg, rgba(63, 67, 115, 0.0) 3%, rgba(63, 67, 115, 1) 10%);
  --ds-tab-primary-active-default-bg-color: #1F2033;
  --ds-tab-primary-active-default-border-color: #61659B;
  --ds-tab-primary-active-default-text-color: #E4E5EC;
  --ds-tab-primary-active-default-icon-color: #5F6477;
  --ds-tab-primary-active-hover-bg-color: #3F4373;
  --ds-tab-primary-active-hover-border-color: #61659B;
  --ds-tab-primary-active-hover-text-color: #E4E5EC;
  --ds-tab-primary-active-hover-icon-color: #5F6477;
  --ds-tab-primary-active-disabled-bg-color: #1F2033;
  --ds-tab-primary-active-disabled-border-color: #61659B;
  --ds-tab-primary-active-disabled-text-color: #3D3F47;
  --ds-tab-primary-active-disabled-icon-color: #3D3F47;
  --ds-tab-primary-active-label-bg-color: #ff00ca;
  --ds-tab-primary-active-label-text-color: #ff00ca;
  --ds-tab-primary-active-default-indicator-color: #ABCBFE;
  --ds-tab-primary-active-hover-indicator-color: #E4EEFF;
  --ds-tab-primary-active-disabled-indicator-color: #0C6FF1;
  --ds-tab-primary-active-default-container-gradient: linear-gradient(90deg, rgba(31, 32, 51, 0.0) 3%, rgba(31, 32, 51, 1) 10%);
  --ds-tab-primary-active-hover-container-gradient: linear-gradient(90deg, rgba(63, 67, 115, 0.0) 3%, rgba(63, 67, 115, 1) 10%);
  --ds-tab-secondary-inactive-default-bg-color: #3F4373;
  --ds-tab-secondary-inactive-default-border-color: #61659B;
  --ds-tab-secondary-inactive-default-text-color: #ff00ca;
  --ds-tab-secondary-inactive-default-icon-color: #5F6477;
  --ds-tab-secondary-inactive-hover-bg-color: #ff00ca;
  --ds-tab-secondary-inactive-hover-border-color: #61659B;
  --ds-tab-secondary-inactive-hover-text-color: #ff00ca;
  --ds-tab-secondary-inactive-hover-icon-color: #5F6477;
  --ds-tab-secondary-inactive-disabled-bg-color: #3F4373;
  --ds-tab-secondary-inactive-disabled-border-color: #61659B;
  --ds-tab-secondary-inactive-disabled-text-color: #3D3F47;
  --ds-tab-secondary-inactive-disabled-icon-color: #3D3F47;
  --ds-tab-secondary-inactive-label-bg-color: #61659B;
  --ds-tab-secondary-inactive-label-text-color: #9398B1;
  --ds-tab-secondary-inactive-default-indicator-color: rgba(0,0,0,0);
  --ds-tab-secondary-inactive-hover-indicator-color: #8D8FBC;
  --ds-tab-secondary-inactive-disabled-indicator-color: rgba(0,0,0,0);
  --ds-tab-secondary-inactive-default-container-gradient: linear-gradient(90deg, rgba(63, 67, 115, 0.0) 3%, rgba(63, 67, 115, 1) 10%);
  --ds-tab-secondary-inactive-hover-container-gradient: linear-gradient(90deg, rgba(255, 0, 202, 0.0) 3%, rgba(255, 0, 202, 1) 10%);
  --ds-tab-secondary-active-default-bg-color: #3F4373;
  --ds-tab-secondary-active-default-border-color: #61659B;
  --ds-tab-secondary-active-default-text-color: #E4E5EC;
  --ds-tab-secondary-active-default-icon-color: #5F6477;
  --ds-tab-secondary-active-hover-bg-color: #ff00ca;
  --ds-tab-secondary-active-hover-border-color: #61659B;
  --ds-tab-secondary-active-hover-text-color: #E4E5EC;
  --ds-tab-secondary-active-hover-icon-color: #5F6477;
  --ds-tab-secondary-active-disabled-bg-color: #3F4373;
  --ds-tab-secondary-active-disabled-border-color: #61659B;
  --ds-tab-secondary-active-disabled-text-color: #3D3F47;
  --ds-tab-secondary-active-disabled-icon-color: #3D3F47;
  --ds-tab-secondary-active-label-bg-color: #61659B;
  --ds-tab-secondary-active-label-text-color: #9398B1;
  --ds-tab-secondary-active-default-indicator-color: #ABCBFE;
  --ds-tab-secondary-active-hover-indicator-color: #E4EEFF;
  --ds-tab-secondary-active-disabled-indicator-color: #0C6FF1;
  --ds-tab-secondary-active-default-container-gradient: linear-gradient(90deg, rgba(63, 67, 115, 0.0) 3%, rgba(63, 67, 115, 1) 10%);
  --ds-tab-secondary-active-hover-container-gradient: linear-gradient(90deg, rgba(255, 0, 202, 0.0) 3%, rgba(255, 0, 202, 1) 10%);
  --ds-tab-tertiary-inactive-default-bg-color: #ff00ca;
  --ds-tab-tertiary-inactive-default-border-color: #61659B;
  --ds-tab-tertiary-inactive-default-text-color: #ff00ca;
  --ds-tab-tertiary-inactive-hover-bg-color: #61659B;
  --ds-tab-tertiary-inactive-hover-border-color: #8D8FBC;
  --ds-tab-tertiary-inactive-hover-text-color: #ff00ca;
  --ds-tab-tertiary-inactive-disabled-bg-color: #ff00ca;
  --ds-tab-tertiary-inactive-disabled-border-color: #61659B;
  --ds-tab-tertiary-inactive-disabled-text-color: #3D3F47;
  --ds-tab-tertiary-active-default-bg-color: #ff00ca;
  --ds-tab-tertiary-active-default-border-color: #61659B;
  --ds-tab-tertiary-active-default-text-color: #E4E5EC;
  --ds-tab-tertiary-active-hover-bg-color: #61659B;
  --ds-tab-tertiary-active-hover-border-color: #8D8FBC;
  --ds-tab-tertiary-active-hover-text-color: #E4E5EC;
  --ds-tab-tertiary-active-disabled-bg-color: #ff00ca;
  --ds-tab-tertiary-active-disabled-border-color: #61659B;
  --ds-tab-tertiary-active-disabled-text-color: #3D3F47;
  --ds-tab-tertiary-active-indicator-color: #ABCBFE;
  --ds-tab-quaternary-inactive-default-bg-color: rgba(0,0,0,0);
  --ds-tab-quaternary-inactive-default-border-color: #61659B;
  --ds-tab-quaternary-inactive-default-text-color: #ff00ca;
  --ds-tab-quaternary-inactive-hover-bg-color: #3F4373;
  --ds-tab-quaternary-inactive-hover-border-color: #8D8FBC;
  --ds-tab-quaternary-inactive-hover-text-color: #ff00ca;
  --ds-tab-quaternary-inactive-disabled-bg-color: #1F2033;
  --ds-tab-quaternary-inactive-disabled-border-color: #61659B;
  --ds-tab-quaternary-inactive-disabled-text-color: #3D3F47;
  --ds-tab-quaternary-active-default-bg-color: rgba(0,0,0,0);
  --ds-tab-quaternary-active-default-border-color: #61659B;
  --ds-tab-quaternary-active-default-text-color: #E4E5EC;
  --ds-tab-quaternary-active-hover-bg-color: #3F4373;
  --ds-tab-quaternary-active-hover-border-color: #8D8FBC;
  --ds-tab-quaternary-active-hover-text-color: #E4E5EC;
  --ds-tab-quaternary-active-disabled-bg-color: #1F2033;
  --ds-tab-quaternary-active-disabled-border-color: #61659B;
  --ds-tab-quaternary-active-disabled-text-color: #3D3F47;
  --ds-tab-quaternary-active-indicator-color: #ABCBFE;
  --ds-tab-list-bg-color: #1F2033;
  --ds-tab-list-border-color: #61659B;
  --ds-embed-icon-button-default-icon-color: #8D8FBC;
  --ds-embed-icon-button-hover-icon-color: #FFC973;
  --ds-embed-icon-button-active-icon-color: #FFA64D;
  --ds-embed-icon-button-disabled-icon-color: #4E5383;
  --ds-link-primary-default-text-color: #74ABFC;
  --ds-link-primary-default-icon-color: #74ABFC;
  --ds-link-primary-hover-text-color: #FFC973;
  --ds-link-primary-hover-icon-color: #FFC973;
  --ds-link-primary-active-text-color: #FFA64D;
  --ds-link-primary-active-icon-color: #FFA64D;
  --ds-link-primary-disabled-text-color: rgba(62,139,247,0.6);
  --ds-link-primary-disabled-icon-color: rgba(62,139,247,0.6);
  --ds-character-counter-primary-count-color: #969AC2;
  --ds-character-counter-primary-negative-count-color: #FF6464;
  --ds-table-header-default-bg-color: #333659;
  --ds-table-header-default-text-color: #969AC2;
  --ds-table-header-default-icon-color: #969AC2;
  --ds-table-header-hover-bg-color: #3F4373;
  --ds-table-header-hover-resize-border-color: #ABCBFE;
  --ds-table-header-active-bg-color: #262840;
  --ds-table-cell-default-bg-color: rgba(0,0,0,0);
  --ds-table-cell-default-text-color: #FFFFFF;
  --ds-table-cell-default-icon-color: #969AC2;
  --ds-table-cell-default-positive-text-color: #1EBD8A;
  --ds-table-cell-default-positive-icon-color: #1EBD8A;
  --ds-table-cell-default-negative-text-color: #FF6464;
  --ds-table-cell-default-negative-icon-color: #FF6464;
  --ds-table-cell-default-unchanged-text-color: #FFFFFF;
  --ds-table-cell-default-unchanged-icon-color: #FFFFFF;
  --ds-table-cell-default-no-data-color: rgba(255,255,255,0.3);
  --ds-table-cell-default-border-color: rgba(255,255,255,0.1);
  --ds-table-cell-hover-bg-color: #333659;
  --ds-table-cell-hover-border-color: rgba(255,255,255,0.1);
  --ds-table-cell-selected-default-bg-color: rgba(62,139,247,0.2);
  --ds-table-cell-selected-hover-bg-color: rgba(62,139,247,0.4);
  --ds-table-cell-selected-border-color: rgba(255,255,255,0.1);
  --ds-table-cell-selected-default-text-color: #FFFFFF;
  --ds-table-bg-color: #262840;
}

/* @doc-tags design-system */
:root {
    --spacer-unit: 4px;
    --spacer-05: calc(var(--spacer-unit) / 2);
    --spacer-1: var(--spacer-unit);
    --spacer-2: calc(2 * var(--spacer-unit));
    --spacer-3: calc(3 * var(--spacer-unit));
    --spacer-4: calc(4 * var(--spacer-unit));
    --spacer-5: calc(5 * var(--spacer-unit));
    --spacer-6: calc(6 * var(--spacer-unit));
    --spacer-7: calc(7 * var(--spacer-unit));
    --spacer-8: calc(8 * var(--spacer-unit));
    --spacer-9: calc(9 * var(--spacer-unit));
    --spacer-10: calc(10 * var(--spacer-unit));
    --spacer-20: calc(20 * var(--spacer-unit));
    --spacer-21: calc(21 * var(--spacer-unit));

    --elements-default-height: var(--host-element-default-height, 32px);

    --toolbar-button-height: var(--spacer-10, 40px);
    --toolbar-button-width: var(--spacer-10, 40px);
    --toolbar-padding: var(--spacer-1);
    --toolbar-default-height: calc(var(--toolbar-button-height) + 2 * var(--toolbar-padding));

    --button-height: var(--elements-default-height, 32px);
    --button-min-width: var(--spacer-21, 84px);

    --date-input-container-height: var(--elements-default-height, 32px);
    --date-input-container-bdrs: var(--spacer-1, 4px);
    --date-input-container-bdw: 1px;
    --data-input-button-icon-height: 25px;

    --line-anchor-button-height: var(--elements-default-height, 32px);
    --line-anchor-button-width: 60px;
    --line-anchor-button-padding: 3px 4px 3px 4px;
    --line-anchor-button-bdrs: 4px;
    --line-anchor-button-icon-width: 20px;
    --line-anchor-button-icon-height: 14px;

    --numeric-stepable-input-height: var(--elements-default-height, 32px);
    --numeric-stepable-input-bdrs: 6px;
    --numeric-stepable-input-bdw: 1px;

    --slider-select-item-height: var(--elements-default-height, 32px);
    --slider-select-item-width: 50px;
    --slider-select-item-bdrs: 6px;
    --slider-select-item-icon-height: 18px;
    --slider-select-item-icon-width: 18px;
    --slider-select-container-height: var(--elements-default-height, 32px);
    --slider-select-container-bdrs: 6px;

    --time-input-container-height: 14px;
    --time-input-container-width: 28px;
    --time-input-container-padding: 0;
    --time-input-container-margin: 1px 1px 1px 0;
    --time-input-container-bdrs: 0;
    --time-input-container-bdrs-2: 4px;
    --time-input-container-input-mw: 54px;
    --time-input-container-input-width: 100%;
    --time-input-container-input-height: var(--elements-default-height, 32px);
    --time-input-container-input-padding: 1px;
    --time-input-container-input-bdrs: 4px;
    --time-input-container-input-bdw: 1px;

    --chart-toolbar-popup-buttons-wrapper-height: var(--toolbar-default-height, 48px);
    --chart-toolbar-popup-buttons-wrapper-mw: 0;

    --toolbar-separator-height: var(--spacer-5, 20px);
    --toolbar-separator-width: 1px;
    --toolbar-separator-full-h-height: var(--elements-default-height, 32px);

    --chart-sidebar-footer-elements-count: 5;
    --chart-sidebar-footer-padding-block: var(--spacer-2);
    --chart-sidebar-footer-height: calc(var(--chart-sidebar-footer-elements-count) * var(--toolbar-button-height) + 2 * var(--chart-sidebar-footer-padding-block));

    --indicator-item-draggable-height: var(--elements-default-height, 32px);
    --indicator-item-draggable-bdrs: 6px;
    --indicator-item-draggable-lh: 2.17;

    --idicator-list-input-height: var(--elements-default-height, 32px);
    --idicator-list-input-width: 100%;

    --indicator-add-script-button-height: var(--elements-default-height, 32px);
    --indicator-add-script-button-width: var(--spacer-8, 32px);
    --indicator-add-script-button-ml: 5px;
    --indicator-add-script-button-padding: 0;
    --indicator-add-script-button-mw: 0;
    --indicator-add-script-button-inner-height: 24px;
    --indicator-add-script-button-inner-width: 24px;

    --indicator-list-item-container-height: var(--elements-default-height, 32px);
    --indicator-list-item-container-lh: var(--spacer-8, 32px);
    --indicator-list-item-container-bdrs: 6px;

    --indicator-list-item-icon-height: 24px;
    --indicator-list-item-icon-mw: 24px;

    --indicator-list-item-add-icon-height: 12px;
    --indicator-list-item-add-icon-width: 24px;

    --studies-delete-button-lh: var(--elements-default-height, 32px);

    --studies-add-button-inner-height: var(--elements-default-height, 32px);
    --studies-add-button-inner-width: 32px;

    --studies-remove-button-height: 16px;
    --studies-remove-button-width: 16px;
    --studies-remove-button-mw: 16px;

    --symbol-suggest-input-height: var(--elements-default-height, 32px);
    --symbol-suggest-input-mw: 55px;
    --symbol-suggest-input-mxw: 110px;

    --main-symbol-suggest-input-width: 100px;
    --main-symbol-suggest-input-mxw: 100px;
    --main-symbol-suggest-input-height: var(--toolbar-default-height, 48px);

    --main-instrument-selector-height: var(--elements-default-height, 32px);
    --main-instrument-selector-width: 80px;

    --script-delete-button-height: 20px;
    --script-delete-button-width: 14px;
    --script-delete-button-mw: 14px;
}
:root {
	--font-main: 'Open Sans', sans-serif;
	--font-main-semibold: 'Open Sans Semibold', sans-serif;
	--font-main-bold: 'Open Sans Bold', sans-serif;

	--font-editor: 'IBM Plex Mono', monospace;
	--font-editor-semibold: 'IBM Plex Mono SemiBold', monospace;
	--font-editor-bold: 'IBM Plex Mono Bold', monospace;

	--font-size-s: 10px;
	--font-size-m: 12px;
	--font-size-l: 14px;
	--font-size-xl: 16px;

	--line-height-m: 1.3333333;
	--line-height-l: 1.6666666;
	--line-height-xl: 2;

	--line-height-s-px: 14px;
	--line-height-m-px: 16px;
	--line-height-l-px: 20px;
	--line-height-xl-px: 24px;
}

@font-face {
	font-family: 'Open Sans';
	src: url(../../OpenSans-Regular.ttf?1b0809d519837cb7aad3), url(../../OpenSans-Regular.ttf?1b0809d519837cb7aad3) format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Semibold';
	src: url(../../OpenSans-SemiBold.ttf?a16d8201b06a03c6c365), url(../../OpenSans-SemiBold.ttf?a16d8201b06a03c6c365) format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Bold';
	src: url(../../OpenSans-Bold.ttf?dbb97fd982ce1b96b6de), url(../../OpenSans-Bold.ttf?dbb97fd982ce1b96b6de) format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'IBM Plex Mono SemiBold';
	src: url(../../IBMPlexMono-SemiBold.ttf?1e4725a6662b68b99b90) format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'IBM Plex Mono Bold';
	src: url(../../IBMPlexMono-Bold.ttf?b268f25c466e055c5cfb) format('truetype');
	font-weight: 700;
	font-style: normal;
}

.ds-simple-table__body-cell {
		border-bottom: var(--ds-table-cell-border-width) solid var(--ds-table-cell-default-border-color);
		background: var(--ds-table-cell-default-bg-color);
		color: var(--ds-table-cell-default-text-color);

		font-size: var(--ds-table-cell-font-size);
		font-weight: var(--ds-table-cell-font-weight);
		gap: var(--ds-table-cell-gap);
		line-height: var(--ds-table-cell-line-height);

		padding: var(--ds-table-cell-padding-block-start) var(--ds-table-cell-lvl-1-padding-inline-end)
			var(--ds-table-cell-padding-block-end) var(--ds-table-cell-lvl-1-padding-inline-start);

		overflow: hidden;
		text-overflow: ellipsis;
		text-wrap: nowrap;
		white-space: nowrap;
		max-width: 100%;
	}

		.ds-simple-table__body-cell_left {
			text-align: left;
		}

		.ds-simple-table__body-cell_center {
			text-align: center;
		}

		.ds-simple-table__body-cell_right {
			text-align: right;
		}

		.ds-simple-table__body-cell_placeholder {
			padding-left: var(--ds-table-cell-lvl-2-padding-inline-start);
			padding-right: var(--ds-table-cell-lvl-2-padding-inline-end);
		}

		.ds-simple-table__body-cell_icon-wrapper {
			display: inline-block;
			margin-right: var(--ds-table-cell-gap);
		}

		.ds-simple-table__body-cell_icon-wrapper-connector {
			vertical-align: top;
		}

		.ds-simple-table__body-cell_icon {
			display: block;
			fill: var(--ds-table-cell-default-icon-color);
		}
	.ds-simple-table__body-cell-empty {
		color: var(--ds-table-cell-default-no-data-color);
	}

/*! 
 * OverlayScrollbars
 * Version: 2.11.4
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}

.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(calc(1 / 0.1));
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}

.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}

.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}

.os-size-observer-listener-item-final {
  transition: none;
}

@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

/**
 * hide native scrollbars
 * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
 */
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),
[data-overlayscrollbars-viewport~=scrollbarHidden] {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
          appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}

/**
 * body element
 */
html[data-overlayscrollbars-body] {
  overflow: hidden;
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}

html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}

/**
 * structure setup 
 */
[data-overlayscrollbars] {
  position: relative;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}

/**
 * wrapper elements overflow:
 */
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  overflow: hidden !important;
}

[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}

/**
 * viewport overflow:
 */
[data-overlayscrollbars-viewport] {
  --os-viewport-overflow-x: hidden;
  --os-viewport-overflow-y: hidden;
  overflow-x: var(--os-viewport-overflow-x);
  overflow-y: var(--os-viewport-overflow-y);
}

[data-overlayscrollbars-viewport~=overflowXVisible] {
  --os-viewport-overflow-x: visible;
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
  --os-viewport-overflow-x: hidden;
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
  --os-viewport-overflow-x: scroll;
}

[data-overlayscrollbars-viewport~=overflowYVisible] {
  --os-viewport-overflow-y: visible;
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
  --os-viewport-overflow-y: hidden;
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
  --os-viewport-overflow-y: scroll;
}

[data-overlayscrollbars-viewport~=overflowImportant] {
  overflow-x: var(--os-viewport-overflow-x) !important;
  overflow-y: var(--os-viewport-overflow-y) !important;
}

/**
 * viewport state modifiers:
 */
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

[data-overlayscrollbars-viewport~=measuring],
[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible] {
  overflow-x: hidden !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible] {
  overflow-y: hidden !important;
}

/**
 * content element:
 */
[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}

/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(
    var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
      var(--os-scroll-direction)
  );
}

.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none !important;
}

.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}

@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}

@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}

.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}

.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}

.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

/* NONE THEME: */
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}

/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}

.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}
.ds-scroller_overlay {
	box-sizing: border-box;
	max-width: 100%;
	max-height: 100%;
}

	.ds-scroller_overlay .os-scrollbar {
		--os-size: var(--ds-scrollbar-hover-width);
		--os-handle-perpendicular-size: var(--ds-scrollbar-default-width);
		--os-handle-bg: var(--ds-scrollbar-default-bg-color);
		--os-handle-bg-hover: var(--ds-scrollbar-hover-bg-color);
		--os-handle-bg-active: var(--ds-scrollbar-hover-bg-color);
		--os-padding-perpendicular: 0;
		--os-handle-min-size: var(--ds-scrollbar-min-height);
		--os-handle-border-radius: var(--ds-scrollbar-border-radius);
	}

	.ds-scroller_overlay .os-scrollbar-vertical .os-scrollbar-handle {
		right: calc((var(--ds-scrollbar-hover-width) + 1px) / 2);
		translate: 50% 0;
	}

	.ds-scroller_overlay .os-scrollbar-horizontal .os-scrollbar-handle {
		bottom: calc((var(--ds-scrollbar-hover-width) + 1px) / 2);
		translate: 0 50%;
	}

.ds-loader_default-color {
		stroke: var(--ds-loader-primary-default-bg-color);
	}
	.ds-loader_default-secondary-color {
		stroke: var(--ds-loader-primary-default-spinner-color);
	}

.ds-scroller_default {
	box-sizing: border-box;
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
	border-radius: inherit;
}

@supports not(selector(::-webkit-scrollbar)) {
	.ds-scroller_default {
		scrollbar-width: thin;
		scrollbar-color: var(--ds-scrollbar-default-bg-color) transparent;
	}
}

@supports selector(::-webkit-scrollbar) {
		.ds-scroller_default::-webkit-scrollbar {
			width: var(--ds-scrollbar-hover-width);
			height: var(--ds-scrollbar-hover-width);
		}

		.ds-scroller_default::-webkit-scrollbar-thumb {
			background: var(--ds-scrollbar-default-bg-color) padding-box;
			width: var(--ds-scrollbar-default-width);
			height: var(--ds-scrollbar-default-width);
			border-radius: var(--ds-scrollbar-border-radius);
			border: solid calc((var(--ds-scrollbar-hover-width) - var(--ds-scrollbar-default-width)) / 2) transparent;
		}

			.ds-scroller_default::-webkit-scrollbar-thumb:hover {
				border-width: 0;
				background: var(--ds-scrollbar-hover-bg-color);
			}
}
.ds-selectbox-list-item {
	display: inline-flex;
	align-items: flex-start;
	box-sizing: border-box;
	cursor: pointer;
}

	.ds-selectbox-list-item_disabled {
		cursor: not-allowed;
	}

	.ds-selectbox-list-item__select-icon {
		visibility: hidden;
	}

	.ds-selectbox-list-item__wrapper,
	.ds-selectbox-list-item__inner {
		display: flex;
		flex-grow: 1;
		overflow: hidden;
	}

	.ds-selectbox-list-item__wrapper {
		align-items: flex-start;
	}

	.ds-selectbox-list-item__inner {
		flex-direction: column;
		align-self: center;
	}

	.ds-selectbox-list-item__value,
	.ds-selectbox-list-item__description {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.ds-selectbox-list-item_selected .ds-selectbox-list-item__select-icon {
		visibility: visible;
	}

	/* Variants */

	.ds-selectbox-list-item_primary {
		background: var(--ds-list-item-primary-default-bg-color);
	}

	.ds-selectbox-list-item_primary:hover,
	.ds-selectbox-list-item_primary.ds-selectbox-list-item_focused {
		background: var(--ds-list-item-primary-hover-bg-color);
	}

	.ds-selectbox-list-item_primary.ds-selectbox-list-item_disabled {
		background: var(--ds-list-item-disabled-default-bg-color);
	}

	.ds-selectbox-list-item_primary.ds-selectbox-list-item_disabled:hover {
			background: var(--ds-list-item-disabled-default-bg-color);
		}

	.ds-selectbox-list-item_primary.ds-selectbox-list-item_disabled .ds-selectbox-list-item__wrapper {
		fill: var(--ds-list-item-disabled-leading-icon-color);
	}

	.ds-selectbox-list-item_primary.ds-selectbox-list-item_disabled.ds-selectbox-list-item_selected {
		background: var(--ds-list-item-disabled-selected-bg-color);
	}

	.ds-selectbox-list-item_primary .ds-selectbox-list-item__select-icon {
		fill: var(--ds-list-item-primary-selected-trailing-icon-color);
	}

	.ds-selectbox-list-item_primary .ds-selectbox-list-item__wrapper,
	.ds-selectbox-list-item_primary .ds-selectbox-list-item__inner {
		fill: var(--ds-list-item-primary-default-leading-icon-color);
	}

	.ds-selectbox-list-item_primary .ds-selectbox-list-item__wrapper {
		fill: var(--ds-list-item-primary-default-leading-icon-color);
	}

	.ds-selectbox-list-item_primary .ds-selectbox-list-item__value {
		color: var(--ds-list-item-primary-default-label-color);
	}

	.ds-selectbox-list-item_primary .ds-selectbox-list-item__description {
		color: var(--ds-list-item-primary-default-hint-color);
	}

	.ds-selectbox-list-item_primary.ds-selectbox-list-item_selected:not(.ds-selectbox-list-item_disabled,.ds-selectbox-list-item_focused) {
		background: var(--ds-list-item-primary-selected-default-bg-color);
	}

	.ds-selectbox-list-item_primary.ds-selectbox-list-item_selected:not(.ds-selectbox-list-item_disabled,.ds-selectbox-list-item_focused):hover {
			background: var(--ds-list-item-primary-selected-hover-bg-color);
		}

	.ds-selectbox-list-item_primary.ds-selectbox-list-item_selected:not(.ds-selectbox-list-item_disabled) .ds-selectbox-list-item__value {
		color: var(--ds-list-item-primary-selected-label-color);
	}

	.ds-selectbox-list-item_primary.ds-selectbox-list-item_selected:not(.ds-selectbox-list-item_disabled) .ds-selectbox-list-item__description {
		color: var(--ds-list-item-primary-selected-hint-color);
	}

	.ds-selectbox-list-item_primary.ds-selectbox-list-item_disabled .ds-selectbox-list-item__value {
		color: var(--ds-list-item-disabled-label-color);
	}

	.ds-selectbox-list-item_primary.ds-selectbox-list-item_disabled .ds-selectbox-list-item__description {
		color: var(--ds-list-item-disabled-hint-color);
	}

	.ds-selectbox-list-item_primary.ds-selectbox-list-item_disabled .ds-selectbox-list-item__select-icon {
		fill: var(--ds-list-item-disabled-trailing-icon-color);
	}

	/* Sizes */

	.ds-selectbox-list-item_medium {
		gap: var(--ds-list-item-medium-gap);
		padding-block: var(--ds-list-item-medium-padding-block-start) var(--ds-list-item-medium-padding-block-end);
		padding-inline: var(--ds-list-item-medium-padding-inline-start) var(--ds-list-item-medium-padding-inline-end);
		border-radius: var(--ds-list-item-medium-border-radius);
	}

	.ds-selectbox-list-item_medium .ds-selectbox-list-item__wrapper {
		gap: var(--ds-list-item-medium-content-gap);
	}

	.ds-selectbox-list-item_medium .ds-selectbox-list-item__inner {
		gap: var(--ds-list-item-medium-description-gap);
	}

	.ds-selectbox-list-item_medium .ds-selectbox-list-item__value {
		padding-block: var(--ds-list-item-medium-text-padding-block-start)
			var(--ds-list-item-medium-text-padding-block-end);
		font-weight: var(--ds-list-medium-label-font-weight);
		font-size: var(--ds-list-medium-label-font-size);
		line-height: var(--ds-list-medium-label-line-height);
	}

	.ds-selectbox-list-item_medium .ds-selectbox-list-item__description {
		font-weight: var(--ds-list-medium-hint-font-weight);
		font-size: var(--ds-list-medium-hint-font-size);
		line-height: var(--ds-list-medium-hint-line-height);
	}

	.ds-selectbox-list-item_small {
		gap: var(--ds-list-item-small-gap);
		padding-block: var(--ds-list-item-small-padding-block-start) var(--ds-list-item-small-padding-block-end);
		padding-inline: var(--ds-list-item-small-padding-inline-start) var(--ds-list-item-small-padding-inline-end);
		border-radius: var(--ds-list-item-small-border-radius);
	}

	.ds-selectbox-list-item_small .ds-selectbox-list-item__wrapper {
		gap: var(--ds-list-item-small-content-gap);
	}

	.ds-selectbox-list-item_small .ds-selectbox-list-item__inner {
		gap: var(--ds-list-item-small-description-gap);
	}

	.ds-selectbox-list-item_small .ds-selectbox-list-item__value {
		padding-block: var(--ds-list-item-small-text-padding-block-start)
			var(--ds-list-item-small-text-padding-block-end);
		font-weight: var(--ds-list-small-label-font-weight);
		font-size: var(--ds-list-small-label-font-size);
		line-height: var(--ds-list-small-label-line-height);
	}

	.ds-selectbox-list-item_small .ds-selectbox-list-item__description {
		font-weight: var(--ds-list-small-hint-font-weight);
		font-size: var(--ds-list-small-hint-font-size);
		line-height: var(--ds-list-small-hint-line-height);
	}

.ds-selectbox-list,
.ds-selectbox-list__group-items {
	display: inline-flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-radius: var(--ds-list-border-radius);
	gap: var(--ds-list-gap);
}

.ds-selectbox-list {
	box-sizing: border-box;
	padding-block: var(--ds-list-padding-block-start) var(--ds-list-padding-block-end);
	padding-inline: var(--ds-list-padding-inline-start) var(--ds-list-padding-inline-end);
}

.ds-selectbox-list_primary .ds-selectbox-list__separator {
		border-bottom: 1px solid rgb(255 255 255 / 10%);
	}

.ds-selectbox-list__separator {
		margin-block: var(--ds-list-item-medium-padding-block-start) var(--ds-list-item-medium-padding-block-end);
		margin-inline: var(--ds-list-item-medium-padding-inline-start) var(--ds-list-item-medium-padding-inline-end);
		height: 0;
	}

.ds-selectbox-list__group-header {
		font-style: normal;
		display: flex;
		align-items: center;
	}

.ds-selectbox-list__group-header__text {
			display: block;
			flex-shrink: 0;
			margin-right: 4px;
		}

.ds-selectbox-list__group-header__divider {
			width: 100%;
			align-self: center;
		}

.ds-selectbox-list__group-header_primary {
			color: var(--ds-menu-item-primary-header-color);
		}

.ds-selectbox-list__group-header_primary .ds-selectbox-list__group-header__divider {
			border-bottom: 1px solid var(--ds-menu-item-primary-divider-color);
		}

/* Sizes */

.ds-selectbox-list__group-header_small {
			font-size: var(--ds-menu-small-header-font-size);
			line-height: var(--ds-menu-small-header-line-height);
			font-weight: var(--ds-menu-small-header-font-weight);
			padding-block: var(--ds-menu-item-small-padding-block-start) var(--ds-menu-item-small-padding-block-end);
			padding-inline: var(--ds-menu-item-small-padding-inline-start) var(--ds-menu-item-small-padding-inline-end);
		}

.ds-selectbox-list__group-header_medium {
			font-size: var(--ds-menu-medium-header-font-size);
			line-height: var(--ds-menu-medium-header-line-height);
			font-weight: var(--ds-menu-medium-header-font-weight);
			padding-block: var(--ds-menu-item-medium-padding-block-start) var(--ds-menu-item-medium-padding-block-end);
			padding-inline: var(--ds-menu-item-medium-padding-inline-start)
				var(--ds-menu-item-medium-padding-inline-end);
		}

.ds-checkbox {
	cursor: pointer;
	align-self: flex-start;
	display: flex;
	align-items: flex-start;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	position: relative;
}

	.ds-checkbox_disabled,
	.ds-checkbox:disabled {
		cursor: not-allowed;
	}

	.ds-checkbox:focus,
	.ds-checkbox:focus-visible {
		outline: none;
	}

	.ds-checkbox:focus-visible .ds-checkbox__icon-wrapper {
		outline: var(--ds-common-border-width-focus-outline) solid var(--ds-common-outline-color);
		outline-offset: var(--ds-common-outline-offset);
	}

	.ds-checkbox_checked {
		fill: var(--ds-checkbox-primary-checked-icon-color);
	}

	.ds-checkbox_disabled,
	.ds-checkbox:disabled {
		fill: var(--ds-checkbox-primary-disabled-icon-color);
	}

	.ds-checkbox__icon-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: none;
		box-sizing: border-box;
		border: var(--ds-checkbox-border-width) solid;
		background-size: cover;
	}

	.ds-checkbox__wrapper {
		display: flex;
		flex-direction: column;
		justify-content: start;
		gap: var(--ds-checkbox-medium-label-gap);
	}

	.ds-checkbox__label {
		font-family: var(--ds-checkbox-label-font-family), sans-serif;
		font-weight: var(--ds-checkbox-label-font-weight);
		font-size: var(--ds-checkbox-medium-label-font-size);
		line-height: var(--ds-checkbox-medium-label-line-height);
		max-width: var(--ds-checkbox-medium-label-max-width);
	}

	.ds-checkbox__hint {
		font-family: var(--ds-checkbox-hint-font-family), sans-serif;
		font-weight: var(--ds-checkbox-hint-font-weight);
		font-size: var(--ds-checkbox-medium-hint-font-size);
		line-height: var(--ds-checkbox-medium-hint-line-height);
	}

	.ds-checkbox__label,
	.ds-checkbox__hint {
		word-break: break-word;
	}

	/* Checkbox sizes */

	.ds-checkbox_large {
		gap: var(--ds-checkbox-large-gap);
	}

	.ds-checkbox_large .ds-checkbox__icon-wrapper {
		width: var(--ds-checkbox-large-box-size);
		height: var(--ds-checkbox-large-box-size);
		border-radius: var(--ds-checkbox-large-border-radius);
	}

	.ds-checkbox_large .ds-checkbox__wrapper {
		max-inline-size: var(--ds-checkbox-large-label-max-width);
		gap: var(--ds-checkbox-large-label-gap);
	}

	.ds-checkbox_large .ds-checkbox__label {
		max-inline-size: var(--ds-checkbox-large-label-max-width);
		font-size: var(--ds-checkbox-large-label-font-size);
		line-height: var(--ds-checkbox-large-label-line-height);
		max-width: var(--ds-checkbox-large-label-max-width);
	}

	.ds-checkbox_large .ds-checkbox__hint {
		max-inline-size: var(--ds-checkbox-large-label-max-width);
		font-size: var(--ds-checkbox-large-hint-font-size);
		line-height: var(--ds-checkbox-large-hint-line-height);
	}

	.ds-checkbox_medium {
		gap: var(--ds-checkbox-medium-gap);
	}

	.ds-checkbox_medium .ds-checkbox__icon-wrapper {
		width: var(--ds-checkbox-medium-box-size);
		height: var(--ds-checkbox-medium-box-size);
		border-radius: var(--ds-checkbox-medium-border-radius);
	}

	.ds-checkbox_medium.ds-checkbox_checked .ds-checkbox__icon-wrapper {

	}

	.ds-checkbox_medium .ds-checkbox__wrapper {
		max-inline-size: var(--ds-checkbox-medium-label-max-width);
	}

	.ds-checkbox_medium .ds-checkbox__label {
		max-inline-size: var(--ds-checkbox-medium-label-max-width);
		font-size: var(--ds-checkbox-medium-label-font-size);
		line-height: var(--ds-checkbox-medium-label-line-height);
	}

	.ds-checkbox_medium .ds-checkbox__hint {
		max-inline-size: var(--ds-checkbox-medium-label-max-width);
		font-size: var(--ds-checkbox-medium-hint-font-size);
		line-height: var(--ds-checkbox-medium-hint-line-height);
	}

	.ds-checkbox_small {
		gap: var(--ds-checkbox-small-gap);
	}

	.ds-checkbox_small .ds-checkbox__icon-wrapper {
		width: var(--ds-checkbox-small-box-size);
		height: var(--ds-checkbox-small-box-size);
		border-radius: var(--ds-checkbox-small-border-radius);
	}

	.ds-checkbox_small .ds-checkbox__wrapper {
		max-inline-size: var(--ds-checkbox-small-label-max-width);
		gap: var(--ds-checkbox-small-label-gap);
	}

	.ds-checkbox_small .ds-checkbox__label {
		max-inline-size: var(--ds-checkbox-small-label-max-width);
		font-size: var(--ds-checkbox-small-label-font-size);
		line-height: var(--ds-checkbox-small-label-line-height);
		max-width: var(--ds-checkbox-small-label-max-width);
	}

	.ds-checkbox_small .ds-checkbox__hint {
		max-inline-size: var(--ds-checkbox-small-label-max-width);
		font-size: var(--ds-checkbox-small-hint-font-size);
		line-height: var(--ds-checkbox-small-hint-line-height);
	}

	.ds-checkbox_primary:focus-visible .ds-checkbox__icon-wrapper {
		border-color: var(--ds-checkbox-primary-unchecked-focus-border-color);
	}

	.ds-checkbox_primary .ds-checkbox__icon-wrapper {
		background-color: var(--ds-checkbox-primary-unchecked-default-bg-color);
		border-color: var(--ds-checkbox-primary-unchecked-default-border-color);
	}

	.ds-checkbox_primary:hover .ds-checkbox__icon-wrapper {
		background-color: var(--ds-checkbox-primary-unchecked-hover-bg-color);
		border-color: var(--ds-checkbox-primary-unchecked-hover-border-color);
	}

	.ds-checkbox_primary.ds-checkbox_error:focus-visible .ds-checkbox__icon-wrapper,
	.ds-checkbox_primary.ds-checkbox_checked.ds-checkbox_error:focus-visible .ds-checkbox__icon-wrapper {
		border-color: var(--ds-checkbox-primary-error-border-color);
	}

	.ds-checkbox_primary.ds-checkbox_checked.ds-checkbox_error .ds-checkbox__icon-wrapper {
		background-color: var(--ds-checkbox-primary-error-bg-color);
		border-color: var(--ds-checkbox-primary-error-border-color);
	}

	.ds-checkbox_primary.ds-checkbox_error .ds-checkbox__icon-wrapper {
		border-color: var(--ds-checkbox-primary-error-border-color);
		fill: var(--ds-checkbox-primary-error-icon-color);
	}

	.ds-checkbox_primary.ds-checkbox_mixed .ds-checkbox__icon-wrapper {
		background-color: var(--ds-checkbox-primary-mixed-default-bg-color);
		border-color: var(--ds-checkbox-primary-mixed-default-border-color);
		fill: var(--ds-checkbox-primary-mixed-icon-color);
	}

	.ds-checkbox_primary.ds-checkbox_mixed.ds-checkbox_disabled .ds-checkbox__icon-wrapper {
		fill: var(--ds-checkbox-primary-disabled-icon-color);
	}

	.ds-checkbox_primary.ds-checkbox_mixed:hover .ds-checkbox__icon-wrapper {
		background-color: var(--ds-checkbox-primary-mixed-hover-bg-color);
		border-color: var(--ds-checkbox-primary-mixed-hover-border-color);
	}

	.ds-checkbox_primary.ds-checkbox_error:hover .ds-checkbox__icon-wrapper,
	.ds-checkbox_primary.ds-checkbox_error.ds-checkbox_checked:hover .ds-checkbox__icon-wrapper {
		background-color: var(--ds-checkbox-primary-error-hover-bg-color);
	}

	.ds-checkbox_primary.ds-checkbox_error .ds-checkbox__error-icon {
		fill: var(--ds-danger-icon-default-icon-color);
	}

	.ds-checkbox_primary.ds-checkbox_checked .ds-checkbox__icon-wrapper,
	.ds-checkbox_primary.ds-checkbox_mixed .ds-checkbox__icon-wrapper {
		background-color: var(--ds-checkbox-primary-checked-default-bg-color);
		border-color: var(--ds-checkbox-primary-checked-default-border-color);
	}

	.ds-checkbox_primary.ds-checkbox_checked:hover .ds-checkbox__icon-wrapper,
	.ds-checkbox_primary.ds-checkbox_mixed:hover .ds-checkbox__icon-wrapper {
		background-color: var(--ds-checkbox-primary-checked-hover-bg-color);
		border-color: var(--ds-checkbox-primary-checked-hover-border-color);
	}

	.ds-checkbox_primary.ds-checkbox_checked:focus-visible .ds-checkbox__icon-wrapper {
		border-color: var(--ds-checkbox-primary-checked-focus-border-color);
	}

	.ds-checkbox_primary.ds-checkbox_mixed:focus-visible .ds-checkbox__icon-wrapper {
		border-color: var(--ds-checkbox-primary-mixed-focus-border-color);
	}

	.ds-checkbox_primary.ds-checkbox_disabled .ds-checkbox__icon-wrapper {
		background-color: var(--ds-checkbox-primary-disabled-bg-color);
	}

	.ds-checkbox_primary.ds-checkbox_disabled .ds-checkbox__icon-wrapper {
		border-color: var(--ds-checkbox-primary-disabled-border-color);
	}

	.ds-checkbox_primary.ds-checkbox_disabled:hover .ds-checkbox__icon-wrapper,
	.ds-checkbox_primary.ds-checkbox_error:hover .ds-checkbox__icon-wrapper {
		background-color: var(--ds-checkbox-primary-disabled-bg-color);
	}

	.ds-checkbox_primary.ds-checkbox_disabled:hover .ds-checkbox__icon-wrapper {
		border-color: var(--ds-checkbox-primary-disabled-border-color);
	}

	.ds-checkbox_primary.ds-checkbox_error:hover .ds-checkbox__icon-wrapper {
		border-color: var(--ds-checkbox-primary-error-border-color);
	}

	.ds-checkbox_primary .ds-checkbox__label {
		color: var(--ds-checkbox-primary-label-color);
	}

	.ds-checkbox_primary .ds-checkbox__hint {
		color: var(--ds-checkbox-primary-hint-color);
	}

.ds-tooltip {
	z-index: var(--ds-tooltip-z-index);
	font-family: var(--ds-tooltip-font-family), serif;
	min-block-size: var(--ds-tooltip-min-height);
	max-inline-size: var(--ds-tooltip-max-width);
	padding-inline: var(--ds-tooltip-inline-padding);
	padding-block: var(--ds-tooltip-block-start) var(--ds-tooltip-block-end);
	pointer-events: none;
	font-size: var(--ds-tooltip-font-size);
	font-weight: var(--ds-tooltip-font-width);
	line-height: var(--ds-tooltip-line-height);
	box-sizing: border-box;
	box-shadow: var(--ds-tooltip-drop-shadow);
	border-width: var(--ds-tooltip-border-width);
	border-style: solid;
	border-radius: var(--ds-tooltip-border-radius);
	text-align: start;
}

	.ds-tooltip_standard {
		background: var(--ds-tooltip-standard-bg-color);
		border-color: var(--ds-tooltip-standard-border-color);
		color: var(--ds-tooltip-standard-text-color);
	}

	.ds-tooltip_info {
		background: var(--ds-tooltip-info-bg-color);
		border-color: var(--ds-tooltip-info-border-color);
		color: var(--ds-tooltip-info-text-color);
	}

	.ds-tooltip_error {
		background: var(--ds-tooltip-error-bg-color);
		border-color: var(--ds-tooltip-error-border-color);
		color: var(--ds-tooltip-error-text-color);
	}

	.ds-tooltip > ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.ds-tooltip > ul > li {
			padding-left: 10px;
			position: relative;
		}

	.ds-tooltip > ul > li::before {
				content: '•';
				position: absolute;
				top: 0;
				left: 0;
			}
.ds-numeric-range-filter {
	width: 178px;
}

	.ds-numeric-range-filter__stepper-wrapper {
		display: flex;
		flex-direction: column;
		padding: var(--ds-table-popover-item-padding-block) var(--ds-table-popover-item-padding-inline);
		gap: var(--ds-table-popover-item-label-gap);
	}

	.ds-numeric-range-filter__stepper-label {
		color: var(--ds-core-neutral-a-50);
		font-family: var(--ds-menu-font-family);
		font-size: var(--ds-menu-medium-label-font-size);
		font-weight: var(--ds-menu-medium-label-font-weight);
		line-height: var(--ds-menu-medium-label-line-height);
		text-align: left;
		width: 100%;
	}

.ds-numeric-stepper {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	box-sizing: border-box;
	border-width: var(--ds-numeric-stepper-border-width);
	border-style: solid;
	inline-size: 100%;
}

	.ds-numeric-stepper_focus-from-keyboard {
		outline: var(--ds-common-border-width-focus-outline) solid var(--ds-common-outline-color);
		outline-offset: var(--ds-common-outline-offset);
	}

	.ds-numeric-stepper_disabled {
		cursor: not-allowed;
	}

	.ds-numeric-stepper_disabled .ds-numeric-stepper__stepper {
		pointer-events: none;
	}

	.ds-numeric-stepper__inner {
		display: flex;
		height: 100%;
		width: 100%;
		flex-grow: 1;
		background: transparent;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		border: none;
		font-family: var(--ds-numeric-stepper-font-family), sans-serif;
	}

	.ds-numeric-stepper__inner:focus,
		.ds-numeric-stepper__inner:focus-visible {
			outline: none; /* because we have pseudo-class _focus-from-mouse, _focus-from-keyboard */
		}

	.ds-numeric-stepper__inner:disabled {
			cursor: not-allowed;
		}

	/* workaround to suppress ugly background in autocompleted inputs, see FE-398 */

	.ds-numeric-stepper__inner:-webkit-autofill,
		.ds-numeric-stepper__inner:-webkit-autofill:hover,
		.ds-numeric-stepper__inner:-webkit-autofill:focus,
		.ds-numeric-stepper__inner:-webkit-autofill:active,
		.ds-numeric-stepper__inner:-webkit-autofill::first-line {
			-webkit-background-clip: text;
			        background-clip: text;
			-webkit-text-fill-color: var(--ds-numeric-stepper-primary-default-text-color);
			caret-color: var(--ds-numeric-stepper-primary-default-text-color);
			font-family: var(--ds-numeric-stepper-font-family), sans-serif;
		}

	.ds-numeric-stepper__error-icon {
		flex-shrink: 0;
		fill: var(--ds-danger-icon-default-icon-color);
	}

	.ds-numeric-stepper__addons {
		height: 100%;
		display: flex;
		align-items: center;
		flex-shrink: 0;
	}

	.ds-numeric-stepper__addon {
		height: 100%;
		display: flex;
		flex-shrink: 0;
	}

	.ds-numeric-stepper__addon_hover-show {
			display: none;
		}

	.ds-numeric-stepper_large {
		min-inline-size: var(--ds-numeric-stepper-large-min-width);
		block-size: var(--ds-numeric-stepper-large-height);
		gap: var(--ds-numeric-stepper-large-gap);
		padding-inline: var(--ds-numeric-stepper-large-padding-inline-start) var(--ds-numeric-stepper-large-padding-inline-end);
		border-radius: var(--ds-numeric-stepper-large-border-radius);
	}

	.ds-numeric-stepper_large .ds-numeric-stepper__inner {
		padding-block: var(--ds-numeric-stepper-large-text-padding-block-start) var(--ds-numeric-stepper-large-text-padding-block-end);
		padding-inline: 0;
		font-size: var(--ds-numeric-stepper-large-font-size);
		font-weight: var(--ds-numeric-stepper-large-font-weight);
		line-height: var(--ds-numeric-stepper-large-line-height);
	}

	.ds-numeric-stepper_large .ds-numeric-stepper__addons {
		gap: var(--ds-numeric-stepper-large-suffix-gap);
	}

	.ds-numeric-stepper_medium {
		min-inline-size: var(--ds-numeric-stepper-medium-min-width);
		block-size: var(--ds-numeric-stepper-medium-height);
		gap: var(--ds-numeric-stepper-medium-gap);
		padding-inline: var(--ds-numeric-stepper-medium-padding-inline-start) var(--ds-numeric-stepper-medium-padding-inline-end);
		border-radius: var(--ds-numeric-stepper-medium-border-radius);
	}

	.ds-numeric-stepper_medium .ds-numeric-stepper__inner {
		padding-block: var(--ds-numeric-stepper-medium-text-padding-block-start) var(--ds-numeric-stepper-medium-text-padding-block-end);
		padding-inline: 0;
		font-size: var(--ds-numeric-stepper-medium-font-size);
		font-weight: var(--ds-numeric-stepper-medium-font-weight);
		line-height: var(--ds-numeric-stepper-medium-line-height);
	}

	.ds-numeric-stepper_medium .ds-numeric-stepper__addons {
		gap: var(--ds-numeric-stepper-medium-suffix-gap);
	}

	.ds-numeric-stepper_small {
		min-inline-size: var(--ds-numeric-stepper-small-min-width);
		block-size: var(--ds-numeric-stepper-small-height);
		gap: var(--ds-numeric-stepper-small-gap);
		padding-inline: var(--ds-numeric-stepper-small-padding-inline-start) var(--ds-numeric-stepper-small-padding-inline-end);
		border-radius: var(--ds-numeric-stepper-small-border-radius);
	}

	.ds-numeric-stepper_small .ds-numeric-stepper__inner {
		padding-block: var(--ds-numeric-stepper-small-text-padding-block-start) var(--ds-numeric-stepper-small-text-padding-block-end);
		padding-inline: 0;
		font-size: var(--ds-numeric-stepper-small-font-size);
		font-weight: var(--ds-numeric-stepper-small-font-weight);
		line-height: var(--ds-numeric-stepper-small-line-height);
	}

	.ds-numeric-stepper_small .ds-numeric-stepper__addons {
		gap: var(--ds-numeric-stepper-small-suffix-gap);
	}

	.ds-numeric-stepper_primary {
		background: var(--ds-numeric-stepper-primary-default-bg-color);
		border-color: var(--ds-numeric-stepper-primary-default-border-color);
	}

	.ds-numeric-stepper_primary:hover:not(.ds-numeric-stepper_disabled,.ds-numeric-stepper_error) {
		border-color: var(--ds-numeric-stepper-primary-hover-border-color);
		background-color: var(--ds-numeric-stepper-primary-hover-bg-color);
	}

	.ds-numeric-stepper_primary.ds-numeric-stepper_focus-from-keyboard {
		border-color: var(--ds-numeric-stepper-primary-focus-border-color);
		background: var(--ds-numeric-stepper-primary-focus-bg-color);
	}

	.ds-numeric-stepper_primary.ds-numeric-stepper_focus-from-mouse {
		border-color: var(--ds-numeric-stepper-primary-focus-border-color);
		background: var(--ds-numeric-stepper-primary-focus-bg-color);
	}

	.ds-numeric-stepper_primary .ds-numeric-stepper__inner {
		color: var(--ds-numeric-stepper-primary-default-text-color);
	}

	.ds-numeric-stepper_primary .ds-numeric-stepper__inner::-moz-placeholder {
		color: var(--ds-numeric-stepper-primary-default-placeholder-color);
	}

	.ds-numeric-stepper_primary .ds-numeric-stepper__inner::placeholder {
		color: var(--ds-numeric-stepper-primary-default-placeholder-color);
	}

	.ds-numeric-stepper_primary.ds-numeric-stepper_disabled {
		border-color: var(--ds-numeric-stepper-primary-disabled-border-color);
		background: var(--ds-numeric-stepper-primary-disabled-bg-color);
	}

	.ds-numeric-stepper_primary.ds-numeric-stepper_disabled .ds-numeric-stepper__inner {
		color: var(--ds-numeric-stepper-primary-disabled-text-color);
	}

	.ds-numeric-stepper_primary.ds-numeric-stepper_disabled .ds-numeric-stepper__inner::-moz-placeholder {
		color: var(--ds-numeric-stepper-primary-disabled-placeholder-color);
	}

	.ds-numeric-stepper_primary.ds-numeric-stepper_disabled .ds-numeric-stepper__inner::placeholder {
		color: var(--ds-numeric-stepper-primary-disabled-placeholder-color);
	}

	.ds-numeric-stepper_primary .ds-numeric-stepper__clear:active {
		fill: var(--ds-icon-button-alt-primary-hover-icon-color);
	}

	.ds-numeric-stepper_error,
	.ds-numeric-stepper_focus-from-keyboard.ds-numeric-stepper_error,
	.ds-numeric-stepper_focus-from-mouse.ds-numeric-stepper_error {
		border-color: var(--ds-numeric-stepper-error-border-color);
	}

	.ds-numeric-stepper:hover .ds-numeric-stepper__addon_hover-show {
			display: flex;
		}

	.ds-numeric-stepper:hover .ds-numeric-stepper__addon_hover-hide {
			display: none;
		}

	.ds-numeric-stepper_primary.ds-numeric-stepper_focus-from-keyboard .ds-numeric-stepper__inner::-moz-placeholder, .ds-numeric-stepper_primary.ds-numeric-stepper_focus-from-mouse .ds-numeric-stepper__inner::-moz-placeholder {
		color: var(--ds-numeric-stepper-primary-focus-placeholder-color);
	}

	.ds-numeric-stepper_primary.ds-numeric-stepper_focus-from-keyboard .ds-numeric-stepper__inner::placeholder,
	.ds-numeric-stepper_primary.ds-numeric-stepper_focus-from-mouse .ds-numeric-stepper__inner::placeholder {
		color: var(--ds-numeric-stepper-primary-focus-placeholder-color);
	}

	.ds-numeric-stepper .ds-stepper_horizontal {
		flex-direction: row-reverse;
	}
.ds-stepper {
	display: flex;
}

	.ds-stepper_vertical {
		flex-direction: column;
		justify-content: center;
	}

	.ds-stepper_horizontal {
		flex-direction: row-reverse;
		align-items: center;
	}

	.ds-stepper__button {
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		cursor: pointer;
		box-sizing: border-box;
		padding: 0;
	}

	.ds-stepper_vertical .ds-stepper__button {
		width: 100%;
		height: 100%;
		will-change: transform;
		transition: height 0.2s ease;
	}

	.ds-stepper_primary .ds-stepper__button {
		background: var(--ds-stepper-primary-default-bg-color);
		fill: var(--ds-stepper-primary-default-icon-color);
	}

	.ds-stepper_small {
		gap: var(--ds-stepper-small-gap);
	}

	.ds-stepper_large {
		gap: var(--ds-stepper-large-gap);
	}

	.ds-stepper_medium {
		gap: var(--ds-stepper-medium-gap);
	}

	.ds-stepper_vertical.ds-stepper_large .ds-stepper__button {
		height: var(--ds-stepper-large-vertical-button-height);
		width: var(--ds-stepper-large-vertical-button-width);
	}

	.ds-stepper_vertical.ds-stepper_large .ds-stepper__button:hover {
			height: var(--ds-stepper-large-vertical-upsized-button-height);
		}

	.ds-stepper_vertical.ds-stepper_large .ds-stepper__button_increase {
			border-radius: var(--ds-stepper-large-vertical-start-border-radius);
		}

	.ds-stepper_vertical.ds-stepper_large .ds-stepper__button_decrease {
			border-radius: var(--ds-stepper-large-vertical-end-border-radius);
		}

	.ds-stepper_vertical.ds-stepper_large:has(.ds-stepper__button_increase:hover) .ds-stepper__button_decrease,
	.ds-stepper_vertical.ds-stepper_large:has(.ds-stepper__button_decrease:hover) .ds-stepper__button_increase {
		height: var(--ds-stepper-large-vertical-downsized-button-height);
	}

	.ds-stepper_vertical.ds-stepper_medium .ds-stepper__button {
		height: var(--ds-stepper-medium-vertical-button-height);
		width: var(--ds-stepper-medium-vertical-button-width);
	}

	.ds-stepper_vertical.ds-stepper_medium .ds-stepper__button:hover {
			height: var(--ds-stepper-medium-vertical-upsized-button-height);
		}

	.ds-stepper_vertical.ds-stepper_medium .ds-stepper__button_increase {
			border-radius: var(--ds-stepper-medium-vertical-start-border-radius);
		}

	.ds-stepper_vertical.ds-stepper_medium .ds-stepper__button_decrease {
			border-radius: var(--ds-stepper-medium-vertical-end-border-radius);
		}

	.ds-stepper_vertical.ds-stepper_medium:has(.ds-stepper__button_increase:hover) .ds-stepper__button_decrease,
	.ds-stepper_vertical.ds-stepper_medium:has(.ds-stepper__button_decrease:hover) .ds-stepper__button_increase {
		height: var(--ds-stepper-medium-vertical-downsized-button-height);
	}

	.ds-stepper_vertical.ds-stepper_small .ds-stepper__button {
		height: var(--ds-stepper-small-vertical-button-height);
		width: var(--ds-stepper-small-vertical-button-width);
	}

	.ds-stepper_vertical.ds-stepper_small .ds-stepper__button:hover {
			height: var(--ds-stepper-small-vertical-upsized-button-height);
		}

	.ds-stepper_vertical.ds-stepper_small .ds-stepper__button_increase {
			border-radius: var(--ds-stepper-small-vertical-start-border-radius);
		}

	.ds-stepper_vertical.ds-stepper_small .ds-stepper__button_decrease {
			border-radius: var(--ds-stepper-small-vertical-end-border-radius);
		}

	.ds-stepper_vertical.ds-stepper_small:has(.ds-stepper__button_increase:hover) .ds-stepper__button_decrease,
	.ds-stepper_vertical.ds-stepper_small:has(.ds-stepper__button_decrease:hover) .ds-stepper__button_increase {
		height: var(--ds-stepper-small-vertical-downsized-button-height);
	}

	.ds-stepper_primary .ds-stepper__button:hover {
		background: var(--ds-stepper-primary-hover-bg-color);
	}

	.ds-stepper_primary .ds-stepper__button:disabled,
	.ds-stepper_primary.ds-stepper_disabled .ds-stepper__button {
		fill: var(--ds-stepper-primary-disabled-icon-color);
		background: var(--ds-stepper-primary-disabled-bg-color);
		cursor: not-allowed;
	}

	.ds-stepper:not(.ds-stepper_disabled,.ds-stepper__button):active {
		transform: translateY(var(--ds-core-down-click-effect));
	}

	.ds-stepper_primary:not(.ds-stepper_disabled) .ds-stepper__button:active {
		background: var(--ds-stepper-primary-active-bg-color);
	}

	.ds-stepper_horizontal.ds-stepper_large .ds-stepper__button {
		height: var(--ds-stepper-large-horizontal-button-height);
		width: var(--ds-stepper-large-horizontal-button-width);
	}

	.ds-stepper_horizontal.ds-stepper_large .ds-stepper__button_decrease {
			border-radius: var(--ds-stepper-large-horizontal-start-border-radius);
		}

	.ds-stepper_horizontal.ds-stepper_large .ds-stepper__button_increase {
			border-radius: var(--ds-stepper-large-horizontal-end-border-radius);
		}

	.ds-stepper_horizontal.ds-stepper_medium .ds-stepper__button {
		height: var(--ds-stepper-medium-horizontal-button-height);
		width: var(--ds-stepper-medium-horizontal-button-width);
	}

	.ds-stepper_horizontal.ds-stepper_medium .ds-stepper__button_decrease {
			border-radius: var(--ds-stepper-medium-horizontal-start-border-radius);
		}

	.ds-stepper_horizontal.ds-stepper_medium .ds-stepper__button_increase {
			border-radius: var(--ds-stepper-medium-horizontal-end-border-radius);
		}

	.ds-stepper_horizontal.ds-stepper_small .ds-stepper__button {
		height: var(--ds-stepper-small-horizontal-button-height);
		width: var(--ds-stepper-small-horizontal-button-width);
	}

	.ds-stepper_horizontal.ds-stepper_small .ds-stepper__button_decrease {
			border-radius: var(--ds-stepper-small-horizontal-start-border-radius);
		}

	.ds-stepper_horizontal.ds-stepper_small .ds-stepper__button_increase {
			border-radius: var(--ds-stepper-small-horizontal-end-border-radius);
		}

.ds-input {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	box-sizing: border-box;
	border-width: var(--ds-input-border-width);
	border-style: solid;
	inline-size: 100%;

}

	.ds-input_focus-from-keyboard,
	.ds-input_focus-from-mouse  {
		outline: var(--ds-common-border-width-focus-outline) solid var(--ds-common-outline-color);
		outline-offset: var(--ds-common-outline-offset);
	}

	.ds-input_disabled {
		cursor: not-allowed;
	}

	.ds-input__inner {
		display: flex;
		height: 100%;
		width: 100%;
		flex-grow: 1;
		background: transparent;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		border: none;
		font-family: var(--ds-input-font-family), sans-serif;
	}

	.ds-input__inner:focus,
		.ds-input__inner:focus-visible {
			outline: none; /* because we have pseudo-class _focus-from-mouse, _focus-from-keyboard */
		}

	.ds-input__inner:disabled {
			cursor: not-allowed;
		}

	/* workaround to hide "clear" and "reveal password" buttons in MS Edge */

	.ds-input__inner::-ms-reveal,
		.ds-input__inner::-ms-clear {
			display: none;
		}

	/* workaround to suppress ugly background in autocompleted inputs, see FE-398 */

	.ds-input__inner:-webkit-autofill,
		.ds-input__inner:-webkit-autofill:hover,
		.ds-input__inner:-webkit-autofill:focus,
		.ds-input__inner:-webkit-autofill:active,
		.ds-input__inner:-webkit-autofill::first-line {
			-webkit-background-clip: text;
			        background-clip: text;
			-webkit-text-fill-color: var(--ds-input-primary-default-text-color);
			caret-color: var(--ds-input-primary-default-text-color);
			font-family: var(--ds-input-font-family), sans-serif;
		}

	.ds-input__error-icon {
		flex-shrink: 0;
		fill: var(--ds-danger-icon-default-icon-color);
	}

	.ds-input__addons {
		display: flex;
		align-items: center;
		flex-shrink: 0;
	}

	.ds-input__addon {
		flex-shrink: 0;
	}

	.ds-input__addon_hover-show {
			display: none;
		}

	.ds-input_large {
		min-inline-size: var(--ds-input-large-min-width);
		block-size: var(--ds-input-large-height);
		gap: var(--ds-input-large-gap);
		padding-inline: var(--ds-input-large-padding-inline-start) var(--ds-input-large-padding-inline-end);
		border-radius: var(--ds-input-large-border-radius);
	}

	.ds-input_large .ds-input__inner {
		padding-block: var(--ds-input-large-text-padding-block-start) var(--ds-input-large-text-padding-block-end);
		font-size: var(--ds-input-large-font-size);
		font-weight: var(--ds-input-large-font-weight);
		line-height: var(--ds-input-large-line-height);
	}

	.ds-input_large .ds-input__addons {
		gap: var(--ds-input-large-suffix-gap);
	}

	.ds-input_medium {
		min-inline-size: var(--ds-input-medium-min-width);
		block-size: var(--ds-input-medium-height);
		gap: var(--ds-input-medium-gap);
		padding-inline: var(--ds-input-medium-padding-inline-start) var(--ds-input-medium-padding-inline-end);
		border-radius: var(--ds-input-medium-border-radius);
	}

	.ds-input_medium .ds-input__inner {
		padding-block: var(--ds-input-medium-text-padding-block-start) var(--ds-input-medium-text-padding-block-end);
		font-size: var(--ds-input-medium-font-size);
		font-weight: var(--ds-input-medium-font-weight);
		line-height: var(--ds-input-medium-line-height);
	}

	.ds-input_medium .ds-input__addons {
		gap: var(--ds-input-medium-suffix-gap);
	}

	.ds-input_small {
		min-inline-size: var(--ds-input-small-min-width);
		block-size: var(--ds-input-small-height);
		gap: var(--ds-input-small-gap);
		padding-inline: var(--ds-input-small-padding-inline-start) var(--ds-input-small-padding-inline-end);
		border-radius: var(--ds-input-small-border-radius);
	}

	.ds-input_small .ds-input__inner {
		padding-block: var(--ds-input-small-text-padding-block-start) var(--ds-input-small-text-padding-block-end);
		font-size: var(--ds-input-small-font-size);
		font-weight: var(--ds-input-small-font-weight);
		line-height: var(--ds-input-small-line-height);
	}

	.ds-input_small .ds-input__addons {
		gap: var(--ds-input-small-suffix-gap);
	}

	.ds-input_primary {
		background: var(--ds-input-primary-default-bg-color);
		border-color: var(--ds-input-primary-default-border-color);
	}

	.ds-input_primary:hover:not(.ds-input_disabled) {
		background-color: var(--ds-input-primary-hover-bg-color);
	}

	.ds-input_primary:hover:not(.ds-input_disabled,.ds-input_error) {
		border-color: var(--ds-input-primary-hover-border-color);
		background-color: var(--ds-input-primary-hover-bg-color);
	}

	.ds-input_primary.ds-input_focus-from-keyboard {
		border-color: var(--ds-input-primary-focus-border-color);
		background: var(--ds-input-primary-focus-bg-color);
	}

	.ds-input_primary.ds-input_focus-from-mouse {
		border-color: var(--ds-input-primary-focus-border-color);
		background: var(--ds-input-primary-focus-bg-color);
	}

	.ds-input_primary .ds-input__inner {
		color: var(--ds-input-primary-default-text-color);
	}

	.ds-input_primary .ds-input__inner::-moz-placeholder {
		color: var(--ds-input-primary-default-placeholder-color);
	}

	.ds-input_primary .ds-input__inner::placeholder {
		color: var(--ds-input-primary-default-placeholder-color);
	}

	.ds-input_primary.ds-input_disabled {
		border-color: var(--ds-input-primary-disabled-border-color);
		background: var(--ds-input-primary-disabled-bg-color);
	}

	.ds-input_primary.ds-input_disabled .ds-input__inner {
		color: var(--ds-input-primary-disabled-text-color);
	}

	.ds-input_primary.ds-input_disabled .ds-input__inner::-moz-placeholder {
		color: var(--ds-input-primary-disabled-placeholder-color);
	}

	.ds-input_primary.ds-input_disabled .ds-input__inner::placeholder {
		color: var(--ds-input-primary-disabled-placeholder-color);
	}

	.ds-input_primary .ds-input__clear:active {
		fill: var(--ds-icon-button-alt-primary-hover-icon-color);
	}

	.ds-input_primary .ds-input__toggle-pwd:active {
		fill: var(--ds-icon-button-alt-primary-hover-icon-color);
	}

	.ds-input_error,
	.ds-input_focus-from-keyboard.ds-input_error,
	.ds-input_focus-from-mouse.ds-input_error {
		border-color: var(--ds-input-error-border-color);
	}

	.ds-input:hover .ds-input__addon_hover-show {
			display: flex;
		}

	.ds-input:hover .ds-input__addon_hover-hide {
			display: none;
		}

	.ds-input_primary.ds-input_focus-from-keyboard .ds-input__inner::-moz-placeholder, .ds-input_primary.ds-input_focus-from-mouse .ds-input__inner::-moz-placeholder {
		color: var(--ds-input-primary-focus-placeholder-color);
	}

	.ds-input_primary.ds-input_focus-from-keyboard .ds-input__inner::placeholder,
	.ds-input_primary.ds-input_focus-from-mouse .ds-input__inner::placeholder {
		color: var(--ds-input-primary-focus-placeholder-color);
	}

.ds-character-counter {
	font-family: var(--ds-character-counter-font-family), sans-serif;
}

	.ds-character-counter_primary {
		color: var(--ds-character-counter-primary-count-color);
	}

	.ds-character-counter_primary.ds-character-counter_negative {
		color: var(--ds-character-counter-primary-negative-count-color);
	}

	.ds-character-counter_large {
		font-weight: var(--ds-character-counter-large-font-weight);
		font-size: var(--ds-character-counter-large-font-size);
		line-height: var(--ds-character-counter-large-line-height);
	}

	.ds-character-counter_medium {
		font-weight: var(--ds-character-counter-medium-font-weight);
		font-size: var(--ds-character-counter-medium-font-size);
		line-height: var(--ds-character-counter-medium-line-height);
	}

	.ds-character-counter_small {
		font-weight: var(--ds-character-counter-small-font-weight);
		font-size: var(--ds-character-counter-small-font-size);
		line-height: var(--ds-character-counter-small-line-height);
	}
.ds-embed-icon-button {
	box-sizing: border-box;
	display: flex;
	cursor: pointer;
	flex-wrap: nowrap;
	position: relative;
	justify-content: center;
	align-items: center;
	padding: 0;
	border: none;
	background: none;
	fill: var(--ds-embed-icon-button-default-icon-color);
}

	.ds-embed-icon-button:hover {
		fill: var(--ds-embed-icon-button-hover-icon-color);
	}

	.ds-embed-icon-button:active:not(:disabled) {
		fill: var(--ds-embed-icon-button-active-icon-color);
	}

	.ds-embed-icon-button:disabled,
	.ds-embed-icon-button_disabled {
		cursor: not-allowed;
		fill: var(--ds-embed-icon-button-disabled-icon-color);
	}

	/* Sizes */

	.ds-embed-icon-button_small {
		min-inline-size: var(--ds-embed-icon-button-small-size);
		block-size: var(--ds-embed-icon-button-small-size);
	}

	.ds-embed-icon-button_medium {
		min-inline-size: var(--ds-embed-icon-button-medium-size);
		block-size: var(--ds-embed-icon-button-medium-size);
	}

	.ds-embed-icon-button_large {
		min-inline-size: var(--ds-embed-icon-button-large-size);
		block-size: var(--ds-embed-icon-button-large-size);
	}

.ds-focusable-button:focus-visible {
		outline: var(--ds-common-border-width-focus-outline) solid var(--ds-common-outline-color);
		outline-offset: var(--ds-common-outline-offset);
	}
	.ds-focusable-button:focus:not(:focus-visible) {
		outline: none;
	}
	.ds-focusable-button:active:not(:disabled,.ds-focusable-button_disabled,.ds-focusable-button_loading) {
		transform: translateY(var(--ds-core-down-click-effect));
	}
	.ds-focusable-button_disabled,
	.ds-focusable-button:disabled {
		cursor: not-allowed;
	}
	.ds-focusable-button_loading {
		cursor: wait;
	}

.ds-value-filter {
	padding: var(--ds-table-popover-item-padding-block) var(--ds-table-popover-item-padding-inline);
	width: 178px;
}

.ds-date-range-filter {
	display: flex;
	flex-direction: column;
}

	.ds-date-range-filter__inputs-wrapper {
		display: flex;
		gap: var(--ds-date-picker-header-horizontal-gap);
		padding: var(--ds-date-picker-header-padding-block) var(--ds-date-picker-header-padding-inline);
	}

	.ds-date-range-filter__minmax-wrapper {
		align-items: center;
		display: flex;
		gap: var(--ds-date-picker-header-item-gap);
	}

	.ds-date-range-filter__date-label {
		color: var(--ds-core-neutral-a-50);
		font-family: var(--ds-menu-font-family);
		font-size: var(--ds-menu-medium-label-font-size);
		font-weight: var(--ds-menu-medium-label-font-weight);
		line-height: var(--ds-menu-medium-label-line-height);
		text-align: left;
	}

	.ds-date-range-filter__presets-wrapper {
		display: flex;
		gap: var(--ds-date-picker-presets-gap);
		padding: var(--ds-date-picker-presets-padding-block) var(--ds-date-picker-presets-padding-inline);
	}

.ds-date-input {
	display: inline-flex;
	align-items: center;
	font-family: var(--ds-date-input-font-family), sans-serif;
	/* TODO: fix this font when we finalize the approach */
	padding-block: 0.2rem;
	border-width: var(--ds-date-input-border-width);
	border-style: solid;
	box-sizing: border-box;
	font-variant-numeric: lining-nums tabular-nums;
	font-feature-settings:
		'clig' off,
		'liga' off;
	min-width: 105px;
}

	.ds-date-input__inner {
		display: flex;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
	}

	.ds-date-input__error {
		fill: var(--ds-danger-icon-default-icon-color);
	}

	.ds-date-input__controls {
		display: flex;
		align-items: center;
		height: 100%;
		margin-left: auto;
	}

	.ds-date-input__icon-container {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ds-date-input__calendar {
		z-index: var(--ds-date-input-calendar-z-index);
	}

	.ds-date-input__year-select {
		z-index: var(--ds-date-input-calendar-year-select-z-index);
	}

	.ds-date-input_large {
		height: var(--ds-date-input-large-height);
		min-width: var(--ds-date-input-large-min-width);
		font-weight: var(--ds-date-input-large-font-weight);
		font-size: var(--ds-date-input-large-font-size);
		line-height: var(--ds-date-input-large-line-height);
		padding-inline: var(--ds-date-input-large-padding-inline-start) var(--ds-date-input-large-padding-inline-end);
		border-radius: var(--ds-date-input-large-border-radius);
		gap: var(--ds-date-input-large-min-gap);
	}

	.ds-date-input_large .ds-date-input__inner {
		padding-block: var(--ds-date-input-large-text-padding-block-start) var(--ds-date-input-large-text-padding-block-end);
	}

	.ds-date-input_large .ds-date-input__controls {
		gap: var(--ds-date-input-large-button-gap);
	}

	.ds-date-input_large .ds-date-input__icon-container {
		width: var(--ds-embed-icon-button-large-size);
		height: var(--ds-embed-icon-button-large-size);
	}

	.ds-date-input_medium {
		height: var(--ds-date-input-medium-height);
		min-width: var(--ds-date-input-medium-min-width);
		font-weight: var(--ds-date-input-medium-font-weight);
		font-size: var(--ds-date-input-medium-font-size);
		line-height: var(--ds-date-input-medium-line-height);
		padding-inline: var(--ds-date-input-medium-padding-inline-start) var(--ds-date-input-medium-padding-inline-end);
		border-radius: var(--ds-date-input-medium-border-radius);
		gap: var(--ds-date-input-medium-min-gap);
	}

	.ds-date-input_medium .ds-date-input__inner {
		padding-block: var(--ds-date-input-medium-text-padding-block-start) var(--ds-date-input-medium-text-padding-block-end);
	}

	.ds-date-input_medium .ds-date-input__controls {
		gap: var(--ds-date-input-medium-button-gap);
	}

	.ds-date-input_medium .ds-date-input__icon-container {
		width: var(--ds-embed-icon-button-medium-size);
		height: var(--ds-embed-icon-button-medium-size);
	}

	.ds-date-input_small {
		height: var(--ds-date-input-small-height);
		min-width: var(--ds-date-input-small-min-width);
		font-weight: var(--ds-date-input-small-font-weight);
		font-size: var(--ds-date-input-small-font-size);
		line-height: var(--ds-date-input-small-line-height);
		padding-inline: var(--ds-date-input-small-padding-inline-start) var(--ds-date-input-small-padding-inline-end);
		border-radius: var(--ds-date-input-small-border-radius);
		gap: var(--ds-date-input-small-min-gap);
	}

	.ds-date-input_small .ds-date-input__inner {
		padding-block: var(--ds-date-input-small-text-padding-block-start) var(--ds-date-input-small-text-padding-block-end);
	}

	.ds-date-input_small .ds-date-input__controls {
		gap: var(--ds-date-input-small-button-gap);
	}

	.ds-date-input_small .ds-date-input__icon-container {
		width: var(--ds-embed-icon-button-small-size);
		height: var(--ds-embed-icon-button-small-size);
	}

	.ds-date-input_primary {
		border-color: var(--ds-date-input-primary-default-border-color);
		background: var(--ds-date-input-primary-default-bg-color);
	}

	.ds-date-input_primary:hover:not(.ds-date-input_disabled,.ds-date-input_error) {
		border-color: var(--ds-date-input-primary-hover-border-color);
		background: var(--ds-date-input-primary-hover-bg-color);
	}

	.ds-date-input:focus-within:not(.ds-date-input_disabled) {
		outline: var(--ds-common-border-width-focus-outline) solid var(--ds-common-outline-color);
		outline-offset: var(--ds-common-outline-offset);
	}

	.ds-date-input_primary:focus-within:not(.ds-date-input_disabled) {
		background: var(--ds-date-input-primary-focus-bg-color);
	}

	.ds-date-input_primary:focus-within:not(.ds-date-input_disabled,.ds-date-input_error) {
		border-color: var(--ds-date-input-primary-focus-border-color);
	}

	.ds-date-input_primary .ds-date-input__placeholder,
	.ds-date-input_primary .ds-date-input__segment_placeholder {
		color: var(--ds-date-input-primary-default-placeholder-color);
	}

	.ds-date-input_error {
		border-color: var(--ds-date-input-error-border-color);
		fill: var(--ds-danger-icon-default-icon-color);
	}

	.ds-date-input_disabled .ds-date-input__clear-button {
		display: none;
	}

	.ds-date-input_clearBtnIfActive .ds-date-input__clear-button {
		display: none;
	}

	.ds-date-input_clearBtnIfActive:is(:focus-within, :hover) .ds-date-input__clear-button {
		display: block;
	}

	.ds-date-input_clearBtnIfActive.ds-date-input_error:is(:focus-within, :hover) .ds-date-input__error {
		display: none;
	}

	.ds-date-input__segment,
	.ds-date-input__separator {
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
	}

	.ds-date-input_primary .ds-date-input__segment_focused {
		background: var(--ds-common-selection-color);
	}

	.ds-date-input__segment_focused .ds-date-input__value {
		color: var(--ds-common-selected-text-color);
	}

	.ds-date-input__segment_focused .ds-date-input__placeholder {
		color: var(--ds-common-selected-placeholder-color);
	}

	.ds-date-input_primary:not(.ds-date-input_disabled) .ds-date-input__separator {
		color: var(--ds-date-input-primary-default-placeholder-color);
	}

	.ds-date-input_disabled .ds-date-input__segment,
	.ds-date-input_disabled .ds-date-input__separator {
		color: var(--ds-date-input-disabled-text-color);
		pointer-events: none;
	}

	.ds-date-input_primary:not(.ds-date-input_disabled) .ds-date-input__segment:has(.ds-date-input__value)+.ds-date-input__separator:has(+ .ds-date-input__segment > .ds-date-input__value),
	.ds-date-input_primary:not(.ds-date-input_disabled) .ds-date-input__separator:first-child:has(+ .ds-date-input__segment > .ds-date-input__value),
	.ds-date-input_primary:not(.ds-date-input_disabled) .ds-date-input__segment:has(.ds-date-input__value)+.ds-date-input__separator:last-child {
		color: var(--ds-date-input-primary-default-text-color);
	}

	.ds-date-input_primary .ds-date-input__segment_period {
		color: var(--ds-date-input-primary-default-placeholder-color);
	}

	.ds-date-input_primary:not(.ds-date-input_disabled) .ds-date-input__inner:has(.ds-date-input__value) .ds-date-input__segment_period {
		color: var(--ds-date-input-primary-default-text-color);
	}

	.ds-date-input_primary:not(.ds-date-input_disabled) .ds-date-input__inner:has(.ds-date-input__segment:focus) .ds-date-input__segment_period {
		color: var(--ds-date-input-primary-default-text-color);
	}

	.ds-date-input_primary:not(.ds-date-input_disabled) .ds-date-input__segment:not(.ds-date-input__segment_period) {
		color: var(--ds-date-input-primary-default-text-color);
	}

	.ds-date-input_primary:not(.ds-date-input_disabled) .ds-date-input__segment:focus+.ds-date-input__separator {
		color: var(--ds-date-input-primary-default-text-color);
	}

	.ds-date-input:not(.ds-date-input_disabled) .ds-date-input__segment {
		cursor: pointer;
	}

	.ds-date-input_primary.ds-date-input:not(.ds-date-input_disabled) .ds-date-input__segment:focus {
		background: var(--ds-common-selection-color);
		outline: none;
	}

	.ds-date-input_disabled {
		border-color: var(--ds-date-input-disabled-border-color);
		background: var(--ds-date-input-disabled-bg-color);
		cursor: not-allowed;
	}

	.ds-date-input_disabled .ds-date-input__separator,
	.ds-date-input_disabled .ds-date-input__placeholder {
		color: var(--ds-date-input-disabled-placeholder-color);
	}
.ds-calendar {
	inline-size: -moz-fit-content;
	inline-size: fit-content;
	background: var(--ds-date-picker-calendar-bg-color);
	padding-block: var(--ds-date-picker-calendar-padding-block-start) var(--ds-date-picker-calendar-padding-block-end);
	padding-inline: var(--ds-date-picker-calendar-padding-inline-start) var(--ds-date-picker-calendar-padding-inline-end);
	display: flex;
	gap: var(--ds-date-picker-calendar-gap);
}

	/* shared rule to ensure consistent separator appearance */
	.ds-calendar__days-of-week, .ds-calendar__year {
		-webkit-padding-after: calc(var(--ds-date-picker-calendar-gap) - var(--ds-date-picker-calendar-layout-divider-width));
		        padding-block-end: calc(var(--ds-date-picker-calendar-gap) - var(--ds-date-picker-calendar-layout-divider-width));
		-webkit-margin-after: var(--ds-date-picker-calendar-gap);
		        margin-block-end: var(--ds-date-picker-calendar-gap);
		-webkit-border-after: solid var(--ds-date-picker-calendar-layout-divider-width) var(--ds-date-picker-calendar-divider-color);
		        border-block-end: solid var(--ds-date-picker-calendar-layout-divider-width) var(--ds-date-picker-calendar-divider-color);
	}
	.ds-calendar__days-of-week {
		display: flex;
		color: var(--ds-date-picker-calendar-table-default-header-color);
		text-transform: uppercase;
		gap: var(--ds-date-picker-calendar-table-horizontal-item-gap);
	}
	.ds-calendar__day-of-week {
		font-size: var(--ds-date-picker-calendar-table-item-font-size);
		font-weight: var(--ds-date-picker-calendar-table-item-header-font-weight);
		line-height: var(--ds-date-picker-calendar-table-item-line-height);
		font-family: var(--ds-date-picker-font-family);
		inline-size: var(--ds-calendar-table-item-width);
		block-size: var(--ds-calendar-table-item-height);
		text-align: center;
		box-sizing: border-box;
		padding-block: var(--ds-date-picker-calendar-week-day-padding-block-start) var(--ds-date-picker-calendar-week-day-padding-block-end);
	}
	.ds-calendar__year {
		block-size: var(--ds-calendar-table-item-height);
		display: flex;
		align-items: center;
	}
	.ds-calendar__body {
		display: flex;
		flex-direction: row-reverse; /* important for correct keyboard navigation (tab from month to days) */
	}
	.ds-calendar__content {
		-webkit-padding-end: var(--ds-date-picker-calendar-gap);
		        padding-inline-end: var(--ds-date-picker-calendar-gap);
		-webkit-border-end: solid var(--ds-date-picker-calendar-layout-divider-width) var(--ds-date-picker-calendar-divider-color);
		        border-inline-end: solid var(--ds-date-picker-calendar-layout-divider-width) var(--ds-date-picker-calendar-divider-color);
		display: flex;
		flex-direction: column;
	}
	.ds-calendar__grid {
		/* 0.1rem is a hack to make the grid occupy the same height as the list of months */
		flex: 1 1 0.1rem;
	}
	.ds-calendar__row {
		display: flex;
		-webkit-margin-before: var(--ds-date-picker-calendar-table-vertical-gap);
		        margin-block-start: var(--ds-date-picker-calendar-table-vertical-gap);
		gap: var(--ds-date-picker-calendar-table-horizontal-item-gap);
	}
	.ds-calendar__months {
		flex-grow: 1;
	}
	.ds-calendar__month-title {
		color: var(--ds-date-picker-calendar-table-label-color);
		font-weight: var(--ds-date-picker-calendar-table-label-font-weight);
		font-size: var(--ds-date-picker-calendar-table-label-font-size);
		line-height: var(--ds-date-picker-calendar-table-label-line-height);
		padding-block: var(--ds-date-picker-calendar-table-month-label-padding-block-start) var(--ds-date-picker-calendar-table-month-label-padding-block-end);
		padding-inline: var(--ds-date-picker-calendar-table-month-label-padding-inline);
	}
	.ds-calendar__month-title:not(:first-child) {
			-webkit-margin-before: calc(var(--ds-date-picker-calendar-gap) - var(--ds-date-picker-calendar-month-divider-width));
			        margin-block-start: calc(var(--ds-date-picker-calendar-gap) - var(--ds-date-picker-calendar-month-divider-width));
			-webkit-border-before: solid var(--ds-date-picker-calendar-month-divider-width) var(--ds-date-picker-calendar-divider-color);
			        border-block-start: solid var(--ds-date-picker-calendar-month-divider-width) var(--ds-date-picker-calendar-divider-color);
			-webkit-padding-before: calc(var(--ds-date-picker-calendar-table-month-label-padding-block-start) + var(--ds-date-picker-calendar-gap));
			        padding-block-start: calc(var(--ds-date-picker-calendar-table-month-label-padding-block-start) + var(--ds-date-picker-calendar-gap));
		}
	.ds-calendar__months-list.ds-scroller {
		display: flex;
		flex-direction: column;
		inline-size: 100%;
		block-size: auto;
		flex: 1;
		gap: var(--ds-date-picker-calendar-list-gap);
	}
	.ds-calendar__month-btn {
		padding-block: var(--ds-date-picker-calendar-list-item-padding-block-start) var(--ds-date-picker-calendar-list-item-padding-block-end);
		padding-inline: var(--ds-date-picker-calendar-list-item-padding-inline-start) var(--ds-date-picker-calendar-list-item-padding-inline-end);
		border: none;
		font-family: var(--ds-date-picker-font-family);
		font-size: var(--ds-date-picker-calendar-list-item-font-size);
		font-weight: var(--ds-date-picker-calendar-list-item-font-weight);
		line-height: var(--ds-date-picker-calendar-list-item-line-height);
		color: var(--ds-date-picker-calendar-list-item-default-text-color);
		background-color: transparent;
		display: flex;
		cursor: pointer;
	}
	.ds-calendar__month-btn:hover:not(:disabled) {
			background-color: var(--ds-date-picker-calendar-list-item-hover-bg-color);
		}
	.ds-calendar__month-btn:disabled {
			color: var(--ds-date-picker-calendar-list-item-disabled-text-color);
		}
	.ds-calendar__day {
		box-sizing: border-box;
		border: solid var(--ds-date-picker-calendar-layout-divider-width) transparent;
		inline-size: var(--ds-calendar-table-item-width);
		block-size: var(--ds-calendar-table-item-height);
		padding-block: calc(var(--ds-date-picker-calendar-table-item-padding-block-start) - var(--ds-date-picker-calendar-layout-divider-width)) calc(var(--ds-date-picker-calendar-table-item-padding-block-end) - var(--ds-date-picker-calendar-layout-divider-width));
		padding-inline: calc(var(--ds-date-picker-calendar-table-item-padding-inline) - var(--ds-date-picker-calendar-layout-divider-width));
		background: var(--ds-date-picker-calendar-table-day-default-bg-color);
		color: var(--ds-date-picker-calendar-table-day-default-text-color);
	}
	.ds-calendar__day_hidden {
			visibility: hidden;
			pointer-events: none;
		}
	.ds-calendar__day_today {
			border-color: var(--ds-date-picker-calendar-table-day-default-today-border-color);
		}
	.ds-calendar__day_selected {
			background: var(--ds-date-picker-calendar-table-day-default-selected-bg-color);
			color: var(--ds-date-picker-calendar-table-day-selected-text-color);
		}
	.ds-calendar__day_weekend {
			color: var(--ds-date-picker-calendar-table-day-weekend-text-color);
		}
	.ds-calendar__day_weekend.ds-calendar__day_selected {
			color: var(--ds-date-picker-calendar-table-day-weekend-selected-text-color);
		}
	.ds-calendar__day:hover, .ds-calendar__day_range-hover {
			background: var(--ds-date-picker-calendar-table-day-hover-bg-color);
		}
	.ds-calendar__day_selected:hover {
			background: var(--ds-date-picker-calendar-table-day-hover-selected-bg-color);
		}
	.ds-calendar__day_disabled, .ds-calendar__day_disabled:hover {
			color: var(--ds-date-picker-calendar-table-day-disabled-text-color);
		}
	.ds-calendar__day-btn {
		font-size: var(--ds-date-picker-calendar-table-item-font-size);
		font-weight: var(--ds-date-picker-calendar-table-item-font-weight);
		line-height: var(--ds-date-picker-calendar-table-item-line-height);
		font-family: var(--ds-date-picker-font-family);
		vertical-align: top;
		color: inherit;
		inline-size: 100%;
		block-size: 100%;
		padding: 0;
		border: none;
		background: none;
	}
	.ds-calendar_mini {
		block-size: var(--ds-calendar-mini-height);
	}
	.ds-calendar_mini .ds-calendar__months {
		display: flex;
		flex-direction: column;
	}
.ds-selectbox {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	align-self: center;
	box-sizing: border-box;
	border-style: solid;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	font-family: var(--ds-selectbox-font-family), sans-serif;
}

	.ds-selectbox__content {
		z-index: var(--ds-selectbox-z-index);
		background: var(--ds-list-bg-color);
		box-shadow: var(--ds-list-drop-shadow);
		max-width: var(--ds-list-max-width);
		min-width: var(--ds-list-min-width);
		max-height: 0;
		font-family: var(--ds-list-font-family);
		border-radius: var(--ds-list-border-radius);
		border: solid 1px var(--ds-list-border-color);
	}

	.ds-selectbox__content > .ds-scroller {
		max-height: inherit;
	}

	.ds-selectbox:focus-visible {
		outline: var(--ds-common-border-width-focus-outline) solid var(--ds-common-outline-color);
		outline-offset: var(--ds-common-outline-offset);
	}

	.ds-selectbox:focus:not(:focus-visible) {
		outline: none;
	}

	.ds-selectbox_disabled {
		cursor: not-allowed;
	}

	.ds-selectbox:active:not(.ds-selectbox_disabled,.ds-selectbox_loading) {
		transform: translateY(var(--ds-core-down-click-effect));
	}

	.ds-selectbox__value {
		display: inline-flex;
		min-inline-size: 0;
	}

	.ds-selectbox__value__inner,
		.ds-selectbox__value__placeholder {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

	.ds-selectbox__value__placeholder {
			color: var(--ds-selectbox-primary-default-placeholder-color);
		}

	/* Sizes */

	/* Medium */

	.ds-selectbox_medium {
		min-block-size: var(--ds-selectbox-medium-min-height);
		min-inline-size: var(--ds-selectbox-medium-min-width);
		border-width: var(--ds-selectbox-medium-border-width);
		font-size: var(--ds-selectbox-medium-font-size);
		font-weight: var(--ds-selectbox-medium-font-weight);
		line-height: var(--ds-selectbox-medium-line-height);
		padding-block: var(--ds-selectbox-medium-padding-block-start) var(--ds-selectbox-medium-padding-block-end);
		padding-inline: var(--ds-selectbox-medium-padding-inline-start) var(--ds-selectbox-medium-padding-inline-end);
		grid-gap: var(--ds-selectbox-medium-gap);
		border-radius: var(--ds-selectbox-medium-border-radius);
	}

	.ds-selectbox_medium .ds-selectbox__value {
		gap: var(--ds-selectbox-medium-content-gap);
		padding-block: var(--ds-selectbox-medium-text-padding-block-start)
			var(--ds-selectbox-medium-text-padding-block-end);
	}

	/* Small */

	.ds-selectbox_small {
		min-block-size: var(--ds-selectbox-small-min-height);
		min-inline-size: var(--ds-selectbox-small-min-width);
		border-width: var(--ds-selectbox-small-border-width);
		line-height: var(--ds-selectbox-small-line-height);
		padding-block: var(--ds-selectbox-small-padding-block-start) var(--ds-selectbox-small-padding-block-end);
		padding-inline: var(--ds-selectbox-small-padding-inline-start) var(--ds-selectbox-small-padding-inline-end);
		grid-gap: var(--ds-selectbox-small-gap);
		border-radius: var(--ds-selectbox-small-border-radius);
		font-weight: var(--ds-selectbox-small-font-weight);
		font-size: var(--ds-selectbox-small-font-size);
	}

	.ds-selectbox_small .ds-selectbox__value {
		gap: var(--ds-selectbox-small-content-gap);
		padding-block: var(--ds-selectbox-small-text-padding-block-start)
			var(--ds-selectbox-small-text-padding-block-end);
	}

	/* Standard Themes */

	/* Standard Primary */

	.ds-selectbox_standard.ds-selectbox_primary:focus-visible {
		border-color: var(--ds-selectbox-primary-focus-border-color);
	}

	.ds-selectbox_standard.ds-selectbox_primary {
		border-color: var(--ds-selectbox-primary-default-border-color);
		background: var(--ds-selectbox-primary-default-bg-color);
		fill: var(--ds-selectbox-primary-default-chevron-color);
		color: var(--ds-selectbox-primary-default-text-color);
	}

	.ds-selectbox_standard.ds-selectbox_primary .ds-selectbox__value {
		fill: var(--ds-selectbox-primary-default-icon-color);
	}

	.ds-selectbox_standard.ds-selectbox_primary:hover {
		border-color: var(--ds-selectbox-primary-hover-border-color);
		background: var(--ds-selectbox-primary-hover-bg-color);
		fill: var(--ds-selectbox-primary-hover-chevron-color);
		color: var(--ds-selectbox-primary-hover-text-color);
	}

	.ds-selectbox_standard.ds-selectbox_primary:hover .ds-selectbox__value {
		fill: var(--ds-selectbox-primary-hover-icon-color);
	}

	.ds-selectbox_standard.ds-selectbox_primary:active {
		border-color: var(--ds-selectbox-primary-active-border-color);
		background: var(--ds-selectbox-primary-active-bg-color);
		fill: var(--ds-selectbox-primary-active-icon-color);
		color: var(--ds-selectbox-primary-active-text-color);
	}

	.ds-selectbox_standard.ds-selectbox_primary.ds-selectbox_disabled {
		border-color: var(--ds-selectbox-primary-disabled-border-color);
		background: var(--ds-selectbox-primary-disabled-bg-color);
		fill: var(--ds-selectbox-primary-disabled-chevron-color);
		color: var(--ds-selectbox-primary-disabled-text-color);
	}

	.ds-selectbox_standard.ds-selectbox_primary.ds-selectbox_disabled .ds-selectbox__value {
		fill: var(--ds-selectbox-primary-disabled-icon-color);
	}

	/* Standard Secondary */

	.ds-selectbox_standard.ds-selectbox_secondary {
		border-color: var(--ds-selectbox-secondary-default-border-color);
		background: var(--ds-selectbox-secondary-default-bg-color);
		fill: var(--ds-selectbox-secondary-default-chevron-color);
		color: var(--ds-selectbox-secondary-default-text-color);
	}

	.ds-selectbox_standard.ds-selectbox_secondary:focus-visible {
		border-color: var(--ds-selectbox-secondary-focus-border-color);
	}

	.ds-selectbox_standard.ds-selectbox_secondary:not(.ds-selectbox_disabled) .ds-selectbox__value {
		fill: var(--ds-selectbox-secondary-default-icon-color);
	}

	.ds-selectbox_standard.ds-selectbox_secondary:hover {
		border-color: var(--ds-selectbox-secondary-hover-border-color);
		background: var(--ds-selectbox-secondary-hover-bg-color);
		fill: var(--ds-selectbox-secondary-hover-chevron-color);
		color: var(--ds-selectbox-secondary-hover-text-color);
	}

	.ds-selectbox_standard.ds-selectbox_secondary:hover .ds-selectbox__value {
		fill: var(--ds-selectbox-secondary-hover-icon-color);
	}

	.ds-selectbox_standard.ds-selectbox_secondary:active {
		border-color: var(--ds-selectbox-secondary-active-border-color);
		background: var(--ds-selectbox-secondary-active-bg-color);
		fill: var(--ds-selectbox-secondary-active-icon-color);
		color: var(--ds-selectbox-secondary-active-text-color);
	}

	.ds-selectbox_standard.ds-selectbox_secondary.ds-selectbox_disabled {
		border-color: var(--ds-selectbox-secondary-disabled-border-color);
		background: var(--ds-selectbox-secondary-disabled-bg-color);
		fill: var(--ds-selectbox-secondary-disabled-chevron-color);
		color: var(--ds-selectbox-secondary-disabled-text-color);
	}

	.ds-selectbox_standard.ds-selectbox_secondary.ds-selectbox_disabled .ds-selectbox__value {
		fill: var(--ds-selectbox-secondary-disabled-icon-color);
	}

	/* Standard Tertiary */

	.ds-selectbox_standard.ds-selectbox_tertiary:focus-visible {
		border-color: var(--ds-selectbox-tertiary-focus-border-color);
	}

	.ds-selectbox_standard.ds-selectbox_tertiary {
		border-color: var(--ds-selectbox-tertiary-default-border-color);
		background: var(--ds-selectbox-tertiary-default-bg-color);
		fill: var(--ds-selectbox-tertiary-default-chevron-color);
		color: var(--ds-selectbox-tertiary-default-text-color);
	}

	.ds-selectbox_standard.ds-selectbox_tertiary:not(.ds-selectbox_disabled) .ds-selectbox__value {
		fill: var(--ds-selectbox-tertiary-default-icon-color);
	}

	.ds-selectbox_standard.ds-selectbox_tertiary:hover {
		border-color: var(--ds-selectbox-tertiary-hover-border-color);
		background: var(--ds-selectbox-tertiary-hover-bg-color);
		fill: var(--ds-selectbox-tertiary-hover-chevron-color);
		color: var(--ds-selectbox-tertiary-hover-text-color);
	}

	.ds-selectbox_standard.ds-selectbox_tertiary:hover .ds-selectbox__value {
		fill: var(--ds-selectbox-tertiary-hover-icon-color);
	}

	.ds-selectbox_standard.ds-selectbox_tertiary:active {
		border-color: var(--ds-selectbox-tertiary-active-border-color);
		background: var(--ds-selectbox-tertiary-active-bg-color);
		fill: var(--ds-selectbox-tertiary-active-icon-color);
		color: var(--ds-selectbox-tertiary-active-text-color);
	}

	.ds-selectbox_standard.ds-selectbox_tertiary.ds-selectbox_disabled {
		border-color: var(--ds-selectbox-tertiary-disabled-border-color);
		background: var(--ds-selectbox-tertiary-disabled-bg-color);
		fill: var(--ds-selectbox-tertiary-disabled-chevron-color);
		color: var(--ds-selectbox-tertiary-disabled-text-color);
	}

	.ds-selectbox_standard.ds-selectbox_tertiary.ds-selectbox_disabled .ds-selectbox__value {
		fill: var(--ds-selectbox-tertiary-disabled-icon-color);
	}

	/* Flat Themes */

	/* Flat Primary */

	.ds-selectbox_flat.ds-selectbox_primary {
		border-color: var(--ds-selectbox-flat-default-border-color);
		fill: var(--ds-selectbox-flat-default-chevron-color);
		color: var(--ds-selectbox-flat-default-text-color);
	}

	.ds-selectbox_flat.ds-selectbox_primary:focus-visible {
		border-color: var(--ds-selectbox-flat-focus-border-color);
	}

	.ds-selectbox_flat.ds-selectbox_primary:not(.ds-selectbox_disabled) .ds-selectbox__value {
		fill: var(--ds-selectbox-flat-default-icon-color);
	}

	.ds-selectbox_flat.ds-selectbox_primary:hover {
		fill: var(--ds-selectbox-flat-hover-chevron-color);
		color: var(--ds-selectbox-flat-hover-text-color);
	}

	.ds-selectbox_flat.ds-selectbox_primary:hover .ds-selectbox__value {
		fill: var(--ds-selectbox-flat-hover-icon-color);
	}

	.ds-selectbox_flat.ds-selectbox_primary:active {
		fill: var(--ds-selectbox-flat-active-chevron-color);
		color: var(--ds-selectbox-flat-active-text-color);
	}

	.ds-selectbox_flat.ds-selectbox_primary:active .ds-selectbox__value .ds-icon {
		fill: var(--ds-selectbox-flat-active-icon-color);
	}

	.ds-selectbox_flat.ds-selectbox_primary.ds-selectbox_disabled {
		border-color: var(--ds-selectbox-flat-disabled-border-color);
		background-color: var(--ds-selectbox-flat-disabled-bg-color);
		fill: var(--ds-selectbox-flat-disabled-chevron-color);
		color: var(--ds-selectbox-flat-disabled-text-color);
	}

	.ds-selectbox_flat.ds-selectbox_primary.ds-selectbox_disabled .ds-selectbox__value {
		fill: var(--ds-selectbox-flat-disabled-icon-color);
	}

.ds-text-button {
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border-color: transparent;
	border-width: 0.1rem;
	font-family: var(--ds-text-button-font-family);
	max-inline-size: 100%;
	cursor: pointer;
}

	.ds-text-button_primary {
		color: var(--ds-text-button-primary-default-text-color);
		fill: var(--ds-text-button-primary-default-icon-color);
	}

	.ds-text-button_primary:focus-visible {
		border: 0.1rem solid var(--ds-text-button-primary-focus-border-color);
	}

	.ds-text-button_primary:hover:not(:disabled,.ds-text-button_disabled,.ds-text-button_loading) {
		color: var(--ds-text-button-primary-hover-text-color);
		fill: var(--ds-text-button-primary-hover-icon-color);
	}

	.ds-text-button_primary:active:not(:disabled,.ds-text-button_disabled,.ds-text-button_loading) {
		color: var(--ds-text-button-primary-active-text-color);
		fill: var(--ds-text-button-primary-active-icon-color);
	}

	.ds-text-button_primary.ds-text-button_disabled,
	.ds-text-button_primary:disabled {
		color: var(--ds-text-button-primary-disabled-text-color);
		fill: var(--ds-text-button-primary-disabled-icon-color);
	}

	.ds-text-button_primary.ds-text-button_loading {
		color: var(--ds-text-button-primary-loading-text-color);
	}

	.ds-text-button_large {
		gap: var(--ds-text-button-large-gap);
		padding-block: var(--ds-text-button-large-padding-block-start) var(--ds-text-button-large-padding-block-end);
		padding-inline: var(--ds-text-button-large-padding-inline-start) var(--ds-text-button-large-padding-inline-end);
		font-size: var(--ds-text-button-large-font-size);
		line-height: var(--ds-text-button-large-line-height);
		font-weight: var(--ds-text-button-large-font-weight);
		min-block-size: var(--ds-text-button-large-min-height);
	}

	.ds-text-button_large .ds-text-button__inner-text {
		-webkit-padding-after: var(--ds-text-button-large-text-padding-block-start) var(--ds-text-button-large-text-padding-block-end);
		        padding-block-end: var(--ds-text-button-large-text-padding-block-start) var(--ds-text-button-large-text-padding-block-end);
	}

	.ds-text-button_medium {
		gap: var(--ds-text-button-medium-gap);
		padding-block: var(--ds-text-button-medium-padding-block-start) var(--ds-text-button-medium-padding-block-end);
		padding-inline: var(--ds-text-button-medium-padding-inline-start)
			var(--ds-text-button-medium-padding-inline-end);
		font-size: var(--ds-text-button-medium-font-size);
		line-height: var(--ds-text-button-medium-line-height);
		font-weight: var(--ds-text-button-medium-font-weight);
		min-block-size: var(--ds-text-button-medium-min-height);
	}

	.ds-text-button_medium .ds-text-button__inner-text {
		-webkit-padding-after: var(--ds-text-button-medium-text-padding-block-start) var(--ds-text-button-medium-text-padding-block-end);
		        padding-block-end: var(--ds-text-button-medium-text-padding-block-start) var(--ds-text-button-medium-text-padding-block-end);
	}

	.ds-text-button_small {
		gap: var(--ds-text-button-small-gap);
		padding-block: var(--ds-text-button-small-padding-block-start) var(--ds-text-button-small-padding-block-end);
		padding-inline: var(--ds-text-button-small-padding-inline-start) var(--ds-text-button-small-padding-inline-end);
		font-size: var(--ds-text-button-small-font-size);
		line-height: var(--ds-text-button-small-line-height);
		font-weight: var(--ds-text-button-small-font-weight);
		min-block-size: var(--ds-text-button-small-min-height);
	}

	.ds-text-button_small .ds-text-button__inner-text {
		-webkit-padding-after: var(--ds-text-button-small-text-padding-block-start) var(--ds-text-button-small-text-padding-block-end);
		        padding-block-end: var(--ds-text-button-small-text-padding-block-start) var(--ds-text-button-small-text-padding-block-end);
	}

	.ds-text-button__inner-text {
		display: inline-block;
	}

	.ds-text-button__inner-text:empty {
		display: none;
	}

	.ds-text-button__inner-text_crop-text {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.ds-text-button .ds-icon {
		flex-shrink: 0;
	}

.ds-simple-table {
	background-color: var(--ds-table-bg-color);
	border-collapse: collapse;
	border-spacing: 0;
	position: relative;
	table-layout: fixed;
	width: 100%;
}

	.ds-simple-table_auto-width {
		table-layout: auto;
		width: auto;
	}

	.ds-simple-table_auto-width th {
			width: auto !important;
		}

.ds-simple-table__head {
	position: sticky;
	top: 0;
	transform: translateZ(0); /* performance optimization */
	cursor: default;
	background-color: var(--ds-table-header-default-bg-color);
}

	.ds-simple-table__head_dummy-cell {
		width: auto;
	}

.ds-simple-table__head-cell {
	background: var(--ds-table-header-default-bg-color);
	box-sizing: border-box;
	padding: var(--ds-table-header-padding-block-start) var(--ds-table-header-padding-inline-end)
		var(--ds-table-header-padding-block-end) var(--ds-table-header-padding-inline-start);
}

	.ds-simple-table__head-cell:hover {
		background: var(--ds-table-header-hover-bg-color);
	}

	.ds-simple-table__head-cell:hover .ds-simple-table__head-cell__sort-icon,
		.ds-simple-table__head-cell:hover .ds-simple-table__head-cell__filter-button,
		.ds-simple-table__head-cell:hover .ds-simple-table__head-cell__resizer {
			opacity: 1;
		}

	.ds-simple-table__head-cell:hover::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			background-color: var(--ds-table-header-hover-resize-border-color);
			display: block;
			width: 1px;
			height: 100%;
		}

	.ds-simple-table__head-cell:hover::after {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			background-color: var(--ds-table-header-hover-resize-border-color);
			display: block;
			width: 1px;
			height: 100%;
		}

	.ds-simple-table__head-cell:active {
		background: var(--ds-table-header-active-bg-color);
	}

	.ds-simple-table__head-cell__outer {
		color: var(--ds-table-header-default-text-color);
		display: flex;
		align-items: center;
		font-weight: var(--ds-table-header-font-weight);
		font-size: var(--ds-table-header-font-size);
		gap: var(--ds-table-header-gap-start);
		line-height: var(--ds-table-header-line-height);
		letter-spacing: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		text-wrap: nowrap;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		width: 100%;
		height: 100%;
	}

	.ds-simple-table__head-cell__content {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
	}

	.ds-simple-table__head-cell__label {
		color: var(--ds-table-header-default-text-color);
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.ds-simple-table__head-cell__sort-icon {
		display: inline-block;
		min-width: 8px;
		max-width: 8px;
		opacity: 0;
		transition: opacity 220ms ease-in;
		fill: var(--ds-table-header-default-icon-color);
		vertical-align: middle;
	}

	.ds-simple-table__head-cell__filter-button {
		opacity: 0;
		transition: opacity 220ms ease-in;
		fill: var(--ds-core-neutral-a-700);
	}

	.ds-simple-table__head-cell__filter-button:hover {
			fill: var(--ds-core-primary-50);
		}

	.ds-simple-table__head-cell_active {
		background: var(--ds-table-header-active-bg-color);
	}

	.ds-simple-table__head-cell_sorted .ds-simple-table__head-cell__sort-icon {
		opacity: 1;
	}

	.ds-simple-table__head-cell_sortable {
		cursor: pointer;
	}

	.ds-simple-table__head-cell__resizer {
		position: absolute;
		right: -5px;
		top: 0;
		height: 100%;
		cursor: col-resize;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		touch-action: none;
		display: block;
		opacity: 0.3;
		width: 12px;
		transition: opacity 220ms ease-in;
		z-index: var(--ds-table-head-cell-z-index);
	}

	.ds-simple-table__head-cell_resizing .ds-simple-table__head-cell__resizer {
		opacity: 1;
	}

	.ds-simple-table__head-cell_filtered .ds-simple-table__head-cell__filter-button {
			opacity: 1;
		}

	.ds-simple-table__head-cell_left {
		justify-content: left;
	}

	.ds-simple-table__head-cell_center {
		justify-content: center;
	}

	.ds-simple-table__head-cell_right {
		justify-content: right;
	}

.ds-filter-popup {
	border-radius: var(--ds-list-border-radius);
	border: 1px solid var(--ds-list-border-color);
	background: var(--ds-list-bg-color);

	/* list/drop-shadow */
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);

	padding: var(--ds-table-popover-padding-block) var(--ds-list-padding-inline-end)
		var(--ds-table-popover-padding-block) var(--ds-list-padding-inline-start);
}

	.ds-filter-popup__options {
		overflow: auto;
		max-height: 620px;
	}

	.ds-filter-popup__clear-filters-wrapper {
		display: flex;
		justify-content: flex-end;
		padding: var(--ds-menu-item-medium-padding-block-start) var(--ds-menu-item-medium-padding-inline-end)
			var(--ds-menu-item-medium-padding-block-end) var(--ds-menu-item-medium-padding-inline-start);
	}

	.ds-filter-popup__filter-not-applied {
		color: var(--ds-menu-item-primary-default-hint-color);
		font-family: var(--ds-menu-font-family);
		font-size: var(--ds-menu-medium-hint-font-size);
		font-weight: var(--ds-menu-medium-hint-font-weight);
		line-height: var(--ds-menu-medium-hint-line-height);
	}

	.ds-filter-popup__actions {
		display: flex;
		justify-content: flex-end;
		padding: var(--ds-table-popover-item-padding-block) var(--ds-table-popover-item-padding-inline);
		gap: var(--ds-table-popover-item-horizontal-gap);
	}

	.ds-filter-popup__actions__action-button {
			flex-grow: 1;
		}

.ds-menu-separator {
	height: 0;
}

	.ds-menu-separator::after {
		content: '';
		display: block;
	}

	/* Variants */

	.ds-menu-separator_primary::after {
		border-bottom: var(--ds-menu-item-divider-border-width) solid var(--ds-menu-item-primary-divider-color);
	}

	/* Sizes */

	.ds-menu-separator_small {
		padding-block: var(--ds-menu-item-small-padding-block-start) var(--ds-menu-item-small-padding-block-end);
		padding-inline: var(--ds-menu-item-small-padding-inline-start) var(--ds-menu-item-small-padding-inline-end);
	}

	.ds-menu-separator_medium {
		padding-block: var(--ds-menu-item-medium-padding-block-start) var(--ds-menu-item-medium-padding-block-end);
		padding-inline: var(--ds-menu-item-medium-padding-inline-start) var(--ds-menu-item-medium-padding-inline-end);
	}

.ds-menu-item {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	background: none;
	border: none;
	margin: 0;
	outline: 0;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	cursor: pointer;
}

	.ds-menu-item[data-disabled] {
		cursor: not-allowed;
	}

	.ds-menu-item__wrapper {
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
	}

	.ds-menu-item__slot {
		display: flex;
		align-items: center;
	}

	.ds-menu-item__slot--has-hint {
			align-items: flex-start;
		}

	.ds-menu-item__inner {
		display: flex;
		flex-direction: column;
		flex: 1 0 0;
		place-items: flex-start center;
		overflow: hidden;
		white-space: nowrap;
		width: auto;
		max-width: 100%;
	}

	.ds-menu-item__hint,
	.ds-menu-item__label {
		width: auto;
		white-space: nowrap;
		max-width: 100%;
		font-style: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: auto 0;
	}

	/* Size */

	.ds-menu-item_small {
		padding-inline: var(--ds-menu-item-small-padding-inline-start) var(--ds-menu-item-small-padding-inline-end);
		padding-block: var(--ds-menu-item-small-padding-block-start) var(--ds-menu-item-small-padding-block-end);
		gap: var(--ds-menu-item-small-gap);
		border-radius: var(--ds-menu-item-small-border-radius);
	}

	.ds-menu-item_small .ds-menu-item__hint {
		font-weight: var(--ds-menu-small-hint-font-weight);
		font-size: var(--ds-menu-small-hint-font-size);
		line-height: var(--ds-menu-small-hint-line-height);
	}

	.ds-menu-item_small .ds-menu-item__inner {
		gap: var(--ds-menu-item-small-hint-gap);
	}

	.ds-menu-item_small .ds-menu-item__label {
		font-weight: var(--ds-menu-small-label-font-weight);
		line-height: var(--ds-menu-small-label-line-height);
		font-size: var(--ds-menu-small-label-font-size);
		padding-block: var(--ds-menu-item-small-text-padding-block-start) var(--ds-menu-item-small-text-padding-block-end);
	}

	.ds-menu-item_small .ds-menu-item__slot--start {
		margin-right: var(--ds-menu-item-small-content-gap);
	}

	.ds-menu-item_small .ds-menu-item__slot--end {
		margin-left: var(--ds-menu-item-small-content-gap);
	}

	.ds-menu-item_medium {
		padding-inline: var(--ds-menu-item-medium-padding-inline-start) var(--ds-menu-item-medium-padding-inline-end);
		padding-block: var(--ds-menu-item-medium-padding-block-start) var(--ds-menu-item-medium-padding-block-end);
		gap: var(--ds-menu-item-medium-gap);
		border-radius: var(--ds-menu-item-medium-border-radius);
	}

	.ds-menu-item_medium .ds-menu-item__hint {
		font-weight: var(--ds-menu-medium-hint-font-weight);
		font-size: var(--ds-menu-medium-hint-font-size);
		line-height: var(--ds-menu-medium-hint-line-height);
	}

	.ds-menu-item_medium .ds-menu-item__inner {
		gap: var(--ds-menu-item-medium-hint-gap);
	}

	.ds-menu-item_medium .ds-menu-item__label {
		font-weight: var(--ds-menu-medium-label-font-weight);
		line-height: var(--ds-menu-medium-label-line-height);
		font-size: var(--ds-menu-medium-label-font-size);
		padding-block: var(--ds-menu-item-medium-text-padding-block-start) var(--ds-menu-item-medium-text-padding-block-end);
	}

	.ds-menu-item_medium .ds-menu-item__slot--start {
		margin-right: var(--ds-menu-item-medium-content-gap);
	}

	.ds-menu-item_medium .ds-menu-item__slot--start:has(.ds-menu-item__select-icon-leading:only-child) {
		margin-right: 0;
	}

	.ds-menu-item_medium .ds-menu-item__slot--end {
		margin-left: var(--ds-menu-item-medium-content-gap);
	}

	.ds-menu-item_medium .ds-menu-item__slot--end:has(.ds-menu-item__select-icon-trailing:only-child) {
		margin-left: 0;
	}

	/* Variants */

	.ds-menu-item_primary {
		background: var(--ds-menu-item-primary-default-bg-color);
	}

	.ds-menu-item_primary:hover,
		.ds-menu-item_primary:focus-visible {
			background: var(--ds-menu-item-primary-hover-bg-color);
		}

	.ds-menu-item_primary[data-disabled] {
			background-color: var(--ds-menu-item-disabled-default-bg-color);
		}

	.ds-menu-item_primary[data-nested][data-state='open']:not([data-focus-inside]) {
			background: var(--ds-menu-item-primary-hover-bg-color);
			color: var(--ds-menu-item-primary-default-label-color);
		}

	.ds-menu-item_primary[data-focus-inside][data-state='open'] {
			background: var(--ds-menu-item-primary-hover-bg-color);
		}

	.ds-menu-item_primary .ds-menu-item__slot {
		color: var(--ds-list-item-primary-default-label-color);
	}

	.ds-menu-item_primary .ds-menu-item__slot--start {
		color: var(--ds-menu-item-primary-default-leading-icon-color);
		fill: var(--ds-menu-item-primary-default-leading-icon-color);
	}

	.ds-menu-item_primary[data-disabled] .ds-menu-item__slot--start {
		color: var(--ds-menu-item-disabled-leading-icon-color);
		fill: var(--ds-menu-item-disabled-leading-icon-color);
	}

	.ds-menu-item_primary .ds-menu-item__slot--end {
		color: var(--ds-menu-item-primary-default-trailing-icon-color);
		fill: var(--ds-menu-item-primary-default-trailing-icon-color);
	}

	.ds-menu-item_primary[data-disabled] .ds-menu-item__slot--end {
		color: var(--ds-menu-item-disabled-trailing-icon-color);
		fill: var(--ds-menu-item-disabled-trailing-icon-color);
	}

	.ds-menu-item_primary .ds-menu-item__hint {
		color: var(--ds-menu-item-primary-default-hint-color);
	}

	.ds-menu-item_primary[data-disabled] .ds-menu-item__hint {
		color: var(--ds-menu-item-disabled-hint-color);
	}

	.ds-menu-item_primary .ds-menu-item__label {
		color: var(--ds-menu-item-primary-default-label-color);
	}

	.ds-menu-item_primary[data-disabled] .ds-menu-item__label {
		color: var(--ds-menu-item-disabled-label-color);
	}

.ds-menu-item__select-icon {
		visibility: hidden;
	}
	.ds-menu-item[data-state='indeterminate'] .ds-menu-item__select-icon,
	.ds-menu-item[data-state='checked'] .ds-menu-item__select-icon {
		visibility: visible;
	}
	/* Variants */
	.ds-menu-item_primary .ds-menu-item__select-icon {
		fill: var(--ds-list-item-primary-selected-trailing-icon-color);
	}
	.ds-menu-item_primary[data-disabled] .ds-menu-item__select-icon-leading {
		color: var(--ds-menu-item-disabled-leading-icon-color);
		fill: var(--ds-menu-item-disabled-leading-icon-color);
	}
	.ds-menu-item_primary[data-disabled] .ds-menu-item__select-icon-trailing {
		color: var(--ds-menu-item-disabled-trailing-icon-color);
		fill: var(--ds-menu-item-disabled-trailing-icon-color);
	}
	.ds-menu-item_primary[data-state='checked']:not([data-disabled]) {
		background-color: var(--ds-menu-item-primary-selected-default-bg-color);
	}
	.ds-menu-item_primary[data-state='checked']:not([data-disabled]):hover {
		background-color: var(--ds-menu-item-primary-selected-hover-bg-color);
	}
	.ds-menu-item_primary[data-state='indeterminate']:not([data-disabled]) .ds-menu-item__select-icon-leading,
	.ds-menu-item_primary[data-state='checked']:not([data-disabled]) .ds-menu-item__select-icon-leading {
		color: var(--ds-menu-item-primary-default-leading-icon-color);
		fill: var(--ds-menu-item-primary-default-leading-icon-color);
	}
	.ds-menu-item_primary[data-state='indeterminate']:not([data-disabled]) .ds-menu-item__select-icon-trailing,
	.ds-menu-item_primary[data-state='checked']:not([data-disabled]) .ds-menu-item__select-icon-trailing {
		color: var(--ds-menu-item-primary-selected-trailing-icon-color);
		fill: var(--ds-menu-item-primary-selected-trailing-icon-color);
	}
	.ds-menu-item_primary[data-state='checked']:not([data-disabled]) .ds-menu-item__label {
		color: var(--ds-menu-item-primary-selected-label-color);
	}
	.ds-menu-item_primary[data-state='checked'][data-disabled] .ds-menu-item__label {
		color: var(--ds-menu-item-disabled-label-color);
	}
	.ds-menu-item_primary[data-state='unchecked'][data-disabled] .ds-menu-item__label {
		color: var(--ds-menu-item-disabled-label-color);
	}
	.ds-menu-item_primary[data-state='checked']:not([data-disabled]) .ds-menu-item__hint  {
		color: var(--ds-menu-item-primary-selected-hint-color);
	}
	/* Size */
	.ds-menu-item_small .ds-menu-item__select-icon-leading {
		margin-right: var(--ds-menu-item-small-gap);
	}
	.ds-menu-item_small .ds-menu-item__select-icon-trailing {
		margin-left: var(--ds-menu-item-small-gap);
	}
	.ds-menu-item_medium .ds-menu-item__select-icon-leading {
		margin-right: var(--ds-menu-item-medium-gap);
	}
	.ds-menu-item_medium .ds-menu-item__select-icon-trailing {
		margin-left: var(--ds-menu-item-medium-gap);
	}

/* containing label */
.ds-switch {
	display: flex;
	background: none;
	border: none;
	max-inline-size: 100%;
	position: relative;
	gap: 0.8rem;
	cursor: pointer;
	padding: 0;
}
.ds-switch:focus-visible .ds-switch__toggle {
		outline: var(--ds-common-border-width-focus-outline) solid var(--ds-common-outline-color);
		outline-offset: var(--ds-common-outline-offset);
	}
.ds-switch:focus-visible {
		outline: none;
	}
.ds-switch:focus:not(:focus-visible) .ds-switch__toggle::before,
		.ds-switch:focus:not(:focus-visible) .ds-switch__toggle::after {
			outline: none;
		}
.ds-switch:disabled {
		cursor: not-allowed;
	}
.ds-switch_only-right-icon .ds-switch__toggle {
		justify-content: flex-end;
	}
.ds-switch_small {
		gap: 0.6rem;
	}
.ds-switch_off .ds-icon {
		margin-left: auto;
	}
.ds-switch__toggle {
		order: 2;
		display: flex;
		flex-shrink: 0;
		justify-content: space-between;
		align-items: center;
		max-inline-size: 100%;
		position: relative;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		box-sizing: border-box;
		overflow: hidden;
		border-radius: var(--ds-switch-track-border-radius);
	}
.ds-switch__toggle::after {
		display: block;
		content: '';
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		border-radius: var(--ds-switch-knob-border-radius);
	}
/* Labels */
.ds-switch__label {
		text-align: start;
		font-weight: var(--ds-switch-label-font-weight);
	}
.ds-switch__label_left {
		order: 1;
	}
.ds-switch__label_right {
		order: 3;
	}
.ds-switch_large .ds-switch__label {
		font-size: var(--ds-switch-large-label-font-size);
		line-height: var(--ds-switch-large-label-line-height);
	}
.ds-switch_medium .ds-switch__label {
		font-size: var(--ds-switch-medium-label-font-size);
		line-height: var(--ds-switch-medium-label-line-height);
	}
.ds-switch_small .ds-switch__label {
		font-size: var(--ds-switch-small-label-font-size);
		line-height: var(--ds-switch-small-label-line-height);
	}
/* Switch sizes */
.ds-switch_large .ds-switch__toggle {
		block-size: var(--ds-switch-large-track-height);
		inline-size: var(--ds-switch-large-track-width);
		padding-block: var(--ds-switch-large-icon-padding);
		gap: 0.2rem;
	}
.ds-switch_large .ds-switch__toggle::after {
		inline-size: var(--ds-switch-large-knob-size);
		block-size: var(--ds-switch-large-knob-size);
		box-shadow: var(--ds-switch-shadow);
	}
.ds-switch_large.ds-switch_on .ds-switch__toggle::after {
		inset-inline-start: calc(100% - var(--ds-switch-large-knob-padding) - var(--ds-switch-large-knob-size));
	}
.ds-switch_large.ds-switch_on .ds-switch__toggle .ds-icon {
		padding-left: var(--ds-switch-large-icon-padding);
	}
.ds-switch_large.ds-switch_off .ds-switch__toggle::after {
		inset-inline-start: var(--ds-switch-large-knob-padding);
	}
.ds-switch_large.ds-switch_off .ds-switch__toggle .ds-icon {
		padding-right: var(--ds-switch-large-icon-padding);
	}
.ds-switch_medium .ds-switch__toggle {
		block-size: var(--ds-switch-medium-track-height);
		inline-size: var(--ds-switch-medium-track-width);
		padding-block: var(--ds-switch-medium-icon-padding);
	}
.ds-switch_medium .ds-switch__toggle::after {
		transform: translateY(-50%);
		inline-size: var(--ds-switch-medium-knob-size);
		block-size: var(--ds-switch-medium-knob-size);
		box-shadow: var(--ds-switch-shadow);
	}
.ds-switch_medium.ds-switch_on .ds-switch__toggle::after {
		inset-inline-start: calc(100% - var(--ds-switch-medium-knob-padding) - var(--ds-switch-medium-knob-size));
	}
.ds-switch_medium.ds-switch_on .ds-switch__toggle .ds-icon {
		padding-left: var(--ds-switch-medium-icon-padding);
	}
.ds-switch_medium.ds-switch_off .ds-switch__toggle::after {
		inset-inline-start: var(--ds-switch-medium-knob-padding);
	}
.ds-switch_medium.ds-switch_off .ds-switch__toggle .ds-icon {
		padding-right: var(--ds-switch-medium-icon-padding);
	}
.ds-switch_small .ds-switch__toggle {
		block-size: var(--ds-switch-small-track-height);
		inline-size: var(--ds-switch-small-track-width);
		padding-block: var(--ds-switch-small-icon-padding);
	}
.ds-switch_small .ds-switch__toggle::after {
		inline-size: var(--ds-switch-small-knob-size);
		block-size: var(--ds-switch-small-knob-size);
		box-shadow: var(--ds-switch-shadow);
		border-radius: var(--ds-switch-small-knob-size);
	}
.ds-switch_small.ds-switch_on .ds-switch__toggle::after {
		inset-inline-start: calc(100% - var(--ds-switch-small-knob-padding) - var(--ds-switch-small-knob-size));
	}
.ds-switch_small.ds-switch_on .ds-switch__toggle .ds-icon {
		padding-left: var(--ds-switch-small-icon-padding);
	}
.ds-switch_small.ds-switch_off .ds-switch__toggle::after {
		inset-inline-start: var(--ds-switch-small-knob-padding);
	}
.ds-switch_small.ds-switch_off .ds-switch__toggle .ds-icon {
		padding-right: var(--ds-switch-small-icon-padding);
	}
/* Switch themes */
.ds-switch_primary .ds-switch__toggle {
		fill: var(--ds-switch-primary-icon-color);
		color: var(--ds-switch-primary-icon-color);
	}
.ds-switch_primary.ds-switch_on .ds-switch__toggle::after {
		background: var(--ds-switch-primary-on-knob-color);
	}
.ds-switch_primary.ds-switch_off .ds-switch__toggle::after {
		background: var(--ds-switch-primary-off-knob-color);
	}
.ds-switch_primary .ds-switch__label {
		color: var(--ds-switch-primary-label-color);
	}
.ds-switch_primary .ds-switch__toggle:disabled,
	.ds-switch_primary.ds-switch_disabled .ds-switch__toggle {
		fill: var(--ds-switch-primary-disabled-icon-color);
		color: var(--ds-switch-primary-disabled-icon-color);
	}
.ds-switch_primary:disabled .ds-switch__toggle::after,
	.ds-switch_primary.ds-switch_disabled .ds-switch__toggle::after {
		background: var(--ds-switch-primary-disabled-knob-color);
	}
.ds-switch_primary.ds-switch_off .ds-switch__toggle {
		background: var(--ds-switch-primary-off-default-bg-color);
	}
.ds-switch_primary.ds-switch_off:focus-visible .ds-switch__toggle {
		border: 0.1rem solid var(--ds-switch-primary-off-focus-border-color);
	}
.ds-switch_primary.ds-switch_off:disabled .ds-switch__toggle,
	.ds-switch_primary.ds-switch_off.ds-switch_disabled .ds-switch__toggle {
		background: var(--ds-switch-primary-off-disabled-bg-color);
	}
.ds-switch_primary.ds-switch_on .ds-switch__toggle {
		background: var(--ds-switch-primary-on-default-bg-color);
	}
.ds-switch_primary.ds-switch_on:focus-visible .ds-switch__toggle {
		border: 0.1rem solid var(--ds-switch-primary-on-focus-border-color);
	}
.ds-switch_primary.ds-switch_on:disabled .ds-switch__toggle,
	.ds-switch_primary.ds-switch_on.ds-switch_disabled .ds-switch__toggle {
		background: var(--ds-switch-primary-on-disabled-bg-color);
	}
.ds-switch_primary.ds-switch_off:active:not(.ds-switch_not-interactive,.ds-switch:disabled,.ds-switch_disabled) .ds-switch__toggle {
		background: var(--ds-switch-primary-off-active-bg-color);
	}
.ds-switch_primary.ds-switch_off:hover:not(.ds-switch_not-interactive,.ds-switch:disabled,.ds-switch_disabled) .ds-switch__toggle {
		background: var(--ds-switch-primary-off-hover-bg-color);
	}
.ds-switch_primary.ds-switch_on:hover:not(.ds-switch_not-interactive,.ds-switch:disabled,.ds-switch_disabled) .ds-switch__toggle {
		background: var(--ds-switch-primary-on-hover-bg-color);
	}
.ds-switch_primary.ds-switch_on:active:not(.ds-switch_not-interactive,.ds-switch:disabled,.ds-switch_disabled) .ds-switch__toggle {
		background: var(--ds-switch-primary-on-active-bg-color);
	}
.ds-switch_secondary .ds-switch__toggle {
		fill: var(--ds-switch-secondary-icon-color);
		color: var(--ds-switch-secondary-icon-color);
	}
.ds-switch_secondary .ds-switch__label {
		color: var(--ds-switch-secondary-label-color);
	}
.ds-switch_secondary.ds-switch_on .ds-switch__toggle::after {
		background: var(--ds-switch-secondary-on-knob-color);
	}
.ds-switch_secondary.ds-switch_off .ds-switch__toggle::after {
		background: var(--ds-switch-secondary-off-knob-color);
	}
.ds-switch_secondary:disabled .ds-switch__toggle,
	.ds-switch_secondary.ds-switch_disabled .ds-switch__toggle {
		fill: var(--ds-switch-secondary-disabled-icon-color);
		color: var(--ds-switch-secondary-disabled-icon-color);
	}
.ds-switch_secondary:disabled .ds-switch__toggle::after,
	.ds-switch_secondary.ds-switch_disabled .ds-switch__toggle::after {
		background: var(--ds-switch-secondary-disabled-knob-color);
	}
.ds-switch_secondary.ds-switch_off .ds-switch__toggle {
		background: var(--ds-switch-secondary-off-default-bg-color);
	}
.ds-switch_secondary.ds-switch_off:focus-visible .ds-switch__toggle {
		border: 1px solid var(--ds-switch-secondary-off-focus-border-color);
	}
.ds-switch_secondary.ds-switch_off:disabled .ds-switch__toggle,
	.ds-switch_secondary.ds-switch_off.ds-switch_disabled .ds-switch__toggle {
		background: var(--ds-switch-secondary-off-disabled-bg-color);
	}
.ds-switch_secondary.ds-switch_on .ds-switch__toggle {
		background: var(--ds-switch-secondary-on-default-bg-color);
	}
.ds-switch_secondary.ds-switch_on:focus-visible .ds-switch__toggle {
		border: 1px solid var(--ds-switch-secondary-on-focus-border-color);
	}
.ds-switch_secondary.ds-switch_on:disabled .ds-switch__toggle,
	.ds-switch_secondary.ds-switch_on.ds-switch_disabled .ds-switch__toggle {
		background: var(--ds-switch-secondary-on-disabled-bg-color);
	}
.ds-switch_secondary.ds-switch_off:hover:not(.ds-switch_not-interactive,.ds-switch:disabled,.ds-switch_disabled) .ds-switch__toggle {
		background: var(--ds-switch-secondary-off-hover-bg-color);
	}
.ds-switch_secondary.ds-switch_off:active:not(.ds-switch_not-interactive,.ds-switch:disabled,.ds-switch_disabled) .ds-switch__toggle {
		background: var(--ds-switch-secondary-off-active-bg-color);
	}
.ds-switch_secondary.ds-switch_on:hover:not(.ds-switch_not-interactive,.ds-switch:disabled,.ds-switch_disabled) .ds-switch__toggle {
		background: var(--ds-switch-secondary-on-hover-bg-color);
	}
.ds-switch_secondary.ds-switch_on:active:not(.ds-switch_not-interactive,.ds-switch:disabled,.ds-switch_disabled) .ds-switch__toggle {
		background: var(--ds-switch-secondary-on-active-bg-color);
	}
.ds-switch_tertiary .ds-switch__toggle {
		fill: var(--ds-switch-tertiary-icon-color);
		color: var(--ds-switch-tertiary-icon-color);
	}
.ds-switch_tertiary .ds-switch__label {
		color: var(--ds-switch-tertiary-label-color);
	}
.ds-switch_tertiary:disabled .ds-switch__toggle,
	.ds-switch_tertiary.ds-switch_disabled .ds-switch__toggle {
		fill: var(--ds-switch-tertiary-disabled-icon-color);
		color: var(--ds-switch-tertiary-disabled-icon-color);
	}
.ds-switch_tertiary.ds-switch_on .ds-switch__toggle::after {
		background: var(--ds-switch-tertiary-on-knob-color);
	}
.ds-switch_tertiary.ds-switch_off .ds-switch__toggle::after {
		background: var(--ds-switch-tertiary-off-knob-color);
	}
.ds-switch_tertiary:disabled .ds-switch__toggle::after,
	.ds-switch_tertiary.ds-switch_disabled .ds-switch__toggle::after {
		background: var(--ds-switch-tertiary-disabled-knob-color);
	}
.ds-switch_tertiary.ds-switch_off .ds-switch__toggle {
		background: var(--ds-switch-tertiary-off-default-bg-color);
	}
.ds-switch_tertiary.ds-switch_off:focus-visible .ds-switch__toggle {
		border: 1px solid var(--ds-switch-tertiary-off-focus-border-color);
	}
.ds-switch_tertiary.ds-switch_off:disabled .ds-switch__toggle,
	.ds-switch_tertiary.ds-switch_off.ds-switch_disabled .ds-switch__toggle {
		background: var(--ds-switch-tertiary-off-disabled-bg-color);
		fill: var(--ds-switch-tertiary-disabled-icon-color);
		color: var(--ds-switch-tertiary-disabled-icon-color);
	}
.ds-switch_tertiary.ds-switch_on .ds-switch__toggle {
		background: var(--ds-switch-tertiary-on-default-bg-color);
	}
.ds-switch_tertiary.ds-switch_on:focus-visible .ds-switch__toggle {
		border-color: var(--ds-switch-tertiary-on-focus-border-color);
	}
.ds-switch_tertiary.ds-switch_off:hover:not(.ds-switch_not-interactive,.ds-switch:disabled,.ds-switch_disabled) .ds-switch__toggle {
		background: var(--ds-switch-tertiary-off-hover-bg-color);
	}
.ds-switch_tertiary.ds-switch_off:active:not(.ds-switch_not-interactive,.ds-switch:disabled,.ds-switch_disabled) .ds-switch__toggle {
		background: var(--ds-switch-tertiary-off-active-bg-color);
	}
.ds-switch_tertiary.ds-switch_on:disabled .ds-switch__toggle,
	.ds-switch_tertiary.ds-switch_on.ds-switch_disabled .ds-switch__toggle {
		background: var(--ds-switch-tertiary-on-disabled-bg-color);
	}
.ds-switch_tertiary.ds-switch_on:hover:not(.ds-switch_not-interactive,.ds-switch:disabled,.ds-switch_disabled) .ds-switch__toggle {
		background: var(--ds-switch-tertiary-on-hover-bg-color);
	}
.ds-switch_tertiary.ds-switch_on:active:not(.ds-switch_not-interactive,.ds-switch:disabled,.ds-switch_disabled) .ds-switch__toggle {
		background: var(--ds-switch-tertiary-on-active-bg-color);
	}

.ds-menu-label {
	font-style: normal;
	display: flex;
	align-items: center;
}

	.ds-menu-label__content {
		display: block;
		flex-shrink: 0;
		margin-right: 4px;
	}

	.ds-menu-label__line {
		width: 100%;
		align-self: center;
	}

	/* Variants */

	.ds-menu-label_primary {
		color: var(--ds-menu-item-primary-header-color);
	}

	.ds-menu-label_primary .ds-menu-label__line {
		border-bottom: 1px solid var(--ds-menu-item-primary-divider-color);
	}

	/* Sizes */

	.ds-menu-label_small {
		font-size: var(--ds-menu-small-header-font-size);
		line-height: var(--ds-menu-small-header-line-height);
		font-weight: var(--ds-menu-small-header-font-weight);
		padding-block: var(--ds-menu-item-small-padding-block-start) var(--ds-menu-item-small-padding-block-end);
		padding-inline: var(--ds-menu-item-small-padding-inline-start) var(--ds-menu-item-small-padding-inline-end);
	}

	.ds-menu-label_medium {
		font-size: var(--ds-menu-medium-header-font-size);
		line-height: var(--ds-menu-medium-header-line-height);
		font-weight: var(--ds-menu-medium-header-font-weight);
		padding-block: var(--ds-menu-item-medium-padding-block-start) var(--ds-menu-item-medium-padding-block-end);
		padding-inline: var(--ds-menu-item-medium-padding-inline-start) var(--ds-menu-item-medium-padding-inline-end);
	}

.ds-menu-list {
	display: flex;
	flex-direction: column;
	min-width: var(--ds-menu-min-width);
	max-width: var(--ds-menu-max-width);
	max-height: var(--ds-menu-max-height);
	font-family: var(--ds-menu-font-family);
	border: 1px solid var(--ds-menu-border-color);
	border-radius: var(--ds-menu-border-radius);
	background: var(--ds-menu-bg-color);
	outline: 0;
	box-shadow: var(--ds-menu-drop-shadow);
	overflow: hidden auto;
	box-sizing: border-box;
	scrollbar-gutter: auto;
}

	.ds-menu-list__container {
		display: flex;
		flex-direction: column;
		gap: var(--ds-menu-gap);
		padding-block: var(--ds-menu-padding-block-start) var(--ds-menu-padding-block-end);
		padding-inline: var(--ds-menu-padding-inline-start) var(--ds-menu-padding-inline-end);
		box-sizing: border-box;
	}
.ds-menu-anchor {
	position: relative;
}

.ds-menu-anchor[data-state='open'],
.ds-menu-anchor:enabled:hover {
	background: var(--ds-menu-item-primary-hover-bg-color);
}

.ds-menu-description {
	display: flex;
	align-items: center;
	font-family: var(--menu-font-family);
	font-style: normal;
}

	.ds-menu-description__content {
		display: block;
		width: auto;
		max-width: 100%;
		font-style: normal;
	}

	.ds-menu-description__content[style*='--clamp-lines'] {
			display: -webkit-box;
			-webkit-line-clamp: var(--clamp-lines);
			-webkit-box-orient: vertical;
			overflow: hidden;
			white-space: normal;
			text-overflow: ellipsis;
		}

	/* Sizes */

	.ds-menu-description_small {
		font-size: var(--ds-menu-small-hint-font-size);
		line-height: var(--ds-menu-small-hint-line-height);
		font-weight: var(--ds-menu-small-hint-font-weight);
		padding-block: var(--ds-menu-item-small-padding-block-start) var(--ds-menu-item-small-padding-block-end);
		padding-inline: var(--ds-menu-item-small-padding-inline-start) var(--ds-menu-item-small-padding-inline-end);
	}

	.ds-menu-description_medium {
		font-size: var(--ds-menu-medium-hint-font-size);
		line-height: var(--ds-menu-medium-hint-line-height);
		font-weight: var(--ds-menu-medium-hint-font-weight);
		padding-block: var(--ds-menu-item-medium-padding-block-start) var(--ds-menu-item-medium-padding-block-end);
		padding-inline: var(--ds-menu-item-medium-padding-inline-start) var(--ds-menu-item-medium-padding-inline-end);
	}

	/* Variants */

	.ds-menu-description_primary {
		color: var(--ds-menu-item-primary-default-hint-color);
	}

.ds-button {
	box-sizing: border-box;
	display: inline-flex;
	cursor: pointer;
	max-inline-size: 100%;
	border-width: var(--ds-button-border-width);
	border-style: solid;
	flex-wrap: nowrap;
	position: relative;
	justify-content: center;
	align-items: center;
}

	.ds-button_loading {
		cursor: wait;
	}

	.ds-button_disabled,
	.ds-button:disabled {
		cursor: not-allowed;
	}

	.ds-button__inner-text {
		display: inline-block;
	}

	.ds-button__text-flex {
		align-items: center;
		display: flex;
	}

	.ds-button__loader {
		display: flex;
		position: absolute;
		inset-block-start: 50%;
		inset-inline-start: 50%;
		transform: translate(-50%, -50%);
	}

	.ds-button_full-width {
		inline-size: 100%;
	}

	/* sizes */

	.ds-button_large {
		min-block-size: var(--ds-button-large-min-height);
		padding-block: var(--ds-button-large-padding-block-start) var(--ds-button-large-padding-block-end);
		padding-inline: var(--ds-button-large-padding-inline-start) var(--ds-button-large-padding-inline-end);
		border-radius: var(--ds-button-large-border-radius);
		gap: var(--ds-button-large-gap);
		font-size: var(--ds-button-large-font-size);
		line-height: var(--ds-button-large-line-height);
		font-weight: var(--ds-button-large-font-weight);
		font-family: var(--ds-button-font-family), sans-serif;
		min-inline-size: var(--ds-button-large-min-width);
	}

	.ds-button_large .ds-button__inner-text {
		padding-block: var(--ds-button-large-text-padding-block-start) var(--ds-button-large-text-padding-block-end);
	}

	.ds-button_large_with-icon {
		min-inline-size: var(--ds-button-large-with-icon-min-width);
	}

	.ds-button_large_with-two-icons {
		min-inline-size: var(--ds-button-large-with-two-icons-min-width);
	}

	.ds-button_medium {
		min-block-size: var(--ds-button-medium-min-height);
		padding-block: var(--ds-button-medium-padding-block-start) var(--ds-button-medium-padding-block-end);
		padding-inline: var(--ds-button-medium-padding-inline-start) var(--ds-button-medium-padding-inline-end);
		border-radius: var(--ds-button-medium-border-radius);
		gap: var(--ds-button-medium-gap);
		font-size: var(--ds-button-medium-font-size);
		line-height: var(--ds-button-medium-line-height);
		font-weight: var(--ds-button-medium-font-weight);
		font-family: var(--ds-button-font-family), sans-serif;
		min-inline-size: var(--ds-button-medium-min-width);
	}

	.ds-button_medium .ds-button__inner-text {
		padding-block: var(--ds-button-medium-text-padding-block-start) var(--ds-button-medium-text-padding-block-end);
	}

	.ds-button_medium_with-icon {
		min-inline-size: var(--ds-button-medium-with-icon-min-width);
	}

	.ds-button_medium_with-two-icons {
		min-inline-size: var(--ds-button-medium-with-two-icons-min-width);
	}

	.ds-button_small {
		min-block-size: var(--ds-button-small-min-height);
		padding-block: var(--ds-button-small-padding-block-start) var(--ds-button-small-padding-block-end);
		padding-inline: var(--ds-button-small-padding-inline-start) var(--ds-button-small-padding-inline-end);
		border-radius: var(--ds-button-small-border-radius);
		gap: var(--ds-button-small-gap);
		font-size: var(--ds-button-small-font-size);
		line-height: var(--ds-button-small-line-height);
		font-weight: var(--ds-button-small-font-weight);
		font-family: var(--ds-button-font-family), sans-serif;
		min-inline-size: var(--ds-button-small-min-width);
	}

	.ds-button_small .ds-button__inner-text {
		padding-block: var(--ds-button-small-text-padding-block-start) var(--ds-button-small-text-padding-block-end);
	}

	.ds-button_small_with-icon {
		min-inline-size: var(--ds-button-small-with-icon-min-width);
	}

	.ds-button_small_with-two-icons {
		min-inline-size: var(--ds-button-small-with-two-icons-min-width);
	}

	/* Primary */

	.ds-button_primary {
		border-color: var(--ds-button-primary-default-border-color);
		background-color: var(--ds-button-primary-default-bg-color);
		color: var(--ds-button-primary-default-text-color);
		fill: var(--ds-button-primary-default-icon-color);
		box-shadow: var(--ds-button-primary-default-box-shadow);
	}

	.ds-button_primary:focus-visible {
		border-color: var(--ds-button-primary-focus-border-color);
	}

	.ds-button_primary:hover {
		background-color: var(--ds-button-primary-hover-bg-color);
		border-color: var(--ds-button-primary-hover-border-color);
	}

	.ds-button_primary:active:not(:disabled,.ds-button_loading) {
		background-color: var(--ds-button-primary-active-bg-color);
		border-color: var(--ds-button-primary-active-border-color);
	}

	.ds-button_primary.ds-button_disabled,
	.ds-button_primary:disabled,
	.ds-button_primary.ds-button_loading {
		background-color: var(--ds-button-primary-disabled-bg-color);
		color: var(--ds-button-primary-disabled-text-color);
		border: var(--ds-button-border-width) solid var(--ds-button-primary-disabled-border-color);
		fill: var(--ds-button-primary-disabled-icon-color);
		box-shadow: none;
	}

	/* Secondary */

	.ds-button_secondary {
		border-color: var(--ds-button-secondary-default-border-color);
		background-color: var(--ds-button-secondary-default-bg-color);
		color: var(--ds-button-secondary-default-text-color);
		fill: var(--ds-button-secondary-default-icon-color);
	}

	.ds-button_secondary:focus-visible {
		border-color: var(--ds-button-secondary-focus-border-color);
	}

	.ds-button_secondary:hover {
		background-color: var(--ds-button-secondary-hover-bg-color);
		border-color: var(--ds-button-secondary-hover-border-color);
	}

	.ds-button_secondary:active:not(:disabled,.ds-button_loading) {
		background-color: var(--ds-button-secondary-active-bg-color);
		border-color: var(--ds-button-secondary-active-border-color);
	}

	.ds-button_secondary.ds-button_disabled,
	.ds-button_secondary:disabled,
	.ds-button_secondary.ds-button_loading {
		background-color: var(--ds-button-secondary-disabled-bg-color);
		color: var(--ds-button-secondary-disabled-text-color);
		border: var(--ds-button-border-width) solid var(--ds-button-secondary-disabled-border-color);
		fill: var(--ds-button-secondary-disabled-icon-color);
	}

	/* Tertiary */

	.ds-button_tertiary {
		border-color: var(--ds-button-tertiary-default-border-color);
		background-color: var(--ds-button-tertiary-default-bg-color);
		color: var(--ds-button-tertiary-default-text-color);
		fill: var(--ds-button-tertiary-default-icon-color);
	}

	.ds-button_tertiary:focus-visible {
		border-color: var(--ds-button-tertiary-focus-border-color);
	}

	.ds-button_tertiary:hover {
		background-color: var(--ds-button-tertiary-hover-bg-color);
		border-color: var(--ds-button-tertiary-hover-border-color);
	}

	.ds-button_tertiary:active:not(:disabled,.ds-button_loading) {
		background-color: var(--ds-button-tertiary-active-bg-color);
		border-color: var(--ds-button-tertiary-active-border-color);
	}

	.ds-button_tertiary.ds-button_disabled,
	.ds-button_tertiary:disabled,
	.ds-button_tertiary.ds-button_loading {
		background-color: var(--ds-button-tertiary-disabled-bg-color);
		color: var(--ds-button-tertiary-disabled-text-color);
		border: var(--ds-button-border-width) solid var(--ds-button-tertiary-disabled-border-color);
		fill: var(--ds-button-tertiary-disabled-icon-color);
	}

	/* Alt-primary */

	.ds-button_alt-primary {
		border-color: var(--ds-button-alt-primary-default-border-color);
		background-color: var(--ds-button-alt-primary-default-bg-color);
		color: var(--ds-button-alt-primary-default-text-color);
		fill: var(--ds-button-alt-primary-default-icon-color);
	}

	.ds-button_alt-primary:focus-visible {
		border-color: var(--ds-button-alt-primary-focus-border-color);
	}

	.ds-button_alt-primary:hover {
		background-color: var(--ds-button-alt-primary-hover-bg-color);
		border-color: var(--ds-button-alt-primary-hover-border-color);
	}

	.ds-button_alt-primary:active:not(:disabled,.ds-button_loading) {
		background-color: var(--ds-button-alt-primary-active-bg-color);
		border-color: var(--ds-button-alt-primary-active-border-color);
	}

	.ds-button_alt-primary.ds-button_disabled,
	.ds-button_alt-primary:disabled,
	.ds-button_alt-primary.ds-button_loading {
		background-color: var(--ds-button-alt-primary-disabled-bg-color);
		color: var(--ds-button-alt-primary-disabled-text-color);
		border: var(--ds-button-border-width) solid var(--ds-button-alt-primary-disabled-border-color);
		fill: var(--ds-button-alt-primary-disabled-icon-color);
	}

	/* Alt-secondary */

	.ds-button_alt-secondary {
		border-color: var(--ds-button-alt-secondary-default-border-color);
		background-color: var(--ds-button-alt-secondary-default-bg-color);
		color: var(--ds-button-alt-secondary-default-text-color);
		fill: var(--ds-button-alt-secondary-default-icon-color);
	}

	.ds-button_alt-secondary:focus-visible {
		border-color: var(--ds-button-alt-secondary-focus-border-color);
	}

	.ds-button_alt-secondary:hover {
		background-color: var(--ds-button-alt-secondary-hover-bg-color);
		border-color: var(--ds-button-alt-secondary-hover-border-color);
	}

	.ds-button_alt-secondary:active:not(:disabled,.ds-button_loading) {
		background-color: var(--ds-button-alt-secondary-active-bg-color);
		border-color: var(--ds-button-alt-secondary-active-border-color);
	}

	.ds-button_alt-secondary.ds-button_disabled,
	.ds-button_alt-secondary:disabled,
	.ds-button_alt-secondary.ds-button_loading {
		background-color: var(--ds-button-alt-secondary-disabled-bg-color);
		color: var(--ds-button-alt-secondary-disabled-text-color);
		border: var(--ds-button-border-width) solid var(--ds-button-alt-secondary-disabled-border-color);
		fill: var(--ds-button-alt-secondary-disabled-icon-color);
	}

	/* Success */

	.ds-button_success {
		border-color: var(--ds-button-success-default-border-color);
		background-color: var(--ds-button-success-default-bg-color);
		color: var(--ds-button-success-default-text-color);
		fill: var(--ds-button-success-default-icon-color);
	}

	.ds-button_success:focus-visible {
		border-color: var(--ds-button-success-focus-border-color);
	}

	.ds-button_success:hover {
		background-color: var(--ds-button-success-hover-bg-color);
		border-color: var(--ds-button-success-hover-border-color);
	}

	.ds-button_success:active:not(:disabled,.ds-button_loading) {
		background-color: var(--ds-button-success-active-bg-color);
		border-color: var(--ds-button-success-active-border-color);
	}

	.ds-button_success.ds-button_disabled,
	.ds-button_success:disabled,
	.ds-button_success.ds-button_loading {
		background-color: var(--ds-button-success-disabled-bg-color);
		color: var(--ds-button-success-disabled-text-color);
		border: var(--ds-button-border-width) solid var(--ds-button-success-disabled-border-color);
		fill: var(--ds-button-success-disabled-icon-color);
	}

	/* Danger */

	.ds-button_danger {
		border-color: var(--ds-button-danger-default-border-color);
		background-color: var(--ds-button-danger-default-bg-color);
		color: var(--ds-button-danger-default-text-color);
		fill: var(--ds-button-danger-default-icon-color);
	}

	.ds-button_danger:focus-visible {
		border-color: var(--ds-button-danger-focus-border-color);
	}

	.ds-button_danger:hover {
		background-color: var(--ds-button-danger-hover-bg-color);
		border-color: var(--ds-button-danger-hover-border-color);
	}

	.ds-button_danger:active:not(:disabled,.ds-button_loading) {
		background-color: var(--ds-button-danger-active-bg-color);
		border-color: var(--ds-button-danger-active-border-color);
	}

	.ds-button_danger.ds-button_disabled,
	.ds-button_danger:disabled,
	.ds-button_danger.ds-button_loading {
		background-color: var(--ds-button-danger-disabled-bg-color);
		color: var(--ds-button-danger-disabled-text-color);
		border: var(--ds-button-border-width) solid var(--ds-button-danger-disabled-border-color);
		fill: var(--ds-button-danger-disabled-icon-color);
	}

	.ds-button__inner-content_loading {
		visibility: hidden;
	}

.ds-simple-table__row {
	cursor: pointer;
	border-bottom: var(--ds-table-cell-border-width) solid var(--ds-table-cell-hover-border-color);
}

	.ds-simple-table__row_actions {
		display: inline-block;

		height: calc(
			var(--ds-table-cell-line-height) + var(--ds-table-cell-padding-block-start) +
				var(--ds-table-cell-padding-block-end)
		);
		opacity: 0;
		position: sticky;
		right: 0;
		text-align: center;
	}

	.ds-simple-table__row_actions-shadow-container {
			align-items: center;
			display: flex;
			justify-content: flex-end;
			height: 100%;
			line-height: var(--ds-table-cell-line-height);
			padding: 0;
		}

	.ds-simple-table__row_actions-container {
			display: flex;
			align-items: center;
			height: 100%;
			padding-left: 16px;
			box-sizing: border-box;
		}

	.ds-simple-table__row:hover {
		background: var(--ds-table-cell-hover-bg-color);
	}

	.ds-simple-table__row:hover .ds-simple-table__row_actions {
			opacity: 1;
			background: var(--ds-table-cell-hover-bg-color);
		}

/**
 * This file was generated using `npx ds-tokens`, please do not edit directly
 * See also: https://codex.in.devexperts.com/design-system-storybook/?path=/docs/getting-started-design-tokens--docs#how-to-use-tokens
 */

 :root {
  --ds-core-icon-size-4x: 0.8rem;
  --ds-core-icon-size-5x: 1rem;
  --ds-core-icon-size-6x: 1.2rem;
  --ds-core-icon-size-7x: 1.4rem;
  --ds-core-icon-size-8x: 1.6rem;
  --ds-core-icon-size-9x: 1.8rem;
  --ds-core-icon-size-10x: 2rem;
  --ds-core-icon-size-12x: 2.4rem;
  --ds-core-icon-size-16x: 3.2rem;
  --ds-core-icon-size-20x: 4rem;
  --ds-core-spacer-base: 0.8rem;
  --ds-core-spacer-px: 0.1rem;
  --ds-core-spacer-null: 0rem;
  --ds-core-spacer-0-5x: 0.1rem;
  --ds-core-spacer-1x: 0.2rem;
  --ds-core-spacer-2x: 0.4rem;
  --ds-core-spacer-3x: 0.6rem;
  --ds-core-spacer-4x: 0.8rem;
  --ds-core-spacer-5x: 1rem;
  --ds-core-spacer-6x: 1.2rem;
  --ds-core-spacer-7x: 1.4rem;
  --ds-core-spacer-8x: 1.6rem;
  --ds-core-spacer-9x: 1.8rem;
  --ds-core-spacer-10x: 2rem;
  --ds-core-spacer-12x: 2.4rem;
  --ds-core-spacer-14x: 2.8rem;
  --ds-core-spacer-16x: 3.2rem;
  --ds-core-font-size-base: 1.6rem;
  --ds-core-font-size-4x: 0.8rem;
  --ds-core-font-size-5x: 1rem;
  --ds-core-font-size-6x: 1.2rem;
  --ds-core-font-size-7x: 1.4rem;
  --ds-core-font-size-8x: 1.6rem;
  --ds-core-font-size-9x: 1.8rem;
  --ds-core-font-family-primary: Open Sans;
  --ds-core-font-family-secondary: TD Graphik;
  --ds-core-font-family-mono: IBM Plex Mono;
  --ds-core-font-weight-s: 400;
  --ds-core-font-weight-m: 500;
  --ds-core-font-weight-l: 600;
  --ds-core-font-weight-xl: 700;
  --ds-core-line-height-base: 1.6rem;
  --ds-core-line-height-5x: 1rem;
  --ds-core-line-height-6x: 1.2rem;
  --ds-core-line-height-7x: 1.4rem;
  --ds-core-line-height-8x: 1.6rem;
  --ds-core-line-height-9x: 1.8rem;
  --ds-core-line-height-10x: 2rem;
  --ds-core-line-height-11x: 2.2rem;
  --ds-core-line-height-12x: 2.4rem;
  --ds-core-line-height-14x: 2.8rem;
  --ds-core-line-height-15x: 3rem;
  --ds-core-line-height-16x: 3.2rem;
  --ds-core-line-height-18x: 3.6rem;
  --ds-core-border-width-none: 0rem;
  --ds-core-border-width-xs: 0.1rem;
  --ds-core-border-width-s: 0.2rem;
  --ds-core-border-width-m: 0.3rem;
  --ds-core-border-width-l: 0.4rem;
  --ds-core-border-width-focus-outline: 0.1rem;
  --ds-core-border-radius-base: 0.4rem;
  --ds-core-border-radius-none: 0rem;
  --ds-core-border-radius-0-5x: 0.1rem;
  --ds-core-border-radius-1x: 0.2rem;
  --ds-core-border-radius-2x: 0.4rem;
  --ds-core-border-radius-3x: 0.6rem;
  --ds-core-border-radius-4x: 0.8rem;
  --ds-core-border-radius-6x: 1.2rem;
  --ds-core-border-radius-pill: 100rem;
  --ds-core-outline-offset: 0.1rem;
  --ds-core-down-click-effect: 0.1rem;
  --ds-button-large-gap: 0.6rem;
  --ds-button-large-min-width: 8rem;
  --ds-button-large-min-height: 3.2rem;
  --ds-button-large-padding-block-end: 0.5rem;
  --ds-button-large-padding-inline-end: 1.6rem;
  --ds-button-large-padding-block-start: 0.5rem;
  --ds-button-large-with-icon-min-width: 10rem;
  --ds-button-large-padding-inline-start: 1.6rem;
  --ds-button-large-with-two-icons-min-width: 12rem;
  --ds-button-large-text-padding-block-start: 0rem;
  --ds-button-large-text-padding-block-end: 0rem;
  --ds-button-medium-min-width: 7.5rem;
  --ds-button-medium-gap: 0.4rem;
  --ds-button-medium-min-height: 2.6rem;
  --ds-button-medium-padding-block-end: 0.4rem;
  --ds-button-medium-padding-inline-end: 2.4rem;
  --ds-button-medium-padding-block-start: 0.4rem;
  --ds-button-medium-with-icon-min-width: 7.5rem;
  --ds-button-medium-padding-inline-start: 2.4rem;
  --ds-button-medium-with-two-icons-min-width: 9.5rem;
  --ds-button-medium-text-padding-block-start: 0rem;
  --ds-button-medium-text-padding-block-end: 0.1rem;
  --ds-button-small-gap: 0.2rem;
  --ds-button-small-min-width: 3.9rem;
  --ds-button-small-min-height: 2rem;
  --ds-button-small-padding-block-end: 0.2rem;
  --ds-button-small-padding-inline-end: 0.6rem;
  --ds-button-small-padding-block-start: 0.2rem;
  --ds-button-small-with-icon-min-width: 5.5rem;
  --ds-button-small-padding-inline-start: 0.6rem;
  --ds-button-small-with-two-icons-min-width: 6.7rem;
  --ds-button-small-text-padding-block-start: 0rem;
  --ds-button-small-text-padding-block-end: 0.1rem;
  --ds-button-border-width: 0.1rem;
  --ds-button-large-border-radius: 0.1rem;
  --ds-button-medium-border-radius: 0.2rem;
  --ds-button-small-border-radius: 0.2rem;
  --ds-button-large-font-size: 1.6rem;
  --ds-button-medium-font-size: 1.4rem;
  --ds-button-small-font-size: 1.2rem;
  --ds-button-font-family: Open Sans;
  --ds-button-large-font-weight: 400;
  --ds-button-large-line-height: 1.8rem;
  --ds-button-medium-font-weight: 400;
  --ds-button-small-font-weight: 400;
  --ds-button-medium-line-height: 1.5rem;
  --ds-button-small-line-height: 1.3rem;
  --ds-text-button-large-gap: 0.4rem;
  --ds-text-button-large-min-height: 2rem;
  --ds-text-button-large-padding-inline-start: 0rem;
  --ds-text-button-large-padding-inline-end: 0rem;
  --ds-text-button-large-padding-block-start: 0rem;
  --ds-text-button-large-padding-block-end: 0rem;
  --ds-text-button-large-text-padding-block-start: 0rem;
  --ds-text-button-large-text-padding-block-end: 0.1rem;
  --ds-text-button-large-font-size: 1.6rem;
  --ds-text-button-medium-font-size: 1.4rem;
  --ds-text-button-small-font-size: 1.2rem;
  --ds-text-button-medium-min-height: 1.6rem;
  --ds-text-button-medium-gap: 0.4rem;
  --ds-text-button-medium-padding-inline-start: 0rem;
  --ds-text-button-medium-padding-inline-end: 0rem;
  --ds-text-button-medium-padding-block-start: 0rem;
  --ds-text-button-medium-padding-block-end: 0rem;
  --ds-text-button-medium-text-padding-block-start: 0rem;
  --ds-text-button-medium-text-padding-block-end: 0.1rem;
  --ds-text-button-small-min-height: 1.4rem;
  --ds-text-button-small-gap: 0.2rem;
  --ds-text-button-small-padding-inline-start: 0rem;
  --ds-text-button-small-padding-inline-end: 0rem;
  --ds-text-button-small-padding-block-start: 0rem;
  --ds-text-button-small-padding-block-end: 0rem;
  --ds-text-button-small-text-padding-block-start: 0rem;
  --ds-text-button-small-text-padding-block-end: 0.1rem;
  --ds-text-button-font-family: Open Sans;
  --ds-text-button-large-font-weight: 400;
  --ds-text-button-medium-font-weight: 400;
  --ds-text-button-small-font-weight: 400;
  --ds-text-button-large-line-height: 1.9rem;
  --ds-text-button-medium-line-height: 1.5rem;
  --ds-text-button-small-line-height: 1.3rem;
  --ds-icon-button-size-xsmall: 1.6rem;
  --ds-icon-button-size-small: 2rem;
  --ds-icon-button-size-medium: 2.6rem;
  --ds-icon-button-size-large: 3.2rem;
  --ds-icon-button-size-xlarge: 4rem;
  --ds-icon-button-xsmall-border-radius: 0.2rem;
  --ds-icon-button-small-border-radius: 0.2rem;
  --ds-icon-button-medium-border-radius: 0.2rem;
  --ds-icon-button-large-border-radius: 0.2rem;
  --ds-icon-button-xlarge-border-radius: 0.4rem;
  --ds-icon-button-border-width: 0.1rem;
  --ds-selectbox-small-gap: 0.8rem;
  --ds-selectbox-small-content-gap: 0.4rem;
  --ds-selectbox-small-padding-inline-start: 0.6rem;
  --ds-selectbox-small-padding-inline-end: 0.2rem;
  --ds-selectbox-small-padding-block-start: 0.1rem;
  --ds-selectbox-small-padding-block-end: 0.1rem;
  --ds-selectbox-small-text-padding-block-start: 0rem;
  --ds-selectbox-small-text-padding-block-end: 0rem;
  --ds-selectbox-small-min-height: 2rem;
  --ds-selectbox-small-min-width: 5rem;
  --ds-selectbox-medium-gap: 0.8rem;
  --ds-selectbox-medium-content-gap: 0.4rem;
  --ds-selectbox-medium-padding-inline-start: 0.8rem;
  --ds-selectbox-medium-padding-inline-end: 0.4rem;
  --ds-selectbox-medium-padding-block-start: 0.4rem;
  --ds-selectbox-medium-padding-block-end: 0.4rem;
  --ds-selectbox-medium-text-padding-block-start: 0rem;
  --ds-selectbox-medium-text-padding-block-end: 0rem;
  --ds-selectbox-medium-min-height: 2.6rem;
  --ds-selectbox-medium-min-width: 5.4rem;
  --ds-selectbox-medium-font-size: 1.4rem;
  --ds-selectbox-small-font-size: 1.2rem;
  --ds-selectbox-medium-line-height: 1.6rem;
  --ds-selectbox-small-line-height: 1.4rem;
  --ds-selectbox-medium-border-width: 0.1rem;
  --ds-selectbox-small-border-width: 0.1rem;
  --ds-selectbox-medium-border-radius: 0rem;
  --ds-selectbox-small-border-radius: 0rem;
  --ds-selectbox-medium-font-weight: 400;
  --ds-selectbox-small-font-weight: 400;
  --ds-selectbox-font-family: Open Sans;
  --ds-switch-small-knob-padding: 0.2rem;
  --ds-switch-small-icon-padding: 0.3rem;
  --ds-switch-small-track-height: 1.4rem;
  --ds-switch-small-track-width: 2.6rem;
  --ds-switch-small-knob-size: 1rem;
  --ds-switch-small-label-font-size: 1.2rem;
  --ds-switch-small-label-line-height: 1.4rem;
  --ds-switch-label-font-weight: 400;
  --ds-switch-medium-knob-padding: 0.2rem;
  --ds-switch-medium-icon-padding: 0.2rem;
  --ds-switch-medium-knob-size: 1.4rem;
  --ds-switch-medium-track-height: 1.8rem;
  --ds-switch-medium-track-width: 3.2rem;
  --ds-switch-medium-label-font-size: 1.4rem;
  --ds-switch-medium-label-line-height: 1.8rem;
  --ds-switch-large-knob-padding: 0.2rem;
  --ds-switch-large-icon-padding: 0.4rem;
  --ds-switch-large-knob-size: 1.8rem;
  --ds-switch-large-track-height: 2.2rem;
  --ds-switch-large-track-width: 4rem;
  --ds-switch-large-label-font-size: 1.6rem;
  --ds-switch-large-label-line-height: 2.2rem;
  --ds-switch-track-border-radius: 1.4rem;
  --ds-switch-knob-border-radius: 1.4rem;
  --ds-scrollbar-default-width: 0.3rem;
  --ds-scrollbar-hover-width: 0.9rem;
  --ds-scrollbar-min-height: 0.2rem;
  --ds-scrollbar-border-radius: 0.6rem;
  --ds-input-large-padding-inline-start: 1rem;
  --ds-input-large-padding-inline-end: 0.6rem;
  --ds-input-large-gap: 1.2rem;
  --ds-input-large-min-width: 10rem;
  --ds-input-large-height: 3.2rem;
  --ds-input-large-suffix-gap: 0.6rem;
  --ds-input-large-text-padding-block-start: 0rem;
  --ds-input-large-text-padding-block-end: 0rem;
  --ds-input-medium-min-width: 10rem;
  --ds-input-medium-height: 2.6rem;
  --ds-input-medium-padding-inline-start: 0.8rem;
  --ds-input-medium-padding-inline-end: 0.4rem;
  --ds-input-medium-gap: 1rem;
  --ds-input-medium-suffix-gap: 0.4rem;
  --ds-input-medium-text-padding-block-start: 0rem;
  --ds-input-medium-text-padding-block-end: 0rem;
  --ds-input-small-min-width: 10rem;
  --ds-input-small-height: 2rem;
  --ds-input-small-padding-inline-start: 0.4rem;
  --ds-input-small-padding-inline-end: 0.4rem;
  --ds-input-small-gap: 0.8rem;
  --ds-input-small-suffix-gap: 0.4rem;
  --ds-input-small-text-padding-block-start: 0rem;
  --ds-input-small-text-padding-block-end: 0rem;
  --ds-input-large-font-size: 1.6rem;
  --ds-input-medium-font-size: 1.4rem;
  --ds-input-small-font-size: 1.2rem;
  --ds-input-large-line-height: 1.8rem;
  --ds-input-medium-line-height: 1.6rem;
  --ds-input-small-line-height: 1.4rem;
  --ds-input-font-family: Open Sans;
  --ds-input-large-font-weight: 400;
  --ds-input-medium-font-weight: 400;
  --ds-input-small-font-weight: 400;
  --ds-input-large-border-radius: 0.2rem;
  --ds-input-medium-border-radius: 0.2rem;
  --ds-input-small-border-radius: 0.2rem;
  --ds-input-border-width: 0.1rem;
  --ds-tooltip-font-family: Open Sans;
  --ds-tooltip-font-size: 1.4rem;
  --ds-tooltip-line-height: 1.6rem;
  --ds-tooltip-font-width: 400;
  --ds-tooltip-border-width: 0.1rem;
  --ds-tooltip-border-radius: 0rem;
  --ds-tooltip-inline-padding: 1rem;
  --ds-tooltip-block-start: 0.6rem;
  --ds-tooltip-block-end: 0.6rem;
  --ds-tooltip-min-height: 2.6rem;
  --ds-tooltip-max-width: 60rem;
  --ds-date-input-large-padding-inline-start: 1rem;
  --ds-date-input-large-padding-inline-end: 0.6rem;
  --ds-date-input-large-min-gap: 1rem;
  --ds-date-input-large-min-width: 12.1rem;
  --ds-date-input-large-height: 3.2rem;
  --ds-date-input-large-text-padding-block-start: 0rem;
  --ds-date-input-large-text-padding-block-end: 0rem;
  --ds-date-input-large-button-gap: 0.6rem;
  --ds-date-input-medium-min-width: 10.4rem;
  --ds-date-input-medium-height: 2.6rem;
  --ds-date-input-medium-padding-inline-start: 0.8rem;
  --ds-date-input-medium-padding-inline-end: 0.2rem;
  --ds-date-input-medium-min-gap: 0.8rem;
  --ds-date-input-medium-text-padding-block-start: 0rem;
  --ds-date-input-medium-text-padding-block-end: 0rem;
  --ds-date-input-medium-button-gap: 0.4rem;
  --ds-date-input-small-min-width: 8.5rem;
  --ds-date-input-small-height: 2rem;
  --ds-date-input-small-padding-inline-start: 0.4rem;
  --ds-date-input-small-padding-inline-end: 0.2rem;
  --ds-date-input-small-min-gap: 0.6rem;
  --ds-date-input-small-text-padding-block-start: 0rem;
  --ds-date-input-small-text-padding-block-end: 0rem;
  --ds-date-input-small-button-gap: 0.4rem;
  --ds-date-input-large-font-size: 1.6rem;
  --ds-date-input-medium-font-size: 1.4rem;
  --ds-date-input-small-font-size: 1.2rem;
  --ds-date-input-large-line-height: 1.8rem;
  --ds-date-input-medium-line-height: 1.6rem;
  --ds-date-input-small-line-height: 1.4rem;
  --ds-date-input-font-family: IBM Plex Mono;
  --ds-date-input-large-font-weight: 400;
  --ds-date-input-medium-font-weight: 400;
  --ds-date-input-small-font-weight: 400;
  --ds-date-input-large-border-radius: 0.2rem;
  --ds-date-input-medium-border-radius: 0.2rem;
  --ds-date-input-small-border-radius: 0.2rem;
  --ds-date-input-border-width: 0.1rem;
  --ds-time-input-large-padding-inline-start: 1rem;
  --ds-time-input-large-padding-inline-end: 0.2rem;
  --ds-time-input-large-padding-block-end: 0.2rem;
  --ds-time-input-large-padding-block-start: 0.2rem;
  --ds-time-input-large-min-gap: 0.4rem;
  --ds-time-input-large-button-gap: 0.4rem;
  --ds-time-input-large-time-segments-gap: 0.1rem;
  --ds-time-input-large-min-width: 6.9rem;
  --ds-time-input-large-height: 3.2rem;
  --ds-time-input-large-text-padding-block-start: 0rem;
  --ds-time-input-large-text-padding-block-end: 0rem;
  --ds-time-input-medium-min-width: 5.9rem;
  --ds-time-input-medium-height: 2.6rem;
  --ds-time-input-medium-padding-inline-start: 0.8rem;
  --ds-time-input-medium-padding-inline-end: 0.2rem;
  --ds-time-input-medium-padding-block-end: 0.2rem;
  --ds-time-input-medium-padding-block-start: 0.2rem;
  --ds-time-input-medium-min-gap: 0.4rem;
  --ds-time-input-medium-button-gap: 0.2rem;
  --ds-time-input-medium-time-segments-gap: 0.1rem;
  --ds-time-input-medium-text-padding-block-start: 0rem;
  --ds-time-input-medium-text-padding-block-end: 0rem;
  --ds-time-input-large-font-size: 1.6rem;
  --ds-time-input-medium-font-size: 1.4rem;
  --ds-time-input-small-font-size: 1.2rem;
  --ds-time-input-large-line-height: 1.8rem;
  --ds-time-input-medium-line-height: 1.6rem;
  --ds-time-input-small-line-height: 1.4rem;
  --ds-time-input-font-family: IBM Plex Mono;
  --ds-time-input-large-font-weight: 400;
  --ds-time-input-medium-font-weight: 400;
  --ds-time-input-small-font-weight: 400;
  --ds-time-input-large-border-radius: 0.2rem;
  --ds-time-input-medium-border-radius: 0.2rem;
  --ds-time-input-small-border-radius: 0.2rem;
  --ds-time-input-border-width: 0.1rem;
  --ds-time-input-small-min-width: 5.9rem;
  --ds-time-input-small-height: 2rem;
  --ds-time-input-small-padding-inline-start: 0.6rem;
  --ds-time-input-small-padding-inline-end: 0.2rem;
  --ds-time-input-small-padding-block-end: 0.2rem;
  --ds-time-input-small-padding-block-start: 0.2rem;
  --ds-time-input-small-min-gap: 0.4rem;
  --ds-time-input-small-button-gap: 0.2rem;
  --ds-time-input-small-time-segments-gap: 0.1rem;
  --ds-time-input-small-text-padding-block-start: 0rem;
  --ds-time-input-small-text-padding-block-end: 0rem;
  --ds-stepper-large-gap: 0.2rem;
  --ds-stepper-large-vertical-button-height: 1.2rem;
  --ds-stepper-large-vertical-button-width: 2rem;
  --ds-stepper-large-vertical-upsized-button-height: 1.6rem;
  --ds-stepper-large-vertical-downsized-button-height: 0.8rem;
  --ds-stepper-large-horizontal-button-height: 2.6rem;
  --ds-stepper-large-horizontal-button-width: 2.6rem;
  --ds-stepper-large-vertical-start-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  --ds-stepper-large-vertical-end-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  --ds-stepper-large-horizontal-start-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  --ds-stepper-large-horizontal-end-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  --ds-stepper-medium-gap: 0.2rem;
  --ds-stepper-medium-vertical-button-height: 0.9rem;
  --ds-stepper-medium-vertical-button-width: 2rem;
  --ds-stepper-medium-vertical-upsized-button-height: 1.2rem;
  --ds-stepper-medium-vertical-downsized-button-height: 0.6rem;
  --ds-stepper-medium-horizontal-button-height: 2rem;
  --ds-stepper-medium-horizontal-button-width: 2rem;
  --ds-stepper-medium-vertical-start-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  --ds-stepper-medium-vertical-end-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  --ds-stepper-medium-horizontal-start-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  --ds-stepper-medium-horizontal-end-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  --ds-stepper-small-vertical-button-height: 0.6rem;
  --ds-stepper-small-vertical-button-width: 1.8rem;
  --ds-stepper-small-vertical-upsized-button-height: 1.2rem;
  --ds-stepper-small-vertical-downsized-button-height: 0.4rem;
  --ds-stepper-small-horizontal-button-height: 1.4rem;
  --ds-stepper-small-horizontal-button-width: 1.4rem;
  --ds-stepper-small-gap: 0.2rem;
  --ds-stepper-small-vertical-start-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  --ds-stepper-small-vertical-end-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  --ds-stepper-small-horizontal-start-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  --ds-stepper-small-horizontal-end-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  --ds-date-picker-header-horizontal-gap: 1.2rem;
  --ds-date-picker-header-vertical-gap: 1.2rem;
  --ds-date-picker-header-padding-block: 0.6rem;
  --ds-date-picker-header-padding-inline: 1rem;
  --ds-date-picker-header-item-gap: 0.8rem;
  --ds-date-picker-header-label-font-weight: 400;
  --ds-date-picker-header-hint-font-weight: 400;
  --ds-date-picker-header-label-line-height: 1.6rem;
  --ds-date-picker-header-hint-line-height: 1.6rem;
  --ds-date-picker-header-label-font-size: 1.4rem;
  --ds-date-picker-header-hint-font-size: 1.4rem;
  --ds-date-picker-header-hint-gap: 0.8rem;
  --ds-date-picker-presets-gap: 1.6rem;
  --ds-date-picker-presets-padding-block: 0.6rem;
  --ds-date-picker-presets-padding-inline: 1rem;
  --ds-date-picker-calendar-padding-inline-start: 1rem;
  --ds-date-picker-calendar-padding-inline-end: 1rem;
  --ds-date-picker-calendar-padding-block-start: 1rem;
  --ds-date-picker-calendar-padding-block-end: 1rem;
  --ds-date-picker-calendar-gap: 0.4rem;
  --ds-date-picker-calendar-week-day-padding-block-start: 0.6rem;
  --ds-date-picker-calendar-week-day-padding-block-end: 0.4rem;
  --ds-date-picker-calendar-table-vertical-gap: 0.1rem;
  --ds-date-picker-calendar-table-horizontal-item-gap: 0rem;
  --ds-date-picker-calendar-table-item-padding-inline: 0.4rem;
  --ds-date-picker-calendar-table-item-padding-block-start: 0.4rem;
  --ds-date-picker-calendar-table-item-padding-block-end: 0.4rem;
  --ds-date-picker-calendar-table-month-label-padding-inline: 0rem;
  --ds-date-picker-calendar-table-month-label-padding-block-start: 0.4rem;
  --ds-date-picker-calendar-table-month-label-padding-block-end: 0.4rem;
  --ds-date-picker-calendar-table-item-line-height: 1.4rem;
  --ds-date-picker-calendar-table-item-font-weight: 400;
  --ds-date-picker-calendar-table-item-header-font-weight: 600;
  --ds-date-picker-calendar-table-item-font-size: 1.2rem;
  --ds-date-picker-calendar-table-label-font-size: 1.2rem;
  --ds-date-picker-calendar-table-label-line-height: 1.6rem;
  --ds-date-picker-calendar-table-label-font-weight: 600;
  --ds-date-picker-calendar-list-item-padding-inline-start: 0.4rem;
  --ds-date-picker-calendar-list-item-padding-inline-end: 0.4rem;
  --ds-date-picker-calendar-list-item-padding-block-start: 0.6rem;
  --ds-date-picker-calendar-list-item-padding-block-end: 0.6rem;
  --ds-date-picker-calendar-list-gap: 0.2rem;
  --ds-date-picker-calendar-list-item-font-size: 1.2rem;
  --ds-date-picker-calendar-list-item-line-height: 1.4rem;
  --ds-date-picker-calendar-list-item-font-weight: 400;
  --ds-date-picker-calendar-layout-divider-width: 0.1rem;
  --ds-date-picker-calendar-month-divider-width: 0.1rem;
  --ds-date-picker-footer-padding-inline-start: 1rem;
  --ds-date-picker-footer-padding-inline-end: 1rem;
  --ds-date-picker-footer-padding-block-start: 0.8rem;
  --ds-date-picker-footer-padding-block-end: 0.8rem;
  --ds-date-picker-footer-gap: 0.8rem;
  --ds-date-picker-footer-button-gap: 0.8rem;
  --ds-date-picker-font-family: Open Sans;
  --ds-calendar-default-height: 38.4rem;
  --ds-calendar-mini-height: 22rem;
  --ds-calendar-table-item-height: 2.2rem;
  --ds-calendar-table-item-width: 2.6rem;
  --ds-calendar-header-default-width: 31.6rem;
  --ds-calendar-header-data-range-width: 36.4rem;
  --ds-segment-control-large-min-width: 4.6rem;
  --ds-segment-control-large-min-height: 3.2rem;
  --ds-segment-control-large-padding-inline-start: 0.8rem;
  --ds-segment-control-large-padding-inline-end: 0.8rem;
  --ds-segment-control-large-padding-block-start: 0.6rem;
  --ds-segment-control-large-padding-block-end: 0.6rem;
  --ds-segment-control-large-text-padding-block-start: 0rem;
  --ds-segment-control-large-text-padding-block-end: 0rem;
  --ds-segment-control-large-outer-border-radius: 0.6rem;
  --ds-segment-control-medium-min-width: 4.2rem;
  --ds-segment-control-medium-min-height: 2.6rem;
  --ds-segment-control-medium-padding-inline-start: 0.8rem;
  --ds-segment-control-medium-padding-inline-end: 0.8rem;
  --ds-segment-control-medium-padding-block-start: 0.4rem;
  --ds-segment-control-medium-padding-block-end: 0.4rem;
  --ds-segment-control-medium-text-padding-block-start: 0rem;
  --ds-segment-control-medium-text-padding-block-end: 0rem;
  --ds-segment-control-medium-outer-border-radius: 0.6rem;
  --ds-segment-control-small-min-width: 4.2rem;
  --ds-segment-control-small-min-height: 2rem;
  --ds-segment-control-small-padding-inline-start: 0.8rem;
  --ds-segment-control-small-padding-inline-end: 0.8rem;
  --ds-segment-control-small-padding-block-start: 0.2rem;
  --ds-segment-control-small-padding-block-end: 0.2rem;
  --ds-segment-control-small-text-padding-block-start: 0rem;
  --ds-segment-control-small-text-padding-block-end: 0rem;
  --ds-segment-control-small-outer-border-radius: 0.6rem;
  --ds-segment-control-large-border-width: 0.1rem;
  --ds-segment-control-medium-border-width: 0.1rem;
  --ds-segment-control-small-border-width: 0.1rem;
  --ds-segment-control-font-family: Open Sans;
  --ds-segment-control-large-font-size: 1.4rem;
  --ds-segment-control-medium-font-size: 1.2rem;
  --ds-segment-control-small-font-size: 1.2rem;
  --ds-segment-control-large-line-height: 1.8rem;
  --ds-segment-control-medium-line-height: 1.6rem;
  --ds-segment-control-small-line-height: 1.4rem;
  --ds-segment-control-large-font-weight: 400;
  --ds-segment-control-medium-font-weight: 400;
  --ds-segment-control-small-font-weight: 400;
  --ds-segment-control-large-inner-border-radius: 0rem;
  --ds-segment-control-medium-inner-border-radius: 0rem;
  --ds-segment-control-small-inner-border-radius: 0rem;
  --ds-checkbox-large-box-size: 2.2rem;
  --ds-checkbox-large-label-max-width: 50rem;
  --ds-checkbox-large-gap: 0.8rem;
  --ds-checkbox-large-label-gap: 0.4rem;
  --ds-checkbox-large-label-line-height: 2rem;
  --ds-checkbox-large-hint-line-height: 1.8rem;
  --ds-checkbox-large-label-font-size: 1.6rem;
  --ds-checkbox-large-hint-font-size: 1.4rem;
  --ds-checkbox-large-error-gap: 0.8rem;
  --ds-checkbox-medium-box-size: 1.4rem;
  --ds-checkbox-medium-label-max-width: 50rem;
  --ds-checkbox-medium-gap: 0.6rem;
  --ds-checkbox-medium-label-gap: 0.2rem;
  --ds-checkbox-medium-label-line-height: 1.8rem;
  --ds-checkbox-medium-hint-line-height: 1.6rem;
  --ds-checkbox-medium-label-font-size: 1.4rem;
  --ds-checkbox-medium-hint-font-size: 1.2rem;
  --ds-checkbox-medium-error-gap: 0.4rem;
  --ds-checkbox-small-box-size: 1.4rem;
  --ds-checkbox-small-label-max-width: 40rem;
  --ds-checkbox-small-gap: 0.6rem;
  --ds-checkbox-small-label-gap: 0.2rem;
  --ds-checkbox-small-label-line-height: 1.4rem;
  --ds-checkbox-small-hint-line-height: 1.2rem;
  --ds-checkbox-small-label-font-size: 1.2rem;
  --ds-checkbox-small-hint-font-size: 1rem;
  --ds-checkbox-small-error-gap: 0.4rem;
  --ds-checkbox-large-border-radius: 0.2rem;
  --ds-checkbox-medium-border-radius: 0.2rem;
  --ds-checkbox-small-border-radius: 0.2rem;
  --ds-checkbox-border-width: 0.1rem;
  --ds-checkbox-label-font-family: Open Sans;
  --ds-checkbox-label-font-weight: 400;
  --ds-checkbox-hint-font-weight: 400;
  --ds-checkbox-hint-font-family: Open Sans;
  --ds-radio-button-large-box-size: 2.2rem;
  --ds-radio-button-large-circle-size: 1.4rem;
  --ds-radio-button-large-gap: 0.8rem;
  --ds-radio-button-large-label-gap: 0.4rem;
  --ds-radio-button-large-label-font-size: 1.6rem;
  --ds-radio-button-large-hint-font-size: 1.4rem;
  --ds-radio-button-large-label-line-height: 2rem;
  --ds-radio-button-large-hint-line-height: 1.8rem;
  --ds-radio-button-large-label-max-width: 20rem;
  --ds-radio-button-medium-box-size: 1.4rem;
  --ds-radio-button-medium-circle-size: 0.8rem;
  --ds-radio-button-medium-gap: 0.8rem;
  --ds-radio-button-medium-label-gap: 0.2rem;
  --ds-radio-button-medium-label-font-size: 1.4rem;
  --ds-radio-button-medium-hint-font-size: 1.2rem;
  --ds-radio-button-medium-label-line-height: 1.8rem;
  --ds-radio-button-medium-hint-line-height: 1.6rem;
  --ds-radio-button-medium-label-max-width: 20rem;
  --ds-radio-button-small-box-size: 1.4rem;
  --ds-radio-button-small-circle-size: 0.8rem;
  --ds-radio-button-small-gap: 0.6rem;
  --ds-radio-button-small-label-gap: 0.2rem;
  --ds-radio-button-small-label-font-size: 1.2rem;
  --ds-radio-button-small-hint-font-size: 1.2rem;
  --ds-radio-button-small-label-line-height: 1.4rem;
  --ds-radio-button-small-hint-line-height: 1.4rem;
  --ds-radio-button-small-label-max-width: 20rem;
  --ds-radio-button-border-radius: 100rem;
  --ds-radio-button-default-border-width: 0.1rem;
  --ds-radio-button-label-font-family: Open Sans;
  --ds-radio-button-hint-font-family: Open Sans;
  --ds-radio-button-label-font-weight: 400;
  --ds-radio-button-hint-font-weight: 400;
  --ds-radio-button-vertical-group-gap: 0.8rem;
  --ds-radio-button-horizontal-group-gap: 2.4rem;
  --ds-list-item-medium-padding-inline-start: 1rem;
  --ds-list-item-medium-padding-inline-end: 0.8rem;
  --ds-list-item-medium-padding-block-start: 0.8rem;
  --ds-list-item-medium-padding-block-end: 0.8rem;
  --ds-list-item-medium-gap: 0.8rem;
  --ds-list-item-medium-description-gap: 0.4rem;
  --ds-list-item-medium-content-gap: 0.4rem;
  --ds-list-item-medium-text-padding-block-start: 0rem;
  --ds-list-item-medium-text-padding-block-end: 0rem;
  --ds-list-item-small-padding-inline-start: 0.8rem;
  --ds-list-item-small-padding-inline-end: 0.8rem;
  --ds-list-item-small-padding-block-start: 0.6rem;
  --ds-list-item-small-padding-block-end: 0.6rem;
  --ds-list-item-small-gap: 0.8rem;
  --ds-list-item-small-description-gap: 0.2rem;
  --ds-list-item-small-content-gap: 0.4rem;
  --ds-list-item-small-text-padding-block-start: 0rem;
  --ds-list-item-small-text-padding-block-end: 0rem;
  --ds-list-item-medium-border-radius: 0rem;
  --ds-list-item-small-border-radius: 0rem;
  --ds-list-min-width: 6rem;
  --ds-list-max-width: 50rem;
  --ds-list-font-family: Open Sans;
  --ds-list-medium-label-font-weight: 400;
  --ds-list-medium-label-line-height: 1.6rem;
  --ds-list-medium-label-font-size: 1.4rem;
  --ds-list-medium-hint-font-weight: 400;
  --ds-list-medium-hint-line-height: 1.6rem;
  --ds-list-medium-hint-font-size: 1.4rem;
  --ds-list-medium-header-font-weight: 400;
  --ds-list-medium-header-line-height: 1.2rem;
  --ds-list-medium-header-font-size: 1.2rem;
  --ds-list-small-label-font-weight: 400;
  --ds-list-small-label-line-height: 1.6rem;
  --ds-list-small-label-font-size: 1.2rem;
  --ds-list-small-hint-font-weight: 400;
  --ds-list-small-hint-line-height: 1.6rem;
  --ds-list-small-hint-font-size: 1.2rem;
  --ds-list-small-header-font-weight: 400;
  --ds-list-small-header-line-height: 1rem;
  --ds-list-small-header-font-size: 1rem;
  --ds-list-border-radius: 0rem;
  --ds-list-gap: 0rem;
  --ds-list-padding-block-start: 0.4rem;
  --ds-list-padding-block-end: 0.4rem;
  --ds-list-padding-inline-start: 0rem;
  --ds-list-padding-inline-end: 0rem;
  --ds-list-max-height: 80rem;
  --ds-list-item-divider-border-width: 0.1rem;
  --ds-numeric-stepper-large-padding-inline-start: 1rem;
  --ds-numeric-stepper-large-padding-inline-end: 0.2rem;
  --ds-numeric-stepper-large-gap: 0.4rem;
  --ds-numeric-stepper-large-min-width: 13.2rem;
  --ds-numeric-stepper-large-height: 3.2rem;
  --ds-numeric-stepper-large-suffix-gap: 0.6rem;
  --ds-numeric-stepper-large-text-padding-block-start: 0rem;
  --ds-numeric-stepper-large-text-padding-block-end: 0rem;
  --ds-numeric-stepper-medium-min-width: 9rem;
  --ds-numeric-stepper-medium-height: 2.6rem;
  --ds-numeric-stepper-medium-padding-inline-start: 0.8rem;
  --ds-numeric-stepper-medium-padding-inline-end: 0.2rem;
  --ds-numeric-stepper-medium-gap: 0.4rem;
  --ds-numeric-stepper-medium-suffix-gap: 0.4rem;
  --ds-numeric-stepper-medium-text-padding-block-start: 0rem;
  --ds-numeric-stepper-medium-text-padding-block-end: 0rem;
  --ds-numeric-stepper-small-min-width: 8rem;
  --ds-numeric-stepper-small-height: 2rem;
  --ds-numeric-stepper-small-padding-inline-start: 0.4rem;
  --ds-numeric-stepper-small-padding-inline-end: 0.2rem;
  --ds-numeric-stepper-small-gap: 0.4rem;
  --ds-numeric-stepper-small-suffix-gap: 0.2rem;
  --ds-numeric-stepper-small-text-padding-block-start: 0rem;
  --ds-numeric-stepper-small-text-padding-block-end: 0rem;
  --ds-numeric-stepper-large-font-size: 1.6rem;
  --ds-numeric-stepper-medium-font-size: 1.4rem;
  --ds-numeric-stepper-small-font-size: 1.2rem;
  --ds-numeric-stepper-large-line-height: 1.8rem;
  --ds-numeric-stepper-medium-line-height: 1.6rem;
  --ds-numeric-stepper-small-line-height: 1.4rem;
  --ds-numeric-stepper-font-family: Open Sans;
  --ds-numeric-stepper-large-font-weight: 400;
  --ds-numeric-stepper-medium-font-weight: 400;
  --ds-numeric-stepper-small-font-weight: 400;
  --ds-numeric-stepper-large-border-radius: 0.2rem;
  --ds-numeric-stepper-medium-border-radius: 0.2rem;
  --ds-numeric-stepper-small-border-radius: 0.2rem;
  --ds-numeric-stepper-border-width: 0.1rem;
  --ds-text-area-large-min-width: 32rem;
  --ds-text-area-large-min-height: 7rem;
  --ds-text-area-large-icons-padding-block-start: 0.2rem;
  --ds-text-area-large-icons-padding-block-end: 0.2rem;
  --ds-text-area-large-icons-padding-inline-end: 0.2rem;
  --ds-text-area-large-content-padding-inline-start: 1rem;
  --ds-text-area-large-text-padding-block-start: 1rem;
  --ds-text-area-large-text-padding-inline-end: 0.9rem;
  --ds-text-area-large-counter-block-end: 0.4rem;
  --ds-text-area-large-max-width: 60rem;
  --ds-text-area-large-max-height: 20rem;
  --ds-text-area-large-text-font-size: 1.6rem;
  --ds-text-area-large-text-line-height: 1.8rem;
  --ds-text-area-medium-min-width: 28rem;
  --ds-text-area-medium-min-height: 6.6rem;
  --ds-text-area-medium-icons-padding-block-start: 0.2rem;
  --ds-text-area-medium-icons-padding-block-end: 0.2rem;
  --ds-text-area-medium-icons-padding-inline-end: 0.2rem;
  --ds-text-area-medium-content-padding-inline-start: 1rem;
  --ds-text-area-medium-text-padding-block-start: 0.8rem;
  --ds-text-area-medium-text-padding-inline-end: 0.9rem;
  --ds-text-area-medium-counter-block-end: 0.4rem;
  --ds-text-area-medium-max-width: 50rem;
  --ds-text-area-medium-max-height: 17.5rem;
  --ds-text-area-medium-text-font-size: 1.4rem;
  --ds-text-area-medium-text-line-height: 1.6rem;
  --ds-text-area-small-min-width: 25rem;
  --ds-text-area-small-min-height: 6rem;
  --ds-text-area-small-icons-padding-block-start: 0.2rem;
  --ds-text-area-small-icons-padding-block-end: 0.2rem;
  --ds-text-area-small-icons-padding-inline-end: 0.2rem;
  --ds-text-area-small-content-padding-inline-start: 1rem;
  --ds-text-area-small-text-padding-block-start: 0.8rem;
  --ds-text-area-small-text-padding-inline-end: 0.9rem;
  --ds-text-area-small-counter-block-end: 0.4rem;
  --ds-text-area-small-max-width: 42rem;
  --ds-text-area-small-max-height: 15rem;
  --ds-text-area-small-text-font-size: 1.2rem;
  --ds-text-area-small-text-line-height: 1.4rem;
  --ds-text-area-font-family: Open Sans;
  --ds-text-area-large-font-weight: 400;
  --ds-text-area-medium-font-weight: 400;
  --ds-text-area-small-font-weight: 400;
  --ds-text-area-large-border-radius: 0.2rem;
  --ds-text-area-medium-border-radius: 0.2rem;
  --ds-text-area-small-border-radius: 0.2rem;
  --ds-text-area-default-border-width: 0.1rem;
  --ds-menu-item-medium-padding-inline-start: 1rem;
  --ds-menu-item-medium-padding-inline-end: 0.8rem;
  --ds-menu-item-medium-padding-block-start: 0.8rem;
  --ds-menu-item-medium-padding-block-end: 0.8rem;
  --ds-menu-item-medium-gap: 0.8rem;
  --ds-menu-item-medium-hint-gap: 0.4rem;
  --ds-menu-item-medium-content-gap: 0.4rem;
  --ds-menu-item-medium-text-padding-block-start: 0rem;
  --ds-menu-item-medium-text-padding-block-end: 0rem;
  --ds-menu-item-small-padding-inline-start: 0.8rem;
  --ds-menu-item-small-padding-inline-end: 0.8rem;
  --ds-menu-item-small-padding-block-start: 0.6rem;
  --ds-menu-item-small-padding-block-end: 0.6rem;
  --ds-menu-item-small-gap: 0.8rem;
  --ds-menu-item-small-hint-gap: 0.2rem;
  --ds-menu-item-small-content-gap: 0.4rem;
  --ds-menu-item-small-text-padding-block-start: 0rem;
  --ds-menu-item-small-text-padding-block-end: 0rem;
  --ds-menu-item-medium-border-radius: 0rem;
  --ds-menu-item-small-border-radius: 0rem;
  --ds-menu-min-width: 6rem;
  --ds-menu-max-width: 50rem;
  --ds-menu-font-family: Open Sans;
  --ds-menu-medium-label-font-weight: 400;
  --ds-menu-medium-label-line-height: 1.6rem;
  --ds-menu-medium-label-font-size: 1.4rem;
  --ds-menu-medium-hint-font-weight: 400;
  --ds-menu-medium-hint-line-height: 1.6rem;
  --ds-menu-medium-hint-font-size: 1.4rem;
  --ds-menu-medium-header-font-weight: 400;
  --ds-menu-medium-header-line-height: 1.2rem;
  --ds-menu-medium-header-font-size: 1.2rem;
  --ds-menu-small-label-font-weight: 400;
  --ds-menu-small-label-line-height: 1.6rem;
  --ds-menu-small-label-font-size: 1.2rem;
  --ds-menu-small-hint-font-weight: 400;
  --ds-menu-small-hint-line-height: 1.6rem;
  --ds-menu-small-hint-font-size: 1.2rem;
  --ds-menu-small-header-font-weight: 400;
  --ds-menu-small-header-line-height: 1rem;
  --ds-menu-small-header-font-size: 1rem;
  --ds-menu-border-radius: 0rem;
  --ds-menu-gap: 0rem;
  --ds-menu-padding-block-start: 0.4rem;
  --ds-menu-padding-block-end: 0.4rem;
  --ds-menu-padding-inline-start: 0rem;
  --ds-menu-padding-inline-end: 0rem;
  --ds-menu-max-height: 80rem;
  --ds-menu-item-divider-border-width: 0.1rem;
  --ds-common-border-width-focus-outline: 0.1rem;
  --ds-common-outline-offset: 0.1rem;
  --ds-dialog-min-width: 32rem;
  --ds-dialog-min-body-height: 13.4rem;
  --ds-dialog-max-width: 90rem;
  --ds-dialog-max-height: 60rem;
  --ds-dialog-header-padding-inline-start: 0.6rem;
  --ds-dialog-header-padding-inline-end: 0.6rem;
  --ds-dialog-header-padding-block-start: 0.4rem;
  --ds-dialog-header-padding-block-end: 0.4rem;
  --ds-dialog-header-title-gap: 0.4rem;
  --ds-dialog-body-padding-inline: 2.4rem;
  --ds-dialog-body-padding-block-start: 2.4rem;
  --ds-dialog-body-padding-block-end: 2.8rem;
  --ds-dialog-footer-padding-inline: 0.8rem;
  --ds-dialog-footer-padding-block: 0.8rem;
  --ds-dialog-footer-button-gap: 0.8rem;
  --ds-dialog-footer-gap: 0.8rem;
  --ds-dialog-font-family: Open Sans;
  --ds-dialog-title-font-weight: 500;
  --ds-dialog-title-line-height: 1.6rem;
  --ds-dialog-title-font-size: 1.2rem;
  --ds-dialog-header-top-border-radius: 0rem;
  --ds-dialog-footer-bottom-border-radius: 0rem;
  --ds-dialog-xsmall-width: 32rem;
  --ds-dialog-small-width: 37.6rem;
  --ds-dialog-medium-width: 44rem;
  --ds-dialog-large-width: 51.2rem;
  --ds-dialog-xlarge-width: 57.6rem;
  --ds-dialog-border-width: 0.1rem;
  --ds-dialog-header-bottom-border-width: 0.1rem;
  --ds-dialog-footer-top-border-width: 0.1rem;
  --ds-dialog-safe-zone-padding-block-start: 4rem;
  --ds-dialog-safe-zone-padding-block-end: 6rem;
  --ds-dialog-animation-duration: 200ms;
  --ds-dialog-body-font-weight: 400;
  --ds-dialog-body-font-size: 1.4rem;
  --ds-dialog-body-line-height: 1.6rem;
  --ds-tab-primary-divider-width: 0.1rem;
  --ds-tab-primary-indicator-border-width: 0.2rem;
  --ds-tab-secondary-divider-width: 0.1rem;
  --ds-tab-secondary-indicator-border-width: 0.1rem;
  --ds-tab-tertiary-divider-width: 0.1rem;
  --ds-tab-tertiary-indicator-border-width: 0.1rem;
  --ds-tab-quaternary-divider-width: 0.1rem;
  --ds-tab-quaternary-indicator-border-width: 0.1rem;
  --ds-tab-large-min-height: 3.2rem;
  --ds-tab-large-min-width: 20rem;
  --ds-tab-large-max-width: 20rem;
  --ds-tab-large-padding-inline-start: 1.2rem;
  --ds-tab-large-padding-inline-end: 1.2rem;
  --ds-tab-large-padding-block-start: 0.6rem;
  --ds-tab-large-padding-block-end: 0.6rem;
  --ds-tab-large-gap: 0.6rem;
  --ds-tab-large-container-gap: 0.2rem;
  --ds-tab-large-label-padding-inline-start: 0.6rem;
  --ds-tab-large-label-padding-inline-end: 0.6rem;
  --ds-tab-large-title-font-weight: 400;
  --ds-tab-large-label-font-weight: 400;
  --ds-tab-large-title-font-size: 1.6rem;
  --ds-tab-large-label-font-size: 1.6rem;
  --ds-tab-large-label-height: 2rem;
  --ds-tab-large-title-line-height: 2rem;
  --ds-tab-large-label-line-height: 2rem;
  --ds-tab-medium-min-height: 2.8rem;
  --ds-tab-medium-min-width: 20rem;
  --ds-tab-medium-max-width: 20rem;
  --ds-tab-medium-padding-inline-start: 0.8rem;
  --ds-tab-medium-padding-inline-end: 0.8rem;
  --ds-tab-medium-padding-block-start: 0.2rem 0.1rem;
  --ds-tab-medium-padding-block-end: 0.2rem 0.1rem;
  --ds-tab-medium-gap: 0.6rem;
  --ds-tab-medium-container-gap: 0.2rem;
  --ds-tab-medium-label-padding-inline-start: 0.4rem;
  --ds-tab-medium-label-padding-inline-end: 0.4rem;
  --ds-tab-medium-title-font-weight: 400;
  --ds-tab-medium-label-font-weight: 400;
  --ds-tab-medium-title-font-size: 1.4rem;
  --ds-tab-medium-label-font-size: 1.4rem;
  --ds-tab-medium-label-height: 1.8rem;
  --ds-tab-medium-title-line-height: 1.8rem;
  --ds-tab-medium-label-line-height: 1.8rem;
  --ds-tab-font-family: Open Sans;
  --ds-tab-large-border-radius: 0rem;
  --ds-tab-medium-border-radius: 0rem;
  --ds-tab-list-padding-inline-start: 2rem;
  --ds-tab-list-padding-inline-end: 2rem;
  --ds-tab-list-padding-block-start: 0.8rem;
  --ds-tab-list-padding-block-end: 0rem;
  --ds-tab-list-gap: 0rem;
  --ds-tab-list-border-width: 0.1rem;
  --ds-embed-icon-button-small-size: 1.4rem;
  --ds-embed-icon-button-medium-size: 1.6rem;
  --ds-embed-icon-button-large-size: 2rem;
  --ds-link-large-gap: 0.4rem;
  --ds-link-large-font-size: 1.6rem;
  --ds-link-medium-font-size: 1.4rem;
  --ds-link-small-font-size: 1.2rem;
  --ds-link-medium-gap: 0.4rem;
  --ds-link-small-gap: 0.2rem;
  --ds-link-font-family: Open Sans;
  --ds-link-large-font-weight: 400;
  --ds-link-medium-font-weight: 400;
  --ds-link-small-font-weight: 400;
  --ds-link-large-line-height: 2rem;
  --ds-link-medium-line-height: 1.8rem;
  --ds-link-small-line-height: 1.4rem;
  --ds-character-counter-large-font-size: 1.6rem;
  --ds-character-counter-medium-font-size: 1.4rem;
  --ds-character-counter-small-font-size: 1.2rem;
  --ds-character-counter-font-family: Open Sans;
  --ds-character-counter-large-line-height: 1.8rem;
  --ds-character-counter-medium-line-height: 1.6rem;
  --ds-character-counter-small-line-height: 1.4rem;
  --ds-character-counter-large-font-weight: 400;
  --ds-character-counter-medium-font-weight: 400;
  --ds-character-counter-small-font-weight: 400;
  --ds-table-header-line-height: 1.4rem;
  --ds-table-header-font-size: 1rem;
  --ds-table-header-font-weight: 400;
  --ds-table-header-padding-block-start: 0.1rem;
  --ds-table-header-padding-block-end: 0.1rem;
  --ds-table-header-padding-inline-start: 0.4rem;
  --ds-table-header-padding-inline-end: 0.4rem;
  --ds-table-header-gap-start: 0.2rem;
  --ds-table-header-gap-end: 0.2rem;
  --ds-table-cell-line-height: 1.4rem;
  --ds-table-cell-font-size: 1.2rem;
  --ds-table-cell-font-weight: 400;
  --ds-table-cell-lvl-1-padding-inline-start: 1.4rem;
  --ds-table-cell-lvl-1-padding-inline-end: 1.8rem;
  --ds-table-cell-lvl-2-padding-inline-start: 2.8rem;
  --ds-table-cell-lvl-2-padding-inline-end: 1.8rem;
  --ds-table-cell-lvl-3-padding-inline-start: 4.2rem;
  --ds-table-cell-lvl-3-padding-inline-end: 1.8rem;
  --ds-table-cell-padding-block-start: 0.2rem;
  --ds-table-cell-padding-block-end: 0.2rem;
  --ds-table-cell-gap: 0.2rem;
  --ds-table-cell-border-width: 0.1rem;
  --ds-table-popover-item-padding-block: 0.6rem;
  --ds-table-popover-item-padding-inline: 1rem;
  --ds-table-popover-item-horizontal-gap: 0.8rem;
  --ds-table-popover-item-label-gap: 0.6rem;
  --ds-table-popover-padding-block: 0.4rem;
}