.citron {
--alt-01: #FF4EC0;
--alt-01dark: #E530A5;
--alt-01darker: #CC168C;
--alt-01darkest: #800053;
--alt-01light: #FF6BCA;
--alt-01lighter: #FFB2E4;
--alt-01lightest: #FFF0FA;
--alt-01tint: #FFF2FB;
--alt-02: #24AAB2;
--alt-02dark: #0298A3;
--alt-02darker: #00818A;
--alt-02darkest: #005157;
--alt-02light: #4BC3CC;
--alt-02lighter: #96E5EB;
--alt-02lightest: #E8FDFF;
--alt-02tint: #F2FEFF;
--banana: #FFB900;
--banana-005: #FFFBF0;
--banana-010: #FFF6DE;
--banana-020: #FFEFC4;
--banana-030: #FFE8AB;
--banana-040: #FFDA78;
--banana-050: #FFCC45;
--banana-060: #FFB900;
--banana-070: #E5A700;
--banana-080: #CC9500;
--banana-090: #996F00;
--banana-100: #805D00;
--blue-100: #E5EFFF;
--blue-1300: #002E85;
--blue-200: #B3CDFF;
--blue-300: #80ACFF;
--blue-400: #467FEB;
--blue-600: #1454CC;
--blue-700: #003FB8;
--blue-800: #0038A3;
--blue-900: #003499;
--blueberry-005: #F2F7FF;
--blueberry-010: #E5EFFF;
--blueberry-020: #B3CDFF;
--blueberry-030: #80ACFF;
--blueberry-040: #467FEB;
--blueberry-050: #2B66D6;
--blueberry-060: #1454CC;
--blueberry-070: #003FB8;
--blueberry-080: #0038A3;
--blueberry-090: #003499;
--blueberry-100: #002E85;
--blue-java-banana: #24AAB2;
--blue-java-banana-005: #F2FEFF;
--blue-java-banana-010: #E8FDFF;
--blue-java-banana-020: #C9F2F5;
--blue-java-banana-030: #96E5EB;
--blue-java-banana-040: #7BDAE0;
--blue-java-banana-050: #4BC3CC;
--blue-java-banana-060: #24AAB2;
--blue-java-banana-070: #0298A3;
--blue-java-banana-080: #00818A;
--blue-java-banana-090: #006970;
--blue-java-banana-100: #005157;
--body-background-01: #FAFDFF;
--body-font-size-01: 16px;
--border-active-thick: 2px solid #347ABE;
--border-color-01: #DFE4E8;
--border-color-02: #ffffff;
--border-color-03: #F2F5F7;
--border-color-04: #7E8A94;
--border-color-05: #CC0821;
--border-dark-thick: 2px solid #75828C;
--border-dark-thin: 1px solid #75828C;
--border-light-thick: 2px solid #c9cfd4;
--border-light-thin: 1px solid #c9cfd4;
--border-radius-base: 16px;
--border-radius-circle: 50%;
--border-radius-lg: 16px;
--border-radius-md: 4px;
--border-radius-round: 999px;
--border-radius-sm: 8px;
--border-radius-small: 8px;
--border-radius-xl: 24px;
--border-radius-xsmall: 4px;
--border-secondary-thick: 2px solid #8E9AA4;
--border-secondary-thin: 1px solid #8e9aa4;
--breakpoint-desktop: 1440px;
--breakpoint-laptop: 1280px;
--breakpoint-phone: 600px;
--breakpoint-tablet-landscape: 1024px;
--breakpoint-tablet-portrait: 768px;
--color-background-medium-gray: #e1e5e9;
--color-background-overlay: rgba(17, 30, 40, 0.5);
--color-badge-disabled: #A8B2BA;
--color-badge-negative-light: #FFEBED;
--color-badge-negative-medium: #CC0821;
--color-badge-neutral-light: #F2F5F7;
--color-badge-neutral-medium: #2A3742;
--color-badge-positive-light: #E5FFE5;
--color-badge-positive-medium: #007500;
--color-badge-primary-light: #FEF2EF;
--color-badge-primary-medium: #E53705;
--color-badge-secondary-light: #E9E5FF;
--color-badge-secondary-medium: #3825B8;
--color-badge-white: #ffffff;
--color-categorical-01: #1CACB8;
--color-categorical-02: #403B9B;
--color-categorical-03: #2CA077;
--color-categorical-04: #EB680A;
--color-categorical-05: #BA0870;
--color-categorical-06: #C69F10;
--color-categorical-07: #E32131;
--color-categorical-08: #0A6E76;
--color-categorical-09: #7670DB;
--color-categorical-10: #F745AD;
--color-categorical-11: #428DD7;
--color-categorical-12: #207456;
--color-categorical-13: #626F79;
--color-disabled-dark-gray: #8e9aa4;
--color-disabled-medium-gray: #b7c0c9;
--color-graphite-0900: #2A3742;
--color-graphite-1000: #2A3742;
--color-link-default: #1454CC;
--color-link-hover: #1454CC;
--color-tag-disabled: #A8B2BA;
--color-tag-filter: #d5e6f6;
--color-tag-info: #E5EFFF;
--color-tag-negative: #FFEBED;
--color-tag-neutral-light: #F2F5F7;
--color-tag-neutral-medium: #323E48;
--color-tag-pending: #E9E5FF;
--color-tag-positive: #E5FFE5;
--color-tag-white: #ffffff;
--color-text-dark: #000000;
--color-text-disabled: #8E9AA3;
--color-text-error: #8F0012;
--color-text-light: #42505C;
--color-text-white: #ffffff;
--dark-grey-010: #7D8B99;
--dark-grey-020: #71818F;
--dark-grey-030: #637380;
--dark-grey-040: #4B5A66;
--dark-grey-050: #42505C;
--dark-grey-060: #323E48;
--dark-grey-070: #2A3742;
--dark-grey-080: #1E2C38;
--dark-grey-090: #14222E;
--dark-grey-100: #000000;
--date-letter-spacing: 0.04rem;
--disabled-01: #8E9AA3;
--disabled-02: #A8B2BA;
--disabled-background-color: #DFE4E8;
--disabled-border-color: #A8B2BA;
--disabled-content-color: #8E9AA3;
--duration-lg: 1s;
--duration-md: .5s;
--duration-none: 0s;
--duration-sm: .3s;
--duration-xl: 2s;
--duration-xs: .2s;
--duration-xxl: 3s;
--duration-xxs: .1s;
--elderberry: #4C3AC2;
--elderberry-005: #F4F2FF;
--elderberry-010: #E9E5FF;
--elderberry-020: #D3CCFF;
--elderberry-030: #AEA4EB;
--elderberry-040: #9387E0;
--elderberry-050: #6252CC;
--elderberry-060: #4C3AC2;
--elderberry-070: #3825B8;
--elderberry-080: #2611AD;
--elderberry-090: #150099;
--elderberry-100: #120085;
--elevation-01: 0px 1px 2px 0px rgba(50, 62, 72, 0.08);
--elevation-02: 0px 2px 4px 0.5px rgba(50, 62, 72, 0.08);
--elevation-03: 0px 3px 6px 1px rgba(50, 62, 72, 0.08);
--elevation-04: 0px 4px 8px 2px rgba(50, 62, 72, 0.08);
--elevation-05: 0px 5px 10px 3px rgba(50, 62, 72, 0.08);
--elevation-06: 0px 6px 12px 4px rgba(50, 62, 72, 0.08);
--elevation-07: 0px 7px 16px 4px rgba(50, 62, 72, 0.08);
--error: #D6273D;
--error-background-01: #FFEBED;
--error-background-02: #D6273D;
--error-border: #CC0821;
--error-dark: #CC0821;
--error-darker: #B80018;
--error-darkest: #8F0012;
--error-icon-color: #CC0821;
--error-light: #DB4F61;
--error-lighter: #F0A3AD;
--error-lightest: #FFEBED;
--error-text-color: #8F0012;
--error-tint: #FFF5F6;
--field-border-color: #7E8A94;
--field-placeholder-text-color: #42505C;
--field-stroke-color-disabled: #A8B2BA;
--field-stroke-color-error: #CC0821;
--field-text-color-disabled: #8E9AA3;
--field-text-color-filled: #000000;
--focus-border-01: #1454CC;
--font-size-050: 12px;
--font-size-075: 14px;
--font-size-100: 16px;
--font-size-200: 20px;
--font-size-300: 24px;
--font-size-400: 28px;
--font-size-500: 32px;
--font-size-600: 36px;
--font-size-700: 40px;
--font-size-paragraph-lg: 16px;
--font-weight-100: 450;
--font-weight-200: 550;
--font-weight-300: 625;
--font-weight-400: 650;
--font-weight-500: 700;
--fuchsia-800: #FF4EC0;
--graphite-100: #F2F5F7;
--graphite-1100: #1E2C38;
--graphite-1200: #14222E;
--graphite-1300: #000000;
--graphite-200: #B9C2C9;
--graphite-300: #A8B2BA;
--graphite-500: #8E9AA3;
--graphite-600: #42505C;
--graphite-900: #2A3742;
--green-100: #E5FFE5;
--green-1000: #005700;
--green-1100: #004700;
--green-700: #007500;
--green-800: #006600;
--hover-01: #1454CC;
--icon-color-01: #FE511F;
--icon-color-02: #4C3AC2;
--icon-color-03: #000000;
--icon-color-04: #323E48;
--icon-color-05: #003FB8;
--icon-color-06: #ffffff;
--info: #1454CC;
--info-dark: #003FB8;
--info-darker: #0038A3;
--info-darkest: #002E85;
--info-light: #2B66D6;
--info-lighter: #80ACFF;
--info-lightest: #E5EFFF;
--info-tint: #F2F7FF;
--inner-focus-border: #ffffff;
--inner-focus-border-weight: 2;
--input-control-icon-color: #323E48;
--inset-01: inset 0px 0px 4px 0.5px rgba(50, 62, 72, 0.08);
--inset-02: inset 0px 0px 6px 1px rgba(50, 62, 72, 0.08);
--inset-03: inset 0px 0px 8px 2px rgba(50, 62, 72, 0.08);
--inset-04: inset 0px 0px 12px 2px rgba(50, 62, 72, 0.08);
--interactive-01: #1454CC;
--interactive-02: #003FB8;
--interactive-03: #2B66D6;
--interactive-opacity-01: 8;
--interactive-opacity-02: 16;
--label-font-size: 12px;
--label-text-color: #323E48;
--label-text-transform: uppercase;
--light-grey: #A8B2BA;
--light-grey-005: #FAFDFF;
--light-grey-010: #F2F5F7;
--light-grey-020: #E9ECF0;
--light-grey-030: #DFE4E8;
--light-grey-040: #CCD3D9;
--light-grey-050: #B9C2C9;
--light-grey-060: #A8B2BA;
--light-grey-070: #96A2AB;
--light-grey-080: #8E9AA3;
--light-grey-090: #86929C;
--light-grey-100: #7E8A94;
--lime: #0D850D;
--lime-005: #F2FFF2;
--lime-010: #E5FFE5;
--lime-020: #C0F0C0;
--lime-030: #7DD17D;
--lime-040: #47B247;
--lime-050: #1D941D;
--lime-060: #0D850D;
--lime-070: #007500;
--lime-080: #006600;
--lime-090: #005700;
--lime-100: #004700;
--line-height-100: 100%;
--line-height-125: 125%;
--line-height-150: 150%;
--link-text-color: #1454CC;
--link-text-color-hover: #1454CC;
--link-text-color-visited: #003FB8;
--list-item-background-color: #ffffff;
--list-item-border-color: #DFE4E8;
--mango-300: #FFD70B;
--neutral: #323E48;
--neutral-00: #FFFFFF;
--neutral-01: #A8B2BA;
--neutral-01dark: #96A2AB;
--neutral-01darker: #8E9AA3;
--neutral-01darkest: #7E8A94;
--neutral-01light: #B9C2C9;
--neutral-01lighter: #DFE4E8;
--neutral-01lightest: #F2F5F7;
--neutral-02: #323E48;
--neutral-02dark: #2A3742;
--neutral-02darker: #1E2C38;
--neutral-02darkest: #000000;
--neutral-02light: #42505C;
--neutral-02lighter: #637380;
--neutral-02lightest: #7D8B99;
--neutral-050: #42505C;
--neutral-060: #323E48;
--neutral-dark: #2A3742;
--neutral-darker: #1E2C38;
--neutral-darkest: #000000;
--neutral-light: #7E8A94;
--neutral-lighter: #A8B2BA;
--neutral-lightest: #F2F5F7;
--neutral-tint: #FAFDFF;
--number-letter-spacing: 0.07rem;
--opacity-000: 0%;
--opacity-010: 10%;
--opacity-020: 20%;
--opacity-030: 30%;
--opacity-040: 40%;
--opacity-050: 50%;
--opacity-060: 60%;
--opacity-070: 70%;
--opacity-080: 80%;
--opacity-090: 90%;
--opacity-100: 100%;
--orange-100: #FEF2EF;
--orange-1000: #B22800;
--orange-1100: #992200;
--orange-700: #FE744C;
--orange-800: #FE511F;
--orange-900: #E53705;
--outer-focus-border: #2B66D6;
--outer-focus-border-weight: 6;
--pending: #6D12B2;
--pending-background-01: #F5E5FF;
--pending-background-02: #6D12B2;
--pending-border: #5E00A6;
--pending-dark: #5E00A6;
--pending-darker: #570099;
--pending-darkest: #480080;
--pending-icon-color: #5E00A6;
--pending-light: #8F3DCC;
--pending-lighter: #DEB2FF;
--pending-lightest: #F5E5FF;
--pending-text-color: #480080;
--pending-tint: #FAF2FF;
--plum-005: #FAF2FF;
--plum-010: #F5E5FF;
--plum-020: #E9CCFF;
--plum-030: #DEB2FF;
--plum-040: #B473E5;
--plum-050: #8F3DCC;
--plum-060: #6D12B2;
--plum-070: #5E00A6;
--plum-080: #570099;
--plum-090: #4F008C;
--plum-100: #480080;
--primary: #FE511F;
--primary-dark: #E53705;
--primary-darker: #CC2E00;
--primary-darkest: #992200;
--primary-light: #FE744C;
--primary-lighter: #FEC3B2;
--primary-lightest: #FEF2EF;
--primary-tint: #FEF4F1;
--purple-100: #F5E5FF;
--purple-1000: #4F008C;
--purple-1100: #480080;
--purple-700: #6D12B2;
--purple-900: #570099;
--raspberry: #FF4EC0;
--raspberry-005: #FFF2FB;
--raspberry-010: #FFF0FA;
--raspberry-020: #FFD9F2;
--raspberry-030: #FFB2E4;
--raspberry-040: #FF8CD6;
--raspberry-050: #FF6BCA;
--raspberry-060: #FF4EC0;
--raspberry-070: #E530A5;
--raspberry-080: #CC168C;
--raspberry-090: #B20074;
--raspberry-100: #800053;
--red-100: #FFEBED;
--red-1000: #8F0012;
--red-700: #CC0821;
--secondary: #4C3AC2;
--secondary-dark: #3825B8;
--secondary-darker: #2611AD;
--secondary-darkest: #120085;
--secondary-light: #6252CC;
--secondary-lighter: #AEA4EB;
--secondary-lightest: #E9E5FF;
--selected: #F2F7FF;
--selected-02: #E5EFFF;
--selected-03: #7D8B99;
--shadow-lg-dark: 0 4px 12px rgba(75, 88, 99, 0.5);
--shadow-lg-light: 0 4px 12px rgba(166, 176, 186, 0.4);
--shadow-md-dark: 0 4px 6px rgba(75, 88, 99, 0.5);
--shadow-md-light: 0 4px 6px rgba(166, 176, 186, 0.4);
--shadow-sm-dark: 0 2px 4px rgba(75, 88, 99, 0.5);
--shadow-sm-light: 0 2px 4px rgba(166, 176, 186, 0.4);
--shadow-xl-dark: 0 4px 18px rgba(75, 88, 99, 0.5);
--shadow-xl-light: 0px 4px 18px rgba(166, 176, 186, 0.4);
--size-base: 16px;
--size-large: 32px;
--size-medium: 24px;
--size-small: 8px;
--size-xlarge: 40px;
--space-all-lg: 20px;
--space-all-md: 16px;
--space-all-none: 0px;
--space-all-sm: 12px;
--space-all-xl: 24px;
--space-all-xs: 8px;
--space-all-xxl: 32px;
--space-all-xxs: 4px;
--space-all-xxxl: 64px;
--space-all-xxxs: 2px;
--space-base: 16px;
--space-horizontal-lg: 20px;
--space-horizontal-md: 16px;
--space-horizontal-none: 0px;
--space-horizontal-sm: 12px;
--space-horizontal-xl: 24px;
--space-horizontal-xs: 8px;
--space-horizontal-xxl: 32px;
--space-horizontal-xxs: 4px;
--space-horizontal-xxxl: 64px;
--space-horizontal-xxxs: 2px;
--space-large: 32px;
--space-medium: 24px;
--space-small: 8px;
--space-vertical-lg: 20px;
--space-vertical-md: 16px;
--space-vertical-none: 0px;
--space-vertical-sm: 12px;
--space-vertical-xl: 24px;
--space-vertical-xs: 8px;
--space-vertical-xxl: 32px;
--space-vertical-xxs: 4px;
--space-vertical-xxxl: 64px;
--space-vertical-xxxs: 2px;
--space-xlarge: 40px;
--space-xsmall: 4px;
--space-xxlarge: 48px;
--space-xxsmall: 2px;
--space-xxxlarge: 56px;
--strawberry: #D6273D;
--strawberry-005: #FFF5F6;
--strawberry-010: #FFEBED;
--strawberry-020: #FAD2D7;
--strawberry-030: #F0A3AD;
--strawberry-040: #E57785;
--strawberry-050: #DB4F61;
--strawberry-060: #D6273D;
--strawberry-070: #CC0821;
--strawberry-080: #B80018;
--strawberry-090: #A30015;
--strawberry-100: #8F0012;
--success: #0D850D;
--success-background-01: #E5FFE5;
--success-background-02: #0D850D;
--success-border: #007500;
--success-dark: #007500;
--success-darker: #006600;
--success-darkest: #004700;
--success-icon-color: #007500;
--success-light: #1D941D;
--success-lighter: #7DD17D;
--success-lightest: #E5FFE5;
--success-text-color: #004700;
--success-tint: #F2FFF2;
--table-border-color: #DFE4E8;
--table-cell-background-color: #ffffff;
--table-cell-background-color-02: #F2F5F7;
--table-cell-background-color-active-02: #E5EFFF;
--table-cell-text-color: #000000;
--table-col-group-background-color: #F2F7FF;
--table-col-group-text-color: #42505C;
--table-field-border-color: #DFE4E8;
--table-header-background-color: #ffffff;
--table-header-text-color: #42505C;
--table-header-text-color-hover: #323E48;
--tangerine: #FE511F;
--tangerine-005: #FEF4F1;
--tangerine-010: #FEF2EF;
--tangerine-020: #FEE0D8;
--tangerine-030: #FEC3B2;
--tangerine-040: #FE9B7F;
--tangerine-050: #FE744C;
--tangerine-060: #FE511F;
--tangerine-070: #E53705;
--tangerine-080: #CC2E00;
--tangerine-090: #B22800;
--tangerine-100: #992200;
--teal-800: #24AAB2;
--text-color-01: #000000;
--text-color-02: #323E48;
--text-color-03: #42505C;
--text-color-04: #ffffff;
--text-color-05: #003FB8;
--text-weight-01: 550;
--token-0: 0px;
--ui-background-01: #ffffff;
--ui-background-02: #F2F5F7;
--ui-background-03: #F2F7FF;
--ultraviolet-70: #4C3AC2;
--value-base: 16px;
--value-large: 32px;
--value-medium: 24px;
--value-none: 0px;
--value-small: 8px;
--value-xlarge: 40px;
--value-xsmall: 4px;
--value-xxlarge: 48px;
--value-xxsmall: 2px;
--value-xxxlarge: 56px;
--warning: #FFB900;
--warning-background-01: #FFF6DE;
--warning-background-02: #FFB900;
--warning-border: #E5A700;
--warning-dark: #E5A700;
--warning-darker: #CC9500;
--warning-darkest: #805D00;
--warning-icon-color: #E5A700;
--warning-light: #FFCC45;
--warning-lighter: #FFE8AB;
--warning-lightest: #FFF6DE;
--warning-text-color: #805D00;
--warning-tint: #FFFBF0;
--white: #ffffff;
--yellow-600: #FFB900;
--yellow-700: #E5A700;
}