/* [project]/node_modules/@gouvfr-lasuite/ui-components/dist/style.css [client] (css) */ .c__popover:not(.c__popover--borderless), .c__select__menu { box-shadow: 0 1px 4px #0000004d; } html { --c--globals--colors--logo-1-light: #377fdb; --c--globals--colors--logo-2-light: #377fdb; --c--globals--colors--logo-1-dark: #c1d6f2; --c--globals--colors--logo-2-dark: #c1d6f2; --c--globals--colors--brand-050: #eaf1fb; --c--globals--colors--brand-100: #d5e4f7; --c--globals--colors--brand-150: #c0d6f4; --c--globals--colors--brand-200: #abc9f0; --c--globals--colors--brand-250: #96bcec; --c--globals--colors--brand-300: #80aee8; --c--globals--colors--brand-350: #6ca0e4; --c--globals--colors--brand-400: #5693e0; --c--globals--colors--brand-450: #4085dc; --c--globals--colors--brand-500: #2976d8; --c--globals--colors--brand-550: #1167d4; --c--globals--colors--brand-600: #0659c5; --c--globals--colors--brand-650: #1a509f; --c--globals--colors--brand-700: #20467f; --c--globals--colors--brand-750: #203c63; --c--globals--colors--brand-800: #1d314c; --c--globals--colors--brand-850: #1a2638; --c--globals--colors--brand-900: #141c28; --c--globals--colors--brand-950: #0c1117; --c--globals--colors--gray-000: #fff; --c--globals--colors--gray-025: #f7f8f8; --c--globals--colors--gray-050: #f0f1f2; --c--globals--colors--gray-100: #e1e2e5; --c--globals--colors--gray-150: #d2d4d8; --c--globals--colors--gray-200: #c4c7cb; --c--globals--colors--gray-250: #b5b9be; --c--globals--colors--gray-300: #a7acb2; --c--globals--colors--gray-350: #999ea5; --c--globals--colors--gray-400: #8d9197; --c--globals--colors--gray-450: #80848a; --c--globals--colors--gray-500: #74777c; --c--globals--colors--gray-550: #686b6f; --c--globals--colors--gray-600: #5c5f63; --c--globals--colors--gray-650: #505356; --c--globals--colors--gray-700: #45474a; --c--globals--colors--gray-750: #3a3b3e; --c--globals--colors--gray-800: #2f3033; --c--globals--colors--gray-850: #252627; --c--globals--colors--gray-900: #1b1c1d; --c--globals--colors--gray-950: #101112; --c--globals--colors--gray-1000: #000; --c--globals--colors--info-050: #eaf1fb; --c--globals--colors--info-100: #d5e4f7; --c--globals--colors--info-150: #c0d6f4; --c--globals--colors--info-200: #abc9f0; --c--globals--colors--info-250: #96bcec; --c--globals--colors--info-300: #80aee8; --c--globals--colors--info-350: #6ca0e4; --c--globals--colors--info-400: #5693e0; --c--globals--colors--info-450: #4085dc; --c--globals--colors--info-500: #2976d8; --c--globals--colors--info-550: #1167d4; --c--globals--colors--info-600: #0659c5; --c--globals--colors--info-650: #1a509f; --c--globals--colors--info-700: #20467f; --c--globals--colors--info-750: #203c63; --c--globals--colors--info-800: #1d314c; --c--globals--colors--info-850: #1a2638; --c--globals--colors--info-900: #141c28; --c--globals--colors--info-950: #0c1117; --c--globals--colors--success-050: #e4f7d4; --c--globals--colors--success-100: #c8eea8; --c--globals--colors--success-150: #aae579; --c--globals--colors--success-200: #89dc45; --c--globals--colors--success-250: #72cf27; --c--globals--colors--success-300: #6ac024; --c--globals--colors--success-350: #61b121; --c--globals--colors--success-400: #59a21e; --c--globals--colors--success-450: #51941c; --c--globals--colors--success-500: #4b851a; --c--globals--colors--success-550: #427816; --c--globals--colors--success-600: #3a6a14; --c--globals--colors--success-650: #385c1f; --c--globals--colors--success-700: #344d24; --c--globals--colors--success-750: #2e4022; --c--globals--colors--success-800: #27341f; --c--globals--colors--success-850: #20281a; --c--globals--colors--success-900: #181d15; --c--globals--colors--success-950: #10120e; --c--globals--colors--warning-050: #fff1bd; --c--globals--colors--warning-100: #ffe176; --c--globals--colors--warning-150: #ffcf25; --c--globals--colors--warning-200: #f4bf06; --c--globals--colors--warning-250: #e3b205; --c--globals--colors--warning-300: #d3a504; --c--globals--colors--warning-350: #c29805; --c--globals--colors--warning-400: #b28c03; --c--globals--colors--warning-450: #a27f03; --c--globals--colors--warning-500: #937303; --c--globals--colors--warning-550: #836703; --c--globals--colors--warning-600: #745b03; --c--globals--colors--warning-650: #625019; --c--globals--colors--warning-700: #524620; --c--globals--colors--warning-750: #443b20; --c--globals--colors--warning-800: #36301d; --c--globals--colors--warning-850: #2a2619; --c--globals--colors--warning-900: #1e1c13; --c--globals--colors--warning-950: #12110c; --c--globals--colors--error-050: #fceded; --c--globals--colors--error-100: #fadbdb; --c--globals--colors--error-150: #f7c9c9; --c--globals--colors--error-200: #f5b7b7; --c--globals--colors--error-250: #f2a4a4; --c--globals--colors--error-300: #ef9191; --c--globals--colors--error-350: #ec7d7d; --c--globals--colors--error-400: #e96868; --c--globals--colors--error-450: #e55050; --c--globals--colors--error-500: #e13131; --c--globals--colors--error-550: #d80000; --c--globals--colors--error-600: #c00101; --c--globals--colors--error-650: #9e2219; --c--globals--colors--error-700: #802820; --c--globals--colors--error-750: #662820; --c--globals--colors--error-800: #4f231e; --c--globals--colors--error-850: #3b1d19; --c--globals--colors--error-900: #2a1614; --c--globals--colors--error-950: #1a0e0c; --c--globals--colors--red-050: #fdeded; --c--globals--colors--red-100: #fadbdb; --c--globals--colors--red-150: #f8c9c9; --c--globals--colors--red-200: #f5b7b6; --c--globals--colors--red-250: #f3a4a3; --c--globals--colors--red-300: #f09190; --c--globals--colors--red-350: #ee7c7b; --c--globals--colors--red-400: #eb6665; --c--globals--colors--red-450: #e74e4d; --c--globals--colors--red-500: #d83f3d; --c--globals--colors--red-550: #c23837; --c--globals--colors--red-600: #ac3231; --c--globals--colors--red-650: #8d3531; --c--globals--colors--red-700: #73332f; --c--globals--colors--red-750: #5b2f2b; --c--globals--colors--red-800: #472826; --c--globals--colors--red-850: #35211f; --c--globals--colors--red-900: #251817; --c--globals--colors--red-950: #160f0e; --c--globals--colors--orange-050: #fdeee2; --c--globals--colors--orange-100: #fcddc5; --c--globals--colors--orange-150: #facba8; --c--globals--colors--orange-200: #f8b98b; --c--globals--colors--orange-250: #f6a76a; --c--globals--colors--orange-300: #f4934b; --c--globals--colors--orange-350: #f27e27; --c--globals--colors--orange-400: #e76e12; --c--globals--colors--orange-450: #d26411; --c--globals--colors--orange-500: #be5b0f; --c--globals--colors--orange-550: #aa510e; --c--globals--colors--orange-600: #97480c; --c--globals--colors--orange-650: #7e431d; --c--globals--colors--orange-700: #673c22; --c--globals--colors--orange-750: #533422; --c--globals--colors--orange-800: #412c1f; --c--globals--colors--orange-850: #31231b; --c--globals--colors--orange-900: #221a14; --c--globals--colors--orange-950: #15100c; --c--globals--colors--brown-050: #f3f0ef; --c--globals--colors--brown-100: #e7e1df; --c--globals--colors--brown-150: #dcd2cf; --c--globals--colors--brown-200: #d0c4bf; --c--globals--colors--brown-250: #c5b6b0; --c--globals--colors--brown-300: #baa7a1; --c--globals--colors--brown-350: #af9992; --c--globals--colors--brown-400: #a48b83; --c--globals--colors--brown-450: #997e74; --c--globals--colors--brown-500: #8f7065; --c--globals--colors--brown-550: #846357; --c--globals--colors--brown-600: #7a5649; --c--globals--colors--brown-650: #684c42; --c--globals--colors--brown-700: #57423c; --c--globals--colors--brown-750: #463833; --c--globals--colors--brown-800: #382e2a; --c--globals--colors--brown-850: #2b2422; --c--globals--colors--brown-900: #1f1b19; --c--globals--colors--brown-950: #121010; --c--globals--colors--yellow-050: #faf0d3; --c--globals--colors--yellow-100: #f5e2a4; --c--globals--colors--yellow-150: #f0d275; --c--globals--colors--yellow-200: #ebc242; --c--globals--colors--yellow-250: #e4b213; --c--globals--colors--yellow-300: #d4a511; --c--globals--colors--yellow-350: #c39810; --c--globals--colors--yellow-400: #b38b0f; --c--globals--colors--yellow-450: #a37f0d; --c--globals--colors--yellow-500: #93730c; --c--globals--colors--yellow-550: #84670b; --c--globals--colors--yellow-600: #755b0a; --c--globals--colors--yellow-650: #63501c; --c--globals--colors--yellow-700: #534521; --c--globals--colors--yellow-750: #443a21; --c--globals--colors--yellow-800: #36301f; --c--globals--colors--yellow-850: #29261a; --c--globals--colors--yellow-900: #1d1c14; --c--globals--colors--yellow-950: #12110c; --c--globals--colors--green-050: #e2f6e5; --c--globals--colors--green-100: #c5ecca; --c--globals--colors--green-150: #a7e3af; --c--globals--colors--green-200: #89d894; --c--globals--colors--green-250: #67ce75; --c--globals--colors--green-300: #4dc25d; --c--globals--colors--green-350: #48b257; --c--globals--colors--green-400: #41a44f; --c--globals--colors--green-450: #3b9548; --c--globals--colors--green-500: #368741; --c--globals--colors--green-550: #30793a; --c--globals--colors--green-600: #2b6b33; --c--globals--colors--green-650: #2f5c34; --c--globals--colors--green-700: #2e4e31; --c--globals--colors--green-750: #2a412c; --c--globals--colors--green-800: #253426; --c--globals--colors--green-850: #1e281f; --c--globals--colors--green-900: #171d17; --c--globals--colors--green-950: #0f120f; --c--globals--colors--blue-1-050: #ebf1ff; --c--globals--colors--blue-1-100: #d6e3fe; --c--globals--colors--blue-1-150: #c2d5fe; --c--globals--colors--blue-1-200: #adc7fe; --c--globals--colors--blue-1-250: #99b8fd; --c--globals--colors--blue-1-300: #84aafd; --c--globals--colors--blue-1-350: #6f9bfd; --c--globals--colors--blue-1-400: #5a8dfb; --c--globals--colors--blue-1-450: #437dfc; --c--globals--colors--blue-1-500: #3d71e4; --c--globals--colors--blue-1-550: #3665cc; --c--globals--colors--blue-1-600: #305ab5; --c--globals--colors--blue-1-650: #315093; --c--globals--colors--blue-1-700: #2e4675; --c--globals--colors--blue-1-750: #293b5e; --c--globals--colors--blue-1-800: #243048; --c--globals--colors--blue-1-850: #1e2635; --c--globals--colors--blue-1-900: #171c25; --c--globals--colors--blue-1-950: #0e1116; --c--globals--colors--blue-2-050: #e2f4f9; --c--globals--colors--blue-2-100: #c5e9f3; --c--globals--colors--blue-2-150: #a7dded; --c--globals--colors--blue-2-200: #88d1e6; --c--globals--colors--blue-2-250: #68c5e0; --c--globals--colors--blue-2-300: #48b8d9; --c--globals--colors--blue-2-350: #3baaca; --c--globals--colors--blue-2-400: #359cb9; --c--globals--colors--blue-2-450: #318ea9; --c--globals--colors--blue-2-500: #2c8199; --c--globals--colors--blue-2-550: #277389; --c--globals--colors--blue-2-600: #236679; --c--globals--colors--blue-2-650: #2a5866; --c--globals--colors--blue-2-700: #2a4b55; --c--globals--colors--blue-2-750: #283f47; --c--globals--colors--blue-2-800: #233337; --c--globals--colors--blue-2-850: #1d272a; --c--globals--colors--blue-2-900: #161c1e; --c--globals--colors--blue-2-950: #0e1112; --c--globals--colors--purple-050: #f6eeff; --c--globals--colors--purple-100: #ecdcff; --c--globals--colors--purple-150: #e3cbfe; --c--globals--colors--purple-200: #dab9fe; --c--globals--colors--purple-250: #d0a7fe; --c--globals--colors--purple-300: #c795fe; --c--globals--colors--purple-350: #bd83fd; --c--globals--colors--purple-400: #b36ffd; --c--globals--colors--purple-450: #a85bfd; --c--globals--colors--purple-500: #9b4bf3; --c--globals--colors--purple-550: #8b43da; --c--globals--colors--purple-600: #7b3cc1; --c--globals--colors--purple-650: #673c9b; --c--globals--colors--purple-700: #56387d; --c--globals--colors--purple-750: #463162; --c--globals--colors--purple-800: #382a4a; --c--globals--colors--purple-850: #2a2237; --c--globals--colors--purple-900: #1e1926; --c--globals--colors--purple-950: #121017; --c--globals--colors--pink-050: #fcedf5; --c--globals--colors--pink-100: #f9daea; --c--globals--colors--pink-150: #f7c7e0; --c--globals--colors--pink-200: #f4b4d5; --c--globals--colors--pink-250: #f1a1ca; --c--globals--colors--pink-300: #ee8cbf; --c--globals--colors--pink-350: #ea77b3; --c--globals--colors--pink-400: #e760a6; --c--globals--colors--pink-450: #e24797; --c--globals--colors--pink-500: #cd4089; --c--globals--colors--pink-550: #b8397b; --c--globals--colors--pink-600: #a3336d; --c--globals--colors--pink-650: #86355e; --c--globals--colors--pink-700: #6e334f; --c--globals--colors--pink-750: #582e42; --c--globals--colors--pink-800: #442834; --c--globals--colors--pink-850: #332028; --c--globals--colors--pink-900: #24181d; --c--globals--colors--pink-950: #160f12; --c--globals--colors--black-000: #1b1c1d00; --c--globals--colors--black-050: #1b1c1d0d; --c--globals--colors--black-100: #1b1c1d1a; --c--globals--colors--black-150: #1b1c1d26; --c--globals--colors--black-200: #1b1c1d33; --c--globals--colors--black-250: #1b1c1d40; --c--globals--colors--black-300: #1b1c1d4d; --c--globals--colors--black-350: #1b1c1d59; --c--globals--colors--black-400: #1b1c1d66; --c--globals--colors--black-450: #1b1c1d73; --c--globals--colors--black-500: #1b1c1d80; --c--globals--colors--black-550: #1b1c1d8c; --c--globals--colors--black-600: #1b1c1d99; --c--globals--colors--black-650: #1b1c1da6; --c--globals--colors--black-700: #1b1c1db2; --c--globals--colors--black-750: #1b1c1dbf; --c--globals--colors--black-800: #1b1c1dcc; --c--globals--colors--black-850: #1b1c1dd9; --c--globals--colors--black-900: #1b1c1de5; --c--globals--colors--black-950: #101112f2; --c--globals--colors--white-000: #f7f8f800; --c--globals--colors--white-050: #f7f8f80d; --c--globals--colors--white-100: #f7f8f81a; --c--globals--colors--white-150: #f7f8f826; --c--globals--colors--white-200: #f7f8f833; --c--globals--colors--white-250: #f7f8f840; --c--globals--colors--white-300: #f7f8f84d; --c--globals--colors--white-350: #f7f8f859; --c--globals--colors--white-400: #f7f8f866; --c--globals--colors--white-450: #f7f8f873; --c--globals--colors--white-500: #f7f8f880; --c--globals--colors--white-550: #f7f8f88c; --c--globals--colors--white-600: #f7f8f899; --c--globals--colors--white-650: #f7f8f8a6; --c--globals--colors--white-700: #f7f8f8b2; --c--globals--colors--white-750: #f7f8f8bf; --c--globals--colors--white-800: #f7f8f8cc; --c--globals--colors--white-850: #f7f8f8d9; --c--globals--colors--white-900: #f7f8f8e5; --c--globals--colors--white-950: #f7f8f8f2; --c--globals--colors--white-975: #f7f8f8f9; --c--globals--transitions--ease-in: cubic-bezier(.32, 0, .67, 0); --c--globals--transitions--ease-out: cubic-bezier(.33, 1, .68, 1); --c--globals--transitions--ease-in-out: cubic-bezier(.65, 0, .35, 1); --c--globals--transitions--duration: .25s; --c--globals--font--sizes--xs: .75rem; --c--globals--font--sizes--sm: .875rem; --c--globals--font--sizes--md: 1rem; --c--globals--font--sizes--lg: 1.125rem; --c--globals--font--sizes--ml: .938rem; --c--globals--font--sizes--xl: 1.25rem; --c--globals--font--sizes--t: .6875rem; --c--globals--font--sizes--s: .75rem; --c--globals--font--sizes--h1: 2rem; --c--globals--font--sizes--h2: 1.75rem; --c--globals--font--sizes--h3: 1.5rem; --c--globals--font--sizes--h4: 1.375rem; --c--globals--font--sizes--h5: 1.25rem; --c--globals--font--sizes--h6: 1.125rem; --c--globals--font--sizes--xl-alt: 5rem; --c--globals--font--sizes--lg-alt: 4.5rem; --c--globals--font--sizes--md-alt: 4rem; --c--globals--font--sizes--sm-alt: 3.5rem; --c--globals--font--sizes--xs-alt: 3rem; --c--globals--font--weights--thin: 200; --c--globals--font--weights--light: 300; --c--globals--font--weights--regular: 400; --c--globals--font--weights--medium: 500; --c--globals--font--weights--bold: 600; --c--globals--font--weights--extrabold: 700; --c--globals--font--weights--black: 800; --c--globals--font--families--base: "Roboto Flex Variable", sans-serif; --c--globals--font--families--accent: "Roboto Flex Variable", sans-serif; --c--globals--spacings--l: 3rem; --c--globals--spacings--b: 1.625rem; --c--globals--spacings--m: .8125rem; --c--globals--spacings--s: 1rem; --c--globals--spacings--t: .5rem; --c--globals--spacings--st: .25rem; --c--globals--spacings--4xs: .125rem; --c--globals--spacings--3xs: .25rem; --c--globals--spacings--2xs: .375rem; --c--globals--spacings--xxxs: .25rem; --c--globals--spacings--xxs: .375rem; --c--globals--spacings--xs: .5rem; --c--globals--spacings--sm: .75rem; --c--globals--spacings--base: 1rem; --c--globals--spacings--md: 1.5rem; --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--xxxl: 3.5rem; --c--globals--spacings--2xl: 3rem; --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; --c--globals--breakpoints--xs: 0px; --c--globals--breakpoints--sm: 576px; --c--globals--breakpoints--md: 768px; --c--globals--breakpoints--lg: 992px; --c--globals--breakpoints--xl: 1200px; --c--globals--breakpoints--xxl: 1400px; --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-025); --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--black-050); --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--black-050); --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-150); --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-050); --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-100); --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-150); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-050); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-150); --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-050); --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-100); --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-100); --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-150); --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-050); --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-100); --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-100); --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-150); --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-050); --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-100); --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-100); --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-150); --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-050); --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-100); --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-050); --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-350); --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-350); --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-150); --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-350); --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-150); --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-350); --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-150); --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-350); --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-350); --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-150); --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-350); --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-150); --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-350); --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-150); --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-light); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-light); --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-700); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-850); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-700); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-600); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-550); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-700); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-600); --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-550); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-700); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-600); --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-550); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-700); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-550); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-300); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--white-500); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-100); --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-300); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-300); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-300); --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-150); --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-300); --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-150); --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-300); --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-150); --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-300); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-150); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-100); } .cunningham-theme--dark { --c--globals--colors--logo-1-light: #377fdb; --c--globals--colors--logo-2-light: #377fdb; --c--globals--colors--logo-1-dark: #c1d6f2; --c--globals--colors--logo-2-dark: #c1d6f2; --c--globals--colors--brand-050: #eaf1fb; --c--globals--colors--brand-100: #d5e4f7; --c--globals--colors--brand-150: #c0d6f4; --c--globals--colors--brand-200: #abc9f0; --c--globals--colors--brand-250: #96bcec; --c--globals--colors--brand-300: #80aee8; --c--globals--colors--brand-350: #6ca0e4; --c--globals--colors--brand-400: #5693e0; --c--globals--colors--brand-450: #4085dc; --c--globals--colors--brand-500: #2976d8; --c--globals--colors--brand-550: #1167d4; --c--globals--colors--brand-600: #0659c5; --c--globals--colors--brand-650: #1a509f; --c--globals--colors--brand-700: #20467f; --c--globals--colors--brand-750: #203c63; --c--globals--colors--brand-800: #1d314c; --c--globals--colors--brand-850: #1a2638; --c--globals--colors--brand-900: #141c28; --c--globals--colors--brand-950: #0c1117; --c--globals--colors--gray-000: #fff; --c--globals--colors--gray-025: #f7f8f8; --c--globals--colors--gray-050: #f0f1f2; --c--globals--colors--gray-100: #e1e2e5; --c--globals--colors--gray-150: #d2d4d8; --c--globals--colors--gray-200: #c4c7cb; --c--globals--colors--gray-250: #b5b9be; --c--globals--colors--gray-300: #a7acb2; --c--globals--colors--gray-350: #999ea5; --c--globals--colors--gray-400: #8d9197; --c--globals--colors--gray-450: #80848a; --c--globals--colors--gray-500: #74777c; --c--globals--colors--gray-550: #686b6f; --c--globals--colors--gray-600: #5c5f63; --c--globals--colors--gray-650: #505356; --c--globals--colors--gray-700: #45474a; --c--globals--colors--gray-750: #3a3b3e; --c--globals--colors--gray-800: #2f3033; --c--globals--colors--gray-850: #252627; --c--globals--colors--gray-900: #1b1c1d; --c--globals--colors--gray-950: #101112; --c--globals--colors--gray-1000: #000; --c--globals--colors--info-050: #eaf1fb; --c--globals--colors--info-100: #d5e4f7; --c--globals--colors--info-150: #c0d6f4; --c--globals--colors--info-200: #abc9f0; --c--globals--colors--info-250: #96bcec; --c--globals--colors--info-300: #80aee8; --c--globals--colors--info-350: #6ca0e4; --c--globals--colors--info-400: #5693e0; --c--globals--colors--info-450: #4085dc; --c--globals--colors--info-500: #2976d8; --c--globals--colors--info-550: #1167d4; --c--globals--colors--info-600: #0659c5; --c--globals--colors--info-650: #1a509f; --c--globals--colors--info-700: #20467f; --c--globals--colors--info-750: #203c63; --c--globals--colors--info-800: #1d314c; --c--globals--colors--info-850: #1a2638; --c--globals--colors--info-900: #141c28; --c--globals--colors--info-950: #0c1117; --c--globals--colors--success-050: #e4f7d4; --c--globals--colors--success-100: #c8eea8; --c--globals--colors--success-150: #aae579; --c--globals--colors--success-200: #89dc45; --c--globals--colors--success-250: #72cf27; --c--globals--colors--success-300: #6ac024; --c--globals--colors--success-350: #61b121; --c--globals--colors--success-400: #59a21e; --c--globals--colors--success-450: #51941c; --c--globals--colors--success-500: #4b851a; --c--globals--colors--success-550: #427816; --c--globals--colors--success-600: #3a6a14; --c--globals--colors--success-650: #385c1f; --c--globals--colors--success-700: #344d24; --c--globals--colors--success-750: #2e4022; --c--globals--colors--success-800: #27341f; --c--globals--colors--success-850: #20281a; --c--globals--colors--success-900: #181d15; --c--globals--colors--success-950: #10120e; --c--globals--colors--warning-050: #fff1bd; --c--globals--colors--warning-100: #ffe176; --c--globals--colors--warning-150: #ffcf25; --c--globals--colors--warning-200: #f4bf06; --c--globals--colors--warning-250: #e3b205; --c--globals--colors--warning-300: #d3a504; --c--globals--colors--warning-350: #c29805; --c--globals--colors--warning-400: #b28c03; --c--globals--colors--warning-450: #a27f03; --c--globals--colors--warning-500: #937303; --c--globals--colors--warning-550: #836703; --c--globals--colors--warning-600: #745b03; --c--globals--colors--warning-650: #625019; --c--globals--colors--warning-700: #524620; --c--globals--colors--warning-750: #443b20; --c--globals--colors--warning-800: #36301d; --c--globals--colors--warning-850: #2a2619; --c--globals--colors--warning-900: #1e1c13; --c--globals--colors--warning-950: #12110c; --c--globals--colors--error-050: #fceded; --c--globals--colors--error-100: #fadbdb; --c--globals--colors--error-150: #f7c9c9; --c--globals--colors--error-200: #f5b7b7; --c--globals--colors--error-250: #f2a4a4; --c--globals--colors--error-300: #ef9191; --c--globals--colors--error-350: #ec7d7d; --c--globals--colors--error-400: #e96868; --c--globals--colors--error-450: #e55050; --c--globals--colors--error-500: #e13131; --c--globals--colors--error-550: #d80000; --c--globals--colors--error-600: #c00101; --c--globals--colors--error-650: #9e2219; --c--globals--colors--error-700: #802820; --c--globals--colors--error-750: #662820; --c--globals--colors--error-800: #4f231e; --c--globals--colors--error-850: #3b1d19; --c--globals--colors--error-900: #2a1614; --c--globals--colors--error-950: #1a0e0c; --c--globals--colors--red-050: #fdeded; --c--globals--colors--red-100: #fadbdb; --c--globals--colors--red-150: #f8c9c9; --c--globals--colors--red-200: #f5b7b6; --c--globals--colors--red-250: #f3a4a3; --c--globals--colors--red-300: #f09190; --c--globals--colors--red-350: #ee7c7b; --c--globals--colors--red-400: #eb6665; --c--globals--colors--red-450: #e74e4d; --c--globals--colors--red-500: #d83f3d; --c--globals--colors--red-550: #c23837; --c--globals--colors--red-600: #ac3231; --c--globals--colors--red-650: #8d3531; --c--globals--colors--red-700: #73332f; --c--globals--colors--red-750: #5b2f2b; --c--globals--colors--red-800: #472826; --c--globals--colors--red-850: #35211f; --c--globals--colors--red-900: #251817; --c--globals--colors--red-950: #160f0e; --c--globals--colors--orange-050: #fdeee2; --c--globals--colors--orange-100: #fcddc5; --c--globals--colors--orange-150: #facba8; --c--globals--colors--orange-200: #f8b98b; --c--globals--colors--orange-250: #f6a76a; --c--globals--colors--orange-300: #f4934b; --c--globals--colors--orange-350: #f27e27; --c--globals--colors--orange-400: #e76e12; --c--globals--colors--orange-450: #d26411; --c--globals--colors--orange-500: #be5b0f; --c--globals--colors--orange-550: #aa510e; --c--globals--colors--orange-600: #97480c; --c--globals--colors--orange-650: #7e431d; --c--globals--colors--orange-700: #673c22; --c--globals--colors--orange-750: #533422; --c--globals--colors--orange-800: #412c1f; --c--globals--colors--orange-850: #31231b; --c--globals--colors--orange-900: #221a14; --c--globals--colors--orange-950: #15100c; --c--globals--colors--brown-050: #f3f0ef; --c--globals--colors--brown-100: #e7e1df; --c--globals--colors--brown-150: #dcd2cf; --c--globals--colors--brown-200: #d0c4bf; --c--globals--colors--brown-250: #c5b6b0; --c--globals--colors--brown-300: #baa7a1; --c--globals--colors--brown-350: #af9992; --c--globals--colors--brown-400: #a48b83; --c--globals--colors--brown-450: #997e74; --c--globals--colors--brown-500: #8f7065; --c--globals--colors--brown-550: #846357; --c--globals--colors--brown-600: #7a5649; --c--globals--colors--brown-650: #684c42; --c--globals--colors--brown-700: #57423c; --c--globals--colors--brown-750: #463833; --c--globals--colors--brown-800: #382e2a; --c--globals--colors--brown-850: #2b2422; --c--globals--colors--brown-900: #1f1b19; --c--globals--colors--brown-950: #121010; --c--globals--colors--yellow-050: #faf0d3; --c--globals--colors--yellow-100: #f5e2a4; --c--globals--colors--yellow-150: #f0d275; --c--globals--colors--yellow-200: #ebc242; --c--globals--colors--yellow-250: #e4b213; --c--globals--colors--yellow-300: #d4a511; --c--globals--colors--yellow-350: #c39810; --c--globals--colors--yellow-400: #b38b0f; --c--globals--colors--yellow-450: #a37f0d; --c--globals--colors--yellow-500: #93730c; --c--globals--colors--yellow-550: #84670b; --c--globals--colors--yellow-600: #755b0a; --c--globals--colors--yellow-650: #63501c; --c--globals--colors--yellow-700: #534521; --c--globals--colors--yellow-750: #443a21; --c--globals--colors--yellow-800: #36301f; --c--globals--colors--yellow-850: #29261a; --c--globals--colors--yellow-900: #1d1c14; --c--globals--colors--yellow-950: #12110c; --c--globals--colors--green-050: #e2f6e5; --c--globals--colors--green-100: #c5ecca; --c--globals--colors--green-150: #a7e3af; --c--globals--colors--green-200: #89d894; --c--globals--colors--green-250: #67ce75; --c--globals--colors--green-300: #4dc25d; --c--globals--colors--green-350: #48b257; --c--globals--colors--green-400: #41a44f; --c--globals--colors--green-450: #3b9548; --c--globals--colors--green-500: #368741; --c--globals--colors--green-550: #30793a; --c--globals--colors--green-600: #2b6b33; --c--globals--colors--green-650: #2f5c34; --c--globals--colors--green-700: #2e4e31; --c--globals--colors--green-750: #2a412c; --c--globals--colors--green-800: #253426; --c--globals--colors--green-850: #1e281f; --c--globals--colors--green-900: #171d17; --c--globals--colors--green-950: #0f120f; --c--globals--colors--blue-1-050: #ebf1ff; --c--globals--colors--blue-1-100: #d6e3fe; --c--globals--colors--blue-1-150: #c2d5fe; --c--globals--colors--blue-1-200: #adc7fe; --c--globals--colors--blue-1-250: #99b8fd; --c--globals--colors--blue-1-300: #84aafd; --c--globals--colors--blue-1-350: #6f9bfd; --c--globals--colors--blue-1-400: #5a8dfb; --c--globals--colors--blue-1-450: #437dfc; --c--globals--colors--blue-1-500: #3d71e4; --c--globals--colors--blue-1-550: #3665cc; --c--globals--colors--blue-1-600: #305ab5; --c--globals--colors--blue-1-650: #315093; --c--globals--colors--blue-1-700: #2e4675; --c--globals--colors--blue-1-750: #293b5e; --c--globals--colors--blue-1-800: #243048; --c--globals--colors--blue-1-850: #1e2635; --c--globals--colors--blue-1-900: #171c25; --c--globals--colors--blue-1-950: #0e1116; --c--globals--colors--blue-2-050: #e2f4f9; --c--globals--colors--blue-2-100: #c5e9f3; --c--globals--colors--blue-2-150: #a7dded; --c--globals--colors--blue-2-200: #88d1e6; --c--globals--colors--blue-2-250: #68c5e0; --c--globals--colors--blue-2-300: #48b8d9; --c--globals--colors--blue-2-350: #3baaca; --c--globals--colors--blue-2-400: #359cb9; --c--globals--colors--blue-2-450: #318ea9; --c--globals--colors--blue-2-500: #2c8199; --c--globals--colors--blue-2-550: #277389; --c--globals--colors--blue-2-600: #236679; --c--globals--colors--blue-2-650: #2a5866; --c--globals--colors--blue-2-700: #2a4b55; --c--globals--colors--blue-2-750: #283f47; --c--globals--colors--blue-2-800: #233337; --c--globals--colors--blue-2-850: #1d272a; --c--globals--colors--blue-2-900: #161c1e; --c--globals--colors--blue-2-950: #0e1112; --c--globals--colors--purple-050: #f6eeff; --c--globals--colors--purple-100: #ecdcff; --c--globals--colors--purple-150: #e3cbfe; --c--globals--colors--purple-200: #dab9fe; --c--globals--colors--purple-250: #d0a7fe; --c--globals--colors--purple-300: #c795fe; --c--globals--colors--purple-350: #bd83fd; --c--globals--colors--purple-400: #b36ffd; --c--globals--colors--purple-450: #a85bfd; --c--globals--colors--purple-500: #9b4bf3; --c--globals--colors--purple-550: #8b43da; --c--globals--colors--purple-600: #7b3cc1; --c--globals--colors--purple-650: #673c9b; --c--globals--colors--purple-700: #56387d; --c--globals--colors--purple-750: #463162; --c--globals--colors--purple-800: #382a4a; --c--globals--colors--purple-850: #2a2237; --c--globals--colors--purple-900: #1e1926; --c--globals--colors--purple-950: #121017; --c--globals--colors--pink-050: #fcedf5; --c--globals--colors--pink-100: #f9daea; --c--globals--colors--pink-150: #f7c7e0; --c--globals--colors--pink-200: #f4b4d5; --c--globals--colors--pink-250: #f1a1ca; --c--globals--colors--pink-300: #ee8cbf; --c--globals--colors--pink-350: #ea77b3; --c--globals--colors--pink-400: #e760a6; --c--globals--colors--pink-450: #e24797; --c--globals--colors--pink-500: #cd4089; --c--globals--colors--pink-550: #b8397b; --c--globals--colors--pink-600: #a3336d; --c--globals--colors--pink-650: #86355e; --c--globals--colors--pink-700: #6e334f; --c--globals--colors--pink-750: #582e42; --c--globals--colors--pink-800: #442834; --c--globals--colors--pink-850: #332028; --c--globals--colors--pink-900: #24181d; --c--globals--colors--pink-950: #160f12; --c--globals--colors--black-000: #1b1c1d00; --c--globals--colors--black-050: #1b1c1d0d; --c--globals--colors--black-100: #1b1c1d1a; --c--globals--colors--black-150: #1b1c1d26; --c--globals--colors--black-200: #1b1c1d33; --c--globals--colors--black-250: #1b1c1d40; --c--globals--colors--black-300: #1b1c1d4d; --c--globals--colors--black-350: #1b1c1d59; --c--globals--colors--black-400: #1b1c1d66; --c--globals--colors--black-450: #1b1c1d73; --c--globals--colors--black-500: #1b1c1d80; --c--globals--colors--black-550: #1b1c1d8c; --c--globals--colors--black-600: #1b1c1d99; --c--globals--colors--black-650: #1b1c1da6; --c--globals--colors--black-700: #1b1c1db2; --c--globals--colors--black-750: #1b1c1dbf; --c--globals--colors--black-800: #1b1c1dcc; --c--globals--colors--black-850: #1b1c1dd9; --c--globals--colors--black-900: #1b1c1de5; --c--globals--colors--black-950: #101112f2; --c--globals--colors--white-000: #f7f8f800; --c--globals--colors--white-050: #f7f8f80d; --c--globals--colors--white-100: #f7f8f81a; --c--globals--colors--white-150: #f7f8f826; --c--globals--colors--white-200: #f7f8f833; --c--globals--colors--white-250: #f7f8f840; --c--globals--colors--white-300: #f7f8f84d; --c--globals--colors--white-350: #f7f8f859; --c--globals--colors--white-400: #f7f8f866; --c--globals--colors--white-450: #f7f8f873; --c--globals--colors--white-500: #f7f8f880; --c--globals--colors--white-550: #f7f8f88c; --c--globals--colors--white-600: #f7f8f899; --c--globals--colors--white-650: #f7f8f8a6; --c--globals--colors--white-700: #f7f8f8b2; --c--globals--colors--white-750: #f7f8f8bf; --c--globals--colors--white-800: #f7f8f8cc; --c--globals--colors--white-850: #f7f8f8d9; --c--globals--colors--white-900: #f7f8f8e5; --c--globals--colors--white-950: #f7f8f8f2; --c--globals--colors--white-975: #f7f8f8f9; --c--globals--transitions--ease-in: cubic-bezier(.32, 0, .67, 0); --c--globals--transitions--ease-out: cubic-bezier(.33, 1, .68, 1); --c--globals--transitions--ease-in-out: cubic-bezier(.65, 0, .35, 1); --c--globals--transitions--duration: .25s; --c--globals--font--sizes--xs: .75rem; --c--globals--font--sizes--sm: .875rem; --c--globals--font--sizes--md: 1rem; --c--globals--font--sizes--lg: 1.125rem; --c--globals--font--sizes--ml: .938rem; --c--globals--font--sizes--xl: 1.25rem; --c--globals--font--sizes--t: .6875rem; --c--globals--font--sizes--s: .75rem; --c--globals--font--sizes--h1: 2rem; --c--globals--font--sizes--h2: 1.75rem; --c--globals--font--sizes--h3: 1.5rem; --c--globals--font--sizes--h4: 1.375rem; --c--globals--font--sizes--h5: 1.25rem; --c--globals--font--sizes--h6: 1.125rem; --c--globals--font--sizes--xl-alt: 5rem; --c--globals--font--sizes--lg-alt: 4.5rem; --c--globals--font--sizes--md-alt: 4rem; --c--globals--font--sizes--sm-alt: 3.5rem; --c--globals--font--sizes--xs-alt: 3rem; --c--globals--font--weights--thin: 200; --c--globals--font--weights--light: 300; --c--globals--font--weights--regular: 400; --c--globals--font--weights--medium: 500; --c--globals--font--weights--bold: 600; --c--globals--font--weights--extrabold: 700; --c--globals--font--weights--black: 800; --c--globals--font--families--base: "Roboto Flex Variable", sans-serif; --c--globals--font--families--accent: "Roboto Flex Variable", sans-serif; --c--globals--spacings--l: 3rem; --c--globals--spacings--b: 1.625rem; --c--globals--spacings--m: .8125rem; --c--globals--spacings--s: 1rem; --c--globals--spacings--t: .5rem; --c--globals--spacings--st: .25rem; --c--globals--spacings--4xs: .125rem; --c--globals--spacings--3xs: .25rem; --c--globals--spacings--2xs: .375rem; --c--globals--spacings--xxxs: .25rem; --c--globals--spacings--xxs: .375rem; --c--globals--spacings--xs: .5rem; --c--globals--spacings--sm: .75rem; --c--globals--spacings--base: 1rem; --c--globals--spacings--md: 1.5rem; --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--xxxl: 3.5rem; --c--globals--spacings--2xl: 3rem; --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; --c--globals--breakpoints--xs: 0px; --c--globals--breakpoints--sm: 576px; --c--globals--breakpoints--md: 768px; --c--globals--breakpoints--lg: 992px; --c--globals--breakpoints--xl: 1200px; --c--globals--breakpoints--xxl: 1400px; --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-800); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-850); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-900); --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050); --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--white-050); --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-700); --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-750); --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-750); --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-800); --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-700); --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-800); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-700); --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-750); --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-750); --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-800); --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-700); --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-750); --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-750); --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-800); --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-700); --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-750); --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-750); --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-800); --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-700); --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-750); --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-750); --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-800); --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-800); --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-350); --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-450); --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-350); --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-450); --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-550); --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-350); --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-450); --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-550); --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-350); --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-450); --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-550); --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-350); --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-450); --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-350); --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-450); --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-550); --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-350); --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-450); --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-550); --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-350); --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-450); --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-550); --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-450); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-dark); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-dark); --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-250); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-250); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-250); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-100); --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-250); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-100); --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-250); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-100); --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-250); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--black-300); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-450); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-700); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-450); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-700); --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-450); --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-600); --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-700); --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-450); --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-600); --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-700); --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-450); --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-600); --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-700); --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-450); --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-700); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-800); } .c__offscreen { clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; width: 1px; margin: -1px; position: absolute; overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; } .c__alert { background-color: var(--c--components--alert--background-color); border-radius: var(--c--components--alert--border-radius); font-weight: var(--c--components--alert--font-weight); color: var(--c--components--alert--color); box-sizing: border-box; border-style: solid; border-width: 1px 1px 1px 3px; border-color: var(--c--components--alert--border-color); border-left-color: var(--c--components--alert--border-left-color); padding: .75rem 1rem; } .c__alert__icon { justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .c__alert__icon span { font-size: var(--c--components--alert--icon-size); } .c__alert__content { justify-content: space-between; align-items: center; min-height: 2.25rem; display: flex; } .c__alert__content__left { flex-direction: row-reverse; align-items: center; gap: .5rem; display: flex; } .c__alert-additional__buttons { justify-content: flex-end; gap: .5rem; display: flex; } .c__alert:not(.c__alert--neutral) .c__alert__additional, .c__alert.c__alert--expandable .c__alert__additional { padding-left: 2rem; } .c__alert__actions { align-items: center; gap: .5rem; display: flex; } .c__alert--info { background-color: color-mix(in srgb,var(--c--contextuals--background--semantic--info--tertiary),transparent 70%); border-color: var(--c--contextuals--border--semantic--info--tertiary); border-left-color: var(--c--contextuals--border--semantic--info--tertiary); color: var(--c--contextuals--content--semantic--info--primary) !important; } .c__alert--info .c__alert__icon { color: var(--c--contextuals--content--semantic--info--primary); } .c__alert--info .c__alert__additional { font-weight: var(--c--components--alert--additional-font-weight); color: var(--c--contextuals--content--semantic--info--secondary); } .c__alert--success { background-color: color-mix(in srgb,var(--c--contextuals--background--semantic--success--tertiary),transparent 70%); border-color: var(--c--contextuals--border--semantic--success--tertiary); border-left-color: var(--c--contextuals--border--semantic--success--tertiary); color: var(--c--contextuals--content--semantic--success--primary) !important; } .c__alert--success .c__alert__icon { color: var(--c--contextuals--content--semantic--success--primary); } .c__alert--success .c__alert__additional { font-weight: var(--c--components--alert--additional-font-weight); color: var(--c--contextuals--content--semantic--success--secondary); } .c__alert--warning { background-color: color-mix(in srgb,var(--c--contextuals--background--semantic--warning--tertiary),transparent 70%); border-color: var(--c--contextuals--border--semantic--warning--tertiary); border-left-color: var(--c--contextuals--border--semantic--warning--tertiary); color: var(--c--contextuals--content--semantic--warning--primary) !important; } .c__alert--warning .c__alert__icon { color: var(--c--contextuals--content--semantic--warning--primary); } .c__alert--warning .c__alert__additional { font-weight: var(--c--components--alert--additional-font-weight); color: var(--c--contextuals--content--semantic--warning--secondary); } .c__alert--error { background-color: color-mix(in srgb,var(--c--contextuals--background--semantic--error--tertiary),transparent 70%); border-color: var(--c--contextuals--border--semantic--error--tertiary); border-left-color: var(--c--contextuals--border--semantic--error--tertiary); color: var(--c--contextuals--content--semantic--error--primary) !important; } .c__alert--error .c__alert__icon { color: var(--c--contextuals--content--semantic--error--primary); } .c__alert--error .c__alert__additional { font-weight: var(--c--components--alert--additional-font-weight); color: var(--c--contextuals--content--semantic--error--secondary); } .c__button { border-radius: var(--c--components--button--border-radius); box-sizing: border-box; cursor: pointer; font-weight: var(--c--components--button--font-weight); font-family: var(--c--components--button--font-family); transition: all var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); -webkit-user-select: none; user-select: none; border: thin solid #0000; align-items: center; text-decoration: none; display: inline-flex; } .c__button__icon { align-items: center; display: flex; } .c__button--full-width { justify-content: center; width: 100%; } .c__button--medium { height: var(--c--components--button--medium-height); font-size: var(--c--components--button--medium-font-size); padding: 0 var(--c--globals--spacings--s); } .c__button--medium.c__button--icon-only { width: var(--c--components--button--medium-height); } .c__button--medium .c__button__icon, .c__button--medium .c__button__icon * { font-size: var(--c--components--button--medium-icon-font-size); } .c__button--small { height: var(--c--components--button--small-height); font-size: var(--c--components--button--small-font-size); padding: 0 .75rem; } .c__button--small.c__button--icon-only { width: var(--c--components--button--small-height); } .c__button--small .c__button__icon, .c__button--small .c__button__icon * { font-size: var(--c--components--button--small-icon-font-size); } .c__button--nano { height: var(--c--components--button--nano-height); font-size: var(--c--components--button--nano-font-size); padding: 0 .5rem; } .c__button--nano.c__button--icon-only { width: var(--c--components--button--nano-height); } .c__button--nano .c__button__icon, .c__button--nano .c__button__icon * { font-size: var(--c--components--button--nano-icon-font-size); } .c__button--icon-only { justify-content: center; padding: 0; } .c__button--with-icon--left, .c__button--with-icon--right { gap: var(--c--globals--spacings--xxxs); } .c__button--with-icon--left { padding: 0 var(--c--globals--spacings--s) 0 var(--c--globals--spacings--t); } .c__button--with-icon--right { padding: 0 var(--c--globals--spacings--t) 0 var(--c--globals--spacings--s); } .c__button--brand { white-space: nowrap; } .c__button--brand:hover, .c__button--brand:focus-visible { border-radius: var(--c--components--button--border-radius--focus); } .c__button--brand--primary { background-color: var(--c--contextuals--background--semantic--brand--primary); color: var(--c--contextuals--content--semantic--brand--on-brand); } .c__button--brand--primary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--brand--primary); } .c__button--brand--primary:hover, .c__button--brand--primary:focus-visible { background-color: var(--c--contextuals--background--semantic--brand--primary-hover); } .c__button--brand--primary:disabled, .c__button--brand--primary[aria-disabled="true"] { background-color: var(--c--contextuals--background--semantic--disabled--primary); color: var(--c--contextuals--content--semantic--disabled--primary); } .c__button--brand--secondary { background-color: var(--c--contextuals--background--semantic--brand--secondary); color: var(--c--contextuals--content--semantic--brand--secondary); } .c__button--brand--secondary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--brand--primary); } .c__button--brand--secondary:hover, .c__button--brand--secondary:focus-visible { background-color: var(--c--contextuals--background--semantic--brand--secondary-hover); } .c__button--brand--secondary:disabled, .c__button--brand--secondary[aria-disabled="true"] { background-color: var(--c--contextuals--background--semantic--disabled--secondary); color: var(--c--contextuals--content--semantic--disabled--primary); } .c__button--brand--tertiary { color: var(--c--contextuals--content--semantic--brand--tertiary); background-color: #0000; } .c__button--brand--tertiary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--brand--primary); } .c__button--brand--tertiary:hover, .c__button--brand--tertiary:focus-visible { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__button--brand--tertiary:disabled, .c__button--brand--tertiary[aria-disabled="true"] { color: var(--c--contextuals--content--semantic--disabled--primary); background-color: #0000; } .c__button--brand--bordered { border: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); color: var(--c--contextuals--content--semantic--brand--tertiary); background-color: #0000; } .c__button--brand--bordered:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--brand--primary); } .c__button--brand--bordered:hover, .c__button--brand--bordered:focus-visible { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__button--brand--bordered:disabled, .c__button--brand--bordered[aria-disabled="true"] { color: var(--c--contextuals--content--semantic--disabled--primary); border-color: var(--c--contextuals--border--semantic--disabled--primary); background-color: #0000; } .c__button--neutral { white-space: nowrap; } .c__button--neutral:hover, .c__button--neutral:focus-visible { border-radius: var(--c--components--button--border-radius--focus); } .c__button--neutral--primary { background-color: var(--c--contextuals--background--semantic--neutral--primary); color: var(--c--contextuals--content--semantic--neutral--on-neutral); } .c__button--neutral--primary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--neutral--primary); } .c__button--neutral--primary:hover, .c__button--neutral--primary:focus-visible { background-color: var(--c--contextuals--background--semantic--neutral--primary-hover); } .c__button--neutral--primary:disabled, .c__button--neutral--primary[aria-disabled="true"] { background-color: var(--c--contextuals--background--semantic--disabled--primary); color: var(--c--contextuals--content--semantic--disabled--primary); } .c__button--neutral--secondary { background-color: var(--c--contextuals--background--semantic--neutral--secondary); color: var(--c--contextuals--content--semantic--neutral--secondary); } .c__button--neutral--secondary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--neutral--primary); } .c__button--neutral--secondary:hover, .c__button--neutral--secondary:focus-visible { background-color: var(--c--contextuals--background--semantic--neutral--secondary-hover); } .c__button--neutral--secondary:disabled, .c__button--neutral--secondary[aria-disabled="true"] { background-color: var(--c--contextuals--background--semantic--disabled--secondary); color: var(--c--contextuals--content--semantic--disabled--primary); } .c__button--neutral--tertiary { color: var(--c--contextuals--content--semantic--neutral--tertiary); background-color: #0000; } .c__button--neutral--tertiary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--neutral--primary); } .c__button--neutral--tertiary:hover, .c__button--neutral--tertiary:focus-visible { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__button--neutral--tertiary:disabled, .c__button--neutral--tertiary[aria-disabled="true"] { color: var(--c--contextuals--content--semantic--disabled--primary); background-color: #0000; } .c__button--neutral--bordered { border: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); color: var(--c--contextuals--content--semantic--neutral--tertiary); background-color: #0000; } .c__button--neutral--bordered:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--neutral--primary); } .c__button--neutral--bordered:hover, .c__button--neutral--bordered:focus-visible { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__button--neutral--bordered:disabled, .c__button--neutral--bordered[aria-disabled="true"] { color: var(--c--contextuals--content--semantic--disabled--primary); border-color: var(--c--contextuals--border--semantic--disabled--primary); background-color: #0000; } .c__button--warning { white-space: nowrap; } .c__button--warning:hover, .c__button--warning:focus-visible { border-radius: var(--c--components--button--border-radius--focus); } .c__button--warning--primary { background-color: var(--c--contextuals--background--semantic--warning--primary); color: var(--c--contextuals--content--semantic--warning--on-warning); } .c__button--warning--primary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--warning--primary); } .c__button--warning--primary:hover, .c__button--warning--primary:focus-visible { background-color: var(--c--contextuals--background--semantic--warning--primary-hover); } .c__button--warning--primary:disabled, .c__button--warning--primary[aria-disabled="true"] { background-color: var(--c--contextuals--background--semantic--disabled--primary); color: var(--c--contextuals--content--semantic--disabled--primary); } .c__button--warning--secondary { background-color: var(--c--contextuals--background--semantic--warning--secondary); color: var(--c--contextuals--content--semantic--warning--secondary); } .c__button--warning--secondary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--warning--primary); } .c__button--warning--secondary:hover, .c__button--warning--secondary:focus-visible { background-color: var(--c--contextuals--background--semantic--warning--secondary-hover); } .c__button--warning--secondary:disabled, .c__button--warning--secondary[aria-disabled="true"] { background-color: var(--c--contextuals--background--semantic--disabled--secondary); color: var(--c--contextuals--content--semantic--disabled--primary); } .c__button--warning--tertiary { color: var(--c--contextuals--content--semantic--warning--tertiary); background-color: #0000; } .c__button--warning--tertiary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--warning--primary); } .c__button--warning--tertiary:hover, .c__button--warning--tertiary:focus-visible { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__button--warning--tertiary:disabled, .c__button--warning--tertiary[aria-disabled="true"] { color: var(--c--contextuals--content--semantic--disabled--primary); background-color: #0000; } .c__button--warning--bordered { border: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); color: var(--c--contextuals--content--semantic--warning--tertiary); background-color: #0000; } .c__button--warning--bordered:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--warning--primary); } .c__button--warning--bordered:hover, .c__button--warning--bordered:focus-visible { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__button--warning--bordered:disabled, .c__button--warning--bordered[aria-disabled="true"] { color: var(--c--contextuals--content--semantic--disabled--primary); border-color: var(--c--contextuals--border--semantic--disabled--primary); background-color: #0000; } .c__button--error { white-space: nowrap; } .c__button--error:hover, .c__button--error:focus-visible { border-radius: var(--c--components--button--border-radius--focus); } .c__button--error--primary { background-color: var(--c--contextuals--background--semantic--error--primary); color: var(--c--contextuals--content--semantic--error--on-error); } .c__button--error--primary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--error--primary); } .c__button--error--primary:hover, .c__button--error--primary:focus-visible { background-color: var(--c--contextuals--background--semantic--error--primary-hover); } .c__button--error--primary:disabled, .c__button--error--primary[aria-disabled="true"] { background-color: var(--c--contextuals--background--semantic--disabled--primary); color: var(--c--contextuals--content--semantic--disabled--primary); } .c__button--error--secondary { background-color: var(--c--contextuals--background--semantic--error--secondary); color: var(--c--contextuals--content--semantic--error--secondary); } .c__button--error--secondary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--error--primary); } .c__button--error--secondary:hover, .c__button--error--secondary:focus-visible { background-color: var(--c--contextuals--background--semantic--error--secondary-hover); } .c__button--error--secondary:disabled, .c__button--error--secondary[aria-disabled="true"] { background-color: var(--c--contextuals--background--semantic--disabled--secondary); color: var(--c--contextuals--content--semantic--disabled--primary); } .c__button--error--tertiary { color: var(--c--contextuals--content--semantic--error--tertiary); background-color: #0000; } .c__button--error--tertiary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--error--primary); } .c__button--error--tertiary:hover, .c__button--error--tertiary:focus-visible { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__button--error--tertiary:disabled, .c__button--error--tertiary[aria-disabled="true"] { color: var(--c--contextuals--content--semantic--disabled--primary); background-color: #0000; } .c__button--error--bordered { border: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); color: var(--c--contextuals--content--semantic--error--tertiary); background-color: #0000; } .c__button--error--bordered:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--error--primary); } .c__button--error--bordered:hover, .c__button--error--bordered:focus-visible { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__button--error--bordered:disabled, .c__button--error--bordered[aria-disabled="true"] { color: var(--c--contextuals--content--semantic--disabled--primary); border-color: var(--c--contextuals--border--semantic--disabled--primary); background-color: #0000; } .c__button--success { white-space: nowrap; } .c__button--success:hover, .c__button--success:focus-visible { border-radius: var(--c--components--button--border-radius--focus); } .c__button--success--primary { background-color: var(--c--contextuals--background--semantic--success--primary); color: var(--c--contextuals--content--semantic--success--on-success); } .c__button--success--primary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--success--primary); } .c__button--success--primary:hover, .c__button--success--primary:focus-visible { background-color: var(--c--contextuals--background--semantic--success--primary-hover); } .c__button--success--primary:disabled, .c__button--success--primary[aria-disabled="true"] { background-color: var(--c--contextuals--background--semantic--disabled--primary); color: var(--c--contextuals--content--semantic--disabled--primary); } .c__button--success--secondary { background-color: var(--c--contextuals--background--semantic--success--secondary); color: var(--c--contextuals--content--semantic--success--secondary); } .c__button--success--secondary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--success--primary); } .c__button--success--secondary:hover, .c__button--success--secondary:focus-visible { background-color: var(--c--contextuals--background--semantic--success--secondary-hover); } .c__button--success--secondary:disabled, .c__button--success--secondary[aria-disabled="true"] { background-color: var(--c--contextuals--background--semantic--disabled--secondary); color: var(--c--contextuals--content--semantic--disabled--primary); } .c__button--success--tertiary { color: var(--c--contextuals--content--semantic--success--tertiary); background-color: #0000; } .c__button--success--tertiary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--success--primary); } .c__button--success--tertiary:hover, .c__button--success--tertiary:focus-visible { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__button--success--tertiary:disabled, .c__button--success--tertiary[aria-disabled="true"] { color: var(--c--contextuals--content--semantic--disabled--primary); background-color: #0000; } .c__button--success--bordered { border: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); color: var(--c--contextuals--content--semantic--success--tertiary); background-color: #0000; } .c__button--success--bordered:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--success--primary); } .c__button--success--bordered:hover, .c__button--success--bordered:focus-visible { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__button--success--bordered:disabled, .c__button--success--bordered[aria-disabled="true"] { color: var(--c--contextuals--content--semantic--disabled--primary); border-color: var(--c--contextuals--border--semantic--disabled--primary); background-color: #0000; } .c__button--info { white-space: nowrap; } .c__button--info:hover, .c__button--info:focus-visible { border-radius: var(--c--components--button--border-radius--focus); } .c__button--info--primary { background-color: var(--c--contextuals--background--semantic--info--primary); color: var(--c--contextuals--content--semantic--info--on-info); } .c__button--info--primary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--info--primary); } .c__button--info--primary:hover, .c__button--info--primary:focus-visible { background-color: var(--c--contextuals--background--semantic--info--primary-hover); } .c__button--info--primary:disabled, .c__button--info--primary[aria-disabled="true"] { background-color: var(--c--contextuals--background--semantic--disabled--primary); color: var(--c--contextuals--content--semantic--disabled--primary); } .c__button--info--secondary { background-color: var(--c--contextuals--background--semantic--info--secondary); color: var(--c--contextuals--content--semantic--info--secondary); } .c__button--info--secondary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--info--primary); } .c__button--info--secondary:hover, .c__button--info--secondary:focus-visible { background-color: var(--c--contextuals--background--semantic--info--secondary-hover); } .c__button--info--secondary:disabled, .c__button--info--secondary[aria-disabled="true"] { background-color: var(--c--contextuals--background--semantic--disabled--secondary); color: var(--c--contextuals--content--semantic--disabled--primary); } .c__button--info--tertiary { color: var(--c--contextuals--content--semantic--info--tertiary); background-color: #0000; } .c__button--info--tertiary:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--info--primary); } .c__button--info--tertiary:hover, .c__button--info--tertiary:focus-visible { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__button--info--tertiary:disabled, .c__button--info--tertiary[aria-disabled="true"] { color: var(--c--contextuals--content--semantic--disabled--primary); background-color: #0000; } .c__button--info--bordered { border: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); color: var(--c--contextuals--content--semantic--info--tertiary); background-color: #0000; } .c__button--info--bordered:focus-visible { box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--c--contextuals--border--semantic--info--primary); } .c__button--info--bordered:hover, .c__button--info--bordered:focus-visible { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__button--info--bordered:disabled, .c__button--info--bordered[aria-disabled="true"] { color: var(--c--contextuals--content--semantic--disabled--primary); border-color: var(--c--contextuals--border--semantic--disabled--primary); background-color: #0000; } .pro-connect-button { border: "none"; cursor: pointer; background-position: 50%; background-repeat: no-repeat; background-color: var(--c--contextuals--background--semantic--brand--primary); width: 214px; height: 56px !important; } .pro-connect-button:hover { background-color: var(--c--contextuals--background--semantic--brand--primary-hover); } .pro-connect-button:disabled { background-color: var(--c--contextuals--background--semantic--disabled--secondary) !important; } .c__datagrid { align-items: flex-end; gap: var(--c--globals--spacings--s); flex-direction: column; display: flex; position: relative; container-type: inline-size; } .c__datagrid--empty { background-color: var(--c--contextuals--background--surface--secondary); border: 1px var(--c--contextuals--border--semantic--neutral--tertiary) solid; justify-content: center; align-items: center; min-height: 400px; display: flex; } .c__datagrid__table__container { width: 100%; overflow: auto; } .c__datagrid__table__container > table { border-collapse: collapse; font-weight: var(--c--globals--font--weights--regular); table-layout: fixed; width: 100%; } .c__datagrid__table__container > table th, .c__datagrid__table__container > table td { text-align: left; padding: 0 var(--c--globals--spacings--s); white-space: nowrap; font-size: var(--c--globals--font--sizes--s); height: 3rem; overflow: hidden; } .c__datagrid__table__container > table th { color: var(--c--contextuals--content--semantic--neutral--primary); font-weight: var(--c--globals--font--weights--bold); font-size: var(--c--globals--font--sizes--h5); text-transform: uppercase; } .c__datagrid__table__container > table th .c__datagrid__header { font-size: var(--c--globals--font--sizes--xs); align-items: center; display: flex; } .c__datagrid__table__container > table th .c__datagrid__header .material-icons { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .c__datagrid__table__container > table th .c__datagrid__header--sortable { cursor: pointer; } .c__datagrid__table__container > table th .c__datagrid__header__icon-placeholder { width: 24px; height: 24px; } .c__datagrid__table__container > table td { color: var(--c--contextuals--content--semantic--neutral--primary); } .c__datagrid__table__container > table tbody tr, .c__datagrid__table__container > table thead tr { border: 1px var(--c--contextuals--border--surface--primary) solid; } .c__datagrid__table__container > table .c__datagrid__row__cell--highlight { color: var(--c--contextuals--content--semantic--neutral--primary); font-weight: var(--c--globals--font--weights--medium); } .c__datagrid__table__container > table .c__datagrid__row__cell--actions { justify-content: flex-end; align-items: center; display: flex; } .c__datagrid__table__container > table tbody, .c__datagrid__table__container > table thead { background-color: var(--c--contextuals--background--surface--secondary); } .c__datagrid__loader { cursor: wait; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0; } .c__datagrid__loader__background { background-color: var(--c--contextuals--background--semantic--neutral--tertiary); opacity: .5; animation: pulse 1s infinite var(--c--globals--transitions--ease-out); position: absolute; inset: 0; } @keyframes pulse { 0% { opacity: .5; } 50% { opacity: .7; } to { opacity: .5; } } .c__datagrid .c__datagrid__empty-placeholder { align-items: center; gap: var(--c--globals--spacings--s); flex-direction: column; display: flex; } .c__datagrid .c__datagrid__empty-placeholder img { border: 1px var(--c--contextuals--border--semantic--neutral--tertiary) solid; border-radius: .625rem; width: 80%; max-width: 400px; padding: .625rem; } .c__datagrid__table__container { overflow: auto; } .c__datagrid__table__container > table th { height: 24px; } .c__datagrid__table__container > table thead tr { border: none; } .c__datagrid__table__container > table td { height: 40px; } .c__datagrid__table__container > table th .c__datagrid__header { color: var(--c--components--datagrid--header--color); font-weight: var(--c--components--datagrid--header--weight); font-size: var(--c--components--datagrid--header--size); text-transform: none; } .c__datagrid__table__container > table tbody tr { border: none; } .c__datagrid__table__container > table tbody tr:hover { background-color: var(--c--components--datagrid--body--background-color-hover); } .c__checkbox__group__list { flex-direction: column; align-items: flex-start; display: flex; } .c__checkbox__group .c__field__footer { padding: .25rem 0 0 2rem; } .c__checkbox { box-sizing: border-box; cursor: pointer; border: 1px solid #0000; border-radius: 2px; margin-left: -.25rem; padding: .25rem; display: inline-flex; } .c__checkbox:focus-within { border-color: var(--c--contextuals--border--semantic--brand--primary); box-shadow: 0 0 0 1px var(--c--contextuals--border--semantic--brand--primary); outline: 0; } .c__checkbox--disabled { pointer-events: none; } .c__checkbox__container { color: var(--c--components--forms-checkbox--color); justify-content: center; align-items: center; gap: .5rem; display: inline-flex; } .c__checkbox .c__field__footer { padding: .25rem 0 0 2rem; } .c__checkbox__wrapper { position: relative; } .c__checkbox__wrapper input { appearance: none; background-color: var(--c--components--forms-checkbox--background-color); width: var(--c--components--forms-checkbox--size); height: var(--c--components--forms-checkbox--size); border: var(--c--components--forms-checkbox--border-width) solid var(--c--components--forms-checkbox--border-color); border-radius: var(--c--components--forms-checkbox--border-radius); cursor: pointer; transition: border var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out),box-shadow var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); margin: 0; display: block; } .c__checkbox__wrapper input:hover { border-color: var(--c--components--forms-checkbox--border-color--hover); box-shadow: 0 0 0 var(--c--components--forms-checkbox--border-width--hover) var(--c--components--forms-checkbox--border-color--hover); } .c__checkbox__wrapper input:focus { border-color: var(--c--components--forms-checkbox--border-color--focus); box-shadow: 0 0 0 var(--c--components--forms-checkbox--border-width--hover) var(--c--components--forms-checkbox--border-color--focus); outline: none; } .c__checkbox__wrapper input:not(:checked) ~ .checkmark, .c__checkbox__wrapper input:not(:checked) ~ .indeterminate { clip-path: inset(0 100% 0 0); } .c__checkbox__wrapper input:checked { background-color: var(--c--components--forms-checkbox--accent-color); border-color: var(--c--components--forms-checkbox--accent-color); } .c__checkbox__wrapper input:checked ~ .checkmark { clip-path: inset(0); } .c__checkbox__wrapper input:checked ~ .indeterminate { clip-path: inset(0 100% 0 0); } .c__checkbox__wrapper input:checked:hover, .c__checkbox__wrapper input:checked:focus { border-color: var(--c--components--forms-checkbox--accent-color); box-shadow: 0 0 0 var(--c--components--forms-checkbox--border-width--hover) var(--c--components--forms-checkbox--accent-color); } .c__checkbox__wrapper input:indeterminate { background-color: var(--c--components--forms-checkbox--accent-color); border-color: var(--c--components--forms-checkbox--accent-color); } .c__checkbox__wrapper input:indeterminate ~ .indeterminate { clip-path: inset(0); } .c__checkbox__wrapper input:indeterminate ~ .checkmark { clip-path: inset(0 100% 0 0); } .c__checkbox__wrapper input:indeterminate:hover, .c__checkbox__wrapper input:indeterminate:focus { border-color: var(--c--components--forms-checkbox--accent-color); box-shadow: 0 0 0 var(--c--components--forms-checkbox--border-width--hover) var(--c--components--forms-checkbox--accent-color); } .c__checkbox__wrapper input:disabled { cursor: not-allowed !important; } .c__checkbox__wrapper input:disabled svg { color: var(--c--components--forms-checkbox--checkmark-color); } .c__checkbox__wrapper input:disabled:not(:checked):not(:indeterminate) { background-color: var(--c--components--forms-checkbox--background-color); } .c__checkbox__wrapper input:disabled:checked, .c__checkbox__wrapper input:disabled:indeterminate { background-color: var(--c--components--forms-checkbox--accent-color--disabled); border-color: var(--c--components--forms-checkbox--accent-color--disabled); } .c__checkbox__wrapper svg { clip-path: inset(0 100% 0 0); transition: var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); color: var(--c--components--forms-checkbox--checkmark-color); position: absolute; top: 0; left: 0; } .c__checkbox__label { font-size: var(--c--components--forms-checkbox--font-size); font-weight: var(--c--components--forms-checkbox--font-weight); } .c__checkbox--disabled { border-color: #0000; color: var(--c--contextuals--content--semantic--disabled--primary) !important; cursor: not-allowed !important; } .c__checkbox--disabled svg { color: var(--c--contextuals--background--surface--primary); } .c__checkbox--disabled:hover { background-color: #0000; } .c__checkbox--disabled .c__checkbox__label { color: var(--c--contextuals--content--semantic--disabled--primary) !important; } .c__checkbox--full-width { width: 100%; } .c__checkbox--full-width .c__field { align-items: flex-start; } .c__field { width: var(--c--components--forms-field--width); color: var(--c--components--forms-field--color); box-sizing: border-box; flex-direction: column; min-width: 0; display: inline-flex; } .c__field--disabled { color: var(--c--components--forms-field--color--disabled); } .c__field__footer { font-size: var(--c--components--forms-field--font-size); padding: .25rem calc(1rem + 2px) 0; } .c__field__footer__top { justify-content: space-between; display: flex; } .c__field__footer ul { margin: .2rem 0 0; padding: 0 0 0 1rem; line-height: 1rem; } .c__field__text { word-break: break-word; } .c__field__text__right { margin-left: .75rem; } .c__field--error, .c__field--error label, .c__field--error .labelled-box label { color: var(--c--components--forms-field--color--error); } .c__field--success, .c__field--success label, .c__field--success .labelled-box label { color: var(--c--components--forms-field--color--success); } .c__field--full-width { width: 100%; } .c__field--compact { align-items: flex-start; width: auto; } .c__field__label-block { gap: var(--c--components--forms-field--label-description-gap); flex-direction: column; min-width: 0; display: flex; } .c__field__label-description { font-family: var(--c--globals--font--families--base); font-size: var(--c--components--forms-field--label-description-font-size); font-weight: var(--c--components--forms-field--label-description-font-weight); line-height: var(--c--components--forms-field--label-description-line-height); color: var(--c--components--forms-field--label-description-color); } .c__field__label-description--disabled { color: var(--c--components--forms-field--label-description-color--disabled); } .c__field__label-block--disabled label { color: var(--c--components--forms-labelledbox--label-color--small--disabled); } .c__field--inline { grid-template-columns: var(--c--components--forms-field--inline-label-width) minmax(0,var(--c--components--forms-field--width)); align-items: center; column-gap: var(--c--components--forms-field--inline-column-gap); row-gap: var(--c--components--forms-field--inline-row-gap); width: auto; display: grid; } .c__field--inline > * { grid-column: 2; } .c__field--inline > .c__field__label-block, .c__field--inline > label { grid-area: 1 / 1; } .c__field--inline .c__field__label-block label, .c__field--inline > label { margin-bottom: 0; } .c__field--inline .c__field__footer { padding-left: 0; padding-right: 0; } .c__field--inline.c__field--full-width { grid-template-columns: var(--c--components--forms-field--inline-label-width) minmax(0,1fr); width: 100%; } .c__radio input { appearance: none; width: var(--c--components--forms-checkbox--size); height: var(--c--components--forms-checkbox--size); border: var(--c--components--forms-checkbox--border-width) solid var(--c--components--forms-checkbox--border-color); background-color: var(--c--components--forms-checkbox--background-color); cursor: pointer; transition: border var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out),box-shadow var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); border-radius: 50%; justify-content: center; align-items: center; margin: 0; display: flex; } .c__radio input:hover { box-shadow: 0 0 0 var(--c--components--forms-checkbox--border-width--hover) var(--c--components--forms-checkbox--border-color); } .c__radio input:focus { box-shadow: 0 0 0 var(--c--components--forms-checkbox--border-width--hover) var(--c--components--forms-checkbox--border-color); outline: none; } .c__radio input:checked { border-color: var(--c--components--forms-checkbox--accent-color); } .c__radio input:checked:hover, .c__radio input:checked:focus { box-shadow: 0 0 0 var(--c--components--forms-checkbox--border-width--hover) var(--c--components--forms-checkbox--accent-color); } .c__radio input:before { content: ""; width: 1rem; height: 1rem; transition: all var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); box-shadow: inset 1em 1em var(--c--components--forms-checkbox--accent-color); border-radius: 50%; transform: scale(0); } .c__radio input:checked:before { transform: scale(1); } .c__radio.c__checkbox--disabled { pointer-events: none; } .c__radio.c__checkbox--disabled input { border-color: var(--c--components--forms-checkbox--accent-color--disabled); } .c__radio.c__checkbox--disabled input:before { box-shadow: inset 1em 1em var(--c--components--forms-checkbox--accent-color--disabled); } .c__textarea__label { font-size: var(--c--components--forms-labelledbox--classic-label-font-size); font-weight: var(--c--components--forms-labelledbox--classic-label-font-weight); font-family: var(--c--globals--font--families--base); font-style: normal; line-height: var(--c--components--forms-labelledbox--classic-label-line-height); color: var(--c--components--forms-labelledbox--classic-label-color); margin-bottom: var(--c--components--forms-labelledbox--classic-label-margin-bottom); text-overflow: ellipsis; display: block; overflow: hidden; } .c__textarea__label--disabled { color: var(--c--components--forms-labelledbox--label-color--small--disabled); } .c__field--textarea { width: inherit; min-width: var(--c--components--forms-field--width); } .c__field--textarea.c__field--full-width { min-width: 100%; } .c__field--textarea.c__field--inline { align-items: start; width: auto; min-width: 0; } .c__field--textarea.c__field--inline.c__field--full-width { min-width: 100%; } .c__field--textarea.c__field--inline .c__field__label-block, .c__field--textarea.c__field--inline > label { padding-top: .6rem; } .c__textarea__wrapper { border-radius: var(--c--components--forms-textarea--border-radius); border-width: var(--c--components--forms-textarea--border-width); border-color: var(--c--components--forms-textarea--border-color); border-style: var(--c--components--forms-textarea--border-style); background-color: var(--c--components--forms-textarea--background-color); transition: border var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out),border-radius var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out),box-shadow var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); overflow: hidden; } .c__textarea__wrapper .labelled-box__label { padding: 0 .5rem; } .c__textarea__wrapper .c__textarea { font-size: var(--c--components--forms-textarea--font-size); font-weight: var(--c--components--forms-textarea--font-weight); box-sizing: border-box; min-width: 100%; font-family: var(--c--globals--font--families--base); color: var(--c--components--forms-textarea--value-color); background: none; border: none; padding: 0 .5rem; } .c__textarea__wrapper .c__textarea::placeholder { color: var(--c--components--forms-textarea--placeholder-color); font-weight: var(--c--components--forms-textarea--font-weight); line-height: 1.125rem; } .c__textarea__wrapper .c__textarea:focus-visible { outline: none; } .c__textarea__wrapper:hover { border-radius: var(--c--components--forms-textarea--border-radius--hover); border-color: var(--c--components--forms-textarea--border-color--hover) !important; box-shadow: 0 0 0 var(--c--components--forms-textarea--border-width--hover) var(--c--components--forms-textarea--border-color--hover) !important; } .c__textarea__wrapper:focus-within { border-radius: var(--c--components--forms-textarea--border-radius--focus); border-color: var(--c--components--forms-textarea--border-color--focus) !important; box-shadow: 0 0 0 var(--c--components--forms-textarea--border-width--focus) var(--c--components--forms-textarea--border-color--focus) !important; } .c__textarea__wrapper:focus-within label { color: var(--c--components--forms-textarea--label-color--focus); } .c__textarea__wrapper--disabled { cursor: default; pointer-events: none; border-color: var(--c--components--forms-textarea--border-color--disabled); } .c__textarea__wrapper--disabled .c__textarea { background-color: var(--c--components--forms-textarea--background-color); } .c__textarea__wrapper--disabled .c__input { color: var(--c--components--forms-textarea--value-color--disabled); } .c__textarea__wrapper--disabled:hover { border-color: var(--c--contextuals--border--semantic--neutral--tertiary); } .c__textarea__wrapper--classic .c__textarea, .c__textarea__wrapper--inline .c__textarea { padding-top: .5rem; padding-bottom: .5rem; } .c__field--success .c__textarea__wrapper { border-color: var(--c--contextuals--content--semantic--success--tertiary); } .c__field--error .c__textarea__wrapper { border-color: var(--c--contextuals--content--semantic--error--tertiary); } .c__input__label { font-size: var(--c--components--forms-labelledbox--classic-label-font-size); font-weight: var(--c--components--forms-labelledbox--classic-label-font-weight); font-family: var(--c--globals--font--families--base); font-style: normal; line-height: var(--c--components--forms-labelledbox--classic-label-line-height); color: var(--c--components--forms-labelledbox--classic-label-color); margin-bottom: var(--c--components--forms-labelledbox--classic-label-margin-bottom); text-overflow: ellipsis; display: block; overflow: hidden; } .c__input__label--disabled { color: var(--c--components--forms-labelledbox--label-color--small--disabled); } .c__input__wrapper { border-radius: var(--c--components--forms-input--border-radius); border-width: var(--c--components--forms-input--border-width); border-color: var(--c--components--forms-input--border-color); border-style: var(--c--components--forms-input--border-style); background-color: var(--c--components--forms-input--background-color); transition: border var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out),border-radius var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out),box-shadow var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); cursor: text; box-sizing: border-box; gap: 1rem; height: 3.5rem; padding: 0 .5rem; display: flex; } .c__input__wrapper label.placeholder, .c__input__wrapper .c__input { font-size: var(--c--components--forms-input--font-size); font-weight: var(--c--components--forms-input--font-weight); } .c__input__wrapper .c__input { box-sizing: border-box; color: var(--c--components--forms-input--value-color); text-overflow: ellipsis; font-family: var(--c--globals--font--families--base); background-color: #0000; border: none; outline: 0; flex-grow: 1; } .c__input__wrapper .c__input__icon-left, .c__input__wrapper .c__input__icon-right { align-items: center; display: flex; } .c__input__wrapper .c__input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .c__input__wrapper .c__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .c__input__wrapper .c__input::placeholder { color: var(--c--components--forms-input--placeholder-color); font-weight: var(--c--components--forms-input--font-weight); line-height: 1.125rem; } .c__input__wrapper .c__input[type="number"] { -moz-appearance: textfield; } .c__input__wrapper .c__input--medium { min-width: 150px; } .c__input__wrapper .c__input--nano { min-width: 10px; } .c__input__wrapper label { font-size: var(--c--globals--font--sizes--s); transition: all var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); color: var(--c--components--forms-input--label-color); position: absolute; top: .75rem; left: 0; } .c__input__wrapper label.placeholder { top: 18px; color: var(--c--components--forms-input--placeholder-color) !important; } .c__input__wrapper:hover:not(.c__input__wrapper--disabled) { border-radius: var(--c--components--forms-input--border-radius--hover); border-color: var(--c--components--forms-input--border-color--hover); box-shadow: 0 0 0 var(--c--components--forms-input--border-width--hover) var(--c--components--forms-input--border-color--hover); } .c__input__wrapper--full-width { width: 100%; } .c__input__wrapper:focus-within { border-radius: var(--c--components--forms-input--border-radius--focus); box-shadow: 0 0 0 var(--c--components--forms-input--border-width--focus) var(--c--components--forms-input--border-color--focus) !important; border-color: var(--c--components--forms-input--border-color--focus) !important; } .c__input__wrapper:focus-within label { color: var(--c--components--forms-input--label-color--focus); } .c__input__wrapper--disabled { cursor: default; pointer-events: none; border-color: var(--c--contextuals--border--semantic--neutral--tertiary); } .c__input__wrapper--disabled .c__input { color: var(--c--components--forms-input--value-color--disabled); } .c__input__wrapper--disabled:hover { border-color: var(--c--contextuals--border--semantic--neutral--tertiary); } .c__input__wrapper--success { border-color: var(--c--contextuals--border--semantic--success--primary); } .c__input__wrapper--error { border-color: var(--c--contextuals--border--semantic--error--primary); } .c__input__wrapper--classic { align-items: center; height: 2.75rem; } .c__input__wrapper--inline { height: auto; min-height: var(--c--components--forms-input--inline-min-height); border-radius: var(--c--components--forms-input--inline-border-radius); padding: var(--c--components--forms-input--inline-padding-block) var(--c--components--forms-input--inline-padding-inline); align-items: center; } .c__input__wrapper--inline:hover:not(.c__input__wrapper--disabled), .c__input__wrapper--inline:focus-within { border-radius: var(--c--components--forms-input--inline-border-radius); } .c__input__wrapper--inline.c__input__wrapper--disabled { background-color: var(--c--components--forms-input--inline-background-color--disabled); border-color: var(--c--components--forms-input--inline-border-color--disabled); } .c__input__wrapper--inline.c__input__wrapper--disabled:hover { border-color: var(--c--components--forms-input--inline-border-color--disabled); } .c__input--password .c__input__icon-right .material-icons { font-size: 1.5rem; } .labelled-box { box-sizing: border-box; width: 100%; position: relative; } .labelled-box label.placeholder { font-size: var(--c--components--forms-input--font-size); font-weight: var(--c--components--forms-input--font-weight); } .labelled-box label { font-size: var(--c--globals--font--sizes--t); transition: all var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); color: var(--c--components--forms-labelledbox--label-color--small); text-overflow: ellipsis; max-width: 100%; position: absolute; top: .5rem; left: 0; overflow: hidden; } .labelled-box label.placeholder { color: var(--c--components--forms-labelledbox--label-color--big); top: 16px; } .labelled-box label span { white-space: nowrap; } .labelled-box__children { padding: 1.5rem 0 0; display: flex; } .labelled-box--no-label { align-items: center; display: flex; } .labelled-box--no-label .labelled-box__children { flex-grow: 1; padding-top: 0; } .labelled-box--horizontal { align-items: center; height: auto; display: flex; } .labelled-box--horizontal label { flex-shrink: 0; padding-top: 0; position: static; } .labelled-box--horizontal .labelled-box__children { flex-grow: 1; padding: 0; } .labelled-box--disabled label { color: var(--c--components--forms-labelledbox--label-color--small--disabled); } .labelled-box--disabled label.placeholder { color: var(--c--components--forms-labelledbox--label-color--big--disabled); } .labelled-box--classic label { margin-bottom: var(--c--components--forms-labelledbox--classic-label-margin-bottom); font-size: var(--c--components--forms-labelledbox--classic-label-font-size); font-weight: var(--c--components--forms-labelledbox--classic-label-font-weight); font-family: var(--c--globals--font--families--base); font-style: normal; line-height: var(--c--components--forms-labelledbox--classic-label-line-height); color: var(--c--components--forms-labelledbox--classic-label-color); text-overflow: ellipsis; transition: none; position: static; overflow: hidden; } .labelled-box--classic .labelled-box__children { padding-top: 0; } .labelled-box--classic.labelled-box--disabled label { color: var(--c--components--forms-labelledbox--label-color--small--disabled); } .c__select { position: relative; } .c__select__label { font-size: var(--c--components--forms-labelledbox--classic-label-font-size); font-weight: var(--c--components--forms-labelledbox--classic-label-font-weight); font-family: var(--c--globals--font--families--base); font-style: normal; line-height: var(--c--components--forms-labelledbox--classic-label-line-height); color: var(--c--components--forms-labelledbox--classic-label-color); margin-bottom: var(--c--components--forms-labelledbox--classic-label-margin-bottom); cursor: pointer; text-overflow: ellipsis; display: block; overflow: hidden; } .c__select__label--disabled { color: var(--c--components--forms-labelledbox--label-color--small--disabled); cursor: default; } .c__select--classic .c__select__wrapper, .c__select--inline .c__select__wrapper { align-items: center; height: 2.75rem; } .c__select--classic .c__select__inner, .c__select--inline .c__select__inner { align-items: center; } .c__select--classic .c__select__inner__actions, .c__select--inline .c__select__inner__actions { top: 0; } .c__select--classic.c__select--multiline:not(.c__select--populated) .c__select__wrapper, .c__select--inline.c__select--multiline:not(.c__select--populated) .c__select__wrapper { min-height: 2.75rem; } .c__select--classic.c__select--multiline:not(.c__select--populated) .c__select__inner, .c__select--inline.c__select--multiline:not(.c__select--populated) .c__select__inner { display: flex; } .c__select--classic.c__select--multiline:not(.c__select--populated) .c__select__inner__actions, .c__select--inline.c__select--multiline:not(.c__select--populated) .c__select__inner__actions { float: none; order: 2; height: auto; top: 0; } .c__select--classic.c__select--multiline.c__select--populated .c__select__wrapper, .c__select--inline.c__select--multiline.c__select--populated .c__select__wrapper { align-items: flex-start; min-height: 2.75rem; padding-top: 9px; padding-bottom: .25rem; } .c__select--classic.c__select--multiline.c__select--populated .c__select__inner, .c__select--inline.c__select--multiline.c__select--populated .c__select__inner { align-items: flex-start; display: flex; } .c__select--classic.c__select--multiline.c__select--populated .c__select__inner__actions, .c__select--inline.c__select--multiline.c__select--populated .c__select__inner__actions { float: none; order: 2; height: auto; top: 0; } .c__select__wrapper { border-radius: var(--c--components--forms-select--border-radius); border-width: var(--c--components--forms-select--border-width); border-color: var(--c--components--forms-select--border-color); border-style: var(--c--components--forms-select--border-style); transition: border var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out),border-radius var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out),box-shadow var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); box-sizing: border-box; height: var(--c--components--forms-select--height); cursor: pointer; background-color: var(--c--components--forms-select--background-color); gap: 1rem; padding: 0 .5rem; display: flex; position: relative; overflow: hidden; } .c__select__wrapper label { cursor: pointer; max-width: calc(100% - 1.5rem); } .c__select__wrapper:hover { border-radius: var(--c--components--forms-select--border-radius--hover); border-color: var(--c--components--forms-select--border-color--hover); box-shadow: 0 0 0 var(--c--components--forms-select--border-width--hover) var(--c--components--forms-select--border-color--hover); } .c__select__wrapper:focus-within, .c__select__wrapper--focus { border-radius: var(--c--components--forms-select--border-radius--focus); border-color: var(--c--components--forms-select--border-color--focus); box-shadow: 0 0 0 var(--c--components--forms-select--border-width--focus) var(--c--components--forms-select--border-color--focus); } .c__select__wrapper:focus-within label, .c__select__wrapper--focus label { color: var(--c--components--forms-select--label-color--focus); } .c__select__placeholder { color: var(--c--components--forms-select--placeholder-color); font-size: var(--c--components--forms-select--font-size); font-weight: var(--c--globals--font--weights--regular); line-height: 1.125rem; } .c__select__inner { -webkit-user-select: none; user-select: none; flex-grow: 1; justify-content: space-between; min-width: 0; display: flex; } .c__select__inner__value { text-overflow: ellipsis; font-size: var(--c--components--forms-select--font-size); color: var(--c--components--forms-select--value-color); flex-grow: 1; } .c__select__inner__value input { color: var(--c--components--forms-select--color); font-size: var(--c--components--forms-select--font-size); background-color: var(--c--components--forms-select--background-color); border: 0; outline: 0; margin: 0; padding: 0; } .c__select__inner__value__input--hidden { height: 0; position: absolute; } .c__select__inner__actions { align-items: center; gap: .5rem; height: 0; display: flex; position: relative; top: 3px; } .c__select__inner__actions span { transition: all var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); font-size: 1.25rem; } .c__select__inner__actions span.opened { transform: rotate(180deg); } .c__select__inner__actions__clear { color: var(--c--contextuals--content--semantic--neutral--secondary); } .c__select__inner__actions__separator { background-color: var(--c--contextuals--content--semantic--neutral--tertiary); width: 1px; height: 24px; } .c__select__inner__actions__open { color: var(--c--contextuals--content--semantic--neutral--primary); } .c__select .labelled-box--no-label .c__select__inner { align-items: center; } .c__select .labelled-box--no-label .c__select__inner__actions { top: 0; } .c__select__menu { background-color: var(--c--components--forms-select--menu-background-color); z-index: 1; width: calc(100% - 4px); max-height: 10rem; display: none; position: absolute; overflow: auto; transform: translate(2px); } .c__select__menu--opened { display: block; } .c__select__menu ul { margin: 0; padding: .1875rem 0 0; list-style-type: none; } .c__select__menu__item { font-size: var(--c--components--forms-select--item-font-size); color: var(--c--components--forms-select--item-color); cursor: pointer; padding: .75rem; } .c__select__menu__item--highlight { background-color: var(--c--components--forms-select--item-background-color--hover); } .c__select__menu__item--selected { background-color: var(--c--components--forms-select--item-background-color--selected); } .c__select__menu__item--disabled { color: var(--c--components--forms-select--item-color--disabled); cursor: default; pointer-events: none; } .c__select__menu__empty-placeholder { color: var(--c--contextuals--content--semantic--neutral--secondary); font-style: italic; } .c__select__menu.c__select__menu--checkbox .c__select__menu__item { padding: 0; } .c__select__menu.c__select__menu--checkbox .c__select__menu__item .c__checkbox { margin-left: 0; padding: .75rem; } .c__select__menu.c__select__menu--checkbox .c__select__menu__item .c__checkbox__label { font-size: var(--c--components--forms-select--item-font-size); color: var(--c--components--forms-select--item-color); font-weight: 400; } .c__select--disabled { pointer-events: none; } .c__select--disabled .c__select__wrapper { border-color: var(--c--contextuals--border--semantic--neutral--tertiary); cursor: default; } .c__select--disabled .c__select__wrapper label, .c__select--disabled .c__select__wrapper input { cursor: default; } .c__select--disabled .c__select__wrapper .c__select__inner__value { color: var(--c--components--forms-select--value-color--disabled); } .c__select--disabled:hover { border-color: var(--c--contextuals--border--semantic--neutral--tertiary-hover); } .c__select--error .c__select__wrapper { border-color: var(--c--contextuals--border--semantic--error--secondary); } .c__select--error .c__select__wrapper label { color: var(--c--contextuals--content--semantic--error--secondary); } .c__select--error:not(.c__select__wrapper--disabled) .c__select__wrapper:hover { border-color: var(--c--contextuals--border--semantic--error--primary); } .c__select--error:not(.c__select__wrapper--disabled) .c__select__wrapper:hover label { color: var(--c--contextuals--content--semantic--error--primary); } .c__select--success .c__select__wrapper { border-color: var(--c--contextuals--border--semantic--success--secondary); } .c__select--success .c__select__wrapper label { color: var(--c--contextuals--content--semantic--success--secondary); } .c__select--success:not(.c__select__wrapper--disabled) .c__select__wrapper:hover { border-color: var(--c--contextuals--border--semantic--success--primary); } .c__select--success:not(.c__select__wrapper--disabled) .c__select__wrapper:hover label { color: var(--c--contextuals--content--semantic--success--primary); } .c__select--mono .c__select__inner__value { white-space: nowrap; overflow: hidden; } .c__select--multi.c__select--monoline .c__select__inner .c__select__inner__value { overflow: hidden; } .c__select--multi.c__select--monoline .c__select__inner .c__select__inner__actions { order: 2; } .c__select--multi.c__select--multiline .c__select__wrapper { height: auto; min-height: var(--c--components--forms-select--height); } .c__select--multi.c__select--multiline .c__select__inner { display: block; } .c__select--multi.c__select--multiline .c__select__inner__actions { float: right; height: 0; position: relative; top: .1875rem; } .c__select--multi.c__select--text .c__select__inner__value { white-space: nowrap; text-overflow: ellipsis; } .c__select--multi .c__select__inner__value { gap: .25rem; } .c__select--multi .c__select__inner__value__pill { background-color: var(--c--components--forms-select--multi-pill-background-color); border-radius: var(--c--components--forms-select--multi-pill-border-radius); max-width: var(--c--components--forms-select--multi-pill-max-width); font-size: var(--c--components--forms-select--multi-pill-font-size); vertical-align: middle; align-items: center; gap: .25rem; margin-bottom: .25rem; margin-right: .25rem; padding: .125rem .5rem; display: inline-flex; } .c__select--multi .c__select__inner__value__pill > span { text-overflow: ellipsis; white-space: nowrap; min-width: 0; overflow: hidden; } .c__select--multi .c__select__inner__value__pill__clear { width: auto; height: auto; } .c__select--multi .c__select__inner__value__pill__clear .material-icons { font-size: 1.125rem; } .c__select--multi .c__select__inner__value__input { display: inline-grid; } .c__select--multi .c__select__inner__value__input:after, .c__select--multi .c__select__inner__value__input input { width: auto; min-width: 1em; font: inherit; resize: none; appearance: none; background: none; border: none; grid-area: 1 / 2; margin: 0; padding: 0; } .c__select--multi .c__select__inner__value__input:after { content: attr(data-value) " "; visibility: hidden; white-space: pre-wrap; } .c__select--multi.c__select--populated .c__select__inner__value .c__select__inner__value__input { height: 1.375rem; } .c__select--multi.c__select--populated .c__select__inner__actions { height: auto; top: -8px; } .c__select--multi.c__select--populated .labelled-box--no-label .c__select__inner__actions { top: 4px; } .c__select--multi.c__select--populated .labelled-box--no-label .c__select__inner__value { padding-top: .25rem; } .c__switch input { opacity: 0; width: 0; height: 0; margin: 0; position: absolute; } .c__switch .c__checkbox__container { justify-content: space-between; } input:checked + .c__switch__rail { background-color: var(--c--components--forms-switch--accent-color); } input:checked + .c__switch__rail:before { transform: translate(20px); } .c__switch__rail__wrapper { display: inline-flex; } .c__switch__rail { cursor: pointer; background-color: var(--c--components--forms-switch--rail-background-color); width: 2.8125rem; height: 1.5rem; transition: var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); border-radius: var(--c--components--forms-switch--rail-border-radius); position: relative; } .c__switch__rail:before { content: ""; background-color: var(--c--components--forms-switch--handle-background-color); width: 1.125rem; height: 1.125rem; transition: var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); border-radius: var(--c--components--forms-switch--handle-border-radius); position: absolute; top: 3px; left: 4px; } .c__switch .c__field__footer { padding: .25rem 0 0; } .c__switch.c__checkbox--disabled input:not(:checked) + .c__switch__rail, .c__switch.c__checkbox--disabled input:checked + .c__switch__rail { background-color: var(--c--components--forms-switch--rail-background-color--disabled); } .c__switch.c__checkbox--disabled .c__switch__rail { cursor: default; } .c__switch.c__checkbox--disabled .c__switch__rail:before { background-color: var(--c--components--forms-switch--handle-background-color--disabled); } .c__switch--right .c__checkbox__container { flex-direction: row-reverse; } .c__switch--right .c__field__footer { padding: .25rem 0 0 3.3rem; } .c__switch--right.c__switch--full-width .c__field__footer { flex-direction: row-reverse; } .c__switch--full-width { width: 100%; } .c__calendar { min-width: 14.375rem; max-width: 16.25rem; display: block; position: relative; } .c__calendar__wrapper { padding: var(--c--components--calendar--padding); border-radius: var(--c--components--calendar--border-radius); min-height: 17.5rem; display: block; } .c__calendar__wrapper--opened { background-color: var(--c--components--calendar--background-color); border: 1px solid var(--c--contextuals--border--surface--primary); border-radius: var(--c--components--calendar--border-radius); box-shadow: 0 2px 4px #0000000d; } .c__calendar__wrapper__header { justify-content: space-between; align-items: center; display: flex; } .c__calendar__wrapper__header__selects { align-items: center; gap: .25rem; display: flex; } .c__calendar__wrapper__header__nav { align-items: center; display: flex; } .c__calendar__wrapper__grid--hidden { visibility: hidden; pointer-events: none; } .c__calendar__wrapper__grid { table-layout: fixed; border-spacing: 0 .25rem; width: 100%; padding-top: .5rem; } .c__calendar__wrapper__grid__header-row { line-height: 2.5rem; font-size: var(--c--components--calendar--header-font-size); } .c__calendar__wrapper__grid__header-row th { font-weight: var(--c--components--button--font-weight); color: var(--c--contextuals--content--semantic--neutral--tertiary); } .c__calendar__wrapper__grid__week-row td { text-align: center; vertical-align: middle; height: var(--c--components--calendar--cell-size); width: var(--c--components--calendar--cell-size); padding: 0; } .c__calendar__wrapper__grid__week-row__background--range { background: var(--c--components--calendar--range-middle-bg); justify-content: center; align-items: center; height: 26px; display: flex; } .c__calendar__wrapper__grid__week-row__background--range:not(.c__calendar__wrapper__grid__week-row__background--range--end):not(.c__calendar__wrapper__grid__week-row__background--range--start):not(.c__calendar__wrapper__grid__week-row__background--range--disabled) button { color: var(--c--components--calendar--range-middle-color); } .c__calendar__wrapper__grid__week-row__background--range--end { background: linear-gradient(to right,var(--c--components--calendar--range-middle-bg) 50%,transparent 50%); } .c__calendar__wrapper__grid__week-row__background--range--start { background: linear-gradient(to left,var(--c--components--calendar--range-middle-bg) 50%,transparent 50%); } .c__calendar__wrapper__grid__week-row__background--range--disabled { background: var(--c--components--calendar--range-middle-bg--disabled); } .c__calendar__wrapper__grid__week-row__button--today { border: 1px solid var(--c--components--calendar--date-today-border-color); } .c__calendar__wrapper__grid__week-row__button--today:not(.c__calendar__wrapper__grid__week-row__button--selected) { color: var(--c--components--calendar--date-today-color); } .c__calendar__wrapper__grid__week-row .c__button--small { border-radius: var(--c--components--calendar--cell-border-radius); width: 26px; min-width: 26px; height: 26px; font-size: var(--c--components--calendar--cell-font-size); justify-content: center; align-items: center; margin: auto; padding: 0; } .c__calendar__wrapper__footer { justify-content: space-between; align-items: center; margin-top: .25rem; padding-top: .5rem; display: flex; } .c__calendar__wrapper__footer__left { display: flex; } .c__calendar__wrapper__footer__right { gap: .5rem; margin-left: auto; display: flex; } .c__calendar__menu { background-color: var(--c--components--calendar--menu-background-color); border-radius: var(--c--components--calendar--menu-border-radius); border: 1px solid var(--c--contextuals--border--surface--primary); z-index: 2; width: auto; min-width: 140px; max-height: 15rem; display: none; position: absolute; top: 0; left: 0; overflow: auto; box-shadow: 0 2px 4px #0000000d; } .c__calendar__menu--opened { display: block; } .c__calendar__menu ul { margin: 0; padding: .1875rem 0 0; list-style-type: none; } .c__calendar__menu__item { font-size: var(--c--components--calendar--menu-item-font-size); color: var(--c--components--calendar--menu-item-color); cursor: pointer; height: var(--c--components--calendar--menu-item-height); box-sizing: border-box; justify-content: space-between; align-items: center; padding: .25rem .75rem; display: flex; } .c__calendar__menu__item--highlight { background-color: var(--c--components--calendar--menu-item-background-color--hover); } .c__calendar__menu__item--selected { font-weight: var(--c--globals--font--weights--bold); } .c__calendar__menu__item--disabled { color: var(--c--contextuals--content--semantic--disabled--primary); pointer-events: none; } .c__calendar__menu__item__check { color: var(--c--contextuals--content--semantic--neutral--tertiary); font-size: 1rem; } .c__date-picker { position: relative; } .c__date-picker__label { font-size: var(--c--components--forms-labelledbox--classic-label-font-size); font-weight: var(--c--components--forms-labelledbox--classic-label-font-weight); font-family: var(--c--globals--font--families--base); font-style: normal; line-height: var(--c--components--forms-labelledbox--classic-label-line-height); color: var(--c--components--forms-labelledbox--classic-label-color); margin-bottom: var(--c--components--forms-labelledbox--classic-label-margin-bottom); text-overflow: ellipsis; display: block; overflow: hidden; } .c__date-picker__label--disabled { color: var(--c--components--forms-labelledbox--label-color--small--disabled); } .c__date-picker--classic .c__date-picker__wrapper { align-items: center; height: 2.75rem; } .c__date-picker--classic .c__date-picker__inner__action { margin-top: 0; } .c__date-picker--classic .c__date-picker__range__separator { flex-shrink: 0; align-self: center; } .c__date-picker__wrapper { border-radius: var(--c--components--forms-datepicker--border-radius); border-width: var(--c--components--forms-datepicker--border-width); border-color: var(--c--components--forms-datepicker--border-color); border-style: var(--c--components--forms-datepicker--border-style); transition: border var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out),border-radius var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out),box-shadow var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); box-sizing: border-box; height: var(--c--components--forms-datepicker--height); background-color: var(--c--components--forms-datepicker--background-color); gap: 1rem; padding: 0 .5rem; display: flex; position: relative; overflow: hidden; } .c__date-picker__wrapper--clickable { cursor: pointer; } .c__date-picker__wrapper__icon { align-items: center; display: flex; } .c__date-picker__wrapper__toggle .icon { font-size: var(--c--components--button--medium-icon-font-size); } .c__date-picker__inner { -webkit-user-select: none; user-select: none; flex-grow: 1; justify-content: space-between; min-width: 0; display: flex; } .c__date-picker__inner--collapsed { clip: rect(1px,1px,1px,1px); clip-path: inset(50%); width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .c__date-picker__inner--clickable { cursor: pointer; } .c__date-picker__inner__value { font-size: var(--c--components--forms-datepicker--font-size); color: var(--c--components--forms-datepicker--value-color); flex-grow: 1; display: block; overflow: hidden; } .c__date-picker__inner__value__segment--empty { color: var(--c--components--forms-field--color); } .c__date-picker__inner__value__segment:focus-visible { background-color: var(--c--contextuals--background--semantic--brand--tertiary); outline: none; } .c__date-picker__inner__action { flex-shrink: 0; margin-top: 1.375rem; } .c__date-picker__inner__action--empty { color: var(--c--components--forms-field--color); } .c__date-picker__inner__action--hidden { visibility: hidden; transition: none; } .c__date-picker--disabled { pointer-events: none; } .c__date-picker--disabled .c__date-picker__wrapper { color: var(--c--contextuals--content--semantic--disabled--primary); border-color: var(--c--components--forms-datepicker--border-color--disabled); cursor: default; pointer-events: none; } .c__date-picker--disabled .c__date-picker__wrapper__toggle { color: var(--c--contextuals--content--semantic--disabled--tertiary); } .c__date-picker--disabled .c__date-picker__wrapper .c__date-picker__inner__action { color: var(--c--contextuals--content--semantic--disabled--primary); } .c__date-picker--disabled .c__date-picker__wrapper .c__date-picker__inner__value { color: var(--c--components--forms-datepicker--value-color--disabled); } .c__date-picker--disabled .c__date-picker__wrapper label { cursor: default; } .c__date-picker--invalid .c__date-picker__wrapper { border-color: var(--c--contextuals--border--semantic--error--primary); } .c__date-picker--invalid .c__date-picker__wrapper__toggle { color: var(--c--contextuals--content--semantic--error--secondary); } .c__date-picker--success .c__date-picker__wrapper { border-color: var(--c--contextuals--border--semantic--success--primary); } .c__date-picker--success .c__date-picker__wrapper__toggle { color: var(--c--contextuals--content--semantic--success--secondary); } .c__date-picker:hover .c__date-picker__wrapper { border-radius: var(--c--components--forms-datepicker--border-radius--hover); border-color: var(--c--components--forms-datepicker--border-color--hover); box-shadow: 0 0 0 var(--c--components--forms-datepicker--border-width--hover) var(--c--components--forms-datepicker--border-color--hover); } .c__date-picker--focused .c__date-picker__wrapper { border-radius: var(--c--components--forms-datepicker--border-radius--focus) !important; border-color: var(--c--components--forms-datepicker--border-color--focus) !important; box-shadow: 0 0 0 var(--c--components--forms-datepicker--border-width--focus) var(--c--components--forms-datepicker--border-color--focus) !important; } .c__date-picker--focused .c__date-picker__wrapper .c__date-picker__wrapper__toggle { color: var(--c--components--forms-datepicker--border-color--focus) !important; } .c__date-picker--focused .c__date-picker__wrapper label { color: var(--c--components--forms-datepicker--label-color--focus); } .c__date-picker .c__date-picker__wrapper:focus-visible { outline: none; border-radius: var(--c--components--forms-datepicker--border-radius--focus) !important; border-color: var(--c--components--forms-datepicker--border-color--focus) !important; box-shadow: 0 0 0 var(--c--components--forms-datepicker--border-width--focus) var(--c--components--forms-datepicker--border-color--focus) !important; } .c__date-picker .c__date-picker__wrapper:focus-visible .c__date-picker__wrapper__toggle { color: var(--c--components--forms-datepicker--border-color--focus) !important; } .c__date-picker .c__date-picker__wrapper:focus-visible label { color: var(--c--components--forms-datepicker--label-color--focus); } .c__date-picker__range__labels { margin-bottom: var(--c--components--forms-labelledbox--classic-label-margin-bottom); display: flex; } .c__date-picker__range__labels .c__date-picker__label { flex: 1; margin-bottom: 0; } .c__date-picker__range__labels__spacer { flex-shrink: 0; width: 1rem; } .c__date-picker__range__container:not(.c__field--full-width) { min-width: 21.875rem; } @media (max-width: 576px) { .c__date-picker__range__container:not(.c__field--full-width) { min-width: auto; } .c__date-picker__range__container:not(.c__field--full-width) .c__date-picker__wrapper__icon { display: none; } } .c__date-picker__range__container.c__field--full-width .c__date-picker__wrapper { container-type: inline-size; } @container (max-width: 21.875rem) { .c__date-picker__range__container.c__field--full-width .c__date-picker__wrapper__icon { display: none; } } .c__date-picker__range__separator { background-color: var(--c--contextuals--border--semantic--neutral--tertiary); width: .0625rem; height: 1.5rem; margin: auto; } .c__loader { border-radius: 50%; animation: 1s linear infinite rotate; position: relative; } .c__loader:before, .c__loader:after { content: ""; box-sizing: border-box; border-style: solid; border-color: var(--c--contextuals--border--semantic--brand--primary); border-radius: 50%; animation: 2s linear infinite prixClipFix; position: absolute; inset: 0; } .c__loader:after { border-color: var(--c--contextuals--border--semantic--brand--secondary); animation: 2s linear infinite prixClipFix, .5s linear infinite reverse rotate; inset: 6px; } .c__loader span { display: none; } .c__loader--small { width: 24px; height: 24px; } .c__loader--small:before, .c__loader--small:after { border-width: 2px; } .c__loader--medium { width: 48px; height: 48px; } .c__loader--medium:before, .c__loader--medium:after { border-width: 5px; } @keyframes rotate { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } @keyframes prixClipFix { 0% { clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); } 25% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); } 50% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); } 75% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); } to { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } } .c__spinner { background: radial-gradient(farthest-side, #cecece 94%, #0000) top / 3.8px 3.8px no-repeat, conic-gradient(#0000 30%, #cecece); border-radius: 50%; animation: 1s linear infinite spinner-c7wet2; -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 3.8px), #000 0); } .c__spinner.sm { width: 16px; height: 16px; } .c__spinner.md { width: 24px; height: 24px; } .c__spinner.lg { width: 32px; height: 32px; } .c__spinner.xl { width: 40px; height: 40px; } @keyframes spinner-c7wet2 { to { transform: rotate(1turn); } } .c__modal { background-color: var(--c--components--modal--background-color); border-radius: var(--c--components--modal--border-radius); border-color: var(--c--components--modal--border-color); box-shadow: var(--c--components--modal--box-shadow); color: var(--c--components--modal--color); box-sizing: border-box; flex-direction: column; max-width: calc(100% - 2em - 6px); max-height: calc(100% - 2em - 6px); display: flex; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } .c__modal__scroller { padding: var(--c--globals--spacings--md); overflow: auto; } .c__modal__scroller--compact { padding: var(--c--globals--spacings--base); } .c__modal:focus-visible { outline: none; } .c__modal::backdrop { background: none; } .c__modal__backdrop { background-color: var(--c--components--modal--backdrop-color); opacity: 0; animation: .2s ease-out forwards backdrop-fade-in; position: fixed; inset: 0; } @keyframes backdrop-fade-in { 0% { opacity: 0; } to { opacity: 1; } } .c__modal__header--compact { margin-bottom: var(--c--globals--spacings--base); align-items: center; display: flex; position: relative; } .c__modal__header--compact .c__button { position: absolute; top: 50%; right: -9px; transform: translateY(-50%); } .c__modal__title { --font-size: 18px; align-items: center; gap: var(--c--globals--spacings--xs); margin-bottom: var(--c--globals--spacings--base); color: var(--c--contextuals--content--semantic--neutral--primary); font-size: var(--font-size); padding-right: 2rem; font-style: normal; font-weight: 700; line-height: 24px; display: flex; } .c__modal__title:has( + .c__modal__subtitle) { margin-bottom: var(--c--globals--spacings--xs); } .c__modal__title--compact { --font-size: var(--c--components--modal--compact-title-font-size, 14px); font-weight: var(--c--components--modal--title-font-weight); margin-bottom: 0; padding-right: 0; line-height: normal; } .c__modal__subtitle { color: var(--c--contextuals--content--semantic--neutral--secondary); font-size: 14px; font-style: normal; font-weight: 400; line-height: var(--line-height-sm, 18px); } .c__modal__title-icon { --icon-size: 1.5rem; flex-shrink: 0; align-items: center; display: flex; } .c__modal__title-icon .delete-confirmation-icon { color: var(--c--contextuals--content--semantic--netural--tertiary); } .c__modal__title-icon .modal-message-error-icon { color: var(--c--contextuals--content--semantic--error--tertiary); } .c__modal__title-icon .modal-message-warning-icon { color: var(--c--contextuals--content--semantic--warning--tertiary); } .c__modal__title-icon .modal-message-info-icon { color: var(--c--contextuals--content--semantic--info--tertiary); } .c__modal__title-icon .modal-message-success-icon { color: var(--c--contextuals--content--semantic--success--tertiary); } .c__modal__title-icon * { font-size: var(--icon-size); } .c__modal__content { font-size: var(--c--components--modal--content-font-size); font-weight: var(--c--components--modal--content-font-weight); color: var(--c--components--modal--content-color); } .c__modal__content:focus-visible { outline: none; } .c__modal__content__text { text-align: left; } .c__modal__close { z-index: 1; justify-content: flex-end; height: 0; display: flex; position: sticky; top: 0; } .c__modal__close .c__button { position: relative; top: -1.1rem; right: -1.1rem; } .c__modal__footer { background-color: var(--c--components--modal--background-color); justify-content: space-between; gap: 1rem; margin-top: 1.5rem; display: flex; } @media (max-width: 576px) { .c__modal__footer { padding: var(--c--globals--spacings--sm); flex-direction: column; gap: 1rem; padding-bottom: 0; } .c__modal__footer > div { width: 100%; } } .c__modal__footer--sticky { padding: var(--c--globals--spacings--md); flex-shrink: 0; margin-top: 0; } @media (max-width: 576px) { .c__modal__footer--sticky { padding: var(--c--globals--spacings--sm); border-top: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); padding-bottom: 0; } } .c__modal__footer__left, .c__modal__footer__right { gap: 1rem; display: flex; } @media (max-width: 576px) { .c__modal__footer__left, .c__modal__footer__right { flex-direction: column; } } .c__modal__footer__right { margin-left: auto; } .c__modal--small { width: var(--c--components--modal--width-small); } @media (max-width: 576px) { .c__modal--small { width: calc(100vw - 1rem); } } .c__modal--medium { width: var(--c--components--modal--width-medium); } @media (max-width: 576px) { .c__modal--medium { width: calc(100vw - 1rem); } } .c__modal--large { width: var(--c--components--modal--width-large); } @media (max-width: 992px) { .c__modal--large { width: calc(100vw - 4rem); } } @media (max-width: 768px) { .c__modal--large { width: calc(100vw - 2rem); } } .c__modal--extra-large { width: var(--c--components--modal--width-extra-large); } @media (max-width: 768px) { .c__modal--extra-large { width: calc(100vw - 1rem); } } .c__modal--extra-large .c__modal__title { --font-size: var(--c--globals--font--sizes--h1); } .c__modal--tab { overflow: hidden; } .c__modal--tab .c__modal__tab-layout { flex-direction: row; flex: 1; min-height: 0; display: flex; } .c__modal--tab .c__modal__tab-sidebar { width: var(--c--components--modal--tab-sidebar-width); background-color: var(--c--components--modal--tab-sidebar-background-color); border-right: 1px solid var(--c--components--modal--border-color); padding: calc(var(--c--globals--spacings--base) + 2px); flex-direction: column; flex-shrink: 0; display: flex; overflow-y: auto; } .c__modal--tab .c__modal__tab-sidebar__header { margin-bottom: var(--c--globals--spacings--base); justify-content: space-between; align-items: center; display: flex; } .c__modal--tab .c__modal__tab-sidebar__close { display: none; } .c__modal--tab .c__modal__tab-sidebar__title { font-size: 18px; font-weight: var(--c--components--modal--title-font-weight); color: var(--c--contextuals--content--semantic--neutral--primary); padding: 0 var(--c--globals--spacings--xs); line-height: 24px; } .c__modal--tab .c__modal__tab-sidebar__nav { flex-direction: column; gap: 4px; display: flex; } .c__modal--tab .c__modal__tab-sidebar__item { all: unset; box-sizing: border-box; cursor: pointer; height: var(--c--components--modal--tab-item-height); padding: 0 var(--c--globals--spacings--xs); border-radius: var(--c--components--modal--tab-item-border-radius); font-size: var(--c--components--modal--tab-item-font-size); font-weight: var(--c--components--modal--tab-item-font-weight); color: var(--c--contextuals--content--semantic--neutral--primary); white-space: nowrap; text-overflow: ellipsis; justify-content: space-between; align-items: center; display: flex; overflow: hidden; } .c__modal--tab .c__modal__tab-sidebar__item-label { align-items: center; gap: var(--c--globals--spacings--xs); text-overflow: ellipsis; display: flex; overflow: hidden; } .c__modal--tab .c__modal__tab-sidebar__item-chevron { color: var(--c--contextuals--content--semantic--neutral--tertiary); flex-shrink: 0; display: none; } .c__modal--tab .c__modal__tab-sidebar__item:hover { background-color: var(--c--components--modal--tab-item-hover-background-color); } .c__modal--tab .c__modal__tab-sidebar__item--active { background-color: var(--c--components--modal--tab-item-active-background-color); font-weight: var(--c--components--modal--tab-item-font-weight--active); } .c__modal--tab .c__modal__tab-sidebar__item:focus-visible { outline: 2px solid var(--c--contextuals--border--semantic--brand--primary); outline-offset: -2px; } .c__modal--tab .c__modal__tab-content { flex-direction: column; flex: 1; min-width: 0; display: flex; overflow: hidden; } .c__modal--tab .c__modal__tab-content__head { padding: var(--c--globals--spacings--base); padding-bottom: 0; } .c__modal--tab .c__modal__tab-content__header { align-items: center; gap: var(--c--globals--spacings--xs); display: flex; } .c__modal--tab .c__modal__tab-content__header .c__modal__close { flex-shrink: 0; height: auto; position: static; } .c__modal--tab .c__modal__tab-content__header .c__modal__close .c__button { position: static; } .c__modal--tab .c__modal__tab-content__title-group { flex: 1; } .c__modal--tab .c__modal__tab-content__title-group .c__modal__title { margin-bottom: 0; padding-right: 0; } .c__modal--tab .c__modal__tab-content__back { display: none; } .c__modal--tab .c__modal__tab-content .c__modal__content { padding: var(--c--globals--spacings--base); flex: 1; padding-bottom: 0; overflow-y: auto; } .c__modal--tab .c__modal__tab-content .c__modal__footer { padding: var(--c--globals--spacings--base); } @media (max-width: 576px) { .c__modal--tab { max-width: none; box-shadow: none; border: none; border-radius: 0; margin: 0; position: absolute; inset: 0; transform: none; width: auto !important; height: 100vh !important; min-height: 0 !important; max-height: 100vh !important; } .c__modal--tab .c__modal__tab-layout { width: 200%; height: 100%; transition: transform .15s ease-in-out; } .c__modal--tab .c__modal__tab-layout--show-content { transform: translate(-50%); } .c__modal--tab .c__modal__tab-sidebar { box-sizing: border-box; border-right: none; flex-shrink: 0; width: 50%; min-width: 50%; max-width: 50%; } .c__modal--tab .c__modal__tab-sidebar__header { margin-bottom: var(--c--globals--spacings--md); } .c__modal--tab .c__modal__tab-sidebar__close { display: flex; } .c__modal--tab .c__modal__tab-sidebar__item { height: 44px; } .c__modal--tab .c__modal__tab-sidebar__item-chevron { display: flex; } .c__modal--tab .c__modal__tab-content { box-sizing: border-box; width: 50%; min-width: 50%; max-width: 50%; padding-bottom: var(--c--globals--spacings--sm); flex-shrink: 0; } .c__modal--tab .c__modal__tab-content .c__modal__footer { padding: var(--c--globals--spacings--sm); } .c__modal--tab .c__modal__tab-content__header .c__modal__title { margin-bottom: 0; padding-right: 0; } .c__modal--tab .c__modal__tab-content .c__modal__subtitle { margin-top: var(--c--globals--spacings--2xs); } .c__modal--tab .c__modal__tab-content__back { all: unset; cursor: pointer; width: 32px; height: 32px; color: var(--c--contextuals--content--semantic--neutral--primary); flex-shrink: 0; justify-content: center; align-items: center; display: flex; } .c__modal--tab .c__modal__tab-content__back:focus-visible { outline: 2px solid var(--c--contextuals--border--semantic--brand--primary); border-radius: 4px; } .c__modal--tab .c__modal__tab-content--scrollable .c__modal__tab-content__head { border-bottom: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); padding-bottom: var(--c--globals--spacings--base); } .c__modal--tab .c__modal__tab-content--scrollable .c__modal__content { padding-bottom: var(--c--globals--spacings--base); } .c__modal--tab .c__modal__tab-content--scrollable .c__modal__footer { border-top: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); } } .c__modal--full { width: auto; max-width: none; height: 100vh; max-height: 100vh; box-shadow: none; border: none; border-radius: 0; flex-direction: column; margin: 0; display: flex; position: absolute; inset: 0; transform: none; } .c__modal--full .c__modal__scroller { flex: 1; min-height: 0; } .c__modal--full .c__modal__content { flex-grow: 1; overflow-y: scroll; } .c__modal--full .c__modal__title { --font-size: var(--c--globals--font--sizes--h1); } .c__noscroll { overflow: hidden; } .c__modal__title { text-align: left; margin-bottom: var(--c--globals--spacings--2xs); padding: 0; font-size: 1.125rem; } .c__modal__content__text--light { color: var(--c--contextuals--content--semantic--neutral--secondary); font-size: var(--c--globals--font--sizes--sm); font-weight: 400; } .c__modal__close .c__button--tertiary-text:hover, .c__modal__close .c__button--tertiary-text:focus-visible { box-shadow: none; } .c__modal__scroller { padding: var(--c--globals--spacings--md); } .c__modal__close button { height: 28px; padding: 0; font-size: 88px; width: 28px !important; } .c__modal__close button .material-icons { color: var(--c--contextuals--content--semantic--neutral--secondary); padding: 0; font-size: 24px; } .c__modal__close .c__button { padding: 0 !important; } .c__modal--full .c__modal__content { overflow-y: auto; } @media screen and (max-width: 420px) { .c__modal__scroller { padding: .7rem; } .c__modal__title h2 { font-size: 1rem; } } @media (max-width: 576px) { .c__modal__footer--sided { flex-direction: column-reverse; gap: .5rem; } .c__modal__footer button { justify-content: center; } } .c__pagination { gap: 2rem; height: 3.5rem; display: flex; } .c__pagination__list { border: 1px var(--c--contextuals--border--surface--primary) solid; padding: var(--c--globals--spacings--st); background: var(--c--contextuals--background--surface--secondary); border-radius: 2px; align-items: center; display: flex; } .c__pagination__list__ellipsis { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .c__pagination__goto { align-items: center; gap: .5rem; display: flex; } .c__pagination__goto .c__field--default { width: 100px; } @container (max-width: 768px) { .c__pagination { width: 100%; display: block; } .c__pagination__list { box-sizing: border-box; justify-content: center; height: 3.5rem; } .c__pagination__goto { display: none; } } .c__popover { z-index: 1; width: fit-content; display: flex; position: absolute; } .c__popover:not(.c__popover--borderless) { background-color: var(--c--components--forms-datepicker--menu-background-color); } .c__toast__container { flex-direction: column; align-items: flex-start; gap: .5rem; padding-bottom: 3rem; padding-left: 3rem; display: flex; position: fixed; bottom: 0; left: 0; } @media (max-width: 576px) { .c__toast__container { padding: .5rem; right: 0; } .c__toast__container .c__toast { width: 100%; min-width: auto; max-width: none; } } .c__toast { background-color: var(--c--components--toast--background-color); will-change: transform; min-width: 18rem; max-width: 27rem; color: var(--c--components--toast--color); font-weight: var(--c--components--toast--font-weight); border-radius: 4px; overflow: hidden; box-shadow: 0 2px 6px 2px #0c1a2b26; } .c__toast:not(.c__toast--no-animate) { animation: slide-in var(--c--components--toast--slide-in-duration) ease; } .c__toast--disappear:not(.c__toast--no-animate) { animation: slide-out var(--c--components--toast--slide-out-duration) ease forwards; } .c__toast__icon { flex-shrink: 0; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .c__toast__icon span { font-size: var(--c--components--toast--icon-size); } .c__toast__content { flex-direction: row-reverse; align-items: center; gap: .5rem; padding: 1rem; display: flex; } .c__toast__content__buttons { flex-shrink: 0; } .c__toast__content__children { flex-grow: 1; } .c__toast .c__progress-bar { --c--progress--color: var(--c--contextuals--background--semantic--neutral--primary); } .c__toast--info .c__progress-bar { --c--progress--color: var(--c--contextuals--background--semantic--info--primary); } .c__toast--info .c__toast__icon { color: var(--c--contextuals--content--semantic--info--primary); } .c__toast--success .c__progress-bar { --c--progress--color: var(--c--contextuals--background--semantic--success--primary); } .c__toast--success .c__toast__icon { color: var(--c--contextuals--content--semantic--success--primary); } .c__toast--warning .c__progress-bar { --c--progress--color: var(--c--contextuals--background--semantic--warning--primary); } .c__toast--warning .c__toast__icon { color: var(--c--contextuals--content--semantic--warning--primary); } .c__toast--error .c__progress-bar { --c--progress--color: var(--c--contextuals--background--semantic--error--primary); } .c__toast--error .c__toast__icon { color: var(--c--contextuals--content--semantic--error--primary); } @keyframes slide-out { 0% { transform: translate(0); } to { opacity: 0; transform: translate(-100%); } } @keyframes fade-in { 0% { opacity: 0; } } @keyframes slide-in { 0% { transform: translateY(200px); } } .c__progress-bar { height: var(--c--components--toast--progress-bar-height); --c--progress--color: var(--c--contextuals--background--semantic--brand--primary); } .c__progress-bar__content { background-color: var(--c--progress--color); height: 100%; } .c__tooltip { border-radius: var(--c--components--tooltip--border-radius); background: var(--c--components--tooltip--background-color); color: var(--c--components--tooltip--color); font-size: var(--c--components--tooltip--font-size); forced-color-adjust: none; border: 1px solid var(--c--components--tooltip--border-color); padding: var(--c--components--tooltip--padding); max-width: var(--c--components--tooltip--max-width); --animation-duration: .2s; outline: none; display: flex; transform: translateZ(0); box-shadow: 0 1px 5.4px #00000026; } .c__tooltip[data-placement="top"] { --origin: translateY(4px); margin-bottom: 8px; } .c__tooltip[data-placement="top"] .react-aria-OverlayArrow { left: 50%; } .c__tooltip[data-placement="bottom"] { --origin: translateY(-4px); margin-top: 8px; } .c__tooltip[data-placement="bottom"] .react-aria-OverlayArrow { left: 50%; } .c__tooltip[data-placement="bottom"] .react-aria-OverlayArrow svg { transform: rotate(180deg); } .c__tooltip[data-placement="right"] { --origin: translateX(-4px); margin-left: 8px; } .c__tooltip[data-placement="right"] .react-aria-OverlayArrow { top: 50%; } .c__tooltip[data-placement="right"] .react-aria-OverlayArrow svg { transform: rotate(90deg); } .c__tooltip[data-placement="left"] { --origin: translateX(4px); margin-right: 8px; } .c__tooltip[data-placement="left"] .react-aria-OverlayArrow { top: 50%; } .c__tooltip[data-placement="left"] .react-aria-OverlayArrow svg { transform: rotate(-90deg); } .c__tooltip .react-aria-OverlayArrow svg { fill: var(--c--components--tooltip--background-color); display: block; } .c__tooltip--entering { animation: slide var(--animation-duration); } .c__tooltip--exiting { animation: slide var(--animation-duration) reverse forwards; } .c__tooltip__content { overflow: auto; } @keyframes slide { 0% { transform: var(--origin); opacity: 0; } to { opacity: 1; transform: translateY(0); } } .c__tooltip__content { white-space: break-spaces; font-weight: 500; } body, .c__input, .c__field, .c__select, .c__datagrid { font-family: var(--c--globals--font--families--base); } .c__popover.c__popover--borderless { z-index: 3; } .c__date-picker__wrapper { transition: all var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); } .c__date-picker:not(.c__date-picker--disabled):hover .c__date-picker__wrapper { box-shadow: var(--c--contextuals--border--semantic--brand--secondary) 0 0 0 2px; } .c__date-picker.c__date-picker--invalid:not(.c__date-picker--disabled):hover .c__date-picker__wrapper { box-shadow: var(--c--contextuals--border--semantic--error--secondary) 0 0 0 2px; } .c__date-picker__wrapper button[aria-label="Clear date"], .c__date-picker.c__date-picker--invalid .c__date-picker__wrapper * { color: var(--c--contextuals--border--semantic--error--secondary); } .c__toast__container { z-index: 10000; } .c__alert { border-left-width: 1px; padding: 12px; } .c__alert__content { min-height: auto; font-size: 12px; font-weight: 400; } .c__alert__additional { font-size: 11px; } .c__alert--success { background-color: var(--c--contextuals--background--semantic--success--tertiary); } .c__alert--warning { background-color: var(--c--contextuals--background--semantic--warning--tertiary); } .c__alert--error { background-color: var(--c--contextuals--background--semantic--error--tertiary); } .c__alert--neutral { background-color: var(--c--contextuals--background--semantic--neutral--tertiary); } .c__file-uploader { box-sizing: border-box; width: 100%; color: inherit; font-weight: inherit; cursor: initial; background: none; border: 0; border-radius: 0; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 0; padding: 0; display: flex; position: static; } .c__file-uploader__input { display: none; } .c__file-uploader__dropzone { box-sizing: border-box; justify-content: center; align-items: center; gap: var(--c--globals--spacings--3xs, 4px); min-height: 144px; padding: var(--c--globals--spacings--3xs, 4px); border: 1px solid var(--c--contextuals--border--surface--primary, #dfe2ea); border-radius: var(--c--globals--spacings--3xs, 4px); background: var(--c--contextuals--background--surface--primary, #fff); text-align: center; cursor: pointer; flex-direction: column; transition: background .15s, border-color .15s, box-shadow .15s; display: flex; box-shadow: inset 0 0 #0000; } .c__file-uploader__dropzone__inner { justify-content: center; align-items: center; gap: var(--c--globals--spacings--3xs, 4px); flex-direction: column; display: flex; } .c__file-uploader__dropzone:hover { border-color: var(--c--contextuals--border--surface--primary, #dfe2ea); } .c__file-uploader__dropzone:focus-visible { outline: 2px solid var(--c--contextuals--border--semantic--brand--primary, #3e5de7); outline-offset: 2px; } .c__file-uploader__dropzone--dragging { border-color: var(--c--contextuals--border--semantic--brand--secondary, #90a7ff); background: var(--c--contextuals--background--semantic--brand--tertiary, #edf0ff); box-shadow: inset 0 0 0 1px var(--c--contextuals--border--semantic--brand--secondary, #90a7ff); outline: 2px solid var(--c--contextuals--border--semantic--brand--secondary, #90a7ff); outline-offset: -2px; } .c__file-uploader__dropzone--filled { border-style: solid; } .c__file-uploader__dropzone--multiple { text-align: left; justify-content: flex-start; align-items: stretch; overflow: hidden; } .c__file-uploader__dropzone--disabled { cursor: not-allowed; opacity: .6; } .c__file-uploader__dropzone__icon { color: var(--c--contextuals--content--semantic--brand--primary, #3e5de7); font-size: 28px; } .c__file-uploader__dropzone__icon--success { color: var(--c--contextuals--content--semantic--success--primary, #1f8c4d); } .c__file-uploader__dropzone__icon--error { color: var(--c--contextuals--content--semantic--error--primary, #cf202d); } .c__file-uploader__dropzone__text { font-size: var(--c--globals--font--sizes--sm, .875rem); line-height: var(--c--globals--line-heights--sm, 18px); color: var(--c--contextuals--content--semantic--neutral--primary); margin: 0; font-weight: 500; } .c__file-uploader__dropzone__text--uploading { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .c__file-uploader__dropzone__description { color: var(--c--contextuals--content--semantic--neutral--tertiary); font-size: var(--c--globals--font--sizes--xs, .75rem); margin: 0; font-weight: 400; } .c__file-uploader__dropzone__description--error { color: var(--c--contextuals--content--semantic--error--tertiary); } .c__file-uploader__dropzone__loader { flex-shrink: 0; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; } .c__file-uploader__dropzone__file-icon { width: 48px; height: 48px; color: var(--c--contextuals--content--semantic--neutral--secondary, #555e74); flex-shrink: 0; display: block; position: relative; } .c__file-uploader__dropzone__file-icon > img { width: 100%; height: 100%; display: block; } .c__file-uploader__dropzone__hint { font-size: var(--c--globals--font--sizes--xs, .75rem); line-height: var(--c--globals--line-heights--xs, 16px); color: var(--c--contextuals--content--semantic--neutral--tertiary, #626a80); align-items: center; margin: 0; display: flex; } .c__file-uploader__dropzone__drag-label { font-size: var(--c--globals--font--sizes--xs, .75rem); line-height: var(--c--globals--line-heights--xs, 16px); color: var(--c--contextuals--content--semantic--brand--primary, #223e9e); margin: 0; font-weight: 700; } .c__file-uploader__dropzone__error { font-size: var(--c--globals--font--sizes--xs, .75rem); line-height: var(--c--globals--line-heights--xs, 16px); color: var(--c--contextuals--content--semantic--error--tertiary, #cf202d); margin: 0; font-weight: 400; } .c__file-uploader__illustration { flex-shrink: 0; width: 102px; height: 72px; } .c__file-uploader__illustration img { width: 100%; height: 100%; display: block; } .c__file-uploader__link { font-size: var(--c--globals--font--sizes--sm, .875rem); color: var(--c--contextuals--content--semantic--neutral--tertiary, #626a80); justify-content: center; align-items: center; height: 24px; font-weight: 500; display: flex; } .c__file-uploader__link--brand { font-size: var(--c--globals--font--sizes--xs, .75rem); line-height: var(--c--globals--line-heights--xs, 16px); color: var(--c--contextuals--content--semantic--brand--tertiary, #3e5de7); } .c__file-uploader__link:hover { text-decoration: underline; } .c__file-uploader__button.c__button { height: 24px; font-size: var(--c--globals--font--sizes--xs, .75rem); line-height: var(--c--globals--line-heights--xs, 16px); flex-shrink: 0; } .c__file-uploader__list { flex-direction: column; width: 100%; margin: 0; padding: 0; list-style: none; display: flex; } .c__file-uploader__item { box-sizing: border-box; align-items: center; gap: var(--c--globals--spacings--xs, 8px); width: 100%; height: var(--c--globals--spacings--xl, 40px); min-height: var(--c--globals--spacings--xl, 40px); padding: var(--c--globals--spacings--3xs, 4px) var(--c--globals--spacings--xxs, 6px); border-radius: var(--c--globals--spacings--3xs, 4px); font-size: var(--c--globals--font--sizes--sm, .875rem); line-height: var(--c--globals--line-heights--sm, 18px); background: none; border: 0; outline: 0; display: flex; } .c__file-uploader__item .c__file-icon { flex-shrink: 0; } .c__file-uploader__item__name { text-overflow: ellipsis; white-space: nowrap; min-width: 0; color: var(--c--contextuals--content--semantic--neutral--primary, #222631); flex: auto; font-weight: 500; overflow: hidden; } .c__file-uploader__item--uploading .c__file-uploader__item__name { color: var(--c--contextuals--content--semantic--neutral--secondary, #555e74); } .c__file-uploader__item__trailing { align-items: center; gap: var(--c--globals--spacings--xs, 8px); flex-shrink: 0; display: flex; } .c__file-uploader__item__size { color: var(--c--contextuals--content--semantic--neutral--tertiary, #626a80); } .c__file-uploader__item__error { color: var(--c--contextuals--content--semantic--error--tertiary, #cf202d); } .c__file-uploader__item__status { border-radius: var(--c--globals--spacings--3xs, 4px); grid-area: 1 / 1; justify-content: center; align-items: center; width: 24px; height: 24px; line-height: 0; display: inline-flex; } .c__file-uploader__item__status > svg, .c__file-uploader__item__status > .material-icons { flex-shrink: 0; display: block; } .c__file-uploader__item__status--done, .c__file-uploader__item__status--uploading { color: var(--c--contextuals--content--semantic--brand--tertiary, #3e5de7); } .c__file-uploader__item__status--error { color: var(--c--contextuals--content--semantic--error--tertiary, #cf202d); } .c__file-uploader__item__error-trigger.c__button { box-sizing: border-box; width: 24px; min-width: 24px; height: 24px; min-height: 24px; color: var(--c--contextuals--content--semantic--error--tertiary, #cf202d); background: none; border: 0; margin: 0; padding: 0; } .c__file-uploader__item__control { flex: 0 0 24px; width: 24px; height: 24px; display: grid; } .c__file-uploader__item__progress { width: 16px; height: 16px; display: block; overflow: visible; transform: rotate(-90deg); } .c__file-uploader__item__progress circle { fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2px; display: block; } .c__file-uploader__item__action.c__button { box-sizing: border-box; opacity: 0; pointer-events: none; background: none; border: 0; grid-area: 1 / 1; height: 24px; min-height: 24px; margin: 0; } .c__file-uploader__item__action.c__button:hover { background: none; border: 0; } .c__file-uploader__item__remove.c__button, .c__file-uploader__item__cancel.c__button { width: 24px; min-width: 24px; padding: 0; } .c__file-uploader__item--actionable .c__file-uploader__item__status { pointer-events: none; } .c__file-uploader__item--actionable:hover .c__file-uploader__item__status, .c__file-uploader__item--actionable:focus-within .c__file-uploader__item__status { opacity: 0; } .c__file-uploader__item--actionable:hover .c__file-uploader__item__action, .c__file-uploader__item--actionable:focus-within .c__file-uploader__item__action { opacity: 1; pointer-events: auto; } @media (hover: none) { .c__file-uploader__item--actionable .c__file-uploader__item__status { opacity: 0; } .c__file-uploader__item--actionable .c__file-uploader__item__action { opacity: 1; pointer-events: auto; } } .c__dropdown-menu-trigger { justify-content: center; align-items: center; display: flex; } .react-aria-Popover, .react-aria-ListBox { outline: none; } .c__dropdown-menu { background-color: var(--c--contextuals--background--surface--primary); z-index: 1000; max-width: min(320px, 100vw - 32px); max-height: inherit; box-sizing: border-box; border: 1px solid var(--c--contextuals--border--surface--primary); border-radius: 8px; min-width: 150px; box-shadow: 0 0 6px #0000911a; } .c__dropdown-menu__list { outline: none; overflow: auto; } .c__dropdown-menu__list .react-aria-Separator { background: var(--c--contextuals--border--semantic--neutral--tertiary); height: 1px; } .c__dropdown-menu-item-top-message, .c__dropdown-menu-item-bottom-message { padding: var(--c--globals--spacings--sm, .5rem); color: var(--c--contextuals--content--semantic--neutral--primary); font-weight: 500; font-size: var(--c--globals--font--sizes--xs, .75rem); align-items: center; display: flex; } .c__dropdown-menu-item, button.c__dropdown-menu-item { cursor: pointer; line-height: 19px; font-size: var(--c--globals--font--sizes--sm, .875rem); color: var(--c--contextuals--content--semantic--neutral--primary); forced-color-adjust: none; border-bottom: 1px solid #0000; outline: none; align-items: center; gap: 8px; padding: 8px; font-weight: 500; display: flex; } .c__dropdown-menu-item__icon, button.c__dropdown-menu-item__icon { color: var(--c--contextuals--content--semantic--neutral--tertiary); justify-content: center; align-items: center; display: flex; } .c__dropdown-menu-item[data-has-submenu], button.c__dropdown-menu-item[data-has-submenu] { padding-right: 8px; } .c__dropdown-menu-item--danger, button.c__dropdown-menu-item--danger, .c__dropdown-menu-item--danger .c__dropdown-menu-item__icon, button.c__dropdown-menu-item--danger .c__dropdown-menu-item__icon { color: var(--c--contextuals--content--semantic--negative--primary, #c9191e); } .c__dropdown-menu-item__label-container, button.c__dropdown-menu-item__label-container { flex-direction: column; flex: 1; display: flex; } .c__dropdown-menu-item__label, button.c__dropdown-menu-item__label { flex: 1; } .c__dropdown-menu-item__label-subtext, button.c__dropdown-menu-item__label-subtext { font-size: var(--c--globals--font--sizes--xs, .75rem); color: var(--c--contextuals--content--semantic--neutral--tertiary); font-weight: 400; } .c__dropdown-menu-item[data-focused], .c__dropdown-menu-item:hover, button.c__dropdown-menu-item[data-focused], button.c__dropdown-menu-item:hover { background: var(--c--contextuals--background--semantic--contextual--primary); } .c__dropdown-menu-item[data-disabled], button.c__dropdown-menu-item[data-disabled] { color: var(--c--contextuals--content--semantic--disabled--primary); cursor: not-allowed; } .c__dropdown-menu-item[data-disabled]:hover, button.c__dropdown-menu-item[data-disabled]:hover { background: none; } .c__dropdown-menu-item[data-disabled] .c__dropdown-menu-item__label-subtext, button.c__dropdown-menu-item[data-disabled] .c__dropdown-menu-item__label-subtext { color: var(--c--contextuals--content--semantic--disabled--primary); } .c__dropdown-menu-item .checked, button.c__dropdown-menu-item .checked { margin-left: var(--c--globals--spacings--md, 1.5rem); } button.c__dropdown-menu-item { text-align: left; background: none; border: none; width: 100%; font-family: inherit; } button.c__dropdown-menu-item:focus-visible { background: var(--c--contextuals--background--semantic--contextual--primary); } .c__dropdown-menu--tiny { border-radius: var(--c--globals--spacings--xs, 8px); background-color: var(--c--contextuals--background--surface--secondary); } .c__dropdown-menu--tiny .c__dropdown-menu-item { gap: var(--c--globals--spacings--xxs, 6px); padding: var(--c--globals--spacings--xs, 8px); height: 16px; font-size: var(--c--globals--font--sizes--xs, .75rem); line-height: var(--c--globals--line-heights--xs, 16px); padding-right: var(--c--globals--spacings--xs, 8px); } .c__dropdown-menu--tiny .c__dropdown-menu-item .material-icons { width: 16px; height: 16px; font-size: 16px; } .dropdown-menu-separator { background-color: var(--c--contextuals--background--surface--primary); width: 100%; height: 1px; } .c__footer { position: relative; } .c__footer__stripe { background: var(--c--contextuals--background--semantic--brand--primary); width: 100%; height: 2px; position: absolute; top: 0; } .c__footer__logo { color: #0000; width: 220px; height: auto; } .c__footer__content { flex-direction: column; padding: 3rem 1.625rem 1rem; display: flex; } .c__footer__content__top { flex-flow: wrap; justify-content: space-between; align-items: center; gap: 1.5rem; display: flex; } .c__footer__content__top__logo { flex-direction: row; align-items: center; gap: 6rem; display: flex; } .c__footer__content__top__logo .c__logo-gouv { font-size: 1.3rem; } .c__footer__content__top__links { flex-flow: wrap; gap: .5rem 1.5rem; display: flex; } .c__footer__content__top__links a { color: var(--c--contextuals--content--semantic--neutral--primary); gap: .2rem; font-weight: 700; text-decoration: none; transition: box-shadow .3s; display: flex; } .c__footer__content__middle { border-top: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); flex-flow: wrap; gap: .5rem 1rem; margin-top: 1.625rem; padding-top: .5rem; display: flex; } .c__footer__content__middle a { color: var(--c--contextuals--content--semantic--neutral--secondary); box-shadow: inset -1px 0 0 0 var(--c--contextuals--border--semantic--neutral--tertiary); padding-right: 1rem; font-size: .8125rem; text-decoration: none; display: flex; } .c__footer__content__mention { color: var(--c--contextuals--content--semantic--neutral--secondary); margin-top: 1.625rem; font-size: .8125rem; display: inline; } .c__footer__content__mention a { color: var(--c--contextuals--content--semantic--neutral--secondary); box-shadow: 0 1px 0 0 var(--c--contextuals--border--semantic--neutral--tertiary); text-decoration: none; display: inline-flex; } .c__filter { flex-shrink: 0; } .c__filter__button { background-color: var(--c--contextuals--background--semantic--neutral--tertiary); cursor: pointer; border: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); height: 32px; font-size: 14px; font-weight: 400; font-family: var(--c--globals--font--families--base); color: var(--c--contextuals--content--semantic--neutral--tertiary); white-space: nowrap; border-radius: 4px; align-items: center; gap: 6px; padding: 0 6px 0 8px; display: flex; } .c__filter__button__icon { transition: all var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out); font-size: 1.25rem; } .c__filter__button__icon.opened { transform: rotate(180deg); } .c__filter__button:not(.c__filter__button--active):hover, .c__filter__button:not(.c__filter__button--active):focus, .c__filter__button:not(.c__filter__button--active):focus-within { background-color: var(--c--contextuals--background--semantic--neutral--tertiary-hover); } .c__filter__button--active { background-color: var(--c--contextuals--background--semantic--brand--secondary); border-color: var(--c--contextuals--border--semantic--brand--secondary); color: var(--c--contextuals--content--semantic--brand--primary); font-weight: 500; } .c__filter__button--active:hover, .c__filter__button--active:focus, .c__filter__button--active:focus-within { background-color: var(--c--contextuals--background--semantic--brand--secondary-hover); } .c__filter__item { justify-content: space-between; align-items: center; gap: 6px; width: 100%; display: flex; } .c__filter__label { white-space: nowrap; align-items: center; display: flex; } .c__filter__popover { background-color: var(--c--contextuals--background--surface--primary); border: 1px solid var(--c--contextuals--border--surface--primary); border-radius: 4px; padding: 8px; } .c__search-filter__popover { min-width: 240px; max-width: 320px; } .c__search-filter__search { align-items: center; gap: var(--c--globals--spacings--xxs, 6px); height: 36px; padding: 0 var(--c--globals--spacings--xs, 8px); color: var(--c--contextuals--content--semantic--neutral--secondary); display: flex; } .c__search-filter__search input { font-size: var(--c--globals--font--sizes--sm, .875rem); font-family: var(--c--globals--font--families--base); color: var(--c--contextuals--content--semantic--neutral--primary); padding: var(--c--globals--spacings--4xs, 2px) 0; background: none; border: none; outline: none; flex: 1; } .c__search-filter__search input::placeholder { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .c__search-filter__list { max-height: 240px; overflow-y: auto; } .c__search-filter__item { cursor: pointer; min-height: 32px; font-size: var(--c--globals--font--sizes--sm, .875rem); color: var(--c--contextuals--content--semantic--neutral--primary); box-sizing: border-box; outline: none; font-weight: 500; } .c__search-filter__item[data-focused] { background: var(--c--contextuals--background--semantic--contextual--primary); } .c__search-filter__user-row { align-items: center; gap: 16px; display: flex; } .c__search-filter__empty, .c__search-filter__loading { color: var(--c--contextuals--content--semantic--neutral--tertiary); font-size: var(--c--globals--font--sizes--sm, .875rem); justify-content: center; align-items: center; padding: 8px; display: flex; } .c__home-gutter { box-sizing: border-box; justify-content: center; align-items: center; width: 100%; max-width: 1120px; margin: auto; padding: 0 3rem; display: flex; } @media (max-width: 576px) { .c__home-gutter { padding: 1rem; } } .c__hero { justify-content: space-around; align-items: center; width: 100%; max-width: 78rem; height: 100vh; display: flex; position: relative; } .c__hero * { box-sizing: border-box; } .c__hero__display { flex-direction: row; justify-content: center; align-items: center; gap: 1rem; width: 100%; display: flex; position: relative; overflow: auto; } @media (max-width: 768px) { .c__hero__display { flex-direction: column; } } .c__hero__display__captions { flex-direction: column; flex-grow: 1; justify-content: center; align-items: center; gap: .75rem; max-width: 400px; display: flex; } @media (max-width: 768px) { .c__hero__display__captions { max-width: 100%; } } .c__hero__display__captions > h2 { color: var(--c--contextuals--content--semantic--neutral--primary); text-align: center; margin: 0; font-size: 2.3rem; font-weight: 700; line-height: 45px; } .c__hero__display__captions__subtitle { color: var(--c--contextuals--content--semantic--neutral--secondary); text-align: center; margin-bottom: 1rem; font-size: 1.125rem; } .c__hero__display > img { object-fit: contain; flex-grow: 1; width: 50%; max-width: 100%; max-height: 100%; overflow: auto; } @media (max-width: 768px) { .c__hero__display > img { display: none; } } button.lasuite-gaufre-btn { box-shadow: inset 0 0 !important; } .c__header { background-color: var(--c--contextuals--background--surface--secondary); border-bottom: 1px solid var(--c--contextuals--border--surface--primary); justify-content: space-between; align-items: center; height: 52px; min-height: 52px; max-height: 52px; padding: 0 1.125rem; display: flex; } @media screen and (max-width: 1024px) { .c__header { padding: 0 1rem; } } .c__header__toggle-menu { display: none; } @media screen and (max-width: 1024px) { .c__header__toggle-menu { display: block; } } .c__header__toggle-menu__icon { color: var(--c--contextuals--content--semantic--brand--tertiary); } .c__header__left, .c__header__right { align-items: center; display: flex; } @media screen and (max-width: 1024px) { .c__header__right__language-picker { display: none; } } .c__left-panel { background-color: var(--c--contextuals--background--surface--secondary); border-right: 1px solid var(--c--contextuals--border--surface--primary); flex-direction: column; width: 100%; display: flex; } .c__left-panel.has-header { height: calc(100dvh - 52px); } .c__left-panel:not(.has-header) { height: 100dvh; } .c__left-panel__mobile { z-index: 999; border-right: 1px solid var(--c--contextuals--border--surface--primary); background-color: var(--c--contextuals--background--surface--secondary); flex-direction: column; width: 100dvw; height: calc(100dvh - 52px); transition: transform .2s cubic-bezier(.4, 0, .2, 1); display: flex; position: fixed; transform: translate(-100dvw); } .c__left-panel__mobile.open { border-top: 1px solid var(--c--contextuals--border--surface--primary); transform: translate(0); } .c__left-panel__content { flex: 1; min-height: 0; overflow-y: auto; } .c__left-panel__footer { flex-shrink: 0; } .c__left-panel__mobile .c__left-panel__footer { border-top: 1px solid var(--c--contextuals--border--surface--primary); } .c__right-panel { border-left: 1px solid var(--c--contextuals--border--surface--primary); background-color: var(--c--contextuals--background--surface--secondary); width: 0; height: calc(100dvh - 52px); transition: width .2s cubic-bezier(.4, 0, .2, 1); overflow-y: auto; } .c__right-panel.open { width: 300px; } .c__right-panel__mobile { z-index: 998; background-color: var(--c--contextuals--background--surface--secondary); width: 100dvw; height: calc(100dvh - 52px); transition: transform .2s cubic-bezier(.4, 0, .2, 1); position: fixed; overflow-y: auto; transform: translate(100dvw); } .c__right-panel__mobile.open { transform: translate(0); } .c__language-picker { align-items: center; gap: .5rem; display: flex; } .c__main-layout { flex-direction: column; height: 100dvh; display: flex; } .c__main-layout.resizing .c__left-panel__mobile, .c__main-layout.resizing .c__right-panel__mobile, .c__main-layout.resizing .c__right-panel { transition: none !important; } .c__main-layout__header { position: fixed; top: 0; left: 0; right: 0; } .c__main-layout__content { width: 100%; height: 100%; margin-top: 52px; display: flex; } .c__main-layout__content__left-panel { border-right: 1px solid var(--c--contextuals--border--surface--primary); width: 300px; height: calc(100dvh - 52px); } @media screen and (max-width: 1024px) { .c__main-layout__content__left-panel { width: 100dvw; } } .c__main-layout__content__center { display: flex; } .c__main-layout__content__center__children { background: var(--c--contextuals--background--surface--primary); flex: 1; width: 100%; height: calc(100dvh - 52px); overflow-y: auto; } .quick-search-input-container { align-items: center; gap: var(--c--globals--spacings--2xs); padding: var(--c--globals--spacings--xs) var(--c--globals--spacings--base); margin-top: var(--c--globals--spacings--xs); display: flex; } .quick-search-input-container .material-icons { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .quick-search-input-container input.quick-search-input { color: var(--c--contextuals--content--semantic--neutral--primary); background: none; border: none; outline: none; } .quick-search-input-container input.quick-search-input::placeholder { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .c__quick-search-item-template { padding: var(--c--globals--spacings--3xs, .25rem) var(--c--globals--spacings--2xs, .375rem); justify-content: space-between; align-items: center; width: 100%; display: flex; } .c__quick-search-item-template__left { align-items: center; gap: var(--c--globals--spacings--2xs); width: 100%; display: flex; } .c__quick-search-item-template__right { justify-content: flex-end; align-items: center; display: flex; } .c__quick-search-item-template__right:not(.always-show-right) { opacity: 0; } .c__quick-search-item-template__right.always-show-right { opacity: 1 !important; } .quick-search-group__empty-string { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .quick-search-container [cmdk-root] { border-radius: 12px; outline: none; width: 100%; transition: transform .1s; overflow: hidden; } .quick-search-container [cmdk-input] { background: var(--c--contextuals--background--surface--primary); width: 100%; color: var(--c--contextuals--content--semantic--neutral--primary); border: none; border-radius: 0; outline: none; font-size: 17px; } .quick-search-container [cmdk-input]::placeholder { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .quick-search-container [cmdk-item] { content-visibility: auto; cursor: pointer; border-radius: var(--c--globals--spacings--xs); -webkit-user-select: none; user-select: none; will-change: background,color; align-items: center; gap: 8px; font-size: 14px; transition: none .15s; display: flex; } .quick-search-container [cmdk-item] .show-right-on-focus { opacity: 0; } .quick-search-container [cmdk-item]:hover, .quick-search-container [cmdk-item][data-selected="true"] { background: var(--c--contextuals--background--semantic--neutral--tertiary); } .quick-search-container [cmdk-item]:hover .show-right-on-focus, .quick-search-container [cmdk-item][data-selected="true"] .show-right-on-focus { opacity: 1; } .quick-search-container [cmdk-item][data-disabled="true"] { background: var(--c--contextuals--background--semantic--disabled--primary); cursor: not-allowed; } .quick-search-container [cmdk-item] + [cmdk-item] { margin-top: 4px; } .quick-search-container [cmdk-list] { overscroll-behavior: contain; flex: 1; overflow-y: auto; } .quick-search-container [cmdk-vercel-shortcuts] { gap: 8px; margin-left: auto; display: flex; } .quick-search-container [cmdk-vercel-shortcuts] kbd { color: #fff; background: var(--c--contextuals--background--semantic--neutral--tertiary); text-transform: uppercase; border-radius: 4px; justify-content: center; align-items: center; min-width: 20px; height: 20px; padding: 4px; font-size: 12px; display: inline-flex; } .quick-search-container [cmdk-separator] { background: var(--c--contextuals--background--semantic--neutral--tertiary); width: 100%; height: 1px; margin: 4px 0; } .quick-search-container :not([hidden]) + [cmdk-group] { margin-top: 8px; } .quick-search-container [cmdk-group-heading] { -webkit-user-select: none; user-select: none; font-size: var(--c--globals--font--sizes--sm); color: var(--c--contextuals--content--semantic--neutral--primary); margin-bottom: var(--c--globals--spacings--xs); align-items: center; font-weight: 700; display: flex; } :is(.c__modal__scroller:has(.quick-search-container), .c__modal__scroller:has(.no-padding), .c__modal__scroller:has(.noPadding)) { padding: 0 !important; } :is(.c__modal__scroller:has(.quick-search-container) .c__modal__close .c__button, .c__modal__scroller:has(.no-padding) .c__modal__close .c__button, .c__modal__scroller:has(.noPadding) .c__modal__close .c__button) { padding: 1.5rem 1rem; top: 5px; right: 5px; } :is(.c__modal__scroller:has(.quick-search-container) .c__modal__title, .c__modal__scroller:has(.no-padding) .c__modal__title, .c__modal__scroller:has(.noPadding) .c__modal__title) { font-size: var(--c--globals--font--sizes--xs); padding: var(--c--globals--spacings--sm) var(--c--globals--spacings--base); margin-bottom: 0; } .c__separator { --border-width: 1px; --padding: var(--c--globals--spacings--sm, .75rem); background-color: var(--c--contextuals--border--surface--primary); } .c__separator--double { --border-width: 2px; } .c__separator--horizontal { height: var(--border-width); width: var(--size, 100%); } .c__separator--horizontal.with-padding { margin-block: var(--padding); } .c__separator--vertical { width: var(--border-width); height: var(--size, auto); vertical-align: middle; align-self: stretch; min-height: 1.5em; display: inline-block; } .c__separator--vertical.with-padding { margin-inline: var(--padding); } .c__separator--vertical[style*="--size"] { align-self: auto; } .c__resize-handle { background-color: var(--c--contextuals--border--surface--primary); flex-shrink: 0; position: relative; } .c__resize-handle[data-panel-group-direction="horizontal"], .c__resize-handle[aria-orientation="vertical"] { width: 1px; } .c__resize-handle[data-panel-group-direction="vertical"], .c__resize-handle[aria-orientation="horizontal"] { height: 1px; } .c__resize-handle--interactive:before { content: ""; transition: background-color .2s var(--c--globals--transitions--ease-out); z-index: 10; background: none; position: absolute; } .c__resize-handle--interactive:after { content: ""; position: absolute; } .c__resize-handle--interactive:hover:before { background: var(--c--components--resize-handle--hover--color); transition-timing-function: var(--c--globals--transitions--ease-in); transition-delay: .1s; } .c__resize-handle--interactive:focus-visible { outline: none; } .c__resize-handle--interactive:focus-visible:before { background: var(--c--contextuals--border--semantic--brand--secondary); transition-timing-function: var(--c--globals--transitions--ease-in); transition-delay: .1s; } .c__resize-handle--interactive[data-panel-group-direction="horizontal"]:before, .c__resize-handle--interactive[aria-orientation="vertical"]:before { width: 3px; top: 0; bottom: 0; left: -1px; } .c__resize-handle--interactive[data-panel-group-direction="horizontal"]:after, .c__resize-handle--interactive[aria-orientation="vertical"]:after { width: 11px; top: 0; bottom: 0; left: -5px; } .c__resize-handle--interactive[data-panel-group-direction="vertical"]:before, .c__resize-handle--interactive[aria-orientation="horizontal"]:before { height: 3px; top: -1px; left: 0; right: 0; } .c__resize-handle--interactive[data-panel-group-direction="vertical"]:after, .c__resize-handle--interactive[aria-orientation="horizontal"]:after { height: 11px; top: -5px; left: 0; right: 0; } @media (prefers-reduced-motion: reduce) { .c__resize-handle--interactive:before { transition: none; } } .c__smart-scroller { width: 100%; position: relative; } .c__smart-scroller__viewport { scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; overflow: auto hidden; } .c__smart-scroller__viewport::-webkit-scrollbar { display: none; } @media (prefers-reduced-motion: reduce) { .c__smart-scroller__viewport { scroll-behavior: auto; } } .c__smart-scroller__content { width: max-content; display: flex; } .c__smart-scroller__fade { z-index: 1; pointer-events: none; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); opacity: 0; width: 64px; transition: opacity .2s ease-out; position: absolute; top: 0; bottom: 0; } @media (prefers-reduced-motion: reduce) { .c__smart-scroller__fade { transition: none; } } .c__smart-scroller__fade--visible { opacity: 1; } .c__smart-scroller__fade--left { background: linear-gradient(to right, #fff, #fff0); left: 0; -webkit-mask-image: linear-gradient(to right, #000 50%, #0000 100%); mask-image: linear-gradient(to right, #000 50%, #0000 100%); } .c__smart-scroller__fade--right { background: linear-gradient(to left, #fff, #fff0); right: 0; -webkit-mask-image: linear-gradient(to left, #000 50%, #0000 100%); mask-image: linear-gradient(to left, #000 50%, #0000 100%); } .c__smart-scroller__arrow.c__smart-scroller__arrow { z-index: 2; border-color: var(--c--contextuals--border--surface--primary); background-color: var(--c--contextuals--background--surface--primary); opacity: 0; pointer-events: none; border-radius: 8px; transition: opacity .2s ease-out; position: absolute; top: 50%; transform: translateY(-50%); } @media (prefers-reduced-motion: reduce) { .c__smart-scroller__arrow.c__smart-scroller__arrow { transition: none; } } .c__smart-scroller__arrow.c__smart-scroller__arrow--visible { opacity: 1; pointer-events: auto; } .c__smart-scroller__arrow.c__smart-scroller__arrow:hover { background-color: color-mix(in srgb,var(--c--contextuals--background--semantic--neutral--secondary),white 70%); } .c__smart-scroller__arrow.c__smart-scroller__arrow--left { left: var(--c--globals--spacings--3xs); } .c__smart-scroller__arrow.c__smart-scroller__arrow--right { right: var(--c--globals--spacings--3xs); } .c__with-label { align-items: center; gap: var(--c--globals--spacings--xs); width: fit-content; padding: var(--c--globals--spacings--3xs); display: flex; } .c__with-label.left { flex-direction: row-reverse; } .c__with-label:hover { cursor: pointer; background-color: var(--c--contextuals--background--semantic--neutral--tertiary-hover); } .suite__label__container { flex-direction: column; display: flex; } .suite__label__container label { font-size: var(--c--globals--font--sizes--sm); font-weight: var(--c--globals--font--weights--medium); color: var(--c--contextuals--content--semantic--neutral--primary); } .suite__label__container__description { font-weight: 400; font-size: var(--c--globals--font--sizes--s); color: var(--c--contextuals--content--semantic--neutral--secondary); } .c__tabs { display: flex; } .c__tabs__full-width .react-aria-Tabs { width: 100%; } .c__tabs__full-width .react-aria-Tab { flex: 1; justify-content: center; display: flex; } .c__tabs .react-aria-Tabs { display: flex; } .c__tabs .react-aria-Tabs[data-orientation="horizontal"] { flex-direction: column; } .c__tabs .react-aria-TabList { width: 100%; display: flex; } .c__tabs .react-aria-Tab { cursor: pointer; color: var(--c--contextuals--content--semantic--neutral--tertiary); --border-color: transparent; forced-color-adjust: none; border-bottom: 1px solid var(--c--contextuals--border--surface--primary); outline: none; align-items: center; gap: 8px; padding: 10px; transition: color .2s; display: flex; position: relative; } .c__tabs .react-aria-Tab[data-hovered] { background-color: var(--c--contextuals--background--semantic--neutral--tertiary-hover); color: var(--text-color-hover); } .c__tabs .react-aria-Tab[data-selected] { color: var(--c--contextuals--content--semantic--brand--primary); border-bottom: 2px solid var(--c--contextuals--content--semantic--brand--primary); font-weight: 500; } .c__tabs .react-aria-Tab[data-disabled] { color: var(--text-color-disabled); } .c__tabs .react-aria-Tab[data-disabled][data-selected] { --border-color: var(--text-color-disabled); } .c__tabs .react-aria-Tab[data-focus-visible]:after { content: ""; border: 2px solid var(--focus-ring-color); border-radius: 4px; position: absolute; inset: 4px; } .c__tabs .react-aria-TabPanel { border-radius: 4px; outline: none; margin-top: 4px; padding: 10px; } .c__tabs .react-aria-TabPanel[data-focus-visible] { outline: 2px solid var(--focus-ring-color); } .c__textarea__wrapper { overflow: clip; } .c__textarea__wrapper .c__textarea { display: block; } .c__tree-view--row-content { padding: 0 12px; } .c__tree-view > div > .c__tree-view--row:last-child .c__tree-view--row-content { padding-bottom: 10px; } .c__tree-view__cursor { border-top: 2px solid var(--c--contextuals--border--semantic--brand--primary); border-radius: 4px; height: 0; position: absolute; } :is(.c__tree-view--row:has(.c__tree-view--node__separator), .c__tree-view--row:has(.c__tree-view--node__title), .c__tree-view--row:has(.c__tree-view--node__view-more)) { align-items: center; display: flex; } .c__tree-view--row { outline: none; } .c__tree-view--row:focus-visible .c__tree-view--node { box-shadow: 0 0 0 2px var(--c--contextuals--border--semantic--brand--primary); border-radius: 4px; } .c__tree-view--node__separator { background-color: var(--c--contextuals--border--semantic--neutral--tertiary); justify-content: center; align-items: center; width: 100%; height: 1px; display: flex; } .c__tree-view--node__title { font-size: var(--c--globals--font--sizes--sm); width: 100%; padding: 0 var(--c--globals--spacings--sm); color: var(--c--contextuals--content--semantic--neutral--primary); font-weight: 700; } .c__tree-view--node__view-more { width: 100%; padding: 0 var(--c--globals--spacings--sm); justify-content: center; display: flex; } .c__tree-view--node__view-more-button { align-items: center; gap: var(--c--globals--spacings--3xs); font-size: var(--c--globals--font--sizes--sm); padding: var(--c--globals--spacings--4xs) var(--c--globals--spacings--sm); color: var(--c--contextuals--content--semantic--neutral--tertiary); cursor: pointer; background: none; margin-left: 20px; padding-left: 0; transition: all .2s; display: flex; } .c__tree-view--node__view-more-button .material-icons { font-size: var(--c--globals--font--sizes--sm); } .c__tree-view--node { cursor: pointer; padding: var(--c--globals--spacings--4xs) 0; align-items: center; gap: var(--c--globals--spacings--3xs); border: 1.5px solid #0000; border-radius: 4px; flex-wrap: nowrap; display: flex; overflow: hidden; } .c__tree-view--node.simpleNode { padding: var(--c--globals--spacings--4xs) var(--c--globals--spacings--sm); } .c__tree-view--node:not(.willReceiveDrop, .isSelected):hover { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__tree-view--node.isSelected { background-color: var(--c--contextuals--background--semantic--contextual--primary); font-weight: 700; } .c__tree-view--node.canDrop.willReceiveDrop:not(.isDragging), .c__tree-view--node.canDrop.externalDrop { background-color: var(--c--contextuals--background--semantic--brand--tertiary); border: 1.5px solid var(--c--contextuals--border--semantic--brand--primary); } .c__tree-view--node .c__tree-view--node__leaf { margin-left: 16px; } .c__tree-view--node .c__tree-view--node__loading { margin: 0; } .c__tree-view--node .c__tree-view--node__arrow { cursor: pointer; color: var(--c--contextuals--content--semantic--neutral--tertiary); font-size: 16px; } .c__add-share-user-list { padding: var(--c--globals--spacings--sm); background-color: var(--c--contextuals--background--surface--tertiary); border-radius: var(--c--globals--spacings--3xs); border: 1px solid var(--c--contextuals--border--surface--primary); align-items: center; gap: var(--c--globals--spacings--3xs); display: flex; } .c__add-share-user-list__items { gap: var(--c--globals--spacings--3xs); flex-wrap: wrap; flex: 1; display: flex; } .c__add-share-user-list__right-actions { align-items: center; gap: var(--c--globals--spacings--xs); display: flex; } .c__add-share-user-item { justify-content: center; align-items: center; gap: var(--c--globals--spacings--4xs); border-radius: var(--c--globals--spacings--3xs); min-height: 24px; padding-left: var(--c--globals--spacings--xxs, 6px); background-color: var(--c--contextuals--background--semantic--overlay--primary); color: var(--c--contextuals--content--semantic--neutral--primary); font-size: var(--c--globals--font--sizes--xs); line-height: 16px; display: flex; } .c__add-share-user-item--selected { background-color: var(--c--contextuals--background--semantic--brand--primary); color: var(--c--contextuals--content--semantic--brand--on-brand); } .c__add-share-user-item--selected .c__button__icon, .c__add-share-user-item--selected .c__button__icon *, .c__add-share-user-item--selected .material-icons { color: var(--c--contextuals--content--semantic--brand--on-brand); } .c__add-share-user-item .close-icon { color: var(--c--contextuals--content--semantic--neutral--tertiary); font-size: var(--c--globals--font--sizes--sm); } .c__access-role-dropdown__role-label-can-not-update { color: var(--c--contextuals--content--semantic--neutral--secondary); } .c__share__import__modal { gap: var(--c--globals--spacings--base); flex-direction: column; display: flex; } .c__avatar { --border-width: 1px; --overlay-color: color-mix(in srgb,var(--c--contextuals--background--surface--primary) 20%, transparent 80%); --background-size: calc(100% + var(--border-width) * 2); background: var(--background-color); background: var(--background-color) linear-gradient(0deg,var(--overlay-color) 0%,transparent 100%); background-size: var(--background-size) calc(var(--background-size) * .5); background-repeat: no-repeat; background-position: center calc(100% + var(--border-width)); color: color-mix(in srgb,var(--c--contextuals--background--surface--tertiary) 80%,transparent 20%); border: var(--border-width) solid var(--overlay-color); box-sizing: border-box; border-radius: 50%; justify-content: center; align-items: center; display: flex; } .c__avatar__initials { text-align: center; font-style: normal; font-weight: 700; font-family: var(--c--globals--font--families--base); text-transform: uppercase; justify-content: center; align-items: center; display: flex; } .c__avatar.xsmall { letter-spacing: -.25px; width: 16px; height: 16px; font-size: 7px; } .c__avatar.small { letter-spacing: -.35px; width: 24px; height: 24px; font-size: 10px; } .c__avatar.medium { letter-spacing: -.38px; width: 32px; height: 32px; font-size: 11px; } .c__avatar.large { letter-spacing: -.54px; width: 64px; height: 64px; font-size: 27px; } .c__avatar.brand { --background-color: var(--c--contextuals--background--palette--brand--primary); } .c__avatar.gray { --background-color: var(--c--contextuals--background--palette--gray--primary); } .c__avatar.purple { --background-color: var(--c--contextuals--background--palette--purple--primary); } .c__avatar.blue-1 { --background-color: var(--c--contextuals--background--palette--blue-1--primary); } .c__avatar.blue-2 { --background-color: var(--c--contextuals--background--palette--blue-2--primary); } .c__avatar.green { --background-color: var(--c--contextuals--background--palette--green--primary); } .c__avatar.yellow { --background-color: var(--c--contextuals--background--palette--yellow--primary); } .c__avatar.orange { --background-color: var(--c--contextuals--background--palette--orange--primary); } .c__avatar.red { --background-color: var(--c--contextuals--background--palette--red--primary); } .c__avatar.brown { --background-color: var(--c--contextuals--background--palette--brown--primary); } .c__avatar.pink { --background-color: var(--c--contextuals--background--palette--pink--primary); } .c__user-row { align-items: center; gap: var(--c--globals--spacings--xs); display: flex; } .c__user-row .c__avatar { flex-shrink: 0; } .c__user-row__name { word-break: break-all; color: var(--c--contextuals--content--semantic--neutral--primary); font-size: 14px; font-weight: 500; line-height: 18px; } .c__user-row__info { flex-direction: column; display: flex; } .c__user-row__email { color: var(--c--contextuals--content--semantic--neutral--tertiary); word-break: break-all; font-size: 12px; line-height: 16px; } .c__user-row__email.has-only-email { font-weight: 500; font-size: var(--c--globals--font--sizes--sm); color: var(--c--contextuals--content--semantic--neutral--primary); } .user-menu__trigger { padding-inline: 4px; } .user-menu__button { justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; display: flex; } .user-menu__popover { box-sizing: border-box; border: 1px solid var(--c--contextuals--border--surface--primary); background: var(--c--contextuals--background--surface--primary); border-radius: 8px; width: 272px; min-width: min(272px, 100vw - 32px); max-width: calc(100vw - 32px); padding-block: 7px; overflow: hidden; box-shadow: 0 6px 20px #0000121a; } .user-menu__popover .react-aria-Dialog { outline: none; width: 100%; } .user-menu__popover button:focus-visible, .user-menu__popover a:focus-visible { box-shadow: 0 0 0 1px var(--c--contextuals--border--semantic--neutral--primary); outline: none; } .user-menu__popover--mobile { background: var(--c--contextuals--background--surface--primary); box-shadow: none; z-index: 9999; border: 0; border-radius: 0; flex-direction: column; width: 100%; min-width: 100%; max-width: 100%; height: 100%; max-height: 100%; padding-block: 0; display: flex; position: fixed; inset: 0; } .user-menu__popover--mobile .react-aria-Dialog { flex-direction: column; width: 100%; height: 100%; display: flex; position: relative; } .user-menu__close-button { top: 8px; right: 8px; position: absolute !important; } .user-menu__content__body { gap: var(--c--globals--spacings--xs); flex-direction: column; flex: 1; display: flex; overflow: hidden auto; } .user-menu__content__body__user-info { padding: 12px var(--c--globals--spacings--base); align-items: center; gap: var(--c--globals--spacings--xs); display: flex; } .user-menu__content__body__user-info > .c__avatar { box-sizing: border-box; flex: 0 0 32px; } .user-menu__content__body__settings { padding: 0 var(--c--globals--spacings--xs); flex-direction: column; gap: 1px; display: flex; } .user-menu__content__identity { flex: auto; min-width: 0; line-height: 1; } .user-menu__content__identity__name, .user-menu__content__identity__email { white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; } .user-menu__content__identity__name { color: var(--c--contextuals--content--semantic--neutral--primary); font-size: var(--c--globals--font--sizes--sm); margin: 0; font-weight: 700; line-height: 18px; } .user-menu__content__identity__name > strong { font-weight: inherit; } .user-menu__content__identity__email { color: var(--c--contextuals--content--semantic--neutral--secondary); font-size: var(--c--globals--font--sizes--xs); margin: 0; font-weight: 400; line-height: 16px; } .user-menu__content__identity__email > strong { font-weight: 500; font-size: var(--c--globals--font--sizes--ml); } .user-menu__actions { padding: var(--c--globals--spacings--3xs) var(--c--globals--spacings--xs); justify-content: space-between; align-items: center; gap: var(--c--globals--spacings--xs); border-top: none; flex-direction: row; display: flex; } .user-menu__actions:has(.user-menu__actions__right:only-child) { justify-content: flex-end; } .user-menu__actions__left, .user-menu__actions__right { align-items: center; display: flex; } .user-menu__actions .c__language-picker { gap: var(--c--globals--spacings--3xs); width: 51px; min-width: 51px; padding-inline: var(--c--globals--spacings--3xs) !important; } .user-menu__footer--mobile { padding: var(--c--globals--spacings--base); border-top: 1px solid var(--c--contextuals--border--surface--primary); justify-content: flex-end; align-items: center; margin-top: auto; display: flex; } .user-menu__item { align-items: center; gap: var(--c--globals--spacings--xxs, 6px); box-sizing: border-box; width: 100%; height: 32px; padding: var(--c--globals--spacings--xs); border-radius: var(--c--globals--spacings--3xs, 4px); text-align: left; cursor: pointer; background: none; border: 0; font-family: inherit; display: flex; } .user-menu__item:hover { background-color: var(--c--contextuals--background--semantic--overlay--primary); } .user-menu__item__icon { color: var(--c--contextuals--content--semantic--neutral--tertiary); flex-shrink: 0; align-items: center; display: inline-flex; } .user-menu__item__icon svg { width: 16px; height: 16px; } .user-menu__item__label { min-width: 0; font-size: var(--c--globals--font--sizes--xs); color: var(--c--contextuals--content--semantic--neutral--primary); text-overflow: ellipsis; white-space: nowrap; flex: auto; font-weight: 500; line-height: 16px; overflow: hidden; } .user-menu__popover--mobile .user-menu__content__body { gap: var(--c--globals--spacings--sm); padding-block: var(--c--globals--spacings--sm); } .user-menu__popover--mobile .user-menu__content__body__user-info { padding: 12px var(--c--globals--spacings--base); } .user-menu__popover--mobile .user-menu__content__body__settings { padding: 0 var(--c--globals--spacings--xs); } .user-menu__popover--mobile .user-menu__item { gap: var(--c--globals--spacings--xs); height: 40px; padding: var(--c--globals--spacings--xs) var(--c--globals--spacings--sm); } .user-menu__popover--mobile .user-menu__item__icon svg { width: 24px; height: 24px; } .user-menu__popover--mobile .user-menu__item__label { font-size: var(--c--globals--font--sizes--sm); line-height: 18px; } .user-menu__popover--mobile .user-menu__actions { padding: var(--c--globals--spacings--3xs) var(--c--globals--spacings--sm); } .c__share-member-item { border-radius: 10px; justify-content: space-between; align-items: center; display: flex; } .c__share-member-item__right { align-items: center; display: flex; } .c__search-user-item-right { color: var(--c--contextuals--content--semantic--brand--tertiary); align-items: center; display: flex; } .c__share-modal__members { gap: var(--c--globals--spacings--3xs); padding: var(--c--globals--spacings--xs) var(--c--globals--spacings--base); flex-direction: column; padding-top: 0; display: flex; } .c__share-modal__invitations { gap: var(--c--globals--spacings--xs); padding: var(--c--globals--spacings--xs) var(--c--globals--spacings--base); flex-direction: column; padding-top: 0; display: flex; } .c__share-modal__search-users { padding: var(--c--globals--spacings--sm); } .c__share-modal__members-title, .c__share-modal__invitations-title, .c__share-modal__link-settings__title { font-size: var(--c--globals--font--sizes--xs); color: var(--c--contextuals--content--semantic--neutral--tertiary); font-weight: 500; } .c__share-modal__members-title { justify-content: space-between; align-items: center; display: flex; } .c__share-member-item .c__quick-search-item-template { padding-left: 0; padding-right: 0; } .c__share-modal__copy-link-footer { border-top: 1px solid var(--c--contextuals--border--surface--primary); padding: var(--c--globals--spacings--sm) var(--c--globals--spacings--base); justify-content: space-between; align-items: center; display: flex; } .c__share-modal__search-field { align-items: flex-end; gap: var(--c--globals--spacings--xs, 8px); padding: var(--c--globals--spacings--xs, 8px) var(--c--globals--spacings--base, 16px) var(--c--globals--spacings--3xs, 4px); display: flex; } .c__share-modal__search-field__icon { width: 24px; min-height: 32px; color: var(--c--contextuals--content--semantic--neutral--secondary, #555e74); flex-shrink: 0; justify-content: center; align-self: flex-start; align-items: flex-start; padding-top: 7px; display: flex; } .c__share-modal__search-field__content { box-sizing: border-box; align-content: flex-start; align-items: flex-start; gap: var(--c--globals--spacings--xxs, 6px); min-width: 0; min-height: 40px; padding-top: var(--c--globals--spacings--xs, 8px); flex-wrap: wrap; flex: auto; display: flex; } .c__share-modal__search-field__main-space { justify-content: center; align-items: flex-start; gap: var(--c--globals--spacings--xs, 8px); flex: 1 0 130px; min-width: 130px; display: flex; } .c__share-modal__search-field__input { min-width: 0; font: inherit; font-size: var(--c--globals--font--sizes--md, 1rem); color: var(--c--contextuals--content--semantic--neutral--primary); background: none; border: none; outline: none; flex: auto; line-height: 22px; } .c__share-modal__search-field__input::placeholder { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .c__share-modal__search-field__actions { flex-shrink: 0; justify-content: flex-end; align-items: center; min-height: 40px; display: flex; } .c__share-modal__footer { border-top: 1px solid var(--c--contextuals--border--surface--primary); } .c__share-modal__link-settings { padding: var(--c--globals--spacings--sm) var(--c--globals--spacings--base); flex-direction: column; gap: 8px; display: flex; } .c__share-modal__link-settings__content { justify-content: space-between; align-items: center; gap: 8px; display: flex; } .c__share-modal__link-settings__content__description { color: var(--c--contextuals--content--semantic--neutral--secondary); flex: 1; font-size: 12px; } .c__share-modal__link-settings__content__description.desktop { display: block; } .c__share-modal__link-settings__content__description.mobile { display: none; } .c__share-modal__link-settings .c__share-modal__link-settings_f_content__select .c__button { padding: 0 var(--c--globals--spacings--t) 0 var(--c--globals--spacings--t); } .c__share-modal__link-settings .c__share-modal__link-settings__content__select__value, .c__share-modal__link-settings .c__share-modal__link-settings__content__select-role__value { align-items: center; gap: var(--c--globals--spacings--t); padding: 0 var(--c--globals--spacings--t) 0 var(--c--globals--spacings--t); height: 40px; display: flex; } .c__share-modal__link-settings .c__share-modal__link-settings__content__select__value.disabled, .c__share-modal__link-settings .c__share-modal__link-settings__content__select-role__value.disabled { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .c__share-modal__link-settings .c__share-modal__link-settings__content__select-role__value { font-size: 13px; } .c__share-modal .quick-search-input-container { margin-top: 0; } @media (max-width: 768px) { .c__share-modal__link-settings__content__description.desktop { display: none; } .c__share-modal__link-settings__content__description.mobile { display: block; } } .c__share-modal__cannot-view { flex-direction: column; justify-content: center; align-items: center; display: flex; } .c__share-modal__cannot-view__content { justify-content: center; align-items: center; display: flex; } .c__share-modal__cannot-view p { font-size: var(--c--globals--font--sizes--sm); color: var(--c--contextuals--content--semantic--neutral--secondary); text-align: center; max-width: 320px; padding: var(--c--globals--spacings--sm); margin: 0; } .c__badge { text-align: center; line-height: 1em; font-size: var(--c--components--badge--font-size); padding-inline: var(--c--components--badge--padding-inline); padding-block: var(--c--components--badge--padding-block); border-radius: var(--c--components--badge--border-radius); font-variant-numeric: tabular-nums; font-weight: 700; display: inline-flex; } .c__badge--uppercased { text-transform: uppercase; letter-spacing: .05em; } .c__badge--accent { background-color: var(--c--components--badge--accent--background-color); color: var(--c--components--badge--accent--color); } .c__badge--neutral { background-color: var(--c--components--badge--neutral--background-color); color: var(--c--components--badge--neutral--color); } .c__badge--danger { background-color: var(--c--components--badge--danger--background-color); color: var(--c--components--badge--danger--color); } .c__badge--success { background-color: var(--c--components--badge--success--background-color); color: var(--c--components--badge--success--color); } .c__badge--warning { background-color: var(--c--components--badge--warning--background-color); color: var(--c--components--badge--warning--color); } .c__badge--info { background-color: var(--c--components--badge--info--background-color); color: var(--c--components--badge--info--color); } .material-icons.icon--filled { font-family: Material Icons, sans-serif; } .material-icons.icon--xsmall { font-size: 11px; } .material-icons.icon--small { font-size: 16px; } .material-icons.icon--medium { font-size: 24px; } .material-icons.icon--large { font-size: 32px; } .material-icons.icon--xlarge { font-size: 48px; } .c__help-menu__trigger { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .c__feedback-form { gap: var(--c--globals--spacings--base, 16px); width: 350px; padding: var(--c--globals--spacings--base, 16px) 0; background-color: var(--c--contextuals--background--surface--primary, white); border: 1px solid var(--c--contextuals--border--surface--primary, #dfe2ea); border-radius: var(--c--globals--spacings--xs, 8px); box-sizing: border-box; outline: none; flex-direction: column; display: flex; box-shadow: 0 6px 20px #0000121a; } .c__feedback-form__header { padding: 0 var(--c--globals--spacings--base, 16px); align-items: flex-start; display: flex; position: relative; } .c__feedback-form__header__text { gap: var(--c--globals--spacings--3xs, 4px); flex-direction: column; flex: 1; display: flex; } .c__feedback-form__title { color: var(--c--contextuals--content--semantic--neutral--primary, #222631); margin: 0; font-size: 18px; font-weight: 700; line-height: 24px; } .c__feedback-form__subtitle { font-size: var(--c--globals--font--sizes--sm, 14px); font-weight: 300; line-height: var(--c--globals--line-heights--sm, 18px); color: var(--c--contextuals--content--semantic--neutral--secondary, #555e74); margin: 0; } .c__feedback-form__close { position: absolute; top: -12px; right: 3px; } .c__feedback-form__body { gap: var(--c--globals--spacings--sm, 12px); padding: 0 var(--c--globals--spacings--base, 16px); flex-direction: column; display: flex; } .c__feedback-form__category { align-items: center; gap: var(--c--globals--spacings--xs, 8px); padding: var(--c--globals--spacings--xxs, 6px) 0; border-radius: var(--c--globals--spacings--3xs, 4px); display: flex; } .c__feedback-form__category__label { font-size: var(--c--globals--font--sizes--sm, 14px); font-weight: 500; line-height: var(--c--globals--line-heights--sm, 18px); color: var(--c--contextuals--content--semantic--neutral--primary, #222631); flex: 1; } .c__feedback-form__category__trigger { align-items: center; gap: var(--c--globals--spacings--3xs, 4px); height: 24px; padding: 0 var(--c--globals--spacings--3xs, 4px); cursor: pointer; background: none; border: none; border-radius: 4px; font-family: inherit; display: flex; } .c__feedback-form__category__trigger__icon { justify-content: center; align-items: center; display: flex; } .c__feedback-form__category__trigger__icon .material-icons { color: var(--c--contextuals--content--semantic--brand--tertiary, #3e5de7); font-size: 16px; } .c__feedback-form__category__trigger__label { font-size: var(--c--globals--font--sizes--xs, 12px); font-weight: 500; line-height: var(--c--globals--line-heights--xs, 16px); color: var(--c--contextuals--content--semantic--brand--tertiary, #3e5de7); white-space: nowrap; } .c__feedback-form__category__trigger__chevron { color: var(--c--contextuals--content--semantic--brand--tertiary, #3e5de7); font-size: 16px; } .c__feedback-form__message .c__textarea textarea { resize: vertical; min-height: 160px; } .c__feedback-form__files { gap: var(--c--globals--spacings--xs, 8px); flex-wrap: wrap; align-items: center; display: flex; } .c__feedback-form__files__chip { align-items: center; gap: var(--c--globals--spacings--3xs, 4px); height: 24px; padding: 0 var(--c--globals--spacings--3xs, 4px); background-color: var(--c--contextuals--background--semantic--neutral--secondary, #dfe2ea); border-radius: 4px; display: flex; } .c__feedback-form__files__chip__name { font-size: var(--c--globals--font--sizes--xs, 12px); font-weight: 500; line-height: var(--c--globals--line-heights--xs, 16px); color: var(--c--contextuals--content--semantic--neutral--secondary, #555e74); white-space: nowrap; } .c__feedback-form__files__chip__remove { cursor: pointer; color: var(--c--contextuals--content--semantic--neutral--secondary, #555e74); background: none; border: none; justify-content: center; align-items: center; padding: 0; display: flex; } .c__feedback-form__files__chip__remove .material-icons { font-size: 16px; } .c__feedback-form__files__upload { align-items: center; gap: var(--c--globals--spacings--3xs, 4px); height: 24px; padding: 0 var(--c--globals--spacings--3xs, 4px); border: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary, #cfd5de); cursor: pointer; font-family: inherit; font-size: var(--c--globals--font--sizes--xs, 12px); font-weight: 500; line-height: var(--c--globals--line-heights--xs, 16px); color: var(--c--contextuals--content--semantic--neutral--tertiary, #626a80); background: none; border-radius: 4px; display: flex; } .c__feedback-form__files__upload .material-icons { font-size: 16px; } .c__feedback-form__email-section { gap: var(--c--globals--spacings--sm, 12px); padding: 0 var(--c--globals--spacings--base, 16px); flex-direction: column; display: flex; } .c__feedback-form__email-section__privacy { font-size: var(--c--globals--font--sizes--xs, 12px); color: var(--c--contextuals--content--semantic--neutral--secondary, #555e74); font-weight: 400; line-height: 16px; text-decoration: underline; } .c__feedback-form__footer { padding: 0 var(--c--globals--spacings--base, 16px); justify-content: flex-end; align-items: center; gap: 12px; display: flex; } @media (max-width: 768px) { .react-aria-Popover:has(.c__feedback-form) { border: none; border-radius: 0; width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; position: fixed !important; inset: 0 !important; transform: none !important; } .react-aria-Popover:has(.c__feedback-form) .c__feedback-form { width: 100%; height: 100%; box-shadow: none; border: none; border-radius: 0; overflow-y: auto; } } .c__storage-gauge { align-items: center; gap: var(--c--globals--spacings--xs, 8px); padding: var(--c--globals--spacings--3xs, 4px) var(--c--globals--spacings--xs, 8px); border-radius: var(--c--globals--spacings--4xs, 4px); cursor: pointer; background: none; border: none; width: 100%; height: 32px; font-family: inherit; display: flex; overflow: hidden; } .c__storage-gauge--locked { border: 1px solid var(--c--contextuals--border--surface--primary); color: var(--c--contextuals--content--semantic--neutral--tertiary); border-radius: 4px; } .c__storage-gauge:hover { border-radius: var(--xxxs, 4px); background: var(--c--contextuals--background--semantic--overlay--primary); } .c__storage-gauge__locked { flex-grow: 1; justify-content: center; align-items: center; display: flex; } .c__storage-gauge__bar { background: var(--c--contextuals--background--semantic--neutral--secondary, #dfe2ea); border-radius: 15px; flex: 1 0 0; min-width: 1px; height: 5px; overflow: hidden; } .c__storage-gauge__bar__fill { background: var(--c--contextuals--content--semantic--neutral--secondary); border-radius: 15px; height: 100%; } .c__storage-gauge__bar__fill--warning { background: var(--c--contextuals--content--semantic--warning--secondary); } .c__storage-gauge__bar__fill--error { background: var(--c--contextuals--content--semantic--error--secondary); } .c__storage-gauge__label { font-size: var(--c--globals--font--sizes--xs, .75rem); line-height: var(--c--globals--spacings--base, 16px); color: var(--c--contextuals--content--semantic--neutral--tertiary, #626a80); white-space: nowrap; text-align: center; flex-shrink: 0; } .c__storage-gauge__information__header { gap: var(--c--globals--spacings--xs, 8px); align-items: center; margin-bottom: 8px; display: flex; } .c__storage-gauge__information__header .c__storage-gauge__information__more-info { height: 24px; font-size: var(--c--globals--font--sizes--xs); } .c__storage-gauge__information__header__left { flex-direction: column; flex-grow: 1; display: flex; } .c__storage-gauge__information__title { color: var(--c--contextuals--content--semantic--neutral--primary); font-size: var(--c--globals--font--sizes--sm); font-weight: 500; } .c__storage-gauge__information__label { color: var(--c--contextuals--content--semantic--neutral--secondary); font-size: var(--c--globals--font--sizes--xs); align-items: center; gap: 2px; font-weight: 400; display: flex; } .c__modal__backdrop:has(.file-preview__container) { background: var(--c--contextuals--background--semantic--contextual--primary); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } .c__modal__backdrop:has(.file-preview__container) .c__modal { background: none; } .c__modal__backdrop:has(.file-preview__container) .c__modal__scroller { padding: 0; } .ReactModalPortal:has(.explorer__search__modal) ~ .ReactModalPortal:has(.file-preview__container) .c__modal__backdrop { background-color: var(--c--contextuals--background--surface--secondary); } .file-preview__container { flex-direction: column; width: 100%; height: 100dvh; display: flex; position: relative; } .file-preview__header { border-bottom: 1px solid var(--c--contextuals--border--surface--primary); z-index: 10000; background-color: var(--c--contextuals--background--surface--secondary); flex-shrink: 0; height: 52px; position: relative; } .file-preview__header__content { height: 100%; padding: 0 var(--c--globals--spacings--xs); align-items: center; max-width: 100%; display: flex; position: relative; } .file-preview__header__content__left { align-items: center; gap: var(--c--globals--spacings--3xs); flex: 1; min-width: 0; display: flex; } .file-preview__header__content__right { align-items: center; gap: var(--c--globals--spacings--3xs); flex: 1; justify-content: flex-end; min-width: 0; display: flex; } .file-preview__title-wrapper { align-items: center; gap: var(--c--globals--spacings--3xs); display: flex; overflow: hidden; } .file-preview__title { color: var(--c--contextuals--content--semantic--neutral--primary); text-overflow: ellipsis; white-space: nowrap; margin: 0; font-size: 18px; font-weight: 600; overflow: hidden; } .file-preview__content { flex: 1; max-width: 100dvw; display: flex; position: relative; overflow: hidden; } .file-preview__content:before { content: ""; background: inherit; z-index: -1; position: absolute; inset: 0; } .file-preview__main { flex: 1; width: 100%; min-width: 0; transition: all .3s ease-in-out; } .file-preview-sidebar { border-left: 1px solid var(--c--contextuals--border--surface--primary); z-index: 9998; background-color: var(--c--contextuals--background--surface--secondary); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); width: 300px; max-width: 300px; height: calc(100vh - 52px); transition: transform .3s; position: fixed; right: -300px; overflow: hidden auto; } .file-preview-sidebar.open { transform: translate(-300px); } .file-preview__container--sidebar-open .file-preview__main { width: calc(100% - 300px); margin-right: 300px; } .file-preview-overlay { animation: .1s ease-out fadeIn; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .file-preview-nav { justify-content: center; align-items: center; gap: var(--c--globals--spacings--3xs, 4px); color: var(--c--contextuals--content--semantic--brand--tertiary); border-radius: var(--c--globals--spacings--3xs, 4px); border: 1px solid var(--c--contextuals--border--surface--primary); background-color: var(--c--contextuals--background--surface--secondary); font-size: 14px; font-style: normal; font-weight: 500; display: flex; box-shadow: 0 2px 8px #00000014; } .file-preview__viewer { width: 100%; height: 100%; overflow: hidden; } .file-preview-pdf-container { width: 100%; height: 100%; overflow: auto; } .file-preview-pdf-container .pdf-preview-container { flex-direction: column; height: 100%; display: flex; } .file-preview-unsupported { text-align: center; height: 100%; color: var(--c--contextuals--content--semantic--neutral--secondary); justify-content: center; align-items: center; gap: var(--c--globals--spacings--xs); flex-direction: column; padding: 2rem; display: flex; } .file-preview-unsupported__title { color: var(--c--contextuals--content--semantic--neutral--primary); text-align: center; font-size: 16px; font-weight: 700; line-height: 22px; } .file-preview-unsupported__description { color: var(--c--contextuals--content--semantic--neutral--secondary); text-align: center; font-size: 12px; font-weight: 400; line-height: 16px; } .file-preview-unsupported p { margin: .5rem 0; font-size: 16px; } .file-preview-unsupported p:first-child { color: var(--c--contextuals--content--semantic--neutral--primary); font-size: 18px; font-weight: 600; } .file-preview-unsupported a { background-color: var(--c--contextuals--content--semantic--brand--secondary); color: #fff; border-radius: 6px; margin-top: 1rem; padding: .75rem 1.5rem; font-weight: 500; text-decoration: none; transition: background-color .2s; } .file-preview-unsupported a:hover { background-color: var(--c--contextuals--content--semantic--brand--tertiary); } .video-preview-viewer-container { justify-content: center; align-items: center; height: 100%; display: flex; } .video-preview-viewer-container .video-preview-viewer { width: 100%; max-width: 1000px; } .file-preview__next-button, .file-preview__previous-button { border-radius: var(--xs, 8px); border: 1px solid var(--c--contextuals--border--surface--primary); background-color: #fff; background: var(--c--contextuals--background--surface--primary); justify-content: center; align-items: center; width: 40px; height: 40px; transition: transform .3s; display: flex; position: absolute; top: calc(50% - 20px); box-shadow: 0 2px 4px #0000000d; } .file-preview__next-button { right: 16px; } .file-preview__previous-button { left: 16px; } .file-preview__container--pdf-sidebar-open .file-preview__previous-button { transform: translate(150px); } .file-preview__container--sidebar-open .file-preview__next-button { transform: translate(-300px); } @media (max-width: 768px) { .file-preview__header__content { padding: 0 16px; } .file-preview__title { font-size: 16px; } .file-preview__content > * { min-height: calc(100dvh - 84px); } .file-preview-nav { display: none; } .file-preview-sidebar { z-index: 10001; background-color: var(--c--contextuals--background--surface--secondary); border-left: none; width: 100vw; max-width: 100vw; right: -100vw; } .file-preview-sidebar.open { transform: translate(-100vw); } .file-preview__container--sidebar-open .file-preview__main { width: 100%; margin-right: 0; } .file-preview__next-button, .file-preview__previous-button { display: none; } } .file-preview__controls { z-index: 10; align-items: center; gap: var(--c--globals--spacings--3xs); padding: var(--c--globals--spacings--3xs); border-radius: var(--xs, 8px); border: 1px solid var(--c--contextuals--border--surface--primary); background: var(--c--contextuals--background--surface--primary); display: flex; position: absolute; bottom: 16px; left: 50%; transform: translate(-50%); box-shadow: 0 2px 4px #0000000d; } .file-preview__controls__separator { background: var(--c--contextuals--border--surface--primary); border-radius: 1px; width: 1px; height: 24px; overflow: hidden; } .file-preview__controls__zoom { justify-content: center; align-items: center; gap: var(--c--globals--spacings--3xs); display: flex; } .file-preview__controls__zoom__value { text-align: center; min-width: 35px; color: var(--c--contextuals--content--semantic--neutral--secondary); cursor: pointer; padding: 4px 0; font-size: 14px; font-weight: 600; } .suite-progress-bar { justify-content: space-between; align-items: center; width: 100%; margin-bottom: 12px; display: flex; } .suite-progress-bar__time { color: var(--c--contextuals--content--semantic--neutral--secondary); text-align: center; min-width: 80px; font-size: 14px; font-weight: 500; } .suite-progress-bar__bar { cursor: pointer; appearance: none; background: linear-gradient(to right,var(--c--contextuals--content--semantic--neutral--tertiary) 0%,var(--c--contextuals--content--semantic--neutral--tertiary) var(--progress-percentage, 100%),color-mix(in srgb,var(--c--contextuals--content--semantic--neutral--tertiary) 25%,transparent) var(--progress-percentage, 0%),color-mix(in srgb,var(--c--contextuals--content--semantic--neutral--tertiary) 25%,transparent) 100%); border-radius: 3px; outline: none; width: 100%; height: 4px; } .suite-progress-bar__bar:focus-visible { outline: 2px solid var(--c--contextuals--content--semantic--brand--primary); outline-offset: 2px; } .suite-progress-bar__bar:hover { background: linear-gradient(to right,var(--c--contextuals--content--semantic--brand--primary) 0%,var(--c--contextuals--content--semantic--brand--primary) var(--progress-percentage, 100%),color-mix(in srgb,var(--c--contextuals--content--semantic--neutral--tertiary) 25%,transparent) var(--progress-percentage, 0%),color-mix(in srgb,var(--c--contextuals--content--semantic--neutral--tertiary) 25%,transparent) 100%); } .suite-progress-bar__bar:hover::-webkit-slider-thumb { background: var(--c--contextuals--content--semantic--brand--primary); transform: scale(1.8); } .suite-progress-bar__bar:hover::-moz-range-thumb:hover { background: var(--c--contextuals--content--semantic--brand--primary); transform: scale(1.8); } .suite-progress-bar__bar::-webkit-slider-thumb { appearance: none; background: var(--c--contextuals--content--semantic--neutral--tertiary); cursor: pointer; border-radius: 50%; width: 8px; height: 8px; transition: transform .2s; box-shadow: 0 2px 4px #0003; } .suite-progress-bar__bar::-moz-range-thumb { appearance: none; background: var(--c--contextuals--content--semantic--neutral--tertiary); cursor: pointer; border-radius: 50%; width: 10px; height: 10px; transition: transform .2s; box-shadow: 0 2px 4px #0003; } .suite-volume-bar { align-items: center; gap: 4px; display: flex; } .suite-volume-bar__bar { cursor: pointer; appearance: none; background: linear-gradient(to right,var(--c--contextuals--content--semantic--neutral--tertiary) 0%,var(--c--contextuals--content--semantic--neutral--tertiary) var(--volume-percentage, 100%),color-mix(in srgb,var(--c--contextuals--content--semantic--neutral--tertiary) 25%,transparent) var(--volume-percentage, 0%),color-mix(in srgb,var(--c--contextuals--content--semantic--neutral--tertiary) 25%,transparent) 100%); border-radius: 2px; outline: none; width: 80px; height: 4px; } .suite-volume-bar__bar:hover { background: linear-gradient(to right,var(--c--contextuals--content--semantic--brand--primary) 0%,var(--c--contextuals--content--semantic--brand--primary) var(--volume-percentage, 100%),color-mix(in srgb,var(--c--contextuals--content--semantic--neutral--tertiary) 25%,transparent) var(--volume-percentage, 0%),color-mix(in srgb,var(--c--contextuals--content--semantic--neutral--tertiary) 25%,transparent) 100%); } .suite-volume-bar__bar:hover::-webkit-slider-thumb { background: var(--c--contextuals--content--semantic--brand--primary); transform: scale(1.8); } .suite-volume-bar__bar:hover::-moz-range-thumb:hover { background: var(--c--contextuals--content--semantic--brand--primary); transform: scale(1.8); } .suite-volume-bar__bar::-webkit-slider-thumb { appearance: none; background: var(--c--contextuals--content--semantic--neutral--tertiary); cursor: pointer; border-radius: 50%; width: 8px; height: 8px; transition: transform .2s; box-shadow: 0 1px 3px #0003; } .suite-volume-bar__bar::-moz-range-thumb { background: var(--c--contextuals--content--semantic--neutral--tertiary); cursor: pointer; border: none; border-radius: 50%; width: 14px; height: 14px; transition: transform .2s; box-shadow: 0 1px 3px #0003; } .file-preview__controls--no-fullscreen-button { padding-right: 8px !important; } .preview-message { flex-direction: column; justify-content: center; align-items: center; gap: 8px; height: 100%; display: flex; } .preview-message__title { color: var(--c--contextuals--content--semantic--neutral--primary); text-align: center; margin: 0; font-size: 16px; font-style: normal; font-weight: 700; line-height: 22px; } .preview-message__description { color: var(--c--contextuals--content--semantic--neutral--secondary); text-align: center; margin: 0; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .preview-message__action { margin-top: 16px; } .preview-message--error .preview-message__title { color: var(--c--contextuals--content--semantic--error--primary); } .audio-player { width: 100%; padding: 16px; transition: all .3s; } .audio-player__container { flex-direction: column; gap: 12px; display: flex; } .audio-player__info { text-align: center; } .audio-player__title { margin-bottom: 4px; font-size: 16px; font-weight: 600; line-height: 1.2; } @media (max-width: 768px) { .audio-player { padding: 12px; } } .image-viewer { flex-direction: column; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; } .image-viewer__container { -webkit-user-select: none; user-select: none; cursor: default; flex: 1; justify-content: center; align-items: center; min-height: 400px; transition: cursor .2s; display: flex; position: relative; overflow: hidden; } .image-viewer__container.draggable { cursor: grab; } .image-viewer__container.dragging { cursor: grabbing; } .image-viewer__image-wrapper { transform-origin: center; will-change: transform; justify-content: center; align-items: center; transition: transform .1s ease-out; display: flex; position: relative; } .image-viewer__image { object-fit: contain; -webkit-user-select: none; user-select: none; pointer-events: none; border-radius: 4px; max-width: none; max-height: none; box-shadow: 0 4px 32px #0003; } .image-viewer__loading { color: var(--c--contextuals--content--semantic--neutral--secondary); flex-direction: column; align-items: center; gap: 16px; font-size: 14px; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .image-viewer__spinner { border: 3px solid var(--c--contextuals--border--surface--primary); border-top: 3px solid var(--c--contextuals--content--semantic--brand--primary); border-radius: 50%; width: 32px; height: 32px; animation: 1s linear infinite spin; } @keyframes spin { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } @media (max-width: 768px) { .image-viewer__controls { gap: 8px; padding: 12px; } .image-viewer__control-btn { width: 36px; height: 36px; } .image-viewer__zoom-level { min-width: 50px; font-size: 13px; } } @media (prefers-contrast: high) { .image-viewer { border: 2px solid #000; } .image-viewer__controls { border-bottom-width: 2px; } .image-viewer__control-btn { border-width: 2px; } } @media (prefers-reduced-motion: reduce) { .image-viewer__image-wrapper, .image-viewer__control-btn, .image-viewer__control-btn svg, .image-viewer__container { transition: none; } .image-viewer__spinner { animation: none; } } .zoom-control { justify-content: center; align-items: center; gap: var(--c--globals--spacings--3xs); border-radius: var(--c--globals--spacings--3xs); padding: var(--c--globals--spacings--3xs); border: 1px solid var(--c--contextuals--border--surface--primary); background: var(--c--contextuals--background--surface--primary); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: flex; box-shadow: 0 2px 8px #00000014; } .zoom-control button { cursor: pointer; background: none; border: none; justify-content: center; align-items: center; width: 34px; height: 34px; margin: 0; padding: 0; display: flex; } .zoom-control__value { text-align: center; min-width: 35px; color: var(--c--contextuals--content--semantic--neutral--secondary); cursor: pointer; padding: 4px 0; font-size: 14px; font-weight: 600; } .video-player { gap: var(--c--globals--spacings--md); flex-direction: column; width: 100%; height: 100vh; display: flex; overflow: hidden; } @keyframes fadeInOut { 0% { opacity: 0; transform: translate(-50%, -50%)scale(.8); } 20% { opacity: 1; transform: translate(-50%, -50%)scale(1); } 80% { opacity: 1; transform: translate(-50%, -50%)scale(1); } to { opacity: 0; transform: translate(-50%, -50%)scale(.8); } } .video-player__video { object-fit: contain; border-radius: 4px; flex: 1; width: 100%; height: 100%; max-height: calc(100vh - 200px); display: block; } .video-player__video__wrapper { justify-content: center; align-items: center; min-height: 300px; padding-top: 10px; display: flex; position: relative; } .video-player__status-icon { border-radius: var(--c--globals--spacings--xxxs); z-index: 10; width: 40px; height: 40px; animation: fadeIn Out 2s ease-in-out; background: #fffc; justify-content: center; align-items: center; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video-player__status-icon svg { color: #fff; width: 40px; height: 40px; } .video-player__controls { opacity: 1; gap: var(--c--globals--spacings--md); border-top: none; flex-direction: column; flex-shrink: 0; padding: 16px 0; transition: opacity .3s; display: flex; } @media (max-width: 768px) { .video-player { height: 100vh; } .video-player__video { max-height: calc(100vh - 150px); margin: 8px; } .video-player__video__wrapper { min-height: 250px; } .video-player__controls { padding: 12px; } } @media (max-width: 480px) { .video-player__video { margin: 4px; } } .video-player:fullscreen { border-radius: 0; flex-direction: row; } .video-player:fullscreen .video-player__video { width: 100%; height: 100%; max-height: none; aspect-ratio: unset; } .video-player:fullscreen .video-player__controls { display: none; } .pdf-preview { flex-direction: column; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; } .pdf-preview * { box-sizing: border-box; } .pdf-preview__body { flex: 1; min-height: 0; display: flex; position: relative; overflow: hidden; } .pdf-preview__body .react-pdf__Document, .pdf-preview__body .react-pdf__message { flex: 1; min-height: 0; display: flex; } .pdf-preview__container { flex: 1; min-height: 400px; overflow: hidden; } .pdf-preview__container-skeleton { flex: 1; justify-content: center; align-items: flex-start; padding: 16px 16px 0; display: flex; } .pdf-preview__container .react-pdf__Document { height: 100%; } .pdf-preview__page-container { box-sizing: border-box; justify-content: center; display: flex; } .pdf-preview__page-skeleton { background: var(--c--contextuals--background--surface--primary); aspect-ratio: 1 / 1.414; border-radius: 4px; width: 100%; max-width: 800px; animation: 1.5s ease-in-out infinite pdf-skeleton-pulse; box-shadow: 0 3.649px 14.597px #0000001a; } .pdf-preview__page-skeleton--measured { aspect-ratio: auto; width: auto; max-width: none; } .pdf-preview__sidebar { z-index: 5; border-right: 1px solid var(--c--contextuals--border--surface--primary); background: var(--c--contextuals--background--surface--primary); width: 150px; transition: transform .3s; position: absolute; top: 0; bottom: 0; left: 0; overflow: hidden; transform: translate(0); } .pdf-preview__sidebar .react-pdf__Document { height: 100%; } .pdf-preview__sidebar--closed { transform: translate(-100%); } .pdf-preview__sidebar [role="gridcell"] { justify-content: center; display: flex; } .pdf-preview__thumbnail { cursor: pointer; box-sizing: border-box; background: none; border: none; flex-direction: column; align-items: center; margin: 0 auto; transition: border-color .15s; display: flex; } .pdf-preview__thumbnail .react-pdf__Thumbnail { border: 2px solid #0000; border-radius: 4px; box-shadow: 0 .5px 5px #0000001a; } .pdf-preview__thumbnail--active .react-pdf__Thumbnail { border: 2px solid var(--c--contextuals--border--semantic--brand--primary); } .pdf-preview__thumbnail--active .pdf-preview__thumbnail-number { background-color: var(--c--contextuals--border--semantic--brand--primary); color: var(--c--contextuals--background--surface--primary); } .pdf-preview__sidebar-skeleton { justify-content: center; display: flex; } .pdf-preview__thumbnail-skeleton { background: var(--c--contextuals--border--surface--primary); border-radius: 4px; animation: 1.5s ease-in-out infinite pdf-skeleton-pulse; } .pdf-preview__thumbnail-number { color: var(--c--contextuals--content--semantic--neutral--secondary); text-align: center; font-size: 12px; font-weight: 700; font-family: var(--c--globals--font--families--base); border-radius: 8px; margin-top: 4px; padding: 4px 6px; } .pdf-preview__horizontal-scroll { overflow: auto hidden; } .pdf-preview__page-wrapper .react-pdf__Document { flex-direction: column; align-items: center; display: flex; } .pdf-preview__container .react-pdf__Page, .pdf-preview__page-wrapper .react-pdf__Page { border-radius: 4px; overflow: hidden; box-shadow: 0 3.649px 14.597px #0000001a; } .pdf-preview__zoom-controls { align-items: center; gap: 4px; display: flex; } .pdf-preview__page-nav { align-items: center; gap: var(--c--globals--spacings--3xs); padding: 0 4px; display: flex; } .pdf-preview__page-indicator { color: var(--c--contextuals--content--semantic--neutral--secondary); align-items: center; gap: 4px; font-size: 14px; font-weight: 600; display: flex; } .pdf-preview__page-indicator .c__field { width: auto; } .pdf-preview__page-indicator .c__field .c__input__wrapper { height: 26px; padding: 4px; } .pdf-preview__page-indicator .c__field .c__input__wrapper input { text-align: center; color: var(--c--contextuals--content--semantic--neutral--tertiary); padding: 0; font-weight: 600; } .pdf-preview__page-total { white-space: nowrap; color: var(--c--contextuals--content--semantic--neutral--secondary); font-size: 14px; font-weight: 500; } .pdf-preview__error { color: var(--c--contextuals--content--semantic--danger--primary); font-size: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @keyframes pdf-skeleton-pulse { 0%, to { opacity: 1; } 50% { opacity: .4; } } @media (max-width: 768px) { .pdf-preview__controls { gap: 8px; padding: 8px; } .pdf-preview__page-input, .pdf-preview__page-indicator { font-size: 13px; } .zoom-control__value { min-width: 40px; font-size: 13px; } } @media (prefers-reduced-motion: reduce) { .pdf-preview__page-skeleton, .pdf-preview__thumbnail-skeleton { animation: none; } .pdf-preview__sidebar { transition: none; } } .pdf-preview__external-link { word-break: break-all; background-color: var(--background-alt-grey); border-radius: 4px; margin: 8px 0; padding: 8px; font-family: monospace; font-size: 14px; display: block; } .c__file-icon.icon--xsmall { width: 11px; height: 11px; } .c__file-icon.icon--small { width: 16px; height: 16px; } .c__file-icon.icon--medium { width: 24px; height: 24px; } .c__file-icon.icon--large { width: 32px; height: 32px; } .c__file-icon.icon--xlarge { width: 40px; height: 40px; } :root { --react-pdf-annotation-layer: 1; --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; --link-outline: none; } @media screen and (forced-colors: active) { :root { --input-focus-border-color: CanvasText; --input-unfocused-border-color: ActiveText; --input-disabled-border-color: GrayText; --input-hover-border-color: Highlight; --link-outline: 1.5px solid LinkText; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid selecteditem; } .annotationLayer .linkAnnotation:hover { -webkit-backdrop-filter: invert(); backdrop-filter: invert(); } } .annotationLayer { pointer-events: none; transform-origin: 0 0; z-index: 3; position: absolute; top: 0; left: 0; } .annotationLayer[data-main-rotation="90"] .norotate { transform: rotate(270deg)translate(-100%); } .annotationLayer[data-main-rotation="180"] .norotate { transform: rotate(180deg)translate(-100%, -100%); } .annotationLayer[data-main-rotation="270"] .norotate { transform: rotate(90deg)translateY(-100%); } .annotationLayer canvas { width: 100%; height: 100%; position: absolute; } .annotationLayer section { text-align: initial; pointer-events: auto; box-sizing: border-box; transform-origin: 0 0; margin: 0; position: absolute; } .annotationLayer .linkAnnotation { outline: var(--link-outline); } .textLayer.selecting ~ .annotationLayer section { pointer-events: none; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { width: 100%; height: 100%; font-size: 1em; position: absolute; top: 0; left: 0; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover { opacity: .2; background: #ff0; box-shadow: 0 2px 10px #ff0; } .annotationLayer .textAnnotation img { cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--total-scale-factor)) sans-serif; vertical-align: top; width: 100%; height: 100%; margin: 0; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid red; } .annotationLayer .choiceWidgetAnnotation select option { padding: 0; } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea { resize: none; } .annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; background: none; } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; } .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); background: none; border-radius: 2px; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-color: #0000; background-image: none; } .annotationLayer .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); border-radius: 2px; } .annotationLayer .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { content: ""; background-color: canvastext; display: block; position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { width: 1px; height: 80%; left: 45%; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before { transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { border-radius: 50%; width: 50%; height: 50%; top: 20%; left: 30%; } .annotationLayer .textWidgetAnnotation input.comb { padding-left: 2px; padding-right: 0; font-family: monospace; } .annotationLayer .textWidgetAnnotation input.comb:focus { width: 103%; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { appearance: none; } .annotationLayer .popupTriggerArea { width: 100%; height: 100%; } .annotationLayer .fileAttachmentAnnotation .popupTriggerArea { position: absolute; } .annotationLayer .popupWrapper { font-size: calc(9px * var(--total-scale-factor)); width: 100%; min-width: calc(180px * var(--total-scale-factor)); pointer-events: none; position: absolute; } .annotationLayer .popup { max-width: calc(180px * var(--total-scale-factor)); box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888; border-radius: calc(2px * var(--total-scale-factor)); padding: calc(6px * var(--total-scale-factor)); margin-left: calc(5px * var(--total-scale-factor)); cursor: pointer; font: message-box; white-space: normal; word-wrap: break-word; pointer-events: auto; background-color: #ff9; position: absolute; } .annotationLayer .popup > * { font-size: calc(9px * var(--total-scale-factor)); } .annotationLayer .popup h1 { display: inline-block; } .annotationLayer .popupDate { margin-left: calc(5px * var(--total-scale-factor)); display: inline-block; } .annotationLayer .popupContent { margin-top: calc(2px * var(--total-scale-factor)); padding-top: calc(2px * var(--total-scale-factor)); border-top: 1px solid #333; } .annotationLayer .richText > * { white-space: pre-wrap; font-size: calc(9px * var(--total-scale-factor)); } .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .caretAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; } .annotationLayer section svg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .annotationLayer .annotationTextContent { opacity: 0; color: #0000; -webkit-user-select: none; user-select: none; pointer-events: none; width: 100%; height: 100%; position: absolute; } .annotationLayer .annotationTextContent span { width: 100%; display: inline-block; } :root { --react-pdf-text-layer: 1; --highlight-bg-color: #b400aa; --highlight-selected-bg-color: #006400; } @media screen and (forced-colors: active) { :root { --highlight-bg-color: Highlight; --highlight-selected-bg-color: ButtonText; } } [data-main-rotation="90"] { transform: rotate(90deg)translateY(-100%); } [data-main-rotation="180"] { transform: rotate(180deg)translate(-100%, -100%); } [data-main-rotation="270"] { transform: rotate(270deg)translate(-100%); } .textLayer { text-align: initial; -moz-text-size-adjust: none; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; z-index: 2; line-height: 1; position: absolute; inset: 0; overflow: hidden; } .textLayer :is(span, br) { color: #0000; white-space: pre; cursor: text; transform-origin: 0 0; margin: 0; position: absolute; } .textLayer span.markedContent { height: 0; top: 0; } .textLayer .highlight { background-color: var(--highlight-bg-color); border-radius: 4px; margin: -1px; padding: 1px; } .textLayer .highlight.appended { position: initial; } .textLayer .highlight.begin { border-radius: 4px 0 0 4px; } .textLayer .highlight.end { border-radius: 0 4px 4px 0; } .textLayer .highlight.middle { border-radius: 0; } .textLayer .highlight.selected { background-color: var(--highlight-selected-bg-color); } .textLayer br::selection { background: none; } .textLayer .endOfContent { z-index: -1; cursor: default; -webkit-user-select: none; user-select: none; display: block; position: absolute; inset: 100% 0 0; } .textLayer.selecting .endOfContent { top: 0; } .hiddenCanvasElement { width: 0; height: 0; display: none; position: absolute; top: 0; left: 0; } .ReactVirtualized__Table__headerRow { text-transform: uppercase; flex-direction: row; align-items: center; font-weight: 700; display: flex; } .ReactVirtualized__Table__row { flex-direction: row; align-items: center; display: flex; } .ReactVirtualized__Table__headerTruncatedText { white-space: nowrap; text-overflow: ellipsis; max-width: 100%; display: inline-block; overflow: hidden; } .ReactVirtualized__Table__headerColumn, .ReactVirtualized__Table__rowColumn { min-width: 0; margin-right: 10px; } .ReactVirtualized__Table__rowColumn { text-overflow: ellipsis; white-space: nowrap; } .ReactVirtualized__Table__headerColumn:first-of-type, .ReactVirtualized__Table__rowColumn:first-of-type { margin-left: 10px; } .ReactVirtualized__Table__sortableHeaderColumn { cursor: pointer; } .ReactVirtualized__Table__sortableHeaderIconContainer { align-items: center; display: flex; } .ReactVirtualized__Table__sortableHeaderIcon { fill: currentColor; flex: 0 0 24px; width: 1em; height: 1em; } .lasuite-gaufre-btn--vanilla:before, .lasuite-gaufre-btn--vanilla:after, .lasuite-gaufre-mask-element, .lasuite-gaufre-mask:before, .lasuite-gaufre-mask:after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22m11.931261 8.1750088 3.362701 1.9413282v3.882529l-3.362701 1.941262-3.3627003-1.941262v-3.882529zm3.785275-6.8155706 3.362701 1.9412995v3.8825496l-3.362701 1.9412783-3.362701-1.9412783V3.3007377Zm0 13.5159968 3.362701 1.941263v3.882529l-3.362701 1.941335-3.362701-1.941335v-3.882529ZM4.3627012 8.1750088l3.3627014 1.9413282v3.882529l-3.3627014 1.941262L1 13.998866v-3.882529Zm3.7841385-6.8155706 3.3627023 1.9412995v3.8825496L8.1468397 9.1245656 4.7841172 7.1832873V3.3007377Zm0 13.5159968 3.3627023 1.941263v3.882529l-3.3627023 1.941335-3.3627225-1.941335v-3.882529ZM19.637299 8.1750088 23 10.116337v3.882529l-3.362701 1.941262-3.362702-1.941262v-3.882529z%22%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22m11.931261 8.1750088 3.362701 1.9413282v3.882529l-3.362701 1.941262-3.3627003-1.941262v-3.882529zm3.785275-6.8155706 3.362701 1.9412995v3.8825496l-3.362701 1.9412783-3.362701-1.9412783V3.3007377Zm0 13.5159968 3.362701 1.941263v3.882529l-3.362701 1.941335-3.362701-1.941335v-3.882529ZM4.3627012 8.1750088l3.3627014 1.9413282v3.882529l-3.3627014 1.941262L1 13.998866v-3.882529Zm3.7841385-6.8155706 3.3627023 1.9412995v3.8825496L8.1468397 9.1245656 4.7841172 7.1832873V3.3007377Zm0 13.5159968 3.3627023 1.941263v3.882529l-3.3627023 1.941335-3.3627225-1.941335v-3.882529ZM19.637299 8.1750088 23 10.116337v3.882529l-3.362701 1.941262-3.362702-1.941262v-3.882529z%22%2F%3E%3C%2Fsvg%3E") !important; } .lasuite-gaufre-btn--vanilla { all: unset; overflow-wrap: break-word !important; box-sizing: border-box !important; appearance: none !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; color: #000091 !important; white-space: nowrap !important; background-color: #0000 !important; border: none !important; flex-direction: row !important; align-items: center !important; width: fit-content !important; max-width: 3rem !important; min-height: 3rem !important; max-height: 3rem !important; margin: 0 !important; padding: .5rem !important; font-family: inherit !important; font-size: 1.125rem !important; font-weight: 500 !important; line-height: 1.75rem !important; display: inline-flex !important; overflow: hidden !important; box-shadow: inset 0 0 0 1px #ddd !important; } [data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla { color: #8585f6 !important; box-shadow: inset 0 0 0 1px #353535 !important; } .lasuite-gaufre-btn--vanilla:before { content: "" !important; width: var(--icon-size) !important; height: var(--icon-size) !important; --icon-size: 2rem !important; background-color: currentColor !important; flex: none !important; margin-left: 0 !important; margin-right: .5rem !important; display: block !important; -webkit-mask-size: 100% 100% !important; mask-size: 100% 100% !important; } .lasuite-gaufre-btn--vanilla.lasuite-gaufre-btn--small { max-width: 2.5rem !important; min-height: 2.5rem !important; max-height: 2.5rem !important; } .lasuite-gaufre-btn--vanilla.lasuite-gaufre-btn--small:before { --icon-size: 1.5rem !important; } @media screen and (max-width: 991px) { .lasuite-gaufre-btn--vanilla.lasuite-gaufre-btn--responsive { max-width: 2.5rem !important; min-height: 2.5rem !important; max-height: 2.5rem !important; } .lasuite-gaufre-btn--vanilla.lasuite-gaufre-btn--responsive:before { --icon-size: 1.5rem !important; } } .lasuite-gaufre-btn--vanilla:hover, .lasuite-gaufre-btn--vanilla:focus-visible { background-color: #f6f6f6 !important; } [data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla:hover, [data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla:focus-visible { background-color: #343434 !important; } .lasuite-gaufre-btn--vanilla:active { background-color: #ededed !important; } .lasuite-gaufre-btn.lasuite--gaufre-opened { background-color: #ededed !important; box-shadow: inset 0 0 0 1px #000091 !important; } [data-fr-scheme="dark"] .lasuite-gaufre-btn.lasuite--gaufre-opened, [data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla:active { background-color: #474747 !important; } [data-fr-scheme="dark"] .lasuite-gaufre-btn.lasuite--gaufre-opened { background-color: #474747 !important; box-shadow: inset 0 0 0 1px #8585f6 !important; } html:not(.lasuite--gaufre-loaded) .lasuite-gaufre-btn { visibility: hidden !important; } :root { --c--globals--colors--logo-1-light: #4844ad; --c--globals--colors--logo-2-light: #4844ad; --c--globals--colors--logo-1-dark: #bec5f0; --c--globals--colors--logo-2-dark: #bec5f0; --c--globals--colors--brand-050: #eef1fa; --c--globals--colors--brand-100: #dde2f5; --c--globals--colors--brand-150: #ced3f1; --c--globals--colors--brand-200: #bec5f0; --c--globals--colors--brand-250: #afb5f1; --c--globals--colors--brand-300: #a0a5f6; --c--globals--colors--brand-350: #8f94fd; --c--globals--colors--brand-400: #8184fc; --c--globals--colors--brand-450: #7576ee; --c--globals--colors--brand-500: #6969df; --c--globals--colors--brand-550: #5e5cd0; --c--globals--colors--brand-600: #534fc2; --c--globals--colors--brand-650: #4844ad; --c--globals--colors--brand-700: #3e3b98; --c--globals--colors--brand-750: #36347d; --c--globals--colors--brand-800: #2d2f5f; --c--globals--colors--brand-850: #262848; --c--globals--colors--brand-900: #1c1e32; --c--globals--colors--brand-950: #11131f; --c--globals--colors--gray-000: #fff; --c--globals--colors--gray-025: #f8f8f9; --c--globals--colors--gray-050: #f0f0f3; --c--globals--colors--gray-100: #e2e2ea; --c--globals--colors--gray-150: #d3d4e0; --c--globals--colors--gray-200: #c5c6d5; --c--globals--colors--gray-250: #b7b7cb; --c--globals--colors--gray-300: #a9a9bf; --c--globals--colors--gray-350: #9c9cb2; --c--globals--colors--gray-400: #8f8fa4; --c--globals--colors--gray-450: #828297; --c--globals--colors--gray-500: #75758a; --c--globals--colors--gray-550: #69697d; --c--globals--colors--gray-600: #5d5d70; --c--globals--colors--gray-650: #515164; --c--globals--colors--gray-700: #454558; --c--globals--colors--gray-750: #3a3a4c; --c--globals--colors--gray-800: #2f303d; --c--globals--colors--gray-850: #25252f; --c--globals--colors--gray-900: #1b1b23; --c--globals--colors--gray-950: #111114; --c--globals--colors--gray-1000: #000; --c--globals--colors--info-050: #eaf2f9; --c--globals--colors--info-100: #d5e4f3; --c--globals--colors--info-150: #bfd7f0; --c--globals--colors--info-200: #a7caee; --c--globals--colors--info-250: #8dbdef; --c--globals--colors--info-300: #6eb0f2; --c--globals--colors--info-350: #50a2f5; --c--globals--colors--info-400: #3593f4; --c--globals--colors--info-450: #1185ed; --c--globals--colors--info-500: #0077de; --c--globals--colors--info-550: #0069cf; --c--globals--colors--info-600: #005bc0; --c--globals--colors--info-650: #0d4eaa; --c--globals--colors--info-700: #124394; --c--globals--colors--info-750: #163878; --c--globals--colors--info-800: #192f5a; --c--globals--colors--info-850: #192541; --c--globals--colors--info-900: #141b2d; --c--globals--colors--info-950: #0c111c; --c--globals--colors--success-050: #e8f1ea; --c--globals--colors--success-100: #cfe4d4; --c--globals--colors--success-150: #bad9c1; --c--globals--colors--success-200: #a2cfad; --c--globals--colors--success-250: #86c597; --c--globals--colors--success-300: #6cba83; --c--globals--colors--success-350: #4fb070; --c--globals--colors--success-400: #40a363; --c--globals--colors--success-450: #309556; --c--globals--colors--success-500: #1e884a; --c--globals--colors--success-550: #027b3e; --c--globals--colors--success-600: #016d31; --c--globals--colors--success-650: #006024; --c--globals--colors--success-700: #005317; --c--globals--colors--success-750: #0d4511; --c--globals--colors--success-800: #11380e; --c--globals--colors--success-850: #132a11; --c--globals--colors--success-900: #101e0f; --c--globals--colors--success-950: #091209; --c--globals--colors--warning-050: #f8f0e9; --c--globals--colors--warning-100: #f1e0d3; --c--globals--colors--warning-150: #ecd0bc; --c--globals--colors--warning-200: #e8c0a4; --c--globals--colors--warning-250: #e8ae8a; --c--globals--colors--warning-300: #eb9970; --c--globals--colors--warning-350: #e98456; --c--globals--colors--warning-400: #e57036; --c--globals--colors--warning-450: #da5e18; --c--globals--colors--warning-500: #cb5000; --c--globals--colors--warning-550: #bc4200; --c--globals--colors--warning-600: #ad3300; --c--globals--colors--warning-650: #9e2300; --c--globals--colors--warning-700: #882011; --c--globals--colors--warning-750: #731e16; --c--globals--colors--warning-800: #58201a; --c--globals--colors--warning-850: #401d18; --c--globals--colors--warning-900: #2e1714; --c--globals--colors--warning-950: #1d0f0d; --c--globals--colors--error-050: #f9efec; --c--globals--colors--error-100: #f4dfd9; --c--globals--colors--error-150: #f0cec6; --c--globals--colors--error-200: #eebcb2; --c--globals--colors--error-250: #eea99d; --c--globals--colors--error-300: #ef9486; --c--globals--colors--error-350: #f37c6e; --c--globals--colors--error-400: #f65f53; --c--globals--colors--error-450: #f0463d; --c--globals--colors--error-500: #e82322; --c--globals--colors--error-550: #d7010e; --c--globals--colors--error-600: #c00100; --c--globals--colors--error-650: #a00; --c--globals--colors--error-700: #910c06; --c--globals--colors--error-750: #731e16; --c--globals--colors--error-800: #58201a; --c--globals--colors--error-850: #401d18; --c--globals--colors--error-900: #2e1714; --c--globals--colors--error-950: #1d0f0d; --c--globals--colors--red-050: #faefee; --c--globals--colors--red-100: #f4dedd; --c--globals--colors--red-150: #f1cdcb; --c--globals--colors--red-200: #efbbba; --c--globals--colors--red-250: #eea8a8; --c--globals--colors--red-300: #f09394; --c--globals--colors--red-350: #f37b7e; --c--globals--colors--red-400: #ef6569; --c--globals--colors--red-450: #e94a55; --c--globals--colors--red-500: #da3b49; --c--globals--colors--red-550: #ca2a3c; --c--globals--colors--red-600: #bb1330; --c--globals--colors--red-650: #a90021; --c--globals--colors--red-700: #910a13; --c--globals--colors--red-750: #731e16; --c--globals--colors--red-800: #58201a; --c--globals--colors--red-850: #411d18; --c--globals--colors--red-900: #2e1714; --c--globals--colors--red-950: #1d0f0d; --c--globals--colors--orange-050: #f8f0e9; --c--globals--colors--orange-100: #f1e0d3; --c--globals--colors--orange-150: #ecd0bd; --c--globals--colors--orange-200: #eabfa6; --c--globals--colors--orange-250: #ebac90; --c--globals--colors--orange-300: #ec9772; --c--globals--colors--orange-350: #e5845a; --c--globals--colors--orange-400: #d6774d; --c--globals--colors--orange-450: #c86a40; --c--globals--colors--orange-500: #b95d33; --c--globals--colors--orange-550: #ab5025; --c--globals--colors--orange-600: #9d4315; --c--globals--colors--orange-650: #8f3600; --c--globals--colors--orange-700: #812900; --c--globals--colors--orange-750: #6c2511; --c--globals--colors--orange-800: #572017; --c--globals--colors--orange-850: #401d18; --c--globals--colors--orange-900: #2e1714; --c--globals--colors--orange-950: #1d0f0d; --c--globals--colors--brown-050: #f6f0e8; --c--globals--colors--brown-100: #f1e0d3; --c--globals--colors--brown-150: #ebd0ba; --c--globals--colors--brown-200: #e2c0a6; --c--globals--colors--brown-250: #d4b398; --c--globals--colors--brown-300: #c6a58b; --c--globals--colors--brown-350: #b8987e; --c--globals--colors--brown-400: #aa8b71; --c--globals--colors--brown-450: #9d7e65; --c--globals--colors--brown-500: #8f7158; --c--globals--colors--brown-550: #82654c; --c--globals--colors--brown-600: #765841; --c--globals--colors--brown-650: #694c35; --c--globals--colors--brown-700: #5d412a; --c--globals--colors--brown-750: #51361e; --c--globals--colors--brown-800: #452a13; --c--globals--colors--brown-850: #392008; --c--globals--colors--brown-900: #29180a; --c--globals--colors--brown-950: #1b0f08; --c--globals--colors--yellow-050: #f3f0e7; --c--globals--colors--yellow-100: #e9e2cf; --c--globals--colors--yellow-150: #e1d4b7; --c--globals--colors--yellow-200: #d9c599; --c--globals--colors--yellow-250: #d2b677; --c--globals--colors--yellow-300: #caa756; --c--globals--colors--yellow-350: #c2972e; --c--globals--colors--yellow-400: #b98900; --c--globals--colors--yellow-450: #ab7b00; --c--globals--colors--yellow-500: #9d6e00; --c--globals--colors--yellow-550: #916100; --c--globals--colors--yellow-600: #855400; --c--globals--colors--yellow-650: #784700; --c--globals--colors--yellow-700: #6c3a00; --c--globals--colors--yellow-750: #5f2e00; --c--globals--colors--yellow-800: #512302; --c--globals--colors--yellow-850: #3e1d10; --c--globals--colors--yellow-900: #2d1711; --c--globals--colors--yellow-950: #1d0f0d; --c--globals--colors--green-050: #e6f1e9; --c--globals--colors--green-100: #cfe4d5; --c--globals--colors--green-150: #b8d8c1; --c--globals--colors--green-200: #a0cfae; --c--globals--colors--green-250: #84c59a; --c--globals--colors--green-300: #65ba86; --c--globals--colors--green-350: #45b173; --c--globals--colors--green-400: #23a562; --c--globals--colors--green-450: #029755; --c--globals--colors--green-500: #008948; --c--globals--colors--green-550: #017b3b; --c--globals--colors--green-600: #006e2e; --c--globals--colors--green-650: #006022; --c--globals--colors--green-700: #005314; --c--globals--colors--green-750: #0d4510; --c--globals--colors--green-800: #11380e; --c--globals--colors--green-850: #132a11; --c--globals--colors--green-900: #101e0f; --c--globals--colors--green-950: #091209; --c--globals--colors--blue-1-050: #ebf1f9; --c--globals--colors--blue-1-100: #d6e4f4; --c--globals--colors--blue-1-150: #c1d7f0; --c--globals--colors--blue-1-200: #aacaef; --c--globals--colors--blue-1-250: #8fbcef; --c--globals--colors--blue-1-300: #7cafeb; --c--globals--colors--blue-1-350: #68a1e4; --c--globals--colors--blue-1-400: #5b94d6; --c--globals--colors--blue-1-450: #4e86c7; --c--globals--colors--blue-1-500: #4279b9; --c--globals--colors--blue-1-550: #356cac; --c--globals--colors--blue-1-600: #28609e; --c--globals--colors--blue-1-650: #1b5390; --c--globals--colors--blue-1-700: #0b4783; --c--globals--colors--blue-1-750: #0f3c6e; --c--globals--colors--blue-1-800: #133059; --c--globals--colors--blue-1-850: #152641; --c--globals--colors--blue-1-900: #121c2d; --c--globals--colors--blue-1-950: #0b111c; --c--globals--colors--blue-2-050: #e7f3f4; --c--globals--colors--blue-2-100: #cee7e9; --c--globals--colors--blue-2-150: #b2dce0; --c--globals--colors--blue-2-200: #91d1d7; --c--globals--colors--blue-2-250: #68c7d0; --c--globals--colors--blue-2-300: #43bbc5; --c--globals--colors--blue-2-350: #00afba; --c--globals--colors--blue-2-400: #01a0aa; --c--globals--colors--blue-2-450: #00929d; --c--globals--colors--blue-2-500: #00848f; --c--globals--colors--blue-2-550: #007682; --c--globals--colors--blue-2-600: #016874; --c--globals--colors--blue-2-650: #005b67; --c--globals--colors--blue-2-700: #004e5a; --c--globals--colors--blue-2-750: #00424e; --c--globals--colors--blue-2-800: #003642; --c--globals--colors--blue-2-850: #002a38; --c--globals--colors--blue-2-900: #061e28; --c--globals--colors--blue-2-950: #071219; --c--globals--colors--purple-050: #f7f0f6; --c--globals--colors--purple-100: #eee0ee; --c--globals--colors--purple-150: #e7d1e7; --c--globals--colors--purple-200: #dbbfe4; --c--globals--colors--purple-250: #d3aee2; --c--globals--colors--purple-300: #cb99e1; --c--globals--colors--purple-350: #c188d9; --c--globals--colors--purple-400: #b47bcb; --c--globals--colors--purple-450: #a66ebd; --c--globals--colors--purple-500: #9961af; --c--globals--colors--purple-550: #8b55a1; --c--globals--colors--purple-600: #7e4894; --c--globals--colors--purple-650: #723c87; --c--globals--colors--purple-700: #633376; --c--globals--colors--purple-750: #552a65; --c--globals--colors--purple-800: #452551; --c--globals--colors--purple-850: #35213d; --c--globals--colors--purple-900: #261a2c; --c--globals--colors--purple-950: #17111c; --c--globals--colors--pink-050: #f8eff4; --c--globals--colors--pink-100: #f0dfea; --c--globals--colors--pink-150: #eacedf; --c--globals--colors--pink-200: #e9bbd1; --c--globals--colors--pink-250: #e9a7c2; --c--globals--colors--pink-300: #e095b4; --c--globals--colors--pink-350: #d685a8; --c--globals--colors--pink-400: #c7799b; --c--globals--colors--pink-450: #b86c8d; --c--globals--colors--pink-500: #aa5f80; --c--globals--colors--pink-550: #9c5374; --c--globals--colors--pink-600: #8e4767; --c--globals--colors--pink-650: #813b5b; --c--globals--colors--pink-700: #732e4f; --c--globals--colors--pink-750: #632643; --c--globals--colors--pink-800: #521f38; --c--globals--colors--pink-850: #3e1c2b; --c--globals--colors--pink-900: #2d171f; --c--globals--colors--pink-950: #1c0e12; --c--globals--colors--black-000: #1b1b2300; --c--globals--colors--black-050: #1b1b230d; --c--globals--colors--black-100: #1b1b231a; --c--globals--colors--black-150: #1b1b2326; --c--globals--colors--black-200: #1b1b2333; --c--globals--colors--black-250: #1b1b2340; --c--globals--colors--black-300: #1b1b234d; --c--globals--colors--black-350: #1b1b2359; --c--globals--colors--black-400: #1b1b2366; --c--globals--colors--black-450: #1b1b2373; --c--globals--colors--black-500: #1b1b2380; --c--globals--colors--black-550: #1b1b238c; --c--globals--colors--black-600: #1b1b2399; --c--globals--colors--black-650: #1b1b23a6; --c--globals--colors--black-700: #1b1b23b2; --c--globals--colors--black-750: #1b1b23bf; --c--globals--colors--black-800: #1b1b23cc; --c--globals--colors--black-850: #1b1b23d9; --c--globals--colors--black-900: #1b1b23e5; --c--globals--colors--black-950: #111114f2; --c--globals--colors--white-000: #f8f8f900; --c--globals--colors--white-050: #f8f8f90d; --c--globals--colors--white-100: #f8f8f91a; --c--globals--colors--white-150: #f8f8f926; --c--globals--colors--white-200: #f8f8f933; --c--globals--colors--white-250: #f8f8f940; --c--globals--colors--white-300: #f8f8f94d; --c--globals--colors--white-350: #f8f8f959; --c--globals--colors--white-400: #f8f8f966; --c--globals--colors--white-450: #f8f8f973; --c--globals--colors--white-500: #f8f8f980; --c--globals--colors--white-550: #f8f8f98c; --c--globals--colors--white-600: #f8f8f999; --c--globals--colors--white-650: #f8f8f9a6; --c--globals--colors--white-700: #f8f8f9b2; --c--globals--colors--white-750: #f8f8f9bf; --c--globals--colors--white-800: #f8f8f9cc; --c--globals--colors--white-850: #f8f8f9d9; --c--globals--colors--white-900: #f8f8f9e5; --c--globals--colors--white-950: #f8f8f9f2; --c--globals--colors--white-975: #f8f8f9f9; --c--globals--transitions--ease-in: cubic-bezier(.32, 0, .67, 0); --c--globals--transitions--ease-out: cubic-bezier(.33, 1, .68, 1); --c--globals--transitions--ease-in-out: cubic-bezier(.65, 0, .35, 1); --c--globals--transitions--duration: .25s; --c--globals--font--sizes--xs: .75rem; --c--globals--font--sizes--sm: .875rem; --c--globals--font--sizes--md: 1rem; --c--globals--font--sizes--lg: 1.125rem; --c--globals--font--sizes--ml: .938rem; --c--globals--font--sizes--xl: 1.25rem; --c--globals--font--sizes--t: .6875rem; --c--globals--font--sizes--s: .75rem; --c--globals--font--sizes--h1: 2rem; --c--globals--font--sizes--h2: 1.75rem; --c--globals--font--sizes--h3: 1.5rem; --c--globals--font--sizes--h4: 1.375rem; --c--globals--font--sizes--h5: 1.25rem; --c--globals--font--sizes--h6: 1.125rem; --c--globals--font--sizes--xl-alt: 5rem; --c--globals--font--sizes--lg-alt: 4.5rem; --c--globals--font--sizes--md-alt: 4rem; --c--globals--font--sizes--sm-alt: 3.5rem; --c--globals--font--sizes--xs-alt: 3rem; --c--globals--font--weights--thin: 100; --c--globals--font--weights--light: 300; --c--globals--font--weights--regular: 400; --c--globals--font--weights--medium: 500; --c--globals--font--weights--bold: 600; --c--globals--font--weights--extrabold: 800; --c--globals--font--weights--black: 800; --c--globals--font--families--base: Hanken Grotesk, Inter, Roboto Flex Variable, sans-serif; --c--globals--font--families--accent: Hanken Grotesk, Inter, Roboto Flex Variable, sans-serif; --c--globals--spacings--0: 0; --c--globals--spacings--l: 3rem; --c--globals--spacings--b: 1.625rem; --c--globals--spacings--m: .8125rem; --c--globals--spacings--s: 1rem; --c--globals--spacings--t: .5rem; --c--globals--spacings--st: .25rem; --c--globals--spacings--4xs: .125rem; --c--globals--spacings--3xs: .25rem; --c--globals--spacings--2xs: .375rem; --c--globals--spacings--xxxs: .25rem; --c--globals--spacings--xxs: .375rem; --c--globals--spacings--xs: .5rem; --c--globals--spacings--sm: .75rem; --c--globals--spacings--base: 1rem; --c--globals--spacings--md: 1.5rem; --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--xxxl: 3.5rem; --c--globals--spacings--2xl: 3rem; --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; --c--globals--spacings--none: 0; --c--globals--spacings--auto: auto; --c--globals--spacings--bx: 2.2rem; --c--globals--spacings--full: 100%; --c--globals--breakpoints--xs: 480px; --c--globals--breakpoints--sm: 576px; --c--globals--breakpoints--md: 768px; --c--globals--breakpoints--lg: 992px; --c--globals--breakpoints--xl: 1200px; --c--globals--breakpoints--xxl: 1400px; --c--globals--breakpoints--xxs: 320px; --c--globals--breakpoints--mobile: 768px; --c--globals--breakpoints--tablet: 1024px; --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-025); --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--black-050); --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--black-050); --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-150); --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-050); --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-100); --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-150); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-050); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-150); --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-050); --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-100); --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-100); --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-150); --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-050); --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-100); --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-100); --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-150); --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-050); --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-100); --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-100); --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-150); --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-050); --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-100); --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-050); --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-350); --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-350); --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-150); --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-350); --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-150); --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-350); --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-150); --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-350); --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-350); --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-150); --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-350); --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-150); --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-350); --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-150); --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-light); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-light); --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-700); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-850); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-700); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-600); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-550); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-700); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-600); --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-550); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-700); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-600); --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-550); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-700); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-550); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-300); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--white-500); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-100); --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-300); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-300); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-300); --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-150); --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-300); --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-150); --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-300); --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-150); --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-300); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-150); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-100); --c--components--alert--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--alert--border-radius: 4px; --c--components--alert--border-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--border-left-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--font-weight: var(--c--globals--font--weights--medium); --c--components--alert--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--alert--icon-size: 19px; --c--components--alert--additional-font-weight: var(--c--globals--font--weights--regular); --c--components--alert--additional-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--button--border-radius: 4px; --c--components--button--border-radius--active: 4px; --c--components--button--border-radius--focus: 4px; --c--components--button--medium-text-height: 40px; --c--components--button--medium-height: 40px; --c--components--button--small-height: 32px; --c--components--button--nano-height: 24px; --c--components--button--medium-font-size: var(--c--globals--font--sizes--md); --c--components--button--medium-icon-font-size: 1.5rem; --c--components--button--small-font-size: var(--c--globals--font--sizes--sm); --c--components--button--small-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--nano-font-size: var(--c--globals--font--sizes--xs); --c--components--button--nano-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--font-weight: var(--c--globals--font--weights--medium); --c--components--button--font-family: var(--c--globals--font--families--base); --c--components--calendar--background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--border-radius: 8px; --c--components--calendar--padding: 8px; --c--components--calendar--cell-size: 32px; --c--components--calendar--cell-border-radius: 4px; --c--components--calendar--cell-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--header-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--date-past-color: var(--c--contextuals--content--semantic--disabled--primary); --c--components--calendar--date-today-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--calendar--date-today-border-color: var(--c--contextuals--border--semantic--neutral--secondary); --c--components--calendar--date-future-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--calendar--date-selected-bg: var(--c--contextuals--background--semantic--brand--primary); --c--components--calendar--date-selected-color: var(--c--contextuals--content--semantic--brand--on-brand); --c--components--calendar--range-middle-bg: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--calendar--range-middle-color: var(--c--contextuals--content--semantic--brand--primary); --c--components--calendar--range-middle-bg--disabled: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--calendar--menu-background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--menu-border-radius: 8px; --c--components--calendar--menu-item-height: 32px; --c--components--calendar--menu-item-font-size: var(--c--globals--font--sizes--sm); --c--components--calendar--menu-item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--calendar--menu-item-background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--calendar--menu-item-background-color--selected: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--forms-checkbox--background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--forms-checkbox--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-checkbox--font-weight: var(--c--globals--font--weights--medium); --c--components--forms-checkbox--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-checkbox--border-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--hover: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-checkbox--border-radius: 2px; --c--components--forms-checkbox--border-width: 1.5px; --c--components--forms-checkbox--border-width--hover: 1px; --c--components--forms-checkbox--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-checkbox--accent-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-checkbox--checkmark-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-checkbox--size: 1.5rem; --c--components--forms-datepicker--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--disabled: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-datepicker--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-radius: 4px; --c--components--forms-datepicker--border-radius--focus: 4px; --c--components--forms-datepicker--border-radius--hover: 4px; --c--components--forms-datepicker--border-style: solid; --c--components--forms-datepicker--border-width: 1px; --c--components--forms-datepicker--border-width--focus: 1px; --c--components--forms-datepicker--border-width--hover: 1px; --c--components--forms-datepicker--value-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-datepicker--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-datepicker--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-datepicker--height: 3.5rem; --c--components--forms-datepicker--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-datepicker--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-field--width: 292px; --c--components--forms-field--font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--color--error: var(--c--contextuals--content--semantic--error--secondary); --c--components--forms-field--color--success: var(--c--contextuals--content--semantic--success--secondary); --c--components--forms-field--color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-field--inline-label-width: max-content; --c--components--forms-field--inline-column-gap: var(--c--globals--spacings--xs); --c--components--forms-field--inline-row-gap: var(--c--globals--spacings--3xs); --c--components--forms-field--label-description-gap: var(--c--globals--spacings--4xs); --c--components--forms-field--label-description-font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--label-description-font-weight: var(--c--globals--font--weights--regular); --c--components--forms-field--label-description-line-height: 1rem; --c--components--forms-field--label-description-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--label-description-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-input--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-input--border-radius: 4px; --c--components--forms-input--border-radius--hover: 4px; --c--components--forms-input--border-radius--focus: 4px; --c--components--forms-input--border-width: 1px; --c--components--forms-input--border-width--hover: 1px; --c--components--forms-input--border-width--focus: 1px; --c--components--forms-input--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-input--border-style: solid; --c--components--forms-input--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-input--background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-input--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-input--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--inline-min-height: 40px; --c--components--forms-input--inline-border-radius: var(--c--globals--spacings--xxxs); --c--components--forms-input--inline-padding-block: var(--c--globals--spacings--xxs); --c--components--forms-input--inline-padding-inline: var(--c--globals--spacings--xs); --c--components--forms-input--inline-background-color--disabled: var(--c--contextuals--background--semantic--disabled--secondary); --c--components--forms-input--inline-border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--small: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-labelledbox--label-color--big: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--label-color--small--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--big--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--classic-label-margin-bottom: var(--c--globals--spacings--xs); --c--components--forms-labelledbox--classic-label-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-labelledbox--classic-label-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--classic-label-font-weight: var(--c--globals--font--weights--medium); --c--components--forms-labelledbox--classic-label-line-height: 1.125rem; --c--components--forms-select--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-select--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-radius: 4px; --c--components--forms-select--border-radius--focus: 4px; --c--components--forms-select--border-radius--hover: 4px; --c--components--forms-select--border-style: solid; --c--components--forms-select--border-width: 1px; --c--components--forms-select--border-width--focus: 1px; --c--components--forms-select--border-width--hover: 1px; --c--components--forms-select--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-select--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--height: 3.5rem; --c--components--forms-select--item-background-color--hover: var(--c--contextuals--background--semantic--overlay--primary); --c--components--forms-select--item-background-color--selected: var(--c--contextuals--background--semantic--brand--secondary); --c--components--forms-select--item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--item-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-select--item-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-select--menu-background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-select--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-select--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-select--multi-pill-background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--forms-select--multi-pill-border-radius: 2px; --c--components--forms-select--multi-pill-max-width: 68%; --c--components--forms-select--multi-pill-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-switch--rail-background-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--rail-background-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-switch--rail-border-radius: 50vw; --c--components--forms-switch--handle-background-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-switch--handle-background-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-switch--handle-border-radius: 50%; --c--components--forms-textarea--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-textarea--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-textarea--border-radius: 4px; --c--components--forms-textarea--border-radius--hover: 4px; --c--components--forms-textarea--border-radius--focus: 4px; --c--components--forms-textarea--border-width: 1px; --c--components--forms-textarea--border-width--hover: 1px; --c--components--forms-textarea--border-width--focus: 1px; --c--components--forms-textarea--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-textarea--border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-textarea--border-style: solid; --c--components--forms-textarea--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-textarea--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-textarea--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-textarea--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-textarea--value-color--disabled: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-textarea--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--modal--background-color: var(--c--contextuals--background--surface--secondary); --c--components--modal--backdrop-color: #0009; --c--components--modal--border-radius: 8px; --c--components--modal--border-color: var(--c--contextuals--border--surface--primary); --c--components--modal--box-shadow: 0 6px 20px 0 #0000121a; --c--components--modal--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--title-font-weight: var(--c--globals--font--weights--bold); --c--components--modal--compact-title-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-weight: var(--c--globals--font--weights--regular); --c--components--modal--content-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--width-small: 342px; --c--components--modal--width-medium: 600px; --c--components--modal--width-large: 800px; --c--components--modal--width-extra-large: 75%; --c--components--modal--tab-sidebar-width: 200px; --c--components--modal--tab-sidebar-background-color: var(--c--contextuals--background--surface--tertiary); --c--components--modal--tab-item-height: 32px; --c--components--modal--tab-item-border-radius: 4px; --c--components--modal--tab-item-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--tab-item-font-weight: var(--c--globals--font--weights--medium); --c--components--modal--tab-item-font-weight--active: var(--c--globals--font--weights--bold); --c--components--modal--tab-item-active-background-color: #181b240d; --c--components--modal--tab-item-hover-background-color: #181b2408; --c--components--toast--slide-in-duration: 1s; --c--components--toast--slide-out-duration: .3s; --c--components--toast--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--toast--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--toast--font-weight: var(--c--globals--font--weights--regular); --c--components--toast--icon-size: 19px; --c--components--toast--progress-bar-height: 3px; --c--components--tooltip--border-radius: .5rem; --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--tooltip--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--tooltip--color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--tooltip--font-size: var(--c--globals--font--sizes--s); --c--components--tooltip--padding: 4px 8px; --c--components--tooltip--max-width: 150px; --c--components--resize-handle--hover--color: var(--c--contextuals--border--surface--primary); --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--datagrid--header--size: 12px; --c--components--datagrid--header--weight: 500; --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--badge--font-size: var(--c--globals--font--sizes--xs); --c--components--badge--border-radius: 12px; --c--components--badge--padding-inline: var(--c--globals--spacings--xs); --c--components--badge--padding-block: var(--c--globals--spacings--2xs); --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); } .cunningham-theme--dark { --c--globals--colors--logo-1-light: #4844ad; --c--globals--colors--logo-2-light: #4844ad; --c--globals--colors--logo-1-dark: #bec5f0; --c--globals--colors--logo-2-dark: #bec5f0; --c--globals--colors--brand-050: #eef1fa; --c--globals--colors--brand-100: #dde2f5; --c--globals--colors--brand-150: #ced3f1; --c--globals--colors--brand-200: #bec5f0; --c--globals--colors--brand-250: #afb5f1; --c--globals--colors--brand-300: #a0a5f6; --c--globals--colors--brand-350: #8f94fd; --c--globals--colors--brand-400: #8184fc; --c--globals--colors--brand-450: #7576ee; --c--globals--colors--brand-500: #6969df; --c--globals--colors--brand-550: #5e5cd0; --c--globals--colors--brand-600: #534fc2; --c--globals--colors--brand-650: #4844ad; --c--globals--colors--brand-700: #3e3b98; --c--globals--colors--brand-750: #36347d; --c--globals--colors--brand-800: #2d2f5f; --c--globals--colors--brand-850: #262848; --c--globals--colors--brand-900: #1c1e32; --c--globals--colors--brand-950: #11131f; --c--globals--colors--gray-000: #fff; --c--globals--colors--gray-025: #f8f8f9; --c--globals--colors--gray-050: #f0f0f3; --c--globals--colors--gray-100: #e2e2ea; --c--globals--colors--gray-150: #d3d4e0; --c--globals--colors--gray-200: #c5c6d5; --c--globals--colors--gray-250: #b7b7cb; --c--globals--colors--gray-300: #a9a9bf; --c--globals--colors--gray-350: #9c9cb2; --c--globals--colors--gray-400: #8f8fa4; --c--globals--colors--gray-450: #828297; --c--globals--colors--gray-500: #75758a; --c--globals--colors--gray-550: #69697d; --c--globals--colors--gray-600: #5d5d70; --c--globals--colors--gray-650: #515164; --c--globals--colors--gray-700: #454558; --c--globals--colors--gray-750: #3a3a4c; --c--globals--colors--gray-800: #2f303d; --c--globals--colors--gray-850: #25252f; --c--globals--colors--gray-900: #1b1b23; --c--globals--colors--gray-950: #111114; --c--globals--colors--gray-1000: #000; --c--globals--colors--info-050: #eaf2f9; --c--globals--colors--info-100: #d5e4f3; --c--globals--colors--info-150: #bfd7f0; --c--globals--colors--info-200: #a7caee; --c--globals--colors--info-250: #8dbdef; --c--globals--colors--info-300: #6eb0f2; --c--globals--colors--info-350: #50a2f5; --c--globals--colors--info-400: #3593f4; --c--globals--colors--info-450: #1185ed; --c--globals--colors--info-500: #0077de; --c--globals--colors--info-550: #0069cf; --c--globals--colors--info-600: #005bc0; --c--globals--colors--info-650: #0d4eaa; --c--globals--colors--info-700: #124394; --c--globals--colors--info-750: #163878; --c--globals--colors--info-800: #192f5a; --c--globals--colors--info-850: #192541; --c--globals--colors--info-900: #141b2d; --c--globals--colors--info-950: #0c111c; --c--globals--colors--success-050: #e8f1ea; --c--globals--colors--success-100: #cfe4d4; --c--globals--colors--success-150: #bad9c1; --c--globals--colors--success-200: #a2cfad; --c--globals--colors--success-250: #86c597; --c--globals--colors--success-300: #6cba83; --c--globals--colors--success-350: #4fb070; --c--globals--colors--success-400: #40a363; --c--globals--colors--success-450: #309556; --c--globals--colors--success-500: #1e884a; --c--globals--colors--success-550: #027b3e; --c--globals--colors--success-600: #016d31; --c--globals--colors--success-650: #006024; --c--globals--colors--success-700: #005317; --c--globals--colors--success-750: #0d4511; --c--globals--colors--success-800: #11380e; --c--globals--colors--success-850: #132a11; --c--globals--colors--success-900: #101e0f; --c--globals--colors--success-950: #091209; --c--globals--colors--warning-050: #f8f0e9; --c--globals--colors--warning-100: #f1e0d3; --c--globals--colors--warning-150: #ecd0bc; --c--globals--colors--warning-200: #e8c0a4; --c--globals--colors--warning-250: #e8ae8a; --c--globals--colors--warning-300: #eb9970; --c--globals--colors--warning-350: #e98456; --c--globals--colors--warning-400: #e57036; --c--globals--colors--warning-450: #da5e18; --c--globals--colors--warning-500: #cb5000; --c--globals--colors--warning-550: #bc4200; --c--globals--colors--warning-600: #ad3300; --c--globals--colors--warning-650: #9e2300; --c--globals--colors--warning-700: #882011; --c--globals--colors--warning-750: #731e16; --c--globals--colors--warning-800: #58201a; --c--globals--colors--warning-850: #401d18; --c--globals--colors--warning-900: #2e1714; --c--globals--colors--warning-950: #1d0f0d; --c--globals--colors--error-050: #f9efec; --c--globals--colors--error-100: #f4dfd9; --c--globals--colors--error-150: #f0cec6; --c--globals--colors--error-200: #eebcb2; --c--globals--colors--error-250: #eea99d; --c--globals--colors--error-300: #ef9486; --c--globals--colors--error-350: #f37c6e; --c--globals--colors--error-400: #f65f53; --c--globals--colors--error-450: #f0463d; --c--globals--colors--error-500: #e82322; --c--globals--colors--error-550: #d7010e; --c--globals--colors--error-600: #c00100; --c--globals--colors--error-650: #a00; --c--globals--colors--error-700: #910c06; --c--globals--colors--error-750: #731e16; --c--globals--colors--error-800: #58201a; --c--globals--colors--error-850: #401d18; --c--globals--colors--error-900: #2e1714; --c--globals--colors--error-950: #1d0f0d; --c--globals--colors--red-050: #faefee; --c--globals--colors--red-100: #f4dedd; --c--globals--colors--red-150: #f1cdcb; --c--globals--colors--red-200: #efbbba; --c--globals--colors--red-250: #eea8a8; --c--globals--colors--red-300: #f09394; --c--globals--colors--red-350: #f37b7e; --c--globals--colors--red-400: #ef6569; --c--globals--colors--red-450: #e94a55; --c--globals--colors--red-500: #da3b49; --c--globals--colors--red-550: #ca2a3c; --c--globals--colors--red-600: #bb1330; --c--globals--colors--red-650: #a90021; --c--globals--colors--red-700: #910a13; --c--globals--colors--red-750: #731e16; --c--globals--colors--red-800: #58201a; --c--globals--colors--red-850: #411d18; --c--globals--colors--red-900: #2e1714; --c--globals--colors--red-950: #1d0f0d; --c--globals--colors--orange-050: #f8f0e9; --c--globals--colors--orange-100: #f1e0d3; --c--globals--colors--orange-150: #ecd0bd; --c--globals--colors--orange-200: #eabfa6; --c--globals--colors--orange-250: #ebac90; --c--globals--colors--orange-300: #ec9772; --c--globals--colors--orange-350: #e5845a; --c--globals--colors--orange-400: #d6774d; --c--globals--colors--orange-450: #c86a40; --c--globals--colors--orange-500: #b95d33; --c--globals--colors--orange-550: #ab5025; --c--globals--colors--orange-600: #9d4315; --c--globals--colors--orange-650: #8f3600; --c--globals--colors--orange-700: #812900; --c--globals--colors--orange-750: #6c2511; --c--globals--colors--orange-800: #572017; --c--globals--colors--orange-850: #401d18; --c--globals--colors--orange-900: #2e1714; --c--globals--colors--orange-950: #1d0f0d; --c--globals--colors--brown-050: #f6f0e8; --c--globals--colors--brown-100: #f1e0d3; --c--globals--colors--brown-150: #ebd0ba; --c--globals--colors--brown-200: #e2c0a6; --c--globals--colors--brown-250: #d4b398; --c--globals--colors--brown-300: #c6a58b; --c--globals--colors--brown-350: #b8987e; --c--globals--colors--brown-400: #aa8b71; --c--globals--colors--brown-450: #9d7e65; --c--globals--colors--brown-500: #8f7158; --c--globals--colors--brown-550: #82654c; --c--globals--colors--brown-600: #765841; --c--globals--colors--brown-650: #694c35; --c--globals--colors--brown-700: #5d412a; --c--globals--colors--brown-750: #51361e; --c--globals--colors--brown-800: #452a13; --c--globals--colors--brown-850: #392008; --c--globals--colors--brown-900: #29180a; --c--globals--colors--brown-950: #1b0f08; --c--globals--colors--yellow-050: #f3f0e7; --c--globals--colors--yellow-100: #e9e2cf; --c--globals--colors--yellow-150: #e1d4b7; --c--globals--colors--yellow-200: #d9c599; --c--globals--colors--yellow-250: #d2b677; --c--globals--colors--yellow-300: #caa756; --c--globals--colors--yellow-350: #c2972e; --c--globals--colors--yellow-400: #b98900; --c--globals--colors--yellow-450: #ab7b00; --c--globals--colors--yellow-500: #9d6e00; --c--globals--colors--yellow-550: #916100; --c--globals--colors--yellow-600: #855400; --c--globals--colors--yellow-650: #784700; --c--globals--colors--yellow-700: #6c3a00; --c--globals--colors--yellow-750: #5f2e00; --c--globals--colors--yellow-800: #512302; --c--globals--colors--yellow-850: #3e1d10; --c--globals--colors--yellow-900: #2d1711; --c--globals--colors--yellow-950: #1d0f0d; --c--globals--colors--green-050: #e6f1e9; --c--globals--colors--green-100: #cfe4d5; --c--globals--colors--green-150: #b8d8c1; --c--globals--colors--green-200: #a0cfae; --c--globals--colors--green-250: #84c59a; --c--globals--colors--green-300: #65ba86; --c--globals--colors--green-350: #45b173; --c--globals--colors--green-400: #23a562; --c--globals--colors--green-450: #029755; --c--globals--colors--green-500: #008948; --c--globals--colors--green-550: #017b3b; --c--globals--colors--green-600: #006e2e; --c--globals--colors--green-650: #006022; --c--globals--colors--green-700: #005314; --c--globals--colors--green-750: #0d4510; --c--globals--colors--green-800: #11380e; --c--globals--colors--green-850: #132a11; --c--globals--colors--green-900: #101e0f; --c--globals--colors--green-950: #091209; --c--globals--colors--blue-1-050: #ebf1f9; --c--globals--colors--blue-1-100: #d6e4f4; --c--globals--colors--blue-1-150: #c1d7f0; --c--globals--colors--blue-1-200: #aacaef; --c--globals--colors--blue-1-250: #8fbcef; --c--globals--colors--blue-1-300: #7cafeb; --c--globals--colors--blue-1-350: #68a1e4; --c--globals--colors--blue-1-400: #5b94d6; --c--globals--colors--blue-1-450: #4e86c7; --c--globals--colors--blue-1-500: #4279b9; --c--globals--colors--blue-1-550: #356cac; --c--globals--colors--blue-1-600: #28609e; --c--globals--colors--blue-1-650: #1b5390; --c--globals--colors--blue-1-700: #0b4783; --c--globals--colors--blue-1-750: #0f3c6e; --c--globals--colors--blue-1-800: #133059; --c--globals--colors--blue-1-850: #152641; --c--globals--colors--blue-1-900: #121c2d; --c--globals--colors--blue-1-950: #0b111c; --c--globals--colors--blue-2-050: #e7f3f4; --c--globals--colors--blue-2-100: #cee7e9; --c--globals--colors--blue-2-150: #b2dce0; --c--globals--colors--blue-2-200: #91d1d7; --c--globals--colors--blue-2-250: #68c7d0; --c--globals--colors--blue-2-300: #43bbc5; --c--globals--colors--blue-2-350: #00afba; --c--globals--colors--blue-2-400: #01a0aa; --c--globals--colors--blue-2-450: #00929d; --c--globals--colors--blue-2-500: #00848f; --c--globals--colors--blue-2-550: #007682; --c--globals--colors--blue-2-600: #016874; --c--globals--colors--blue-2-650: #005b67; --c--globals--colors--blue-2-700: #004e5a; --c--globals--colors--blue-2-750: #00424e; --c--globals--colors--blue-2-800: #003642; --c--globals--colors--blue-2-850: #002a38; --c--globals--colors--blue-2-900: #061e28; --c--globals--colors--blue-2-950: #071219; --c--globals--colors--purple-050: #f7f0f6; --c--globals--colors--purple-100: #eee0ee; --c--globals--colors--purple-150: #e7d1e7; --c--globals--colors--purple-200: #dbbfe4; --c--globals--colors--purple-250: #d3aee2; --c--globals--colors--purple-300: #cb99e1; --c--globals--colors--purple-350: #c188d9; --c--globals--colors--purple-400: #b47bcb; --c--globals--colors--purple-450: #a66ebd; --c--globals--colors--purple-500: #9961af; --c--globals--colors--purple-550: #8b55a1; --c--globals--colors--purple-600: #7e4894; --c--globals--colors--purple-650: #723c87; --c--globals--colors--purple-700: #633376; --c--globals--colors--purple-750: #552a65; --c--globals--colors--purple-800: #452551; --c--globals--colors--purple-850: #35213d; --c--globals--colors--purple-900: #261a2c; --c--globals--colors--purple-950: #17111c; --c--globals--colors--pink-050: #f8eff4; --c--globals--colors--pink-100: #f0dfea; --c--globals--colors--pink-150: #eacedf; --c--globals--colors--pink-200: #e9bbd1; --c--globals--colors--pink-250: #e9a7c2; --c--globals--colors--pink-300: #e095b4; --c--globals--colors--pink-350: #d685a8; --c--globals--colors--pink-400: #c7799b; --c--globals--colors--pink-450: #b86c8d; --c--globals--colors--pink-500: #aa5f80; --c--globals--colors--pink-550: #9c5374; --c--globals--colors--pink-600: #8e4767; --c--globals--colors--pink-650: #813b5b; --c--globals--colors--pink-700: #732e4f; --c--globals--colors--pink-750: #632643; --c--globals--colors--pink-800: #521f38; --c--globals--colors--pink-850: #3e1c2b; --c--globals--colors--pink-900: #2d171f; --c--globals--colors--pink-950: #1c0e12; --c--globals--colors--black-000: #1b1b2300; --c--globals--colors--black-050: #1b1b230d; --c--globals--colors--black-100: #1b1b231a; --c--globals--colors--black-150: #1b1b2326; --c--globals--colors--black-200: #1b1b2333; --c--globals--colors--black-250: #1b1b2340; --c--globals--colors--black-300: #1b1b234d; --c--globals--colors--black-350: #1b1b2359; --c--globals--colors--black-400: #1b1b2366; --c--globals--colors--black-450: #1b1b2373; --c--globals--colors--black-500: #1b1b2380; --c--globals--colors--black-550: #1b1b238c; --c--globals--colors--black-600: #1b1b2399; --c--globals--colors--black-650: #1b1b23a6; --c--globals--colors--black-700: #1b1b23b2; --c--globals--colors--black-750: #1b1b23bf; --c--globals--colors--black-800: #1b1b23cc; --c--globals--colors--black-850: #1b1b23d9; --c--globals--colors--black-900: #1b1b23e5; --c--globals--colors--black-950: #111114f2; --c--globals--colors--white-000: #f8f8f900; --c--globals--colors--white-050: #f8f8f90d; --c--globals--colors--white-100: #f8f8f91a; --c--globals--colors--white-150: #f8f8f926; --c--globals--colors--white-200: #f8f8f933; --c--globals--colors--white-250: #f8f8f940; --c--globals--colors--white-300: #f8f8f94d; --c--globals--colors--white-350: #f8f8f959; --c--globals--colors--white-400: #f8f8f966; --c--globals--colors--white-450: #f8f8f973; --c--globals--colors--white-500: #f8f8f980; --c--globals--colors--white-550: #f8f8f98c; --c--globals--colors--white-600: #f8f8f999; --c--globals--colors--white-650: #f8f8f9a6; --c--globals--colors--white-700: #f8f8f9b2; --c--globals--colors--white-750: #f8f8f9bf; --c--globals--colors--white-800: #f8f8f9cc; --c--globals--colors--white-850: #f8f8f9d9; --c--globals--colors--white-900: #f8f8f9e5; --c--globals--colors--white-950: #f8f8f9f2; --c--globals--colors--white-975: #f8f8f9f9; --c--globals--transitions--ease-in: cubic-bezier(.32, 0, .67, 0); --c--globals--transitions--ease-out: cubic-bezier(.33, 1, .68, 1); --c--globals--transitions--ease-in-out: cubic-bezier(.65, 0, .35, 1); --c--globals--transitions--duration: .25s; --c--globals--font--sizes--xs: .75rem; --c--globals--font--sizes--sm: .875rem; --c--globals--font--sizes--md: 1rem; --c--globals--font--sizes--lg: 1.125rem; --c--globals--font--sizes--ml: .938rem; --c--globals--font--sizes--xl: 1.25rem; --c--globals--font--sizes--t: .6875rem; --c--globals--font--sizes--s: .75rem; --c--globals--font--sizes--h1: 2rem; --c--globals--font--sizes--h2: 1.75rem; --c--globals--font--sizes--h3: 1.5rem; --c--globals--font--sizes--h4: 1.375rem; --c--globals--font--sizes--h5: 1.25rem; --c--globals--font--sizes--h6: 1.125rem; --c--globals--font--sizes--xl-alt: 5rem; --c--globals--font--sizes--lg-alt: 4.5rem; --c--globals--font--sizes--md-alt: 4rem; --c--globals--font--sizes--sm-alt: 3.5rem; --c--globals--font--sizes--xs-alt: 3rem; --c--globals--font--weights--thin: 100; --c--globals--font--weights--light: 300; --c--globals--font--weights--regular: 400; --c--globals--font--weights--medium: 500; --c--globals--font--weights--bold: 600; --c--globals--font--weights--extrabold: 800; --c--globals--font--weights--black: 800; --c--globals--font--families--base: Hanken Grotesk, Inter, Roboto Flex Variable, sans-serif; --c--globals--font--families--accent: Hanken Grotesk, Inter, Roboto Flex Variable, sans-serif; --c--globals--spacings--0: 0; --c--globals--spacings--l: 3rem; --c--globals--spacings--b: 1.625rem; --c--globals--spacings--m: .8125rem; --c--globals--spacings--s: 1rem; --c--globals--spacings--t: .5rem; --c--globals--spacings--st: .25rem; --c--globals--spacings--4xs: .125rem; --c--globals--spacings--3xs: .25rem; --c--globals--spacings--2xs: .375rem; --c--globals--spacings--xxxs: .25rem; --c--globals--spacings--xxs: .375rem; --c--globals--spacings--xs: .5rem; --c--globals--spacings--sm: .75rem; --c--globals--spacings--base: 1rem; --c--globals--spacings--md: 1.5rem; --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--xxxl: 3.5rem; --c--globals--spacings--2xl: 3rem; --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; --c--globals--spacings--none: 0; --c--globals--spacings--auto: auto; --c--globals--spacings--bx: 2.2rem; --c--globals--spacings--full: 100%; --c--globals--breakpoints--xs: 480px; --c--globals--breakpoints--sm: 576px; --c--globals--breakpoints--md: 768px; --c--globals--breakpoints--lg: 992px; --c--globals--breakpoints--xl: 1200px; --c--globals--breakpoints--xxl: 1400px; --c--globals--breakpoints--xxs: 320px; --c--globals--breakpoints--mobile: 768px; --c--globals--breakpoints--tablet: 1024px; --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-800); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-850); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-900); --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050); --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--white-050); --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-700); --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-750); --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-750); --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-800); --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-700); --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-800); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-700); --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-750); --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-750); --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-800); --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-700); --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-750); --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-750); --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-800); --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-700); --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-750); --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-750); --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-800); --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-700); --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-750); --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-750); --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-800); --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-800); --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-350); --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-450); --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-350); --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-450); --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-550); --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-350); --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-450); --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-550); --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-350); --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-450); --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-550); --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-350); --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-450); --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-350); --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-450); --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-550); --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-350); --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-450); --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-550); --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-350); --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-450); --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-550); --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-450); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-dark); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-dark); --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-250); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-250); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-250); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-100); --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-250); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-100); --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-250); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-100); --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-250); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--black-300); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-450); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-700); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-450); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-700); --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-450); --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-600); --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-700); --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-450); --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-600); --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-700); --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-450); --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-600); --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-700); --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-450); --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-700); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-800); --c--components--alert--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--alert--border-radius: 4px; --c--components--alert--border-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--border-left-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--font-weight: var(--c--globals--font--weights--medium); --c--components--alert--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--alert--icon-size: 19px; --c--components--alert--additional-font-weight: var(--c--globals--font--weights--regular); --c--components--alert--additional-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--button--border-radius: 4px; --c--components--button--border-radius--active: 4px; --c--components--button--border-radius--focus: 4px; --c--components--button--medium-text-height: 40px; --c--components--button--medium-height: 40px; --c--components--button--small-height: 32px; --c--components--button--nano-height: 24px; --c--components--button--medium-font-size: var(--c--globals--font--sizes--md); --c--components--button--medium-icon-font-size: 1.5rem; --c--components--button--small-font-size: var(--c--globals--font--sizes--sm); --c--components--button--small-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--nano-font-size: var(--c--globals--font--sizes--xs); --c--components--button--nano-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--font-weight: var(--c--globals--font--weights--medium); --c--components--button--font-family: var(--c--globals--font--families--base); --c--components--calendar--background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--border-radius: 8px; --c--components--calendar--padding: 8px; --c--components--calendar--cell-size: 32px; --c--components--calendar--cell-border-radius: 4px; --c--components--calendar--cell-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--header-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--date-past-color: var(--c--contextuals--content--semantic--disabled--primary); --c--components--calendar--date-today-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--calendar--date-today-border-color: var(--c--contextuals--border--semantic--neutral--secondary); --c--components--calendar--date-future-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--calendar--date-selected-bg: var(--c--contextuals--background--semantic--brand--primary); --c--components--calendar--date-selected-color: var(--c--contextuals--content--semantic--brand--on-brand); --c--components--calendar--range-middle-bg: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--calendar--range-middle-color: var(--c--contextuals--content--semantic--brand--primary); --c--components--calendar--range-middle-bg--disabled: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--calendar--menu-background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--menu-border-radius: 8px; --c--components--calendar--menu-item-height: 32px; --c--components--calendar--menu-item-font-size: var(--c--globals--font--sizes--sm); --c--components--calendar--menu-item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--calendar--menu-item-background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--calendar--menu-item-background-color--selected: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--forms-checkbox--background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--forms-checkbox--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-checkbox--font-weight: var(--c--globals--font--weights--medium); --c--components--forms-checkbox--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-checkbox--border-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--hover: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-checkbox--border-radius: 2px; --c--components--forms-checkbox--border-width: 1.5px; --c--components--forms-checkbox--border-width--hover: 1px; --c--components--forms-checkbox--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-checkbox--accent-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-checkbox--checkmark-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-checkbox--size: 1.5rem; --c--components--forms-datepicker--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--disabled: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-datepicker--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-radius: 4px; --c--components--forms-datepicker--border-radius--focus: 4px; --c--components--forms-datepicker--border-radius--hover: 4px; --c--components--forms-datepicker--border-style: solid; --c--components--forms-datepicker--border-width: 1px; --c--components--forms-datepicker--border-width--focus: 1px; --c--components--forms-datepicker--border-width--hover: 1px; --c--components--forms-datepicker--value-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-datepicker--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-datepicker--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-datepicker--height: 3.5rem; --c--components--forms-datepicker--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-datepicker--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-field--width: 292px; --c--components--forms-field--font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--color--error: var(--c--contextuals--content--semantic--error--secondary); --c--components--forms-field--color--success: var(--c--contextuals--content--semantic--success--secondary); --c--components--forms-field--color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-field--inline-label-width: max-content; --c--components--forms-field--inline-column-gap: var(--c--globals--spacings--xs); --c--components--forms-field--inline-row-gap: var(--c--globals--spacings--3xs); --c--components--forms-field--label-description-gap: var(--c--globals--spacings--4xs); --c--components--forms-field--label-description-font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--label-description-font-weight: var(--c--globals--font--weights--regular); --c--components--forms-field--label-description-line-height: 1rem; --c--components--forms-field--label-description-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--label-description-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-input--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-input--border-radius: 4px; --c--components--forms-input--border-radius--hover: 4px; --c--components--forms-input--border-radius--focus: 4px; --c--components--forms-input--border-width: 1px; --c--components--forms-input--border-width--hover: 1px; --c--components--forms-input--border-width--focus: 1px; --c--components--forms-input--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-input--border-style: solid; --c--components--forms-input--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-input--background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-input--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-input--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--inline-min-height: 40px; --c--components--forms-input--inline-border-radius: var(--c--globals--spacings--xxxs); --c--components--forms-input--inline-padding-block: var(--c--globals--spacings--xxs); --c--components--forms-input--inline-padding-inline: var(--c--globals--spacings--xs); --c--components--forms-input--inline-background-color--disabled: var(--c--contextuals--background--semantic--disabled--secondary); --c--components--forms-input--inline-border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--small: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-labelledbox--label-color--big: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--label-color--small--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--big--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--classic-label-margin-bottom: var(--c--globals--spacings--xs); --c--components--forms-labelledbox--classic-label-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-labelledbox--classic-label-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--classic-label-font-weight: var(--c--globals--font--weights--medium); --c--components--forms-labelledbox--classic-label-line-height: 1.125rem; --c--components--forms-select--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-select--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-radius: 4px; --c--components--forms-select--border-radius--focus: 4px; --c--components--forms-select--border-radius--hover: 4px; --c--components--forms-select--border-style: solid; --c--components--forms-select--border-width: 1px; --c--components--forms-select--border-width--focus: 1px; --c--components--forms-select--border-width--hover: 1px; --c--components--forms-select--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-select--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--height: 3.5rem; --c--components--forms-select--item-background-color--hover: var(--c--contextuals--background--semantic--overlay--primary); --c--components--forms-select--item-background-color--selected: var(--c--contextuals--background--semantic--brand--secondary); --c--components--forms-select--item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--item-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-select--item-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-select--menu-background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-select--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-select--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-select--multi-pill-background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--forms-select--multi-pill-border-radius: 2px; --c--components--forms-select--multi-pill-max-width: 68%; --c--components--forms-select--multi-pill-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-switch--rail-background-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--rail-background-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-switch--rail-border-radius: 50vw; --c--components--forms-switch--handle-background-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-switch--handle-background-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-switch--handle-border-radius: 50%; --c--components--forms-textarea--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-textarea--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-textarea--border-radius: 4px; --c--components--forms-textarea--border-radius--hover: 4px; --c--components--forms-textarea--border-radius--focus: 4px; --c--components--forms-textarea--border-width: 1px; --c--components--forms-textarea--border-width--hover: 1px; --c--components--forms-textarea--border-width--focus: 1px; --c--components--forms-textarea--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-textarea--border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-textarea--border-style: solid; --c--components--forms-textarea--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-textarea--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-textarea--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-textarea--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-textarea--value-color--disabled: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-textarea--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--modal--background-color: var(--c--contextuals--background--surface--secondary); --c--components--modal--backdrop-color: #0009; --c--components--modal--border-radius: 8px; --c--components--modal--border-color: var(--c--contextuals--border--surface--primary); --c--components--modal--box-shadow: 0 6px 20px 0 #0000121a; --c--components--modal--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--title-font-weight: var(--c--globals--font--weights--bold); --c--components--modal--compact-title-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-weight: var(--c--globals--font--weights--regular); --c--components--modal--content-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--width-small: 342px; --c--components--modal--width-medium: 600px; --c--components--modal--width-large: 800px; --c--components--modal--width-extra-large: 75%; --c--components--modal--tab-sidebar-width: 200px; --c--components--modal--tab-sidebar-background-color: var(--c--contextuals--background--surface--tertiary); --c--components--modal--tab-item-height: 32px; --c--components--modal--tab-item-border-radius: 4px; --c--components--modal--tab-item-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--tab-item-font-weight: var(--c--globals--font--weights--medium); --c--components--modal--tab-item-font-weight--active: var(--c--globals--font--weights--bold); --c--components--modal--tab-item-active-background-color: #181b240d; --c--components--modal--tab-item-hover-background-color: #181b2408; --c--components--toast--slide-in-duration: 1s; --c--components--toast--slide-out-duration: .3s; --c--components--toast--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--toast--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--toast--font-weight: var(--c--globals--font--weights--regular); --c--components--toast--icon-size: 19px; --c--components--toast--progress-bar-height: 3px; --c--components--tooltip--border-radius: .5rem; --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--tooltip--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--tooltip--color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--tooltip--font-size: var(--c--globals--font--sizes--s); --c--components--tooltip--padding: 4px 8px; --c--components--tooltip--max-width: 150px; --c--components--resize-handle--hover--color: var(--c--contextuals--border--surface--primary); --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--datagrid--header--size: 12px; --c--components--datagrid--header--weight: 500; --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--badge--font-size: var(--c--globals--font--sizes--xs); --c--components--badge--border-radius: 12px; --c--components--badge--padding-inline: var(--c--globals--spacings--xs); --c--components--badge--padding-block: var(--c--globals--spacings--2xs); --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); } .cunningham-theme--dsfr-light { --c--globals--colors--logo-1-light: #2845c1; --c--globals--colors--logo-2-light: #c83f49; --c--globals--colors--logo-1-dark: #95abff; --c--globals--colors--logo-2-dark: #e78087; --c--globals--colors--brand-050: #edf0ff; --c--globals--colors--brand-100: #dae2ff; --c--globals--colors--brand-150: #c8d3ff; --c--globals--colors--brand-200: #b5c4ff; --c--globals--colors--brand-250: #a2b6ff; --c--globals--colors--brand-300: #90a7ff; --c--globals--colors--brand-350: #7e98ff; --c--globals--colors--brand-400: #6c89fe; --c--globals--colors--brand-450: #5c7af7; --c--globals--colors--brand-500: #4c6cef; --c--globals--colors--brand-550: #3e5de7; --c--globals--colors--brand-600: #304ddf; --c--globals--colors--brand-650: #2845c1; --c--globals--colors--brand-700: #223e9e; --c--globals--colors--brand-750: #1f367d; --c--globals--colors--brand-800: #1b2e5f; --c--globals--colors--brand-850: #172446; --c--globals--colors--brand-900: #121b30; --c--globals--colors--brand-950: #0c111a; --c--globals--colors--gray-100: #dfe2ea; --c--globals--colors--gray-150: #cfd5de; --c--globals--colors--gray-200: #c1c7d3; --c--globals--colors--gray-250: #b2b9c7; --c--globals--colors--gray-300: #a4abbc; --c--globals--colors--gray-350: #969eb0; --c--globals--colors--gray-400: #8891a4; --c--globals--colors--gray-450: #7b8498; --c--globals--colors--gray-500: #6d778c; --c--globals--colors--gray-550: #626a80; --c--globals--colors--gray-600: #555e74; --c--globals--colors--gray-650: #4a5267; --c--globals--colors--gray-700: #3f4759; --c--globals--colors--gray-750: #363b4c; --c--globals--colors--gray-800: #2b303d; --c--globals--colors--gray-850: #222631; --c--globals--colors--gray-900: #181b24; --c--globals--colors--gray-950: #0f1117; --c--globals--colors--gray-1000: #000; --c--globals--colors--info-050: #e7f2ff; --c--globals--colors--info-100: #cfe5ff; --c--globals--colors--info-150: #b7d7ff; --c--globals--colors--info-200: #a0cafe; --c--globals--colors--info-250: #8cbcf9; --c--globals--colors--info-300: #77aef4; --c--globals--colors--info-350: #63a0ee; --c--globals--colors--info-400: #5092e7; --c--globals--colors--info-450: #4185dc; --c--globals--colors--info-500: #3677cc; --c--globals--colors--info-550: #2f6abb; --c--globals--colors--info-600: #265eaa; --c--globals--colors--info-650: #28528f; --c--globals--colors--info-700: #274775; --c--globals--colors--info-750: #243c5e; --c--globals--colors--info-800: #20314a; --c--globals--colors--info-850: #1b2637; --c--globals--colors--info-900: #141c27; --c--globals--colors--info-950: #0d1118; --c--globals--colors--success-050: #def7e6; --c--globals--colors--success-100: #baeecf; --c--globals--colors--success-150: #a5e2c0; --c--globals--colors--success-200: #95d4b3; --c--globals--colors--success-250: #85c6a7; --c--globals--colors--success-300: #74b99b; --c--globals--colors--success-350: #65ab8f; --c--globals--colors--success-400: #579e84; --c--globals--colors--success-450: #4b9079; --c--globals--colors--success-500: #40836f; --c--globals--colors--success-550: #367664; --c--globals--colors--success-600: #2b695a; --c--globals--colors--success-650: #2c5a50; --c--globals--colors--success-700: #2a4d45; --c--globals--colors--success-750: #26403c; --c--globals--colors--success-800: #213430; --c--globals--colors--success-850: #1b2826; --c--globals--colors--success-900: #151d1c; --c--globals--colors--success-950: #0d1212; --c--globals--colors--warning-050: #ffeedf; --c--globals--colors--warning-100: #ffdcbe; --c--globals--colors--warning-150: #ffca9c; --c--globals--colors--warning-200: #ffb778; --c--globals--colors--warning-250: #fda54f; --c--globals--colors--warning-300: #f59425; --c--globals--colors--warning-350: #e78613; --c--globals--colors--warning-400: #d7790c; --c--globals--colors--warning-450: #c86c08; --c--globals--colors--warning-500: #b85f03; --c--globals--colors--warning-550: #a75400; --c--globals--colors--warning-600: #984800; --c--globals--colors--warning-650: #814112; --c--globals--colors--warning-700: #6c3a19; --c--globals--colors--warning-750: #58321c; --c--globals--colors--warning-800: #452a1a; --c--globals--colors--warning-850: #352117; --c--globals--colors--warning-900: #261813; --c--globals--colors--warning-950: #170f0c; --c--globals--colors--error-050: #ffedeb; --c--globals--colors--error-100: #ffdad7; --c--globals--colors--error-150: #ffc7c2; --c--globals--colors--error-200: #ffb3ad; --c--globals--colors--error-250: #ff9f99; --c--globals--colors--error-300: #ff8984; --c--globals--colors--error-350: #ff706e; --c--globals--colors--error-400: #fb5759; --c--globals--colors--error-450: #f63a45; --c--globals--colors--error-500: #e32c39; --c--globals--colors--error-550: #cf202d; --c--globals--colors--error-600: #bd0f23; --c--globals--colors--error-650: #9d2227; --c--globals--colors--error-700: #812727; --c--globals--colors--error-750: #672624; --c--globals--colors--error-800: #512220; --c--globals--colors--error-850: #3d1c1b; --c--globals--colors--error-900: #2a1614; --c--globals--colors--error-950: #190e0d; --c--globals--colors--red-050: #ffedeb; --c--globals--colors--red-100: #ffdad7; --c--globals--colors--red-150: #ffc7c2; --c--globals--colors--red-200: #ffb3ad; --c--globals--colors--red-250: #ff9f99; --c--globals--colors--red-300: #ff8984; --c--globals--colors--red-350: #ff706e; --c--globals--colors--red-400: #fb5759; --c--globals--colors--red-450: #f63a45; --c--globals--colors--red-500: #e32c39; --c--globals--colors--red-550: #cf202d; --c--globals--colors--red-600: #bd0f23; --c--globals--colors--red-650: #9d2227; --c--globals--colors--red-700: #812727; --c--globals--colors--red-750: #672624; --c--globals--colors--red-800: #512220; --c--globals--colors--red-850: #3d1c1b; --c--globals--colors--red-900: #410003; --c--globals--colors--red-950: #190e0d; --c--globals--colors--orange-050: #fcedeb; --c--globals--colors--orange-100: #f8dcd7; --c--globals--colors--orange-150: #f1ccc5; --c--globals--colors--orange-200: #eabcb4; --c--globals--colors--orange-250: #e2aca2; --c--globals--colors--orange-300: #da9c92; --c--globals--colors--orange-350: #d28c81; --c--globals--colors--orange-400: #ca7c70; --c--globals--colors--orange-450: #be6e62; --c--globals--colors--orange-500: #ae6257; --c--globals--colors--orange-550: #9e564d; --c--globals--colors--orange-600: #8f4b42; --c--globals--colors--orange-650: #79443d; --c--globals--colors--orange-700: #643c37; --c--globals--colors--orange-750: #513430; --c--globals--colors--orange-800: #412b28; --c--globals--colors--orange-850: #312220; --c--globals--colors--orange-900: #231918; --c--globals--colors--orange-950: #150f0f; --c--globals--colors--brown-050: #f9efea; --c--globals--colors--brown-100: #f3dfd3; --c--globals--colors--brown-150: #eacfc1; --c--globals--colors--brown-200: #e2bfae; --c--globals--colors--brown-250: #d8b19c; --c--globals--colors--brown-300: #d0a189; --c--globals--colors--brown-350: #c3937b; --c--globals--colors--brown-400: #b5866d; --c--globals--colors--brown-450: #a77a62; --c--globals--colors--brown-500: #996d57; --c--globals--colors--brown-550: #8b614d; --c--globals--colors--brown-600: #7c5542; --c--globals--colors--brown-650: #6a4c3c; --c--globals--colors--brown-700: #594236; --c--globals--colors--brown-750: #49382f; --c--globals--colors--brown-800: #3b2e28; --c--globals--colors--brown-850: #2d2420; --c--globals--colors--brown-900: #201a18; --c--globals--colors--brown-950: #13100f; --c--globals--colors--yellow-050: #fdf1c5; --c--globals--colors--yellow-100: #fbe18e; --c--globals--colors--yellow-150: #f4d261; --c--globals--colors--yellow-200: #eac244; --c--globals--colors--yellow-250: #dfb41b; --c--globals--colors--yellow-300: #d1a516; --c--globals--colors--yellow-350: #c49711; --c--globals--colors--yellow-400: #b78a0c; --c--globals--colors--yellow-450: #a87d07; --c--globals--colors--yellow-500: #9b6f02; --c--globals--colors--yellow-550: #8d6300; --c--globals--colors--yellow-600: #7f5600; --c--globals--colors--yellow-650: #6e4c11; --c--globals--colors--yellow-700: #5d4219; --c--globals--colors--yellow-750: #4d371b; --c--globals--colors--yellow-800: #3d2e1a; --c--globals--colors--yellow-850: #2f2417; --c--globals--colors--yellow-900: #221a12; --c--globals--colors--yellow-950: #14100c; --c--globals--colors--green-050: #e7f9b3; --c--globals--colors--green-100: #d5ec98; --c--globals--colors--green-150: #c5de86; --c--globals--colors--green-200: #b5d174; --c--globals--colors--green-250: #a5c464; --c--globals--colors--green-300: #95b755; --c--globals--colors--green-350: #85aa45; --c--globals--colors--green-400: #769d39; --c--globals--colors--green-450: #688f30; --c--globals--colors--green-500: #5a8228; --c--globals--colors--green-550: #4d7621; --c--globals--colors--green-600: #416919; --c--globals--colors--green-650: #3a5b20; --c--globals--colors--green-700: #324e22; --c--globals--colors--green-750: #2c4122; --c--globals--colors--green-800: #24351d; --c--globals--colors--green-850: #1d2919; --c--globals--colors--green-900: #161e13; --c--globals--colors--green-950: #0e120c; --c--globals--colors--blue-1-050: #e7f2ff; --c--globals--colors--blue-1-100: #cfe5ff; --c--globals--colors--blue-1-150: #b7d7ff; --c--globals--colors--blue-1-200: #a0cafe; --c--globals--colors--blue-1-250: #8cbcf9; --c--globals--colors--blue-1-300: #77aef4; --c--globals--colors--blue-1-350: #63a0ee; --c--globals--colors--blue-1-400: #5092e7; --c--globals--colors--blue-1-450: #4185dc; --c--globals--colors--blue-1-500: #3677cc; --c--globals--colors--blue-1-550: #2f6abb; --c--globals--colors--blue-1-600: #265eaa; --c--globals--colors--blue-1-650: #28528f; --c--globals--colors--blue-1-700: #274775; --c--globals--colors--blue-1-750: #243c5e; --c--globals--colors--blue-1-800: #20314a; --c--globals--colors--blue-1-850: #1b2637; --c--globals--colors--blue-1-900: #141c27; --c--globals--colors--blue-1-950: #0d1118; --c--globals--colors--blue-2-050: #e2f4fd; --c--globals--colors--blue-2-100: #c4e8f8; --c--globals--colors--blue-2-150: #aadcf2; --c--globals--colors--blue-2-200: #93cfeb; --c--globals--colors--blue-2-250: #7cc2e2; --c--globals--colors--blue-2-300: #6cb4d6; --c--globals--colors--blue-2-350: #5ca7c9; --c--globals--colors--blue-2-400: #5099bc; --c--globals--colors--blue-2-450: #458bae; --c--globals--colors--blue-2-500: #3a7ea0; --c--globals--colors--blue-2-550: #327191; --c--globals--colors--blue-2-600: #286483; --c--globals--colors--blue-2-650: #2b5770; --c--globals--colors--blue-2-700: #294a5e; --c--globals--colors--blue-2-750: #263e4d; --c--globals--colors--blue-2-800: #22323d; --c--globals--colors--blue-2-850: #1c272e; --c--globals--colors--blue-2-900: #151d21; --c--globals--colors--blue-2-950: #0e1114; --c--globals--colors--purple-050: #f5eeff; --c--globals--colors--purple-100: #ecdcff; --c--globals--colors--purple-150: #e2cbff; --c--globals--colors--purple-200: #d9b9ff; --c--globals--colors--purple-250: #d0a7ff; --c--globals--colors--purple-300: #c894fe; --c--globals--colors--purple-350: #be83fa; --c--globals--colors--purple-400: #b570f5; --c--globals--colors--purple-450: #ab5ef0; --c--globals--colors--purple-500: #a04be8; --c--globals--colors--purple-550: #933cdb; --c--globals--colors--purple-600: #8530c8; --c--globals--colors--purple-650: #7033a5; --c--globals--colors--purple-700: #5d3185; --c--globals--colors--purple-750: #4c2c6a; --c--globals--colors--purple-800: #3c2652; --c--globals--colors--purple-850: #2d203c; --c--globals--colors--purple-900: #21182a; --c--globals--colors--purple-950: #130f19; --c--globals--colors--pink-050: #ffebf6; --c--globals--colors--pink-100: #ffd8ed; --c--globals--colors--pink-150: #fcc4e3; --c--globals--colors--pink-200: #f7b2d9; --c--globals--colors--pink-250: #f29fce; --c--globals--colors--pink-300: #ed8cc3; --c--globals--colors--pink-350: #e779b8; --c--globals--colors--pink-400: #e264ad; --c--globals--colors--pink-450: #d2579e; --c--globals--colors--pink-500: #c24b8e; --c--globals--colors--pink-550: #b0417f; --c--globals--colors--pink-600: #9f3670; --c--globals--colors--pink-650: #873560; --c--globals--colors--pink-700: #6f3250; --c--globals--colors--pink-750: #5a2c43; --c--globals--colors--pink-800: #472635; --c--globals--colors--pink-850: #351f29; --c--globals--colors--pink-900: #26171d; --c--globals--colors--pink-950: #170f12; --c--globals--colors--black-000: #181b2400; --c--globals--colors--black-050: #181b240d; --c--globals--colors--black-100: #181b241a; --c--globals--colors--black-150: #181b2426; --c--globals--colors--black-200: #181b2433; --c--globals--colors--black-250: #181b2440; --c--globals--colors--black-300: #181b244d; --c--globals--colors--black-350: #181b2459; --c--globals--colors--black-400: #181b2466; --c--globals--colors--black-450: #181b2473; --c--globals--colors--black-500: #181b2480; --c--globals--colors--black-550: #181b248c; --c--globals--colors--black-600: #181b2499; --c--globals--colors--black-650: #181b24a6; --c--globals--colors--black-700: #181b24b2; --c--globals--colors--black-750: #181b24bf; --c--globals--colors--black-800: #181b24cc; --c--globals--colors--black-850: #181b24d9; --c--globals--colors--black-900: #181b24e5; --c--globals--colors--black-950: #0f1117f2; --c--globals--colors--white-000: #f6f8f900; --c--globals--colors--white-050: #f6f8f90d; --c--globals--colors--white-100: #f6f8f91a; --c--globals--colors--white-150: #f6f8f926; --c--globals--colors--white-200: #f6f8f933; --c--globals--colors--white-250: #f6f8f940; --c--globals--colors--white-300: #f6f8f94d; --c--globals--colors--white-350: #f6f8f959; --c--globals--colors--white-400: #f6f8f966; --c--globals--colors--white-450: #f6f8f973; --c--globals--colors--white-500: #f6f8f980; --c--globals--colors--white-550: #f6f8f98c; --c--globals--colors--white-600: #f6f8f999; --c--globals--colors--white-650: #f6f8f9a6; --c--globals--colors--white-700: #f6f8f9b2; --c--globals--colors--white-750: #f6f8f9bf; --c--globals--colors--white-800: #f6f8f9cc; --c--globals--colors--white-850: #f6f8f9d9; --c--globals--colors--white-900: #f6f8f9e5; --c--globals--colors--white-950: #f6f8f9f2; --c--globals--colors--white-975: #f6f8f9f9; --c--globals--font--sizes--xs: .75rem; --c--globals--font--sizes--sm: .875rem; --c--globals--font--sizes--md: 1rem; --c--globals--font--sizes--lg: 1.125rem; --c--globals--font--sizes--ml: .938rem; --c--globals--font--sizes--xl: 1.25rem; --c--globals--font--sizes--t: .6875rem; --c--globals--font--sizes--s: .75rem; --c--globals--font--sizes--h1: 2rem; --c--globals--font--sizes--h2: 1.75rem; --c--globals--font--sizes--h3: 1.5rem; --c--globals--font--sizes--h4: 1.375rem; --c--globals--font--sizes--h5: 1.25rem; --c--globals--font--sizes--h6: 1.125rem; --c--globals--font--sizes--xl-alt: 5rem; --c--globals--font--sizes--lg-alt: 4.5rem; --c--globals--font--sizes--md-alt: 4rem; --c--globals--font--sizes--sm-alt: 3.5rem; --c--globals--font--sizes--xs-alt: 3rem; --c--globals--font--weights--thin: 100; --c--globals--font--weights--extrabold: 800; --c--globals--font--families--accent: Marianne, Inter, Roboto Flex Variable, sans-serif; --c--globals--font--families--base: Marianne, Inter, Roboto Flex Variable, sans-serif; --c--globals--spacings--0: 0; --c--globals--spacings--none: 0; --c--globals--spacings--auto: auto; --c--globals--spacings--bx: 2.2rem; --c--globals--spacings--full: 100%; --c--globals--spacings--4xs: .125rem; --c--globals--spacings--3xs: .25rem; --c--globals--spacings--2xs: .375rem; --c--globals--spacings--xs: .5rem; --c--globals--spacings--sm: .75rem; --c--globals--spacings--base: 1rem; --c--globals--spacings--md: 1.5rem; --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--2xl: 3rem; --c--globals--spacings--xxxl: 3.5rem; --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; --c--globals--breakpoints--xxs: 320px; --c--globals--breakpoints--xs: 480px; --c--globals--breakpoints--mobile: 768px; --c--globals--breakpoints--tablet: 1024px; --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-025); --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--black-050); --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--black-050); --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-150); --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-050); --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-100); --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-150); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-050); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-150); --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-050); --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-100); --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-100); --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-150); --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-050); --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-100); --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-100); --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-150); --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-050); --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-100); --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-100); --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-150); --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-050); --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-100); --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-050); --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-350); --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-350); --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-150); --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-350); --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-150); --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-350); --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-150); --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-350); --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-350); --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-150); --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-350); --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-150); --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-350); --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-150); --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-light); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-light); --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-700); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-850); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-700); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-600); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-550); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-700); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-600); --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-550); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-700); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-600); --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-550); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-700); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-550); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-300); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--white-500); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-100); --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-300); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-300); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-300); --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-150); --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-300); --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-150); --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-300); --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-150); --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-300); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-150); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-100); --c--components--alert--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--alert--border-radius: 4px; --c--components--alert--border-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--border-left-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--font-weight: var(--c--globals--font--weights--medium); --c--components--alert--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--alert--icon-size: 19px; --c--components--alert--additional-font-weight: var(--c--globals--font--weights--regular); --c--components--alert--additional-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--button--border-radius: 4px; --c--components--button--border-radius--active: 4px; --c--components--button--border-radius--focus: 4px; --c--components--button--medium-text-height: 40px; --c--components--button--medium-height: 40px; --c--components--button--small-height: 32px; --c--components--button--nano-height: 24px; --c--components--button--medium-font-size: var(--c--globals--font--sizes--md); --c--components--button--medium-icon-font-size: 1.5rem; --c--components--button--small-font-size: var(--c--globals--font--sizes--sm); --c--components--button--small-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--nano-font-size: var(--c--globals--font--sizes--xs); --c--components--button--nano-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--font-weight: var(--c--globals--font--weights--medium); --c--components--button--font-family: var(--c--globals--font--families--base); --c--components--calendar--background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--border-radius: 8px; --c--components--calendar--padding: 8px; --c--components--calendar--cell-size: 32px; --c--components--calendar--cell-border-radius: 4px; --c--components--calendar--cell-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--header-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--date-past-color: var(--c--contextuals--content--semantic--disabled--primary); --c--components--calendar--date-today-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--calendar--date-today-border-color: var(--c--contextuals--border--semantic--neutral--secondary); --c--components--calendar--date-future-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--calendar--date-selected-bg: var(--c--contextuals--background--semantic--brand--primary); --c--components--calendar--date-selected-color: var(--c--contextuals--content--semantic--brand--on-brand); --c--components--calendar--range-middle-bg: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--calendar--range-middle-color: var(--c--contextuals--content--semantic--brand--primary); --c--components--calendar--range-middle-bg--disabled: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--calendar--menu-background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--menu-border-radius: 8px; --c--components--calendar--menu-item-height: 32px; --c--components--calendar--menu-item-font-size: var(--c--globals--font--sizes--sm); --c--components--calendar--menu-item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--calendar--menu-item-background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--calendar--menu-item-background-color--selected: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--forms-checkbox--background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--forms-checkbox--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-checkbox--font-weight: var(--c--globals--font--weights--medium); --c--components--forms-checkbox--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-checkbox--border-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--hover: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-checkbox--border-radius: 2px; --c--components--forms-checkbox--border-width: 1.5px; --c--components--forms-checkbox--border-width--hover: 1px; --c--components--forms-checkbox--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-checkbox--accent-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-checkbox--checkmark-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-checkbox--size: 1.5rem; --c--components--forms-datepicker--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--disabled: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-datepicker--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-radius: 4px; --c--components--forms-datepicker--border-radius--focus: 4px; --c--components--forms-datepicker--border-radius--hover: 4px; --c--components--forms-datepicker--border-style: solid; --c--components--forms-datepicker--border-width: 1px; --c--components--forms-datepicker--border-width--focus: 1px; --c--components--forms-datepicker--border-width--hover: 1px; --c--components--forms-datepicker--value-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-datepicker--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-datepicker--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-datepicker--height: 3.5rem; --c--components--forms-datepicker--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-datepicker--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-field--width: 292px; --c--components--forms-field--font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--color--error: var(--c--contextuals--content--semantic--error--secondary); --c--components--forms-field--color--success: var(--c--contextuals--content--semantic--success--secondary); --c--components--forms-field--color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-field--inline-label-width: max-content; --c--components--forms-field--inline-column-gap: var(--c--globals--spacings--xs); --c--components--forms-field--inline-row-gap: var(--c--globals--spacings--3xs); --c--components--forms-field--label-description-gap: var(--c--globals--spacings--4xs); --c--components--forms-field--label-description-font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--label-description-font-weight: var(--c--globals--font--weights--regular); --c--components--forms-field--label-description-line-height: 1rem; --c--components--forms-field--label-description-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--label-description-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-input--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-input--border-radius: 4px; --c--components--forms-input--border-radius--hover: 4px; --c--components--forms-input--border-radius--focus: 4px; --c--components--forms-input--border-width: 1px; --c--components--forms-input--border-width--hover: 1px; --c--components--forms-input--border-width--focus: 1px; --c--components--forms-input--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-input--border-style: solid; --c--components--forms-input--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-input--background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-input--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-input--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--inline-min-height: 40px; --c--components--forms-input--inline-border-radius: var(--c--globals--spacings--xxxs); --c--components--forms-input--inline-padding-block: var(--c--globals--spacings--xxs); --c--components--forms-input--inline-padding-inline: var(--c--globals--spacings--xs); --c--components--forms-input--inline-background-color--disabled: var(--c--contextuals--background--semantic--disabled--secondary); --c--components--forms-input--inline-border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--small: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-labelledbox--label-color--big: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--label-color--small--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--big--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--classic-label-margin-bottom: var(--c--globals--spacings--xs); --c--components--forms-labelledbox--classic-label-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-labelledbox--classic-label-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--classic-label-font-weight: var(--c--globals--font--weights--medium); --c--components--forms-labelledbox--classic-label-line-height: 1.125rem; --c--components--forms-select--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-select--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-radius: 4px; --c--components--forms-select--border-radius--focus: 4px; --c--components--forms-select--border-radius--hover: 4px; --c--components--forms-select--border-style: solid; --c--components--forms-select--border-width: 1px; --c--components--forms-select--border-width--focus: 1px; --c--components--forms-select--border-width--hover: 1px; --c--components--forms-select--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-select--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--height: 3.5rem; --c--components--forms-select--item-background-color--hover: var(--c--contextuals--background--semantic--overlay--primary); --c--components--forms-select--item-background-color--selected: var(--c--contextuals--background--semantic--brand--secondary); --c--components--forms-select--item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--item-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-select--item-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-select--menu-background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-select--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-select--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-select--multi-pill-background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--forms-select--multi-pill-border-radius: 2px; --c--components--forms-select--multi-pill-max-width: 68%; --c--components--forms-select--multi-pill-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-switch--rail-background-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--rail-background-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-switch--rail-border-radius: 50vw; --c--components--forms-switch--handle-background-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-switch--handle-background-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-switch--handle-border-radius: 50%; --c--components--forms-textarea--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-textarea--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-textarea--border-radius: 4px; --c--components--forms-textarea--border-radius--hover: 4px; --c--components--forms-textarea--border-radius--focus: 4px; --c--components--forms-textarea--border-width: 1px; --c--components--forms-textarea--border-width--hover: 1px; --c--components--forms-textarea--border-width--focus: 1px; --c--components--forms-textarea--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-textarea--border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-textarea--border-style: solid; --c--components--forms-textarea--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-textarea--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-textarea--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-textarea--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-textarea--value-color--disabled: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-textarea--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--modal--background-color: var(--c--contextuals--background--surface--secondary); --c--components--modal--backdrop-color: #0009; --c--components--modal--border-radius: 8px; --c--components--modal--border-color: var(--c--contextuals--border--surface--primary); --c--components--modal--box-shadow: 0 6px 20px 0 #0000121a; --c--components--modal--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--title-font-weight: var(--c--globals--font--weights--bold); --c--components--modal--compact-title-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-weight: var(--c--globals--font--weights--regular); --c--components--modal--content-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--width-small: 342px; --c--components--modal--width-medium: 600px; --c--components--modal--width-large: 800px; --c--components--modal--width-extra-large: 75%; --c--components--modal--tab-sidebar-width: 200px; --c--components--modal--tab-sidebar-background-color: var(--c--contextuals--background--surface--tertiary); --c--components--modal--tab-item-height: 32px; --c--components--modal--tab-item-border-radius: 4px; --c--components--modal--tab-item-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--tab-item-font-weight: var(--c--globals--font--weights--medium); --c--components--modal--tab-item-font-weight--active: var(--c--globals--font--weights--bold); --c--components--modal--tab-item-active-background-color: #181b240d; --c--components--modal--tab-item-hover-background-color: #181b2408; --c--components--toast--slide-in-duration: 1s; --c--components--toast--slide-out-duration: .3s; --c--components--toast--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--toast--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--toast--font-weight: var(--c--globals--font--weights--regular); --c--components--toast--icon-size: 19px; --c--components--toast--progress-bar-height: 3px; --c--components--tooltip--border-radius: .5rem; --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--tooltip--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--tooltip--color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--tooltip--font-size: var(--c--globals--font--sizes--s); --c--components--tooltip--padding: 4px 8px; --c--components--tooltip--max-width: 150px; --c--components--resize-handle--hover--color: var(--c--contextuals--border--surface--primary); --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--datagrid--header--size: 12px; --c--components--datagrid--header--weight: 500; --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--badge--font-size: var(--c--globals--font--sizes--xs); --c--components--badge--border-radius: 12px; --c--components--badge--padding-inline: var(--c--globals--spacings--xs); --c--components--badge--padding-block: var(--c--globals--spacings--2xs); --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); } .cunningham-theme--dsfr-dark { --c--globals--colors--logo-1-light: #2845c1; --c--globals--colors--logo-2-light: #c83f49; --c--globals--colors--logo-1-dark: #95abff; --c--globals--colors--logo-2-dark: #e78087; --c--globals--colors--brand-050: #edf0ff; --c--globals--colors--brand-100: #dae2ff; --c--globals--colors--brand-150: #c8d3ff; --c--globals--colors--brand-200: #b5c4ff; --c--globals--colors--brand-250: #a2b6ff; --c--globals--colors--brand-300: #90a7ff; --c--globals--colors--brand-350: #7e98ff; --c--globals--colors--brand-400: #6c89fe; --c--globals--colors--brand-450: #5c7af7; --c--globals--colors--brand-500: #4c6cef; --c--globals--colors--brand-550: #3e5de7; --c--globals--colors--brand-600: #304ddf; --c--globals--colors--brand-650: #2845c1; --c--globals--colors--brand-700: #223e9e; --c--globals--colors--brand-750: #1f367d; --c--globals--colors--brand-800: #1b2e5f; --c--globals--colors--brand-850: #172446; --c--globals--colors--brand-900: #121b30; --c--globals--colors--brand-950: #0c111a; --c--globals--colors--gray-100: #dfe2ea; --c--globals--colors--gray-150: #cfd5de; --c--globals--colors--gray-200: #c1c7d3; --c--globals--colors--gray-250: #b2b9c7; --c--globals--colors--gray-300: #a4abbc; --c--globals--colors--gray-350: #969eb0; --c--globals--colors--gray-400: #8891a4; --c--globals--colors--gray-450: #7b8498; --c--globals--colors--gray-500: #6d778c; --c--globals--colors--gray-550: #626a80; --c--globals--colors--gray-600: #555e74; --c--globals--colors--gray-650: #4a5267; --c--globals--colors--gray-700: #3f4759; --c--globals--colors--gray-750: #363b4c; --c--globals--colors--gray-800: #2b303d; --c--globals--colors--gray-850: #222631; --c--globals--colors--gray-900: #181b24; --c--globals--colors--gray-950: #0f1117; --c--globals--colors--gray-1000: #000; --c--globals--colors--info-050: #e7f2ff; --c--globals--colors--info-100: #cfe5ff; --c--globals--colors--info-150: #b7d7ff; --c--globals--colors--info-200: #a0cafe; --c--globals--colors--info-250: #8cbcf9; --c--globals--colors--info-300: #77aef4; --c--globals--colors--info-350: #63a0ee; --c--globals--colors--info-400: #5092e7; --c--globals--colors--info-450: #4185dc; --c--globals--colors--info-500: #3677cc; --c--globals--colors--info-550: #2f6abb; --c--globals--colors--info-600: #265eaa; --c--globals--colors--info-650: #28528f; --c--globals--colors--info-700: #274775; --c--globals--colors--info-750: #243c5e; --c--globals--colors--info-800: #20314a; --c--globals--colors--info-850: #1b2637; --c--globals--colors--info-900: #141c27; --c--globals--colors--info-950: #0d1118; --c--globals--colors--success-050: #def7e6; --c--globals--colors--success-100: #baeecf; --c--globals--colors--success-150: #a5e2c0; --c--globals--colors--success-200: #95d4b3; --c--globals--colors--success-250: #85c6a7; --c--globals--colors--success-300: #74b99b; --c--globals--colors--success-350: #65ab8f; --c--globals--colors--success-400: #579e84; --c--globals--colors--success-450: #4b9079; --c--globals--colors--success-500: #40836f; --c--globals--colors--success-550: #367664; --c--globals--colors--success-600: #2b695a; --c--globals--colors--success-650: #2c5a50; --c--globals--colors--success-700: #2a4d45; --c--globals--colors--success-750: #26403c; --c--globals--colors--success-800: #213430; --c--globals--colors--success-850: #1b2826; --c--globals--colors--success-900: #151d1c; --c--globals--colors--success-950: #0d1212; --c--globals--colors--warning-050: #ffeedf; --c--globals--colors--warning-100: #ffdcbe; --c--globals--colors--warning-150: #ffca9c; --c--globals--colors--warning-200: #ffb778; --c--globals--colors--warning-250: #fda54f; --c--globals--colors--warning-300: #f59425; --c--globals--colors--warning-350: #e78613; --c--globals--colors--warning-400: #d7790c; --c--globals--colors--warning-450: #c86c08; --c--globals--colors--warning-500: #b85f03; --c--globals--colors--warning-550: #a75400; --c--globals--colors--warning-600: #984800; --c--globals--colors--warning-650: #814112; --c--globals--colors--warning-700: #6c3a19; --c--globals--colors--warning-750: #58321c; --c--globals--colors--warning-800: #452a1a; --c--globals--colors--warning-850: #352117; --c--globals--colors--warning-900: #261813; --c--globals--colors--warning-950: #170f0c; --c--globals--colors--error-050: #ffedeb; --c--globals--colors--error-100: #ffdad7; --c--globals--colors--error-150: #ffc7c2; --c--globals--colors--error-200: #ffb3ad; --c--globals--colors--error-250: #ff9f99; --c--globals--colors--error-300: #ff8984; --c--globals--colors--error-350: #ff706e; --c--globals--colors--error-400: #fb5759; --c--globals--colors--error-450: #f63a45; --c--globals--colors--error-500: #e32c39; --c--globals--colors--error-550: #cf202d; --c--globals--colors--error-600: #bd0f23; --c--globals--colors--error-650: #9d2227; --c--globals--colors--error-700: #812727; --c--globals--colors--error-750: #672624; --c--globals--colors--error-800: #512220; --c--globals--colors--error-850: #3d1c1b; --c--globals--colors--error-900: #2a1614; --c--globals--colors--error-950: #190e0d; --c--globals--colors--red-050: #ffedeb; --c--globals--colors--red-100: #ffdad7; --c--globals--colors--red-150: #ffc7c2; --c--globals--colors--red-200: #ffb3ad; --c--globals--colors--red-250: #ff9f99; --c--globals--colors--red-300: #ff8984; --c--globals--colors--red-350: #ff706e; --c--globals--colors--red-400: #fb5759; --c--globals--colors--red-450: #f63a45; --c--globals--colors--red-500: #e32c39; --c--globals--colors--red-550: #cf202d; --c--globals--colors--red-600: #bd0f23; --c--globals--colors--red-650: #9d2227; --c--globals--colors--red-700: #812727; --c--globals--colors--red-750: #672624; --c--globals--colors--red-800: #512220; --c--globals--colors--red-850: #3d1c1b; --c--globals--colors--red-900: #410003; --c--globals--colors--red-950: #190e0d; --c--globals--colors--orange-050: #fcedeb; --c--globals--colors--orange-100: #f8dcd7; --c--globals--colors--orange-150: #f1ccc5; --c--globals--colors--orange-200: #eabcb4; --c--globals--colors--orange-250: #e2aca2; --c--globals--colors--orange-300: #da9c92; --c--globals--colors--orange-350: #d28c81; --c--globals--colors--orange-400: #ca7c70; --c--globals--colors--orange-450: #be6e62; --c--globals--colors--orange-500: #ae6257; --c--globals--colors--orange-550: #9e564d; --c--globals--colors--orange-600: #8f4b42; --c--globals--colors--orange-650: #79443d; --c--globals--colors--orange-700: #643c37; --c--globals--colors--orange-750: #513430; --c--globals--colors--orange-800: #412b28; --c--globals--colors--orange-850: #312220; --c--globals--colors--orange-900: #231918; --c--globals--colors--orange-950: #150f0f; --c--globals--colors--brown-050: #f9efea; --c--globals--colors--brown-100: #f3dfd3; --c--globals--colors--brown-150: #eacfc1; --c--globals--colors--brown-200: #e2bfae; --c--globals--colors--brown-250: #d8b19c; --c--globals--colors--brown-300: #d0a189; --c--globals--colors--brown-350: #c3937b; --c--globals--colors--brown-400: #b5866d; --c--globals--colors--brown-450: #a77a62; --c--globals--colors--brown-500: #996d57; --c--globals--colors--brown-550: #8b614d; --c--globals--colors--brown-600: #7c5542; --c--globals--colors--brown-650: #6a4c3c; --c--globals--colors--brown-700: #594236; --c--globals--colors--brown-750: #49382f; --c--globals--colors--brown-800: #3b2e28; --c--globals--colors--brown-850: #2d2420; --c--globals--colors--brown-900: #201a18; --c--globals--colors--brown-950: #13100f; --c--globals--colors--yellow-050: #fdf1c5; --c--globals--colors--yellow-100: #fbe18e; --c--globals--colors--yellow-150: #f4d261; --c--globals--colors--yellow-200: #eac244; --c--globals--colors--yellow-250: #dfb41b; --c--globals--colors--yellow-300: #d1a516; --c--globals--colors--yellow-350: #c49711; --c--globals--colors--yellow-400: #b78a0c; --c--globals--colors--yellow-450: #a87d07; --c--globals--colors--yellow-500: #9b6f02; --c--globals--colors--yellow-550: #8d6300; --c--globals--colors--yellow-600: #7f5600; --c--globals--colors--yellow-650: #6e4c11; --c--globals--colors--yellow-700: #5d4219; --c--globals--colors--yellow-750: #4d371b; --c--globals--colors--yellow-800: #3d2e1a; --c--globals--colors--yellow-850: #2f2417; --c--globals--colors--yellow-900: #221a12; --c--globals--colors--yellow-950: #14100c; --c--globals--colors--green-050: #e7f9b3; --c--globals--colors--green-100: #d5ec98; --c--globals--colors--green-150: #c5de86; --c--globals--colors--green-200: #b5d174; --c--globals--colors--green-250: #a5c464; --c--globals--colors--green-300: #95b755; --c--globals--colors--green-350: #85aa45; --c--globals--colors--green-400: #769d39; --c--globals--colors--green-450: #688f30; --c--globals--colors--green-500: #5a8228; --c--globals--colors--green-550: #4d7621; --c--globals--colors--green-600: #416919; --c--globals--colors--green-650: #3a5b20; --c--globals--colors--green-700: #324e22; --c--globals--colors--green-750: #2c4122; --c--globals--colors--green-800: #24351d; --c--globals--colors--green-850: #1d2919; --c--globals--colors--green-900: #161e13; --c--globals--colors--green-950: #0e120c; --c--globals--colors--blue-1-050: #e7f2ff; --c--globals--colors--blue-1-100: #cfe5ff; --c--globals--colors--blue-1-150: #b7d7ff; --c--globals--colors--blue-1-200: #a0cafe; --c--globals--colors--blue-1-250: #8cbcf9; --c--globals--colors--blue-1-300: #77aef4; --c--globals--colors--blue-1-350: #63a0ee; --c--globals--colors--blue-1-400: #5092e7; --c--globals--colors--blue-1-450: #4185dc; --c--globals--colors--blue-1-500: #3677cc; --c--globals--colors--blue-1-550: #2f6abb; --c--globals--colors--blue-1-600: #265eaa; --c--globals--colors--blue-1-650: #28528f; --c--globals--colors--blue-1-700: #274775; --c--globals--colors--blue-1-750: #243c5e; --c--globals--colors--blue-1-800: #20314a; --c--globals--colors--blue-1-850: #1b2637; --c--globals--colors--blue-1-900: #141c27; --c--globals--colors--blue-1-950: #0d1118; --c--globals--colors--blue-2-050: #e2f4fd; --c--globals--colors--blue-2-100: #c4e8f8; --c--globals--colors--blue-2-150: #aadcf2; --c--globals--colors--blue-2-200: #93cfeb; --c--globals--colors--blue-2-250: #7cc2e2; --c--globals--colors--blue-2-300: #6cb4d6; --c--globals--colors--blue-2-350: #5ca7c9; --c--globals--colors--blue-2-400: #5099bc; --c--globals--colors--blue-2-450: #458bae; --c--globals--colors--blue-2-500: #3a7ea0; --c--globals--colors--blue-2-550: #327191; --c--globals--colors--blue-2-600: #286483; --c--globals--colors--blue-2-650: #2b5770; --c--globals--colors--blue-2-700: #294a5e; --c--globals--colors--blue-2-750: #263e4d; --c--globals--colors--blue-2-800: #22323d; --c--globals--colors--blue-2-850: #1c272e; --c--globals--colors--blue-2-900: #151d21; --c--globals--colors--blue-2-950: #0e1114; --c--globals--colors--purple-050: #f5eeff; --c--globals--colors--purple-100: #ecdcff; --c--globals--colors--purple-150: #e2cbff; --c--globals--colors--purple-200: #d9b9ff; --c--globals--colors--purple-250: #d0a7ff; --c--globals--colors--purple-300: #c894fe; --c--globals--colors--purple-350: #be83fa; --c--globals--colors--purple-400: #b570f5; --c--globals--colors--purple-450: #ab5ef0; --c--globals--colors--purple-500: #a04be8; --c--globals--colors--purple-550: #933cdb; --c--globals--colors--purple-600: #8530c8; --c--globals--colors--purple-650: #7033a5; --c--globals--colors--purple-700: #5d3185; --c--globals--colors--purple-750: #4c2c6a; --c--globals--colors--purple-800: #3c2652; --c--globals--colors--purple-850: #2d203c; --c--globals--colors--purple-900: #21182a; --c--globals--colors--purple-950: #130f19; --c--globals--colors--pink-050: #ffebf6; --c--globals--colors--pink-100: #ffd8ed; --c--globals--colors--pink-150: #fcc4e3; --c--globals--colors--pink-200: #f7b2d9; --c--globals--colors--pink-250: #f29fce; --c--globals--colors--pink-300: #ed8cc3; --c--globals--colors--pink-350: #e779b8; --c--globals--colors--pink-400: #e264ad; --c--globals--colors--pink-450: #d2579e; --c--globals--colors--pink-500: #c24b8e; --c--globals--colors--pink-550: #b0417f; --c--globals--colors--pink-600: #9f3670; --c--globals--colors--pink-650: #873560; --c--globals--colors--pink-700: #6f3250; --c--globals--colors--pink-750: #5a2c43; --c--globals--colors--pink-800: #472635; --c--globals--colors--pink-850: #351f29; --c--globals--colors--pink-900: #26171d; --c--globals--colors--pink-950: #170f12; --c--globals--colors--black-000: #181b2400; --c--globals--colors--black-050: #181b240d; --c--globals--colors--black-100: #181b241a; --c--globals--colors--black-150: #181b2426; --c--globals--colors--black-200: #181b2433; --c--globals--colors--black-250: #181b2440; --c--globals--colors--black-300: #181b244d; --c--globals--colors--black-350: #181b2459; --c--globals--colors--black-400: #181b2466; --c--globals--colors--black-450: #181b2473; --c--globals--colors--black-500: #181b2480; --c--globals--colors--black-550: #181b248c; --c--globals--colors--black-600: #181b2499; --c--globals--colors--black-650: #181b24a6; --c--globals--colors--black-700: #181b24b2; --c--globals--colors--black-750: #181b24bf; --c--globals--colors--black-800: #181b24cc; --c--globals--colors--black-850: #181b24d9; --c--globals--colors--black-900: #181b24e5; --c--globals--colors--black-950: #0f1117f2; --c--globals--colors--white-000: #f6f8f900; --c--globals--colors--white-050: #f6f8f90d; --c--globals--colors--white-100: #f6f8f91a; --c--globals--colors--white-150: #f6f8f926; --c--globals--colors--white-200: #f6f8f933; --c--globals--colors--white-250: #f6f8f940; --c--globals--colors--white-300: #f6f8f94d; --c--globals--colors--white-350: #f6f8f959; --c--globals--colors--white-400: #f6f8f966; --c--globals--colors--white-450: #f6f8f973; --c--globals--colors--white-500: #f6f8f980; --c--globals--colors--white-550: #f6f8f98c; --c--globals--colors--white-600: #f6f8f999; --c--globals--colors--white-650: #f6f8f9a6; --c--globals--colors--white-700: #f6f8f9b2; --c--globals--colors--white-750: #f6f8f9bf; --c--globals--colors--white-800: #f6f8f9cc; --c--globals--colors--white-850: #f6f8f9d9; --c--globals--colors--white-900: #f6f8f9e5; --c--globals--colors--white-950: #f6f8f9f2; --c--globals--colors--white-975: #f6f8f9f9; --c--globals--font--sizes--xs: .75rem; --c--globals--font--sizes--sm: .875rem; --c--globals--font--sizes--md: 1rem; --c--globals--font--sizes--lg: 1.125rem; --c--globals--font--sizes--ml: .938rem; --c--globals--font--sizes--xl: 1.25rem; --c--globals--font--sizes--t: .6875rem; --c--globals--font--sizes--s: .75rem; --c--globals--font--sizes--h1: 2rem; --c--globals--font--sizes--h2: 1.75rem; --c--globals--font--sizes--h3: 1.5rem; --c--globals--font--sizes--h4: 1.375rem; --c--globals--font--sizes--h5: 1.25rem; --c--globals--font--sizes--h6: 1.125rem; --c--globals--font--sizes--xl-alt: 5rem; --c--globals--font--sizes--lg-alt: 4.5rem; --c--globals--font--sizes--md-alt: 4rem; --c--globals--font--sizes--sm-alt: 3.5rem; --c--globals--font--sizes--xs-alt: 3rem; --c--globals--font--weights--thin: 100; --c--globals--font--weights--extrabold: 800; --c--globals--font--families--accent: Marianne, Inter, Roboto Flex Variable, sans-serif; --c--globals--font--families--base: Marianne, Inter, Roboto Flex Variable, sans-serif; --c--globals--spacings--0: 0; --c--globals--spacings--none: 0; --c--globals--spacings--auto: auto; --c--globals--spacings--bx: 2.2rem; --c--globals--spacings--full: 100%; --c--globals--spacings--4xs: .125rem; --c--globals--spacings--3xs: .25rem; --c--globals--spacings--2xs: .375rem; --c--globals--spacings--xs: .5rem; --c--globals--spacings--sm: .75rem; --c--globals--spacings--base: 1rem; --c--globals--spacings--md: 1.5rem; --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--2xl: 3rem; --c--globals--spacings--xxxl: 3.5rem; --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; --c--globals--breakpoints--xxs: 320px; --c--globals--breakpoints--xs: 480px; --c--globals--breakpoints--mobile: 768px; --c--globals--breakpoints--tablet: 1024px; --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-800); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-850); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-900); --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050); --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--white-050); --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-700); --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-750); --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-750); --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-800); --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-700); --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-800); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-700); --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-750); --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-750); --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-800); --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-700); --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-750); --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-750); --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-800); --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-700); --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-750); --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-750); --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-800); --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-700); --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-750); --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-750); --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-800); --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-800); --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-350); --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-450); --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-350); --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-450); --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-550); --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-350); --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-450); --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-550); --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-350); --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-450); --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-550); --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-350); --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-450); --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-350); --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-450); --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-550); --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-350); --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-450); --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-550); --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-350); --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-450); --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-550); --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-450); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-dark); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-dark); --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-250); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-250); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-250); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-100); --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-250); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-100); --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-250); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-100); --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-250); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--black-300); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-450); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-700); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-450); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-700); --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-450); --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-600); --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-700); --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-450); --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-600); --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-700); --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-450); --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-600); --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-700); --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-450); --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-700); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-800); --c--components--alert--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--alert--border-radius: 4px; --c--components--alert--border-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--border-left-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--font-weight: var(--c--globals--font--weights--medium); --c--components--alert--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--alert--icon-size: 19px; --c--components--alert--additional-font-weight: var(--c--globals--font--weights--regular); --c--components--alert--additional-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--button--border-radius: 4px; --c--components--button--border-radius--active: 4px; --c--components--button--border-radius--focus: 4px; --c--components--button--medium-text-height: 40px; --c--components--button--medium-height: 40px; --c--components--button--small-height: 32px; --c--components--button--nano-height: 24px; --c--components--button--medium-font-size: var(--c--globals--font--sizes--md); --c--components--button--medium-icon-font-size: 1.5rem; --c--components--button--small-font-size: var(--c--globals--font--sizes--sm); --c--components--button--small-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--nano-font-size: var(--c--globals--font--sizes--xs); --c--components--button--nano-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--font-weight: var(--c--globals--font--weights--medium); --c--components--button--font-family: var(--c--globals--font--families--base); --c--components--calendar--background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--border-radius: 8px; --c--components--calendar--padding: 8px; --c--components--calendar--cell-size: 32px; --c--components--calendar--cell-border-radius: 4px; --c--components--calendar--cell-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--header-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--date-past-color: var(--c--contextuals--content--semantic--disabled--primary); --c--components--calendar--date-today-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--calendar--date-today-border-color: var(--c--contextuals--border--semantic--neutral--secondary); --c--components--calendar--date-future-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--calendar--date-selected-bg: var(--c--contextuals--background--semantic--brand--primary); --c--components--calendar--date-selected-color: var(--c--contextuals--content--semantic--brand--on-brand); --c--components--calendar--range-middle-bg: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--calendar--range-middle-color: var(--c--contextuals--content--semantic--brand--primary); --c--components--calendar--range-middle-bg--disabled: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--calendar--menu-background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--menu-border-radius: 8px; --c--components--calendar--menu-item-height: 32px; --c--components--calendar--menu-item-font-size: var(--c--globals--font--sizes--sm); --c--components--calendar--menu-item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--calendar--menu-item-background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--calendar--menu-item-background-color--selected: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--forms-checkbox--background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--forms-checkbox--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-checkbox--font-weight: var(--c--globals--font--weights--medium); --c--components--forms-checkbox--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-checkbox--border-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--hover: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-checkbox--border-radius: 2px; --c--components--forms-checkbox--border-width: 1.5px; --c--components--forms-checkbox--border-width--hover: 1px; --c--components--forms-checkbox--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-checkbox--accent-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-checkbox--checkmark-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-checkbox--size: 1.5rem; --c--components--forms-datepicker--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--disabled: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-datepicker--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-radius: 4px; --c--components--forms-datepicker--border-radius--focus: 4px; --c--components--forms-datepicker--border-radius--hover: 4px; --c--components--forms-datepicker--border-style: solid; --c--components--forms-datepicker--border-width: 1px; --c--components--forms-datepicker--border-width--focus: 1px; --c--components--forms-datepicker--border-width--hover: 1px; --c--components--forms-datepicker--value-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-datepicker--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-datepicker--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-datepicker--height: 3.5rem; --c--components--forms-datepicker--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-datepicker--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-field--width: 292px; --c--components--forms-field--font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--color--error: var(--c--contextuals--content--semantic--error--secondary); --c--components--forms-field--color--success: var(--c--contextuals--content--semantic--success--secondary); --c--components--forms-field--color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-field--inline-label-width: max-content; --c--components--forms-field--inline-column-gap: var(--c--globals--spacings--xs); --c--components--forms-field--inline-row-gap: var(--c--globals--spacings--3xs); --c--components--forms-field--label-description-gap: var(--c--globals--spacings--4xs); --c--components--forms-field--label-description-font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--label-description-font-weight: var(--c--globals--font--weights--regular); --c--components--forms-field--label-description-line-height: 1rem; --c--components--forms-field--label-description-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--label-description-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-input--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-input--border-radius: 4px; --c--components--forms-input--border-radius--hover: 4px; --c--components--forms-input--border-radius--focus: 4px; --c--components--forms-input--border-width: 1px; --c--components--forms-input--border-width--hover: 1px; --c--components--forms-input--border-width--focus: 1px; --c--components--forms-input--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-input--border-style: solid; --c--components--forms-input--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-input--background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-input--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-input--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--inline-min-height: 40px; --c--components--forms-input--inline-border-radius: var(--c--globals--spacings--xxxs); --c--components--forms-input--inline-padding-block: var(--c--globals--spacings--xxs); --c--components--forms-input--inline-padding-inline: var(--c--globals--spacings--xs); --c--components--forms-input--inline-background-color--disabled: var(--c--contextuals--background--semantic--disabled--secondary); --c--components--forms-input--inline-border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--small: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-labelledbox--label-color--big: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--label-color--small--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--big--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--classic-label-margin-bottom: var(--c--globals--spacings--xs); --c--components--forms-labelledbox--classic-label-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-labelledbox--classic-label-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--classic-label-font-weight: var(--c--globals--font--weights--medium); --c--components--forms-labelledbox--classic-label-line-height: 1.125rem; --c--components--forms-select--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-select--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-radius: 4px; --c--components--forms-select--border-radius--focus: 4px; --c--components--forms-select--border-radius--hover: 4px; --c--components--forms-select--border-style: solid; --c--components--forms-select--border-width: 1px; --c--components--forms-select--border-width--focus: 1px; --c--components--forms-select--border-width--hover: 1px; --c--components--forms-select--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-select--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--height: 3.5rem; --c--components--forms-select--item-background-color--hover: var(--c--contextuals--background--semantic--overlay--primary); --c--components--forms-select--item-background-color--selected: var(--c--contextuals--background--semantic--brand--secondary); --c--components--forms-select--item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--item-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-select--item-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-select--menu-background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-select--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-select--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-select--multi-pill-background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--forms-select--multi-pill-border-radius: 2px; --c--components--forms-select--multi-pill-max-width: 68%; --c--components--forms-select--multi-pill-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-switch--rail-background-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--rail-background-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-switch--rail-border-radius: 50vw; --c--components--forms-switch--handle-background-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-switch--handle-background-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-switch--handle-border-radius: 50%; --c--components--forms-textarea--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-textarea--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-textarea--border-radius: 4px; --c--components--forms-textarea--border-radius--hover: 4px; --c--components--forms-textarea--border-radius--focus: 4px; --c--components--forms-textarea--border-width: 1px; --c--components--forms-textarea--border-width--hover: 1px; --c--components--forms-textarea--border-width--focus: 1px; --c--components--forms-textarea--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-textarea--border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-textarea--border-style: solid; --c--components--forms-textarea--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-textarea--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-textarea--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-textarea--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-textarea--value-color--disabled: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-textarea--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--modal--background-color: var(--c--contextuals--background--surface--secondary); --c--components--modal--backdrop-color: #0009; --c--components--modal--border-radius: 8px; --c--components--modal--border-color: var(--c--contextuals--border--surface--primary); --c--components--modal--box-shadow: 0 6px 20px 0 #0000121a; --c--components--modal--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--title-font-weight: var(--c--globals--font--weights--bold); --c--components--modal--compact-title-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-weight: var(--c--globals--font--weights--regular); --c--components--modal--content-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--width-small: 342px; --c--components--modal--width-medium: 600px; --c--components--modal--width-large: 800px; --c--components--modal--width-extra-large: 75%; --c--components--modal--tab-sidebar-width: 200px; --c--components--modal--tab-sidebar-background-color: var(--c--contextuals--background--surface--tertiary); --c--components--modal--tab-item-height: 32px; --c--components--modal--tab-item-border-radius: 4px; --c--components--modal--tab-item-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--tab-item-font-weight: var(--c--globals--font--weights--medium); --c--components--modal--tab-item-font-weight--active: var(--c--globals--font--weights--bold); --c--components--modal--tab-item-active-background-color: #181b240d; --c--components--modal--tab-item-hover-background-color: #181b2408; --c--components--toast--slide-in-duration: 1s; --c--components--toast--slide-out-duration: .3s; --c--components--toast--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--toast--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--toast--font-weight: var(--c--globals--font--weights--regular); --c--components--toast--icon-size: 19px; --c--components--toast--progress-bar-height: 3px; --c--components--tooltip--border-radius: .5rem; --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--tooltip--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--tooltip--color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--tooltip--font-size: var(--c--globals--font--sizes--s); --c--components--tooltip--padding: 4px 8px; --c--components--tooltip--max-width: 150px; --c--components--resize-handle--hover--color: var(--c--contextuals--border--surface--primary); --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--datagrid--header--size: 12px; --c--components--datagrid--header--weight: 500; --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--badge--font-size: var(--c--globals--font--sizes--xs); --c--components--badge--border-radius: 12px; --c--components--badge--padding-inline: var(--c--globals--spacings--xs); --c--components--badge--padding-block: var(--c--globals--spacings--2xs); --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); } .cunningham-theme--anct-light { --c--globals--colors--logo-1-light: #2845c1; --c--globals--colors--logo-2-light: #fbc63a; --c--globals--colors--logo-1-dark: #94a3e5; --c--globals--colors--logo-2-dark: #efd183; --c--globals--colors--brand-050: #eef0f9; --c--globals--colors--brand-100: #dde2f5; --c--globals--colors--brand-150: #cbd4f1; --c--globals--colors--brand-200: #b8c6f0; --c--globals--colors--brand-250: #a5b7f2; --c--globals--colors--brand-300: #91a8f7; --c--globals--colors--brand-350: #7c98fe; --c--globals--colors--brand-400: #6a89ff; --c--globals--colors--brand-450: #5a7afb; --c--globals--colors--brand-500: #4b6bf0; --c--globals--colors--brand-550: #3e5ce7; --c--globals--colors--brand-600: #3352d5; --c--globals--colors--brand-650: #2a47c0; --c--globals--colors--brand-700: #2340a3; --c--globals--colors--brand-750: #223a7f; --c--globals--colors--brand-800: #1f325f; --c--globals--colors--brand-850: #1b2845; --c--globals--colors--brand-900: #151e30; --c--globals--colors--brand-950: #0d121d; --c--globals--colors--gray-000: #fff; --c--globals--colors--gray-025: #f6f8fa; --c--globals--colors--gray-050: #ecf1f7; --c--globals--colors--gray-100: #dde3f3; --c--globals--colors--gray-150: #ccd4ea; --c--globals--colors--gray-200: #bcc7e0; --c--globals--colors--gray-250: #aeb9d2; --c--globals--colors--gray-300: #a1abc4; --c--globals--colors--gray-350: #949eb6; --c--globals--colors--gray-400: #8791a9; --c--globals--colors--gray-450: #7a849b; --c--globals--colors--gray-500: #6d778e; --c--globals--colors--gray-550: #616a81; --c--globals--colors--gray-600: #555e75; --c--globals--colors--gray-650: #495268; --c--globals--colors--gray-700: #3e475c; --c--globals--colors--gray-750: #333b50; --c--globals--colors--gray-800: #283044; --c--globals--colors--gray-850: #1e2539; --c--globals--colors--gray-900: #171b28; --c--globals--colors--gray-950: #0f1118; --c--globals--colors--gray-1000: #000; --c--globals--colors--info-050: #e9f2f8; --c--globals--colors--info-100: #d2e5f1; --c--globals--colors--info-150: #c0d7f0; --c--globals--colors--info-200: #aec8f0; --c--globals--colors--info-250: #9eb9f2; --c--globals--colors--info-300: #8dabee; --c--globals--colors--info-350: #7b9de9; --c--globals--colors--info-400: #6e8fdb; --c--globals--colors--info-450: #6282cd; --c--globals--colors--info-500: #5575bf; --c--globals--colors--info-550: #4968b1; --c--globals--colors--info-600: #3e5ca3; --c--globals--colors--info-650: #344f97; --c--globals--colors--info-700: #294389; --c--globals--colors--info-750: #243972; --c--globals--colors--info-800: #1d2f5b; --c--globals--colors--info-850: #1a2744; --c--globals--colors--info-900: #151d2f; --c--globals--colors--info-950: #0e131f; --c--globals--colors--success-050: #e7f1e9; --c--globals--colors--success-100: #cfe3d3; --c--globals--colors--success-150: #b9d8c0; --c--globals--colors--success-200: #a1ceac; --c--globals--colors--success-250: #85c496; --c--globals--colors--success-300: #63bc7f; --c--globals--colors--success-350: #45b16b; --c--globals--colors--success-400: #1ca659; --c--globals--colors--success-450: #00984c; --c--globals--colors--success-500: #008a3f; --c--globals--colors--success-550: #007c32; --c--globals--colors--success-600: #006e24; --c--globals--colors--success-650: #016016; --c--globals--colors--success-700: #005305; --c--globals--colors--success-750: #0d450a; --c--globals--colors--success-800: #11380e; --c--globals--colors--success-850: #132a11; --c--globals--colors--success-900: #101e0f; --c--globals--colors--success-950: #091209; --c--globals--colors--warning-050: #f6f0e8; --c--globals--colors--warning-100: #ede2d1; --c--globals--colors--warning-150: #e6d3b8; --c--globals--colors--warning-200: #e3c39f; --c--globals--colors--warning-250: #e3b082; --c--globals--colors--warning-300: #e19e5c; --c--globals--colors--warning-350: #d98e3f; --c--globals--colors--warning-400: #cf7d19; --c--globals--colors--warning-450: #c17000; --c--globals--colors--warning-500: #b36300; --c--globals--colors--warning-550: #a45600; --c--globals--colors--warning-600: #964900; --c--globals--colors--warning-650: #893c00; --c--globals--colors--warning-700: #7b2f00; --c--globals--colors--warning-750: #68270d; --c--globals--colors--warning-800: #562013; --c--globals--colors--warning-850: #411d18; --c--globals--colors--warning-900: #2e1714; --c--globals--colors--warning-950: #1d0f0d; --c--globals--colors--error-050: #f9efec; --c--globals--colors--error-100: #f4dfd9; --c--globals--colors--error-150: #f0cec6; --c--globals--colors--error-200: #eebcb2; --c--globals--colors--error-250: #eea99d; --c--globals--colors--error-300: #ef9487; --c--globals--colors--error-350: #f37c6e; --c--globals--colors--error-400: #f65f53; --c--globals--colors--error-450: #ef443c; --c--globals--colors--error-500: #e0342e; --c--globals--colors--error-550: #d0201f; --c--globals--colors--error-600: #c0000c; --c--globals--colors--error-650: #a00; --c--globals--colors--error-700: #910c06; --c--globals--colors--error-750: #731e16; --c--globals--colors--error-800: #58201a; --c--globals--colors--error-850: #411d18; --c--globals--colors--error-900: #2e1714; --c--globals--colors--error-950: #1d0f0d; --c--globals--colors--red-050: #f9efec; --c--globals--colors--red-100: #f4deda; --c--globals--colors--red-150: #f0cdc9; --c--globals--colors--red-200: #eebbb6; --c--globals--colors--red-250: #eea8a2; --c--globals--colors--red-300: #f0938d; --c--globals--colors--red-350: #ec7e78; --c--globals--colors--red-400: #e46d67; --c--globals--colors--red-450: #d95b58; --c--globals--colors--red-500: #ca4e4b; --c--globals--colors--red-550: #bb403f; --c--globals--colors--red-600: #ac3233; --c--globals--colors--red-650: #9d2227; --c--globals--colors--red-700: #882023; --c--globals--colors--red-750: #721d1b; --c--globals--colors--red-800: #58201a; --c--globals--colors--red-850: #401d18; --c--globals--colors--red-900: #2e1714; --c--globals--colors--red-950: #1d0f0d; --c--globals--colors--orange-050: #f8f0e9; --c--globals--colors--orange-100: #f1e0d3; --c--globals--colors--orange-150: #ecd0bd; --c--globals--colors--orange-200: #e9c0a5; --c--globals--colors--orange-250: #e8ae8a; --c--globals--colors--orange-300: #eb9870; --c--globals--colors--orange-350: #eb845a; --c--globals--colors--orange-400: #e66e37; --c--globals--colors--orange-450: #dd5b16; --c--globals--colors--orange-500: #ce4d00; --c--globals--colors--orange-550: #bf3e00; --c--globals--colors--orange-600: #b02f00; --c--globals--colors--orange-650: #a11e00; --c--globals--colors--orange-700: #8a1e14; --c--globals--colors--orange-750: #731e16; --c--globals--colors--orange-800: #58201a; --c--globals--colors--orange-850: #401d18; --c--globals--colors--orange-900: #2e1714; --c--globals--colors--orange-950: #1d0f0d; --c--globals--colors--brown-050: #f5f0e8; --c--globals--colors--brown-100: #ece2d1; --c--globals--colors--brown-150: #e9d1b9; --c--globals--colors--brown-200: #e3c19d; --c--globals--colors--brown-250: #dcb187; --c--globals--colors--brown-300: #d2a26f; --c--globals--colors--brown-350: #c49562; --c--globals--colors--brown-400: #b68855; --c--globals--colors--brown-450: #a97b48; --c--globals--colors--brown-500: #9b6e3b; --c--globals--colors--brown-550: #8e612f; --c--globals--colors--brown-600: #815521; --c--globals--colors--brown-650: #744913; --c--globals--colors--brown-700: #673d00; --c--globals--colors--brown-750: #5a3100; --c--globals--colors--brown-800: #4e2600; --c--globals--colors--brown-850: #3d1f0b; --c--globals--colors--brown-900: #2c170f; --c--globals--colors--brown-950: #1c0f0b; --c--globals--colors--yellow-050: #f3f0e7; --c--globals--colors--yellow-100: #e9e2cf; --c--globals--colors--yellow-150: #e0d4b7; --c--globals--colors--yellow-200: #dac59a; --c--globals--colors--yellow-250: #d5b67a; --c--globals--colors--yellow-300: #d0a559; --c--globals--colors--yellow-350: #cc9331; --c--globals--colors--yellow-400: #c48400; --c--globals--colors--yellow-450: #b77600; --c--globals--colors--yellow-500: #aa6800; --c--globals--colors--yellow-550: #9d5a00; --c--globals--colors--yellow-600: #914d00; --c--globals--colors--yellow-650: #843f00; --c--globals--colors--yellow-700: #773200; --c--globals--colors--yellow-750: #6a2601; --c--globals--colors--yellow-800: #56210f; --c--globals--colors--yellow-850: #401d16; --c--globals--colors--yellow-900: #2e1714; --c--globals--colors--yellow-950: #1d0f0d; --c--globals--colors--green-050: #e3f1ef; --c--globals--colors--green-100: #cae5e1; --c--globals--colors--green-150: #b0dbd4; --c--globals--colors--green-200: #91d1c7; --c--globals--colors--green-250: #6ac8bc; --c--globals--colors--green-300: #4dbcaf; --c--globals--colors--green-350: #3cafa2; --c--globals--colors--green-400: #2aa194; --c--globals--colors--green-450: #109487; --c--globals--colors--green-500: #00867a; --c--globals--colors--green-550: #00786d; --c--globals--colors--green-600: #016a60; --c--globals--colors--green-650: #015d53; --c--globals--colors--green-700: #005047; --c--globals--colors--green-750: #00443b; --c--globals--colors--green-800: #00382f; --c--globals--colors--green-850: #002c25; --c--globals--colors--green-900: #041f1a; --c--globals--colors--green-950: #041310; --c--globals--colors--blue-1-050: #eaf2f9; --c--globals--colors--blue-1-100: #d4e4f3; --c--globals--colors--blue-1-150: #bfd7f0; --c--globals--colors--blue-1-200: #aac9ef; --c--globals--colors--blue-1-250: #96bbf1; --c--globals--colors--blue-1-300: #82acf6; --c--globals--colors--blue-1-350: #709bfe; --c--globals--colors--blue-1-400: #608bff; --c--globals--colors--blue-1-450: #537bfb; --c--globals--colors--blue-1-500: #476dec; --c--globals--colors--blue-1-550: #3c60dd; --c--globals--colors--blue-1-600: #3252cf; --c--globals--colors--blue-1-650: #2b48b9; --c--globals--colors--blue-1-700: #28409b; --c--globals--colors--blue-1-750: #24397e; --c--globals--colors--blue-1-800: #223260; --c--globals--colors--blue-1-850: #1f2a48; --c--globals--colors--blue-1-900: #191f32; --c--globals--colors--blue-1-950: #111320; --c--globals--colors--blue-2-050: #e5f2f3; --c--globals--colors--blue-2-100: #cde6ec; --c--globals--colors--blue-2-150: #b7d9ea; --c--globals--colors--blue-2-200: #9bcde7; --c--globals--colors--blue-2-250: #84c1e0; --c--globals--colors--blue-2-300: #6bb4d8; --c--globals--colors--blue-2-350: #5ca6cb; --c--globals--colors--blue-2-400: #4d99bc; --c--globals--colors--blue-2-450: #3e8cae; --c--globals--colors--blue-2-500: #2f7fa2; --c--globals--colors--blue-2-550: #1f7295; --c--globals--colors--blue-2-600: #056688; --c--globals--colors--blue-2-650: #00597b; --c--globals--colors--blue-2-700: #004c6c; --c--globals--colors--blue-2-750: #003f5e; --c--globals--colors--blue-2-800: #003353; --c--globals--colors--blue-2-850: #0c273e; --c--globals--colors--blue-2-900: #0e1c2c; --c--globals--colors--blue-2-950: #0a121c; --c--globals--colors--purple-050: #edf1fa; --c--globals--colors--purple-100: #dce2f5; --c--globals--colors--purple-150: #ccd4f1; --c--globals--colors--purple-200: #bcc4f0; --c--globals--colors--purple-250: #adb6f2; --c--globals--colors--purple-300: #9ea6f6; --c--globals--colors--purple-350: #8e95fd; --c--globals--colors--purple-400: #8083ff; --c--globals--colors--purple-450: #7173ff; --c--globals--colors--purple-500: #6665f1; --c--globals--colors--purple-550: #5b57e2; --c--globals--colors--purple-600: #5049d4; --c--globals--colors--purple-650: #4641bc; --c--globals--colors--purple-700: #3d39a2; --c--globals--colors--purple-750: #363680; --c--globals--colors--purple-800: #2e3162; --c--globals--colors--purple-850: #242848; --c--globals--colors--purple-900: #1c1e32; --c--globals--colors--purple-950: #121320; --c--globals--colors--pink-050: #f8eff4; --c--globals--colors--pink-100: #f0dee9; --c--globals--colors--pink-150: #ebcddf; --c--globals--colors--pink-200: #e7bdd6; --c--globals--colors--pink-250: #e5a9cc; --c--globals--colors--pink-300: #e695c0; --c--globals--colors--pink-350: #ea7cae; --c--globals--colors--pink-400: #e4659f; --c--globals--colors--pink-450: #dd4f93; --c--globals--colors--pink-500: #cd4085; --c--globals--colors--pink-550: #be3279; --c--globals--colors--pink-600: #ae216d; --c--globals--colors--pink-650: #9b195d; --c--globals--colors--pink-700: #86164e; --c--globals--colors--pink-750: #6e1b3d; --c--globals--colors--pink-800: #551e31; --c--globals--colors--pink-850: #3f1c24; --c--globals--colors--pink-900: #2d161a; --c--globals--colors--pink-950: #1c0e10; --c--globals--colors--black-000: #191b2200; --c--globals--colors--black-050: #191b220d; --c--globals--colors--black-100: #191b221a; --c--globals--colors--black-150: #191b2226; --c--globals--colors--black-200: #191b2233; --c--globals--colors--black-250: #191b2240; --c--globals--colors--black-300: #191b224d; --c--globals--colors--black-350: #191b2259; --c--globals--colors--black-400: #191b2266; --c--globals--colors--black-450: #191b2273; --c--globals--colors--black-500: #191b2280; --c--globals--colors--black-550: #191b228c; --c--globals--colors--black-600: #191b2299; --c--globals--colors--black-650: #191b22a6; --c--globals--colors--black-700: #191b22b2; --c--globals--colors--black-750: #191b22bf; --c--globals--colors--black-800: #191b22cc; --c--globals--colors--black-850: #191b22d9; --c--globals--colors--black-900: #191b22e5; --c--globals--colors--black-950: #0f1115f2; --c--globals--colors--white-000: #f7f8f800; --c--globals--colors--white-050: #f7f8f80d; --c--globals--colors--white-100: #f7f8f81a; --c--globals--colors--white-150: #f7f8f826; --c--globals--colors--white-200: #f7f8f833; --c--globals--colors--white-250: #f7f8f840; --c--globals--colors--white-300: #f7f8f84d; --c--globals--colors--white-350: #f7f8f859; --c--globals--colors--white-400: #f7f8f866; --c--globals--colors--white-450: #f7f8f873; --c--globals--colors--white-500: #f7f8f880; --c--globals--colors--white-550: #f7f8f88c; --c--globals--colors--white-600: #f7f8f899; --c--globals--colors--white-650: #f7f8f8a6; --c--globals--colors--white-700: #f7f8f8b2; --c--globals--colors--white-750: #f7f8f8bf; --c--globals--colors--white-800: #f7f8f8cc; --c--globals--colors--white-850: #f7f8f8d9; --c--globals--colors--white-900: #f7f8f8e5; --c--globals--colors--white-950: #f7f8f8f2; --c--globals--colors--white-975: #f7f8f8f9; --c--globals--font--sizes--xs: .75rem; --c--globals--font--sizes--sm: .875rem; --c--globals--font--sizes--md: 1rem; --c--globals--font--sizes--lg: 1.125rem; --c--globals--font--sizes--ml: .938rem; --c--globals--font--sizes--xl: 1.25rem; --c--globals--font--sizes--t: .6875rem; --c--globals--font--sizes--s: .75rem; --c--globals--font--sizes--h1: 2rem; --c--globals--font--sizes--h2: 1.75rem; --c--globals--font--sizes--h3: 1.5rem; --c--globals--font--sizes--h4: 1.375rem; --c--globals--font--sizes--h5: 1.25rem; --c--globals--font--sizes--h6: 1.125rem; --c--globals--font--sizes--xl-alt: 5rem; --c--globals--font--sizes--lg-alt: 4.5rem; --c--globals--font--sizes--md-alt: 4rem; --c--globals--font--sizes--sm-alt: 3.5rem; --c--globals--font--sizes--xs-alt: 3rem; --c--globals--font--weights--thin: 100; --c--globals--font--weights--extrabold: 800; --c--globals--font--families--accent: Marianne, Inter, Roboto Flex Variable, sans-serif; --c--globals--font--families--base: Marianne, Inter, Roboto Flex Variable, sans-serif; --c--globals--spacings--0: 0; --c--globals--spacings--none: 0; --c--globals--spacings--auto: auto; --c--globals--spacings--bx: 2.2rem; --c--globals--spacings--full: 100%; --c--globals--spacings--4xs: .125rem; --c--globals--spacings--3xs: .25rem; --c--globals--spacings--2xs: .375rem; --c--globals--spacings--xs: .5rem; --c--globals--spacings--sm: .75rem; --c--globals--spacings--base: 1rem; --c--globals--spacings--md: 1.5rem; --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--2xl: 3rem; --c--globals--spacings--xxxl: 3.5rem; --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; --c--globals--breakpoints--xxs: 320px; --c--globals--breakpoints--xs: 480px; --c--globals--breakpoints--mobile: 768px; --c--globals--breakpoints--tablet: 1024px; --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-025); --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--black-050); --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--black-050); --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-150); --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-050); --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-100); --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-150); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-050); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-150); --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-050); --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-100); --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-100); --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-150); --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-050); --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-100); --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-100); --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-150); --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-050); --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-100); --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-100); --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-150); --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-050); --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-100); --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-050); --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-350); --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-350); --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-150); --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-350); --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-150); --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-350); --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-150); --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-350); --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-350); --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-150); --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-350); --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-150); --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-350); --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-150); --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-light); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-light); --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-700); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-850); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-700); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-600); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-550); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-700); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-600); --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-550); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-700); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-600); --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-550); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-700); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-550); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-300); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--white-500); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-100); --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-300); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-300); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-300); --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-150); --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-300); --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-150); --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-300); --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-150); --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-300); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-150); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-100); --c--components--alert--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--alert--border-radius: 4px; --c--components--alert--border-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--border-left-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--font-weight: var(--c--globals--font--weights--medium); --c--components--alert--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--alert--icon-size: 19px; --c--components--alert--additional-font-weight: var(--c--globals--font--weights--regular); --c--components--alert--additional-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--button--border-radius: 4px; --c--components--button--border-radius--active: 4px; --c--components--button--border-radius--focus: 4px; --c--components--button--medium-text-height: 40px; --c--components--button--medium-height: 40px; --c--components--button--small-height: 32px; --c--components--button--nano-height: 24px; --c--components--button--medium-font-size: var(--c--globals--font--sizes--md); --c--components--button--medium-icon-font-size: 1.5rem; --c--components--button--small-font-size: var(--c--globals--font--sizes--sm); --c--components--button--small-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--nano-font-size: var(--c--globals--font--sizes--xs); --c--components--button--nano-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--font-weight: var(--c--globals--font--weights--medium); --c--components--button--font-family: var(--c--globals--font--families--base); --c--components--calendar--background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--border-radius: 8px; --c--components--calendar--padding: 8px; --c--components--calendar--cell-size: 32px; --c--components--calendar--cell-border-radius: 4px; --c--components--calendar--cell-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--header-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--date-past-color: var(--c--contextuals--content--semantic--disabled--primary); --c--components--calendar--date-today-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--calendar--date-today-border-color: var(--c--contextuals--border--semantic--neutral--secondary); --c--components--calendar--date-future-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--calendar--date-selected-bg: var(--c--contextuals--background--semantic--brand--primary); --c--components--calendar--date-selected-color: var(--c--contextuals--content--semantic--brand--on-brand); --c--components--calendar--range-middle-bg: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--calendar--range-middle-color: var(--c--contextuals--content--semantic--brand--primary); --c--components--calendar--range-middle-bg--disabled: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--calendar--menu-background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--menu-border-radius: 8px; --c--components--calendar--menu-item-height: 32px; --c--components--calendar--menu-item-font-size: var(--c--globals--font--sizes--sm); --c--components--calendar--menu-item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--calendar--menu-item-background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--calendar--menu-item-background-color--selected: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--forms-checkbox--background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--forms-checkbox--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-checkbox--font-weight: var(--c--globals--font--weights--medium); --c--components--forms-checkbox--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-checkbox--border-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--hover: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-checkbox--border-radius: 2px; --c--components--forms-checkbox--border-width: 1.5px; --c--components--forms-checkbox--border-width--hover: 1px; --c--components--forms-checkbox--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-checkbox--accent-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-checkbox--checkmark-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-checkbox--size: 1.5rem; --c--components--forms-datepicker--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--disabled: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-datepicker--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-radius: 4px; --c--components--forms-datepicker--border-radius--focus: 4px; --c--components--forms-datepicker--border-radius--hover: 4px; --c--components--forms-datepicker--border-style: solid; --c--components--forms-datepicker--border-width: 1px; --c--components--forms-datepicker--border-width--focus: 1px; --c--components--forms-datepicker--border-width--hover: 1px; --c--components--forms-datepicker--value-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-datepicker--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-datepicker--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-datepicker--height: 3.5rem; --c--components--forms-datepicker--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-datepicker--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-field--width: 292px; --c--components--forms-field--font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--color--error: var(--c--contextuals--content--semantic--error--secondary); --c--components--forms-field--color--success: var(--c--contextuals--content--semantic--success--secondary); --c--components--forms-field--color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-field--inline-label-width: max-content; --c--components--forms-field--inline-column-gap: var(--c--globals--spacings--xs); --c--components--forms-field--inline-row-gap: var(--c--globals--spacings--3xs); --c--components--forms-field--label-description-gap: var(--c--globals--spacings--4xs); --c--components--forms-field--label-description-font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--label-description-font-weight: var(--c--globals--font--weights--regular); --c--components--forms-field--label-description-line-height: 1rem; --c--components--forms-field--label-description-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--label-description-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-input--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-input--border-radius: 4px; --c--components--forms-input--border-radius--hover: 4px; --c--components--forms-input--border-radius--focus: 4px; --c--components--forms-input--border-width: 1px; --c--components--forms-input--border-width--hover: 1px; --c--components--forms-input--border-width--focus: 1px; --c--components--forms-input--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-input--border-style: solid; --c--components--forms-input--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-input--background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-input--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-input--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--inline-min-height: 40px; --c--components--forms-input--inline-border-radius: var(--c--globals--spacings--xxxs); --c--components--forms-input--inline-padding-block: var(--c--globals--spacings--xxs); --c--components--forms-input--inline-padding-inline: var(--c--globals--spacings--xs); --c--components--forms-input--inline-background-color--disabled: var(--c--contextuals--background--semantic--disabled--secondary); --c--components--forms-input--inline-border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--small: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-labelledbox--label-color--big: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--label-color--small--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--big--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--classic-label-margin-bottom: var(--c--globals--spacings--xs); --c--components--forms-labelledbox--classic-label-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-labelledbox--classic-label-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--classic-label-font-weight: var(--c--globals--font--weights--medium); --c--components--forms-labelledbox--classic-label-line-height: 1.125rem; --c--components--forms-select--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-select--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-radius: 4px; --c--components--forms-select--border-radius--focus: 4px; --c--components--forms-select--border-radius--hover: 4px; --c--components--forms-select--border-style: solid; --c--components--forms-select--border-width: 1px; --c--components--forms-select--border-width--focus: 1px; --c--components--forms-select--border-width--hover: 1px; --c--components--forms-select--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-select--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--height: 3.5rem; --c--components--forms-select--item-background-color--hover: var(--c--contextuals--background--semantic--overlay--primary); --c--components--forms-select--item-background-color--selected: var(--c--contextuals--background--semantic--brand--secondary); --c--components--forms-select--item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--item-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-select--item-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-select--menu-background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-select--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-select--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-select--multi-pill-background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--forms-select--multi-pill-border-radius: 2px; --c--components--forms-select--multi-pill-max-width: 68%; --c--components--forms-select--multi-pill-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-switch--rail-background-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--rail-background-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-switch--rail-border-radius: 50vw; --c--components--forms-switch--handle-background-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-switch--handle-background-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-switch--handle-border-radius: 50%; --c--components--forms-textarea--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-textarea--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-textarea--border-radius: 4px; --c--components--forms-textarea--border-radius--hover: 4px; --c--components--forms-textarea--border-radius--focus: 4px; --c--components--forms-textarea--border-width: 1px; --c--components--forms-textarea--border-width--hover: 1px; --c--components--forms-textarea--border-width--focus: 1px; --c--components--forms-textarea--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-textarea--border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-textarea--border-style: solid; --c--components--forms-textarea--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-textarea--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-textarea--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-textarea--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-textarea--value-color--disabled: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-textarea--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--modal--background-color: var(--c--contextuals--background--surface--secondary); --c--components--modal--backdrop-color: #0009; --c--components--modal--border-radius: 8px; --c--components--modal--border-color: var(--c--contextuals--border--surface--primary); --c--components--modal--box-shadow: 0 6px 20px 0 #0000121a; --c--components--modal--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--title-font-weight: var(--c--globals--font--weights--bold); --c--components--modal--compact-title-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-weight: var(--c--globals--font--weights--regular); --c--components--modal--content-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--width-small: 342px; --c--components--modal--width-medium: 600px; --c--components--modal--width-large: 800px; --c--components--modal--width-extra-large: 75%; --c--components--modal--tab-sidebar-width: 200px; --c--components--modal--tab-sidebar-background-color: var(--c--contextuals--background--surface--tertiary); --c--components--modal--tab-item-height: 32px; --c--components--modal--tab-item-border-radius: 4px; --c--components--modal--tab-item-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--tab-item-font-weight: var(--c--globals--font--weights--medium); --c--components--modal--tab-item-font-weight--active: var(--c--globals--font--weights--bold); --c--components--modal--tab-item-active-background-color: #181b240d; --c--components--modal--tab-item-hover-background-color: #181b2408; --c--components--toast--slide-in-duration: 1s; --c--components--toast--slide-out-duration: .3s; --c--components--toast--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--toast--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--toast--font-weight: var(--c--globals--font--weights--regular); --c--components--toast--icon-size: 19px; --c--components--toast--progress-bar-height: 3px; --c--components--tooltip--border-radius: .5rem; --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--tooltip--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--tooltip--color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--tooltip--font-size: var(--c--globals--font--sizes--s); --c--components--tooltip--padding: 4px 8px; --c--components--tooltip--max-width: 150px; --c--components--resize-handle--hover--color: var(--c--contextuals--border--surface--primary); --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--datagrid--header--size: 12px; --c--components--datagrid--header--weight: 500; --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--badge--font-size: var(--c--globals--font--sizes--xs); --c--components--badge--border-radius: 12px; --c--components--badge--padding-inline: var(--c--globals--spacings--xs); --c--components--badge--padding-block: var(--c--globals--spacings--2xs); --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); } .cunningham-theme--anct-dark { --c--globals--colors--logo-1-light: #2845c1; --c--globals--colors--logo-2-light: #fbc63a; --c--globals--colors--logo-1-dark: #94a3e5; --c--globals--colors--logo-2-dark: #efd183; --c--globals--colors--brand-050: #eef0f9; --c--globals--colors--brand-100: #dde2f5; --c--globals--colors--brand-150: #cbd4f1; --c--globals--colors--brand-200: #b8c6f0; --c--globals--colors--brand-250: #a5b7f2; --c--globals--colors--brand-300: #91a8f7; --c--globals--colors--brand-350: #7c98fe; --c--globals--colors--brand-400: #6a89ff; --c--globals--colors--brand-450: #5a7afb; --c--globals--colors--brand-500: #4b6bf0; --c--globals--colors--brand-550: #3e5ce7; --c--globals--colors--brand-600: #3352d5; --c--globals--colors--brand-650: #2a47c0; --c--globals--colors--brand-700: #2340a3; --c--globals--colors--brand-750: #223a7f; --c--globals--colors--brand-800: #1f325f; --c--globals--colors--brand-850: #1b2845; --c--globals--colors--brand-900: #151e30; --c--globals--colors--brand-950: #0d121d; --c--globals--colors--gray-000: #fff; --c--globals--colors--gray-025: #f6f8fa; --c--globals--colors--gray-050: #ecf1f7; --c--globals--colors--gray-100: #dde3f3; --c--globals--colors--gray-150: #ccd4ea; --c--globals--colors--gray-200: #bcc7e0; --c--globals--colors--gray-250: #aeb9d2; --c--globals--colors--gray-300: #a1abc4; --c--globals--colors--gray-350: #949eb6; --c--globals--colors--gray-400: #8791a9; --c--globals--colors--gray-450: #7a849b; --c--globals--colors--gray-500: #6d778e; --c--globals--colors--gray-550: #616a81; --c--globals--colors--gray-600: #555e75; --c--globals--colors--gray-650: #495268; --c--globals--colors--gray-700: #3e475c; --c--globals--colors--gray-750: #333b50; --c--globals--colors--gray-800: #283044; --c--globals--colors--gray-850: #1e2539; --c--globals--colors--gray-900: #171b28; --c--globals--colors--gray-950: #0f1118; --c--globals--colors--gray-1000: #000; --c--globals--colors--info-050: #e9f2f8; --c--globals--colors--info-100: #d2e5f1; --c--globals--colors--info-150: #c0d7f0; --c--globals--colors--info-200: #aec8f0; --c--globals--colors--info-250: #9eb9f2; --c--globals--colors--info-300: #8dabee; --c--globals--colors--info-350: #7b9de9; --c--globals--colors--info-400: #6e8fdb; --c--globals--colors--info-450: #6282cd; --c--globals--colors--info-500: #5575bf; --c--globals--colors--info-550: #4968b1; --c--globals--colors--info-600: #3e5ca3; --c--globals--colors--info-650: #344f97; --c--globals--colors--info-700: #294389; --c--globals--colors--info-750: #243972; --c--globals--colors--info-800: #1d2f5b; --c--globals--colors--info-850: #1a2744; --c--globals--colors--info-900: #151d2f; --c--globals--colors--info-950: #0e131f; --c--globals--colors--success-050: #e7f1e9; --c--globals--colors--success-100: #cfe3d3; --c--globals--colors--success-150: #b9d8c0; --c--globals--colors--success-200: #a1ceac; --c--globals--colors--success-250: #85c496; --c--globals--colors--success-300: #63bc7f; --c--globals--colors--success-350: #45b16b; --c--globals--colors--success-400: #1ca659; --c--globals--colors--success-450: #00984c; --c--globals--colors--success-500: #008a3f; --c--globals--colors--success-550: #007c32; --c--globals--colors--success-600: #006e24; --c--globals--colors--success-650: #016016; --c--globals--colors--success-700: #005305; --c--globals--colors--success-750: #0d450a; --c--globals--colors--success-800: #11380e; --c--globals--colors--success-850: #132a11; --c--globals--colors--success-900: #101e0f; --c--globals--colors--success-950: #091209; --c--globals--colors--warning-050: #f6f0e8; --c--globals--colors--warning-100: #ede2d1; --c--globals--colors--warning-150: #e6d3b8; --c--globals--colors--warning-200: #e3c39f; --c--globals--colors--warning-250: #e3b082; --c--globals--colors--warning-300: #e19e5c; --c--globals--colors--warning-350: #d98e3f; --c--globals--colors--warning-400: #cf7d19; --c--globals--colors--warning-450: #c17000; --c--globals--colors--warning-500: #b36300; --c--globals--colors--warning-550: #a45600; --c--globals--colors--warning-600: #964900; --c--globals--colors--warning-650: #893c00; --c--globals--colors--warning-700: #7b2f00; --c--globals--colors--warning-750: #68270d; --c--globals--colors--warning-800: #562013; --c--globals--colors--warning-850: #411d18; --c--globals--colors--warning-900: #2e1714; --c--globals--colors--warning-950: #1d0f0d; --c--globals--colors--error-050: #f9efec; --c--globals--colors--error-100: #f4dfd9; --c--globals--colors--error-150: #f0cec6; --c--globals--colors--error-200: #eebcb2; --c--globals--colors--error-250: #eea99d; --c--globals--colors--error-300: #ef9487; --c--globals--colors--error-350: #f37c6e; --c--globals--colors--error-400: #f65f53; --c--globals--colors--error-450: #ef443c; --c--globals--colors--error-500: #e0342e; --c--globals--colors--error-550: #d0201f; --c--globals--colors--error-600: #c0000c; --c--globals--colors--error-650: #a00; --c--globals--colors--error-700: #910c06; --c--globals--colors--error-750: #731e16; --c--globals--colors--error-800: #58201a; --c--globals--colors--error-850: #411d18; --c--globals--colors--error-900: #2e1714; --c--globals--colors--error-950: #1d0f0d; --c--globals--colors--red-050: #f9efec; --c--globals--colors--red-100: #f4deda; --c--globals--colors--red-150: #f0cdc9; --c--globals--colors--red-200: #eebbb6; --c--globals--colors--red-250: #eea8a2; --c--globals--colors--red-300: #f0938d; --c--globals--colors--red-350: #ec7e78; --c--globals--colors--red-400: #e46d67; --c--globals--colors--red-450: #d95b58; --c--globals--colors--red-500: #ca4e4b; --c--globals--colors--red-550: #bb403f; --c--globals--colors--red-600: #ac3233; --c--globals--colors--red-650: #9d2227; --c--globals--colors--red-700: #882023; --c--globals--colors--red-750: #721d1b; --c--globals--colors--red-800: #58201a; --c--globals--colors--red-850: #401d18; --c--globals--colors--red-900: #2e1714; --c--globals--colors--red-950: #1d0f0d; --c--globals--colors--orange-050: #f8f0e9; --c--globals--colors--orange-100: #f1e0d3; --c--globals--colors--orange-150: #ecd0bd; --c--globals--colors--orange-200: #e9c0a5; --c--globals--colors--orange-250: #e8ae8a; --c--globals--colors--orange-300: #eb9870; --c--globals--colors--orange-350: #eb845a; --c--globals--colors--orange-400: #e66e37; --c--globals--colors--orange-450: #dd5b16; --c--globals--colors--orange-500: #ce4d00; --c--globals--colors--orange-550: #bf3e00; --c--globals--colors--orange-600: #b02f00; --c--globals--colors--orange-650: #a11e00; --c--globals--colors--orange-700: #8a1e14; --c--globals--colors--orange-750: #731e16; --c--globals--colors--orange-800: #58201a; --c--globals--colors--orange-850: #401d18; --c--globals--colors--orange-900: #2e1714; --c--globals--colors--orange-950: #1d0f0d; --c--globals--colors--brown-050: #f5f0e8; --c--globals--colors--brown-100: #ece2d1; --c--globals--colors--brown-150: #e9d1b9; --c--globals--colors--brown-200: #e3c19d; --c--globals--colors--brown-250: #dcb187; --c--globals--colors--brown-300: #d2a26f; --c--globals--colors--brown-350: #c49562; --c--globals--colors--brown-400: #b68855; --c--globals--colors--brown-450: #a97b48; --c--globals--colors--brown-500: #9b6e3b; --c--globals--colors--brown-550: #8e612f; --c--globals--colors--brown-600: #815521; --c--globals--colors--brown-650: #744913; --c--globals--colors--brown-700: #673d00; --c--globals--colors--brown-750: #5a3100; --c--globals--colors--brown-800: #4e2600; --c--globals--colors--brown-850: #3d1f0b; --c--globals--colors--brown-900: #2c170f; --c--globals--colors--brown-950: #1c0f0b; --c--globals--colors--yellow-050: #f3f0e7; --c--globals--colors--yellow-100: #e9e2cf; --c--globals--colors--yellow-150: #e0d4b7; --c--globals--colors--yellow-200: #dac59a; --c--globals--colors--yellow-250: #d5b67a; --c--globals--colors--yellow-300: #d0a559; --c--globals--colors--yellow-350: #cc9331; --c--globals--colors--yellow-400: #c48400; --c--globals--colors--yellow-450: #b77600; --c--globals--colors--yellow-500: #aa6800; --c--globals--colors--yellow-550: #9d5a00; --c--globals--colors--yellow-600: #914d00; --c--globals--colors--yellow-650: #843f00; --c--globals--colors--yellow-700: #773200; --c--globals--colors--yellow-750: #6a2601; --c--globals--colors--yellow-800: #56210f; --c--globals--colors--yellow-850: #401d16; --c--globals--colors--yellow-900: #2e1714; --c--globals--colors--yellow-950: #1d0f0d; --c--globals--colors--green-050: #e3f1ef; --c--globals--colors--green-100: #cae5e1; --c--globals--colors--green-150: #b0dbd4; --c--globals--colors--green-200: #91d1c7; --c--globals--colors--green-250: #6ac8bc; --c--globals--colors--green-300: #4dbcaf; --c--globals--colors--green-350: #3cafa2; --c--globals--colors--green-400: #2aa194; --c--globals--colors--green-450: #109487; --c--globals--colors--green-500: #00867a; --c--globals--colors--green-550: #00786d; --c--globals--colors--green-600: #016a60; --c--globals--colors--green-650: #015d53; --c--globals--colors--green-700: #005047; --c--globals--colors--green-750: #00443b; --c--globals--colors--green-800: #00382f; --c--globals--colors--green-850: #002c25; --c--globals--colors--green-900: #041f1a; --c--globals--colors--green-950: #041310; --c--globals--colors--blue-1-050: #eaf2f9; --c--globals--colors--blue-1-100: #d4e4f3; --c--globals--colors--blue-1-150: #bfd7f0; --c--globals--colors--blue-1-200: #aac9ef; --c--globals--colors--blue-1-250: #96bbf1; --c--globals--colors--blue-1-300: #82acf6; --c--globals--colors--blue-1-350: #709bfe; --c--globals--colors--blue-1-400: #608bff; --c--globals--colors--blue-1-450: #537bfb; --c--globals--colors--blue-1-500: #476dec; --c--globals--colors--blue-1-550: #3c60dd; --c--globals--colors--blue-1-600: #3252cf; --c--globals--colors--blue-1-650: #2b48b9; --c--globals--colors--blue-1-700: #28409b; --c--globals--colors--blue-1-750: #24397e; --c--globals--colors--blue-1-800: #223260; --c--globals--colors--blue-1-850: #1f2a48; --c--globals--colors--blue-1-900: #191f32; --c--globals--colors--blue-1-950: #111320; --c--globals--colors--blue-2-050: #e5f2f3; --c--globals--colors--blue-2-100: #cde6ec; --c--globals--colors--blue-2-150: #b7d9ea; --c--globals--colors--blue-2-200: #9bcde7; --c--globals--colors--blue-2-250: #84c1e0; --c--globals--colors--blue-2-300: #6bb4d8; --c--globals--colors--blue-2-350: #5ca6cb; --c--globals--colors--blue-2-400: #4d99bc; --c--globals--colors--blue-2-450: #3e8cae; --c--globals--colors--blue-2-500: #2f7fa2; --c--globals--colors--blue-2-550: #1f7295; --c--globals--colors--blue-2-600: #056688; --c--globals--colors--blue-2-650: #00597b; --c--globals--colors--blue-2-700: #004c6c; --c--globals--colors--blue-2-750: #003f5e; --c--globals--colors--blue-2-800: #003353; --c--globals--colors--blue-2-850: #0c273e; --c--globals--colors--blue-2-900: #0e1c2c; --c--globals--colors--blue-2-950: #0a121c; --c--globals--colors--purple-050: #edf1fa; --c--globals--colors--purple-100: #dce2f5; --c--globals--colors--purple-150: #ccd4f1; --c--globals--colors--purple-200: #bcc4f0; --c--globals--colors--purple-250: #adb6f2; --c--globals--colors--purple-300: #9ea6f6; --c--globals--colors--purple-350: #8e95fd; --c--globals--colors--purple-400: #8083ff; --c--globals--colors--purple-450: #7173ff; --c--globals--colors--purple-500: #6665f1; --c--globals--colors--purple-550: #5b57e2; --c--globals--colors--purple-600: #5049d4; --c--globals--colors--purple-650: #4641bc; --c--globals--colors--purple-700: #3d39a2; --c--globals--colors--purple-750: #363680; --c--globals--colors--purple-800: #2e3162; --c--globals--colors--purple-850: #242848; --c--globals--colors--purple-900: #1c1e32; --c--globals--colors--purple-950: #121320; --c--globals--colors--pink-050: #f8eff4; --c--globals--colors--pink-100: #f0dee9; --c--globals--colors--pink-150: #ebcddf; --c--globals--colors--pink-200: #e7bdd6; --c--globals--colors--pink-250: #e5a9cc; --c--globals--colors--pink-300: #e695c0; --c--globals--colors--pink-350: #ea7cae; --c--globals--colors--pink-400: #e4659f; --c--globals--colors--pink-450: #dd4f93; --c--globals--colors--pink-500: #cd4085; --c--globals--colors--pink-550: #be3279; --c--globals--colors--pink-600: #ae216d; --c--globals--colors--pink-650: #9b195d; --c--globals--colors--pink-700: #86164e; --c--globals--colors--pink-750: #6e1b3d; --c--globals--colors--pink-800: #551e31; --c--globals--colors--pink-850: #3f1c24; --c--globals--colors--pink-900: #2d161a; --c--globals--colors--pink-950: #1c0e10; --c--globals--colors--black-000: #191b2200; --c--globals--colors--black-050: #191b220d; --c--globals--colors--black-100: #191b221a; --c--globals--colors--black-150: #191b2226; --c--globals--colors--black-200: #191b2233; --c--globals--colors--black-250: #191b2240; --c--globals--colors--black-300: #191b224d; --c--globals--colors--black-350: #191b2259; --c--globals--colors--black-400: #191b2266; --c--globals--colors--black-450: #191b2273; --c--globals--colors--black-500: #191b2280; --c--globals--colors--black-550: #191b228c; --c--globals--colors--black-600: #191b2299; --c--globals--colors--black-650: #191b22a6; --c--globals--colors--black-700: #191b22b2; --c--globals--colors--black-750: #191b22bf; --c--globals--colors--black-800: #191b22cc; --c--globals--colors--black-850: #191b22d9; --c--globals--colors--black-900: #191b22e5; --c--globals--colors--black-950: #0f1115f2; --c--globals--colors--white-000: #f7f8f800; --c--globals--colors--white-050: #f7f8f80d; --c--globals--colors--white-100: #f7f8f81a; --c--globals--colors--white-150: #f7f8f826; --c--globals--colors--white-200: #f7f8f833; --c--globals--colors--white-250: #f7f8f840; --c--globals--colors--white-300: #f7f8f84d; --c--globals--colors--white-350: #f7f8f859; --c--globals--colors--white-400: #f7f8f866; --c--globals--colors--white-450: #f7f8f873; --c--globals--colors--white-500: #f7f8f880; --c--globals--colors--white-550: #f7f8f88c; --c--globals--colors--white-600: #f7f8f899; --c--globals--colors--white-650: #f7f8f8a6; --c--globals--colors--white-700: #f7f8f8b2; --c--globals--colors--white-750: #f7f8f8bf; --c--globals--colors--white-800: #f7f8f8cc; --c--globals--colors--white-850: #f7f8f8d9; --c--globals--colors--white-900: #f7f8f8e5; --c--globals--colors--white-950: #f7f8f8f2; --c--globals--colors--white-975: #f7f8f8f9; --c--globals--font--sizes--xs: .75rem; --c--globals--font--sizes--sm: .875rem; --c--globals--font--sizes--md: 1rem; --c--globals--font--sizes--lg: 1.125rem; --c--globals--font--sizes--ml: .938rem; --c--globals--font--sizes--xl: 1.25rem; --c--globals--font--sizes--t: .6875rem; --c--globals--font--sizes--s: .75rem; --c--globals--font--sizes--h1: 2rem; --c--globals--font--sizes--h2: 1.75rem; --c--globals--font--sizes--h3: 1.5rem; --c--globals--font--sizes--h4: 1.375rem; --c--globals--font--sizes--h5: 1.25rem; --c--globals--font--sizes--h6: 1.125rem; --c--globals--font--sizes--xl-alt: 5rem; --c--globals--font--sizes--lg-alt: 4.5rem; --c--globals--font--sizes--md-alt: 4rem; --c--globals--font--sizes--sm-alt: 3.5rem; --c--globals--font--sizes--xs-alt: 3rem; --c--globals--font--weights--thin: 100; --c--globals--font--weights--extrabold: 800; --c--globals--font--families--accent: Marianne, Inter, Roboto Flex Variable, sans-serif; --c--globals--font--families--base: Marianne, Inter, Roboto Flex Variable, sans-serif; --c--globals--spacings--0: 0; --c--globals--spacings--none: 0; --c--globals--spacings--auto: auto; --c--globals--spacings--bx: 2.2rem; --c--globals--spacings--full: 100%; --c--globals--spacings--4xs: .125rem; --c--globals--spacings--3xs: .25rem; --c--globals--spacings--2xs: .375rem; --c--globals--spacings--xs: .5rem; --c--globals--spacings--sm: .75rem; --c--globals--spacings--base: 1rem; --c--globals--spacings--md: 1.5rem; --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--2xl: 3rem; --c--globals--spacings--xxxl: 3.5rem; --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; --c--globals--breakpoints--xxs: 320px; --c--globals--breakpoints--xs: 480px; --c--globals--breakpoints--mobile: 768px; --c--globals--breakpoints--tablet: 1024px; --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-800); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-850); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-900); --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050); --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--white-050); --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-700); --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-750); --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-750); --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-800); --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-700); --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-800); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-700); --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-750); --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-750); --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-800); --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-700); --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-750); --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-750); --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-800); --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-700); --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-750); --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-750); --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-800); --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-700); --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-750); --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-750); --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-800); --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-800); --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-350); --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-450); --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-350); --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-450); --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-550); --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-350); --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-450); --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-550); --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-350); --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-450); --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-550); --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-350); --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-450); --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-350); --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-450); --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-550); --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-350); --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-450); --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-550); --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-350); --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-450); --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-550); --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-450); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-dark); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-dark); --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-250); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-250); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-250); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-100); --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-250); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-100); --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-250); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-100); --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-250); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--black-300); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-450); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-700); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-450); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-700); --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-450); --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-600); --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-700); --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-450); --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-600); --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-700); --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-450); --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-600); --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-700); --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-450); --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-700); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-800); --c--components--alert--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--alert--border-radius: 4px; --c--components--alert--border-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--border-left-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--font-weight: var(--c--globals--font--weights--medium); --c--components--alert--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--alert--icon-size: 19px; --c--components--alert--additional-font-weight: var(--c--globals--font--weights--regular); --c--components--alert--additional-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--button--border-radius: 4px; --c--components--button--border-radius--active: 4px; --c--components--button--border-radius--focus: 4px; --c--components--button--medium-text-height: 40px; --c--components--button--medium-height: 40px; --c--components--button--small-height: 32px; --c--components--button--nano-height: 24px; --c--components--button--medium-font-size: var(--c--globals--font--sizes--md); --c--components--button--medium-icon-font-size: 1.5rem; --c--components--button--small-font-size: var(--c--globals--font--sizes--sm); --c--components--button--small-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--nano-font-size: var(--c--globals--font--sizes--xs); --c--components--button--nano-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--font-weight: var(--c--globals--font--weights--medium); --c--components--button--font-family: var(--c--globals--font--families--base); --c--components--calendar--background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--border-radius: 8px; --c--components--calendar--padding: 8px; --c--components--calendar--cell-size: 32px; --c--components--calendar--cell-border-radius: 4px; --c--components--calendar--cell-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--header-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--date-past-color: var(--c--contextuals--content--semantic--disabled--primary); --c--components--calendar--date-today-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--calendar--date-today-border-color: var(--c--contextuals--border--semantic--neutral--secondary); --c--components--calendar--date-future-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--calendar--date-selected-bg: var(--c--contextuals--background--semantic--brand--primary); --c--components--calendar--date-selected-color: var(--c--contextuals--content--semantic--brand--on-brand); --c--components--calendar--range-middle-bg: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--calendar--range-middle-color: var(--c--contextuals--content--semantic--brand--primary); --c--components--calendar--range-middle-bg--disabled: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--calendar--menu-background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--menu-border-radius: 8px; --c--components--calendar--menu-item-height: 32px; --c--components--calendar--menu-item-font-size: var(--c--globals--font--sizes--sm); --c--components--calendar--menu-item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--calendar--menu-item-background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--calendar--menu-item-background-color--selected: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--forms-checkbox--background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--forms-checkbox--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-checkbox--font-weight: var(--c--globals--font--weights--medium); --c--components--forms-checkbox--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-checkbox--border-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--hover: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-checkbox--border-radius: 2px; --c--components--forms-checkbox--border-width: 1.5px; --c--components--forms-checkbox--border-width--hover: 1px; --c--components--forms-checkbox--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-checkbox--accent-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-checkbox--checkmark-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-checkbox--size: 1.5rem; --c--components--forms-datepicker--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--disabled: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-datepicker--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-radius: 4px; --c--components--forms-datepicker--border-radius--focus: 4px; --c--components--forms-datepicker--border-radius--hover: 4px; --c--components--forms-datepicker--border-style: solid; --c--components--forms-datepicker--border-width: 1px; --c--components--forms-datepicker--border-width--focus: 1px; --c--components--forms-datepicker--border-width--hover: 1px; --c--components--forms-datepicker--value-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-datepicker--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-datepicker--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-datepicker--height: 3.5rem; --c--components--forms-datepicker--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-datepicker--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-field--width: 292px; --c--components--forms-field--font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--color--error: var(--c--contextuals--content--semantic--error--secondary); --c--components--forms-field--color--success: var(--c--contextuals--content--semantic--success--secondary); --c--components--forms-field--color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-field--inline-label-width: max-content; --c--components--forms-field--inline-column-gap: var(--c--globals--spacings--xs); --c--components--forms-field--inline-row-gap: var(--c--globals--spacings--3xs); --c--components--forms-field--label-description-gap: var(--c--globals--spacings--4xs); --c--components--forms-field--label-description-font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--label-description-font-weight: var(--c--globals--font--weights--regular); --c--components--forms-field--label-description-line-height: 1rem; --c--components--forms-field--label-description-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--label-description-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-input--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-input--border-radius: 4px; --c--components--forms-input--border-radius--hover: 4px; --c--components--forms-input--border-radius--focus: 4px; --c--components--forms-input--border-width: 1px; --c--components--forms-input--border-width--hover: 1px; --c--components--forms-input--border-width--focus: 1px; --c--components--forms-input--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-input--border-style: solid; --c--components--forms-input--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-input--background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-input--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-input--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--inline-min-height: 40px; --c--components--forms-input--inline-border-radius: var(--c--globals--spacings--xxxs); --c--components--forms-input--inline-padding-block: var(--c--globals--spacings--xxs); --c--components--forms-input--inline-padding-inline: var(--c--globals--spacings--xs); --c--components--forms-input--inline-background-color--disabled: var(--c--contextuals--background--semantic--disabled--secondary); --c--components--forms-input--inline-border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--small: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-labelledbox--label-color--big: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--label-color--small--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--big--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--classic-label-margin-bottom: var(--c--globals--spacings--xs); --c--components--forms-labelledbox--classic-label-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-labelledbox--classic-label-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--classic-label-font-weight: var(--c--globals--font--weights--medium); --c--components--forms-labelledbox--classic-label-line-height: 1.125rem; --c--components--forms-select--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-select--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-radius: 4px; --c--components--forms-select--border-radius--focus: 4px; --c--components--forms-select--border-radius--hover: 4px; --c--components--forms-select--border-style: solid; --c--components--forms-select--border-width: 1px; --c--components--forms-select--border-width--focus: 1px; --c--components--forms-select--border-width--hover: 1px; --c--components--forms-select--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-select--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--height: 3.5rem; --c--components--forms-select--item-background-color--hover: var(--c--contextuals--background--semantic--overlay--primary); --c--components--forms-select--item-background-color--selected: var(--c--contextuals--background--semantic--brand--secondary); --c--components--forms-select--item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--item-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-select--item-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-select--menu-background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-select--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-select--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-select--multi-pill-background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--forms-select--multi-pill-border-radius: 2px; --c--components--forms-select--multi-pill-max-width: 68%; --c--components--forms-select--multi-pill-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-switch--rail-background-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--rail-background-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-switch--rail-border-radius: 50vw; --c--components--forms-switch--handle-background-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-switch--handle-background-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-switch--handle-border-radius: 50%; --c--components--forms-textarea--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-textarea--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-textarea--border-radius: 4px; --c--components--forms-textarea--border-radius--hover: 4px; --c--components--forms-textarea--border-radius--focus: 4px; --c--components--forms-textarea--border-width: 1px; --c--components--forms-textarea--border-width--hover: 1px; --c--components--forms-textarea--border-width--focus: 1px; --c--components--forms-textarea--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-textarea--border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-textarea--border-style: solid; --c--components--forms-textarea--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-textarea--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-textarea--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-textarea--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-textarea--value-color--disabled: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-textarea--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--modal--background-color: var(--c--contextuals--background--surface--secondary); --c--components--modal--backdrop-color: #0009; --c--components--modal--border-radius: 8px; --c--components--modal--border-color: var(--c--contextuals--border--surface--primary); --c--components--modal--box-shadow: 0 6px 20px 0 #0000121a; --c--components--modal--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--title-font-weight: var(--c--globals--font--weights--bold); --c--components--modal--compact-title-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-weight: var(--c--globals--font--weights--regular); --c--components--modal--content-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--width-small: 342px; --c--components--modal--width-medium: 600px; --c--components--modal--width-large: 800px; --c--components--modal--width-extra-large: 75%; --c--components--modal--tab-sidebar-width: 200px; --c--components--modal--tab-sidebar-background-color: var(--c--contextuals--background--surface--tertiary); --c--components--modal--tab-item-height: 32px; --c--components--modal--tab-item-border-radius: 4px; --c--components--modal--tab-item-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--tab-item-font-weight: var(--c--globals--font--weights--medium); --c--components--modal--tab-item-font-weight--active: var(--c--globals--font--weights--bold); --c--components--modal--tab-item-active-background-color: #181b240d; --c--components--modal--tab-item-hover-background-color: #181b2408; --c--components--toast--slide-in-duration: 1s; --c--components--toast--slide-out-duration: .3s; --c--components--toast--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--toast--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--toast--font-weight: var(--c--globals--font--weights--regular); --c--components--toast--icon-size: 19px; --c--components--toast--progress-bar-height: 3px; --c--components--tooltip--border-radius: .5rem; --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--tooltip--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--tooltip--color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--tooltip--font-size: var(--c--globals--font--sizes--s); --c--components--tooltip--padding: 4px 8px; --c--components--tooltip--max-width: 150px; --c--components--resize-handle--hover--color: var(--c--contextuals--border--surface--primary); --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--datagrid--header--size: 12px; --c--components--datagrid--header--weight: 500; --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--badge--font-size: var(--c--globals--font--sizes--xs); --c--components--badge--border-radius: 12px; --c--components--badge--padding-inline: var(--c--globals--spacings--xs); --c--components--badge--padding-block: var(--c--globals--spacings--2xs); --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); } .clr-logo-1-light { color: var(--c--globals--colors--logo-1-light); } .clr-logo-2-light { color: var(--c--globals--colors--logo-2-light); } .clr-logo-1-dark { color: var(--c--globals--colors--logo-1-dark); } .clr-logo-2-dark { color: var(--c--globals--colors--logo-2-dark); } .clr-brand-050 { color: var(--c--globals--colors--brand-050); } .clr-brand-100 { color: var(--c--globals--colors--brand-100); } .clr-brand-150 { color: var(--c--globals--colors--brand-150); } .clr-brand-200 { color: var(--c--globals--colors--brand-200); } .clr-brand-250 { color: var(--c--globals--colors--brand-250); } .clr-brand-300 { color: var(--c--globals--colors--brand-300); } .clr-brand-350 { color: var(--c--globals--colors--brand-350); } .clr-brand-400 { color: var(--c--globals--colors--brand-400); } .clr-brand-450 { color: var(--c--globals--colors--brand-450); } .clr-brand-500 { color: var(--c--globals--colors--brand-500); } .clr-brand-550 { color: var(--c--globals--colors--brand-550); } .clr-brand-600 { color: var(--c--globals--colors--brand-600); } .clr-brand-650 { color: var(--c--globals--colors--brand-650); } .clr-brand-700 { color: var(--c--globals--colors--brand-700); } .clr-brand-750 { color: var(--c--globals--colors--brand-750); } .clr-brand-800 { color: var(--c--globals--colors--brand-800); } .clr-brand-850 { color: var(--c--globals--colors--brand-850); } .clr-brand-900 { color: var(--c--globals--colors--brand-900); } .clr-brand-950 { color: var(--c--globals--colors--brand-950); } .clr-gray-000 { color: var(--c--globals--colors--gray-000); } .clr-gray-025 { color: var(--c--globals--colors--gray-025); } .clr-gray-050 { color: var(--c--globals--colors--gray-050); } .clr-gray-100 { color: var(--c--globals--colors--gray-100); } .clr-gray-150 { color: var(--c--globals--colors--gray-150); } .clr-gray-200 { color: var(--c--globals--colors--gray-200); } .clr-gray-250 { color: var(--c--globals--colors--gray-250); } .clr-gray-300 { color: var(--c--globals--colors--gray-300); } .clr-gray-350 { color: var(--c--globals--colors--gray-350); } .clr-gray-400 { color: var(--c--globals--colors--gray-400); } .clr-gray-450 { color: var(--c--globals--colors--gray-450); } .clr-gray-500 { color: var(--c--globals--colors--gray-500); } .clr-gray-550 { color: var(--c--globals--colors--gray-550); } .clr-gray-600 { color: var(--c--globals--colors--gray-600); } .clr-gray-650 { color: var(--c--globals--colors--gray-650); } .clr-gray-700 { color: var(--c--globals--colors--gray-700); } .clr-gray-750 { color: var(--c--globals--colors--gray-750); } .clr-gray-800 { color: var(--c--globals--colors--gray-800); } .clr-gray-850 { color: var(--c--globals--colors--gray-850); } .clr-gray-900 { color: var(--c--globals--colors--gray-900); } .clr-gray-950 { color: var(--c--globals--colors--gray-950); } .clr-gray-1000 { color: var(--c--globals--colors--gray-1000); } .clr-info-050 { color: var(--c--globals--colors--info-050); } .clr-info-100 { color: var(--c--globals--colors--info-100); } .clr-info-150 { color: var(--c--globals--colors--info-150); } .clr-info-200 { color: var(--c--globals--colors--info-200); } .clr-info-250 { color: var(--c--globals--colors--info-250); } .clr-info-300 { color: var(--c--globals--colors--info-300); } .clr-info-350 { color: var(--c--globals--colors--info-350); } .clr-info-400 { color: var(--c--globals--colors--info-400); } .clr-info-450 { color: var(--c--globals--colors--info-450); } .clr-info-500 { color: var(--c--globals--colors--info-500); } .clr-info-550 { color: var(--c--globals--colors--info-550); } .clr-info-600 { color: var(--c--globals--colors--info-600); } .clr-info-650 { color: var(--c--globals--colors--info-650); } .clr-info-700 { color: var(--c--globals--colors--info-700); } .clr-info-750 { color: var(--c--globals--colors--info-750); } .clr-info-800 { color: var(--c--globals--colors--info-800); } .clr-info-850 { color: var(--c--globals--colors--info-850); } .clr-info-900 { color: var(--c--globals--colors--info-900); } .clr-info-950 { color: var(--c--globals--colors--info-950); } .clr-success-050 { color: var(--c--globals--colors--success-050); } .clr-success-100 { color: var(--c--globals--colors--success-100); } .clr-success-150 { color: var(--c--globals--colors--success-150); } .clr-success-200 { color: var(--c--globals--colors--success-200); } .clr-success-250 { color: var(--c--globals--colors--success-250); } .clr-success-300 { color: var(--c--globals--colors--success-300); } .clr-success-350 { color: var(--c--globals--colors--success-350); } .clr-success-400 { color: var(--c--globals--colors--success-400); } .clr-success-450 { color: var(--c--globals--colors--success-450); } .clr-success-500 { color: var(--c--globals--colors--success-500); } .clr-success-550 { color: var(--c--globals--colors--success-550); } .clr-success-600 { color: var(--c--globals--colors--success-600); } .clr-success-650 { color: var(--c--globals--colors--success-650); } .clr-success-700 { color: var(--c--globals--colors--success-700); } .clr-success-750 { color: var(--c--globals--colors--success-750); } .clr-success-800 { color: var(--c--globals--colors--success-800); } .clr-success-850 { color: var(--c--globals--colors--success-850); } .clr-success-900 { color: var(--c--globals--colors--success-900); } .clr-success-950 { color: var(--c--globals--colors--success-950); } .clr-warning-050 { color: var(--c--globals--colors--warning-050); } .clr-warning-100 { color: var(--c--globals--colors--warning-100); } .clr-warning-150 { color: var(--c--globals--colors--warning-150); } .clr-warning-200 { color: var(--c--globals--colors--warning-200); } .clr-warning-250 { color: var(--c--globals--colors--warning-250); } .clr-warning-300 { color: var(--c--globals--colors--warning-300); } .clr-warning-350 { color: var(--c--globals--colors--warning-350); } .clr-warning-400 { color: var(--c--globals--colors--warning-400); } .clr-warning-450 { color: var(--c--globals--colors--warning-450); } .clr-warning-500 { color: var(--c--globals--colors--warning-500); } .clr-warning-550 { color: var(--c--globals--colors--warning-550); } .clr-warning-600 { color: var(--c--globals--colors--warning-600); } .clr-warning-650 { color: var(--c--globals--colors--warning-650); } .clr-warning-700 { color: var(--c--globals--colors--warning-700); } .clr-warning-750 { color: var(--c--globals--colors--warning-750); } .clr-warning-800 { color: var(--c--globals--colors--warning-800); } .clr-warning-850 { color: var(--c--globals--colors--warning-850); } .clr-warning-900 { color: var(--c--globals--colors--warning-900); } .clr-warning-950 { color: var(--c--globals--colors--warning-950); } .clr-error-050 { color: var(--c--globals--colors--error-050); } .clr-error-100 { color: var(--c--globals--colors--error-100); } .clr-error-150 { color: var(--c--globals--colors--error-150); } .clr-error-200 { color: var(--c--globals--colors--error-200); } .clr-error-250 { color: var(--c--globals--colors--error-250); } .clr-error-300 { color: var(--c--globals--colors--error-300); } .clr-error-350 { color: var(--c--globals--colors--error-350); } .clr-error-400 { color: var(--c--globals--colors--error-400); } .clr-error-450 { color: var(--c--globals--colors--error-450); } .clr-error-500 { color: var(--c--globals--colors--error-500); } .clr-error-550 { color: var(--c--globals--colors--error-550); } .clr-error-600 { color: var(--c--globals--colors--error-600); } .clr-error-650 { color: var(--c--globals--colors--error-650); } .clr-error-700 { color: var(--c--globals--colors--error-700); } .clr-error-750 { color: var(--c--globals--colors--error-750); } .clr-error-800 { color: var(--c--globals--colors--error-800); } .clr-error-850 { color: var(--c--globals--colors--error-850); } .clr-error-900 { color: var(--c--globals--colors--error-900); } .clr-error-950 { color: var(--c--globals--colors--error-950); } .clr-red-050 { color: var(--c--globals--colors--red-050); } .clr-red-100 { color: var(--c--globals--colors--red-100); } .clr-red-150 { color: var(--c--globals--colors--red-150); } .clr-red-200 { color: var(--c--globals--colors--red-200); } .clr-red-250 { color: var(--c--globals--colors--red-250); } .clr-red-300 { color: var(--c--globals--colors--red-300); } .clr-red-350 { color: var(--c--globals--colors--red-350); } .clr-red-400 { color: var(--c--globals--colors--red-400); } .clr-red-450 { color: var(--c--globals--colors--red-450); } .clr-red-500 { color: var(--c--globals--colors--red-500); } .clr-red-550 { color: var(--c--globals--colors--red-550); } .clr-red-600 { color: var(--c--globals--colors--red-600); } .clr-red-650 { color: var(--c--globals--colors--red-650); } .clr-red-700 { color: var(--c--globals--colors--red-700); } .clr-red-750 { color: var(--c--globals--colors--red-750); } .clr-red-800 { color: var(--c--globals--colors--red-800); } .clr-red-850 { color: var(--c--globals--colors--red-850); } .clr-red-900 { color: var(--c--globals--colors--red-900); } .clr-red-950 { color: var(--c--globals--colors--red-950); } .clr-orange-050 { color: var(--c--globals--colors--orange-050); } .clr-orange-100 { color: var(--c--globals--colors--orange-100); } .clr-orange-150 { color: var(--c--globals--colors--orange-150); } .clr-orange-200 { color: var(--c--globals--colors--orange-200); } .clr-orange-250 { color: var(--c--globals--colors--orange-250); } .clr-orange-300 { color: var(--c--globals--colors--orange-300); } .clr-orange-350 { color: var(--c--globals--colors--orange-350); } .clr-orange-400 { color: var(--c--globals--colors--orange-400); } .clr-orange-450 { color: var(--c--globals--colors--orange-450); } .clr-orange-500 { color: var(--c--globals--colors--orange-500); } .clr-orange-550 { color: var(--c--globals--colors--orange-550); } .clr-orange-600 { color: var(--c--globals--colors--orange-600); } .clr-orange-650 { color: var(--c--globals--colors--orange-650); } .clr-orange-700 { color: var(--c--globals--colors--orange-700); } .clr-orange-750 { color: var(--c--globals--colors--orange-750); } .clr-orange-800 { color: var(--c--globals--colors--orange-800); } .clr-orange-850 { color: var(--c--globals--colors--orange-850); } .clr-orange-900 { color: var(--c--globals--colors--orange-900); } .clr-orange-950 { color: var(--c--globals--colors--orange-950); } .clr-brown-050 { color: var(--c--globals--colors--brown-050); } .clr-brown-100 { color: var(--c--globals--colors--brown-100); } .clr-brown-150 { color: var(--c--globals--colors--brown-150); } .clr-brown-200 { color: var(--c--globals--colors--brown-200); } .clr-brown-250 { color: var(--c--globals--colors--brown-250); } .clr-brown-300 { color: var(--c--globals--colors--brown-300); } .clr-brown-350 { color: var(--c--globals--colors--brown-350); } .clr-brown-400 { color: var(--c--globals--colors--brown-400); } .clr-brown-450 { color: var(--c--globals--colors--brown-450); } .clr-brown-500 { color: var(--c--globals--colors--brown-500); } .clr-brown-550 { color: var(--c--globals--colors--brown-550); } .clr-brown-600 { color: var(--c--globals--colors--brown-600); } .clr-brown-650 { color: var(--c--globals--colors--brown-650); } .clr-brown-700 { color: var(--c--globals--colors--brown-700); } .clr-brown-750 { color: var(--c--globals--colors--brown-750); } .clr-brown-800 { color: var(--c--globals--colors--brown-800); } .clr-brown-850 { color: var(--c--globals--colors--brown-850); } .clr-brown-900 { color: var(--c--globals--colors--brown-900); } .clr-brown-950 { color: var(--c--globals--colors--brown-950); } .clr-yellow-050 { color: var(--c--globals--colors--yellow-050); } .clr-yellow-100 { color: var(--c--globals--colors--yellow-100); } .clr-yellow-150 { color: var(--c--globals--colors--yellow-150); } .clr-yellow-200 { color: var(--c--globals--colors--yellow-200); } .clr-yellow-250 { color: var(--c--globals--colors--yellow-250); } .clr-yellow-300 { color: var(--c--globals--colors--yellow-300); } .clr-yellow-350 { color: var(--c--globals--colors--yellow-350); } .clr-yellow-400 { color: var(--c--globals--colors--yellow-400); } .clr-yellow-450 { color: var(--c--globals--colors--yellow-450); } .clr-yellow-500 { color: var(--c--globals--colors--yellow-500); } .clr-yellow-550 { color: var(--c--globals--colors--yellow-550); } .clr-yellow-600 { color: var(--c--globals--colors--yellow-600); } .clr-yellow-650 { color: var(--c--globals--colors--yellow-650); } .clr-yellow-700 { color: var(--c--globals--colors--yellow-700); } .clr-yellow-750 { color: var(--c--globals--colors--yellow-750); } .clr-yellow-800 { color: var(--c--globals--colors--yellow-800); } .clr-yellow-850 { color: var(--c--globals--colors--yellow-850); } .clr-yellow-900 { color: var(--c--globals--colors--yellow-900); } .clr-yellow-950 { color: var(--c--globals--colors--yellow-950); } .clr-green-050 { color: var(--c--globals--colors--green-050); } .clr-green-100 { color: var(--c--globals--colors--green-100); } .clr-green-150 { color: var(--c--globals--colors--green-150); } .clr-green-200 { color: var(--c--globals--colors--green-200); } .clr-green-250 { color: var(--c--globals--colors--green-250); } .clr-green-300 { color: var(--c--globals--colors--green-300); } .clr-green-350 { color: var(--c--globals--colors--green-350); } .clr-green-400 { color: var(--c--globals--colors--green-400); } .clr-green-450 { color: var(--c--globals--colors--green-450); } .clr-green-500 { color: var(--c--globals--colors--green-500); } .clr-green-550 { color: var(--c--globals--colors--green-550); } .clr-green-600 { color: var(--c--globals--colors--green-600); } .clr-green-650 { color: var(--c--globals--colors--green-650); } .clr-green-700 { color: var(--c--globals--colors--green-700); } .clr-green-750 { color: var(--c--globals--colors--green-750); } .clr-green-800 { color: var(--c--globals--colors--green-800); } .clr-green-850 { color: var(--c--globals--colors--green-850); } .clr-green-900 { color: var(--c--globals--colors--green-900); } .clr-green-950 { color: var(--c--globals--colors--green-950); } .clr-blue-1-050 { color: var(--c--globals--colors--blue-1-050); } .clr-blue-1-100 { color: var(--c--globals--colors--blue-1-100); } .clr-blue-1-150 { color: var(--c--globals--colors--blue-1-150); } .clr-blue-1-200 { color: var(--c--globals--colors--blue-1-200); } .clr-blue-1-250 { color: var(--c--globals--colors--blue-1-250); } .clr-blue-1-300 { color: var(--c--globals--colors--blue-1-300); } .clr-blue-1-350 { color: var(--c--globals--colors--blue-1-350); } .clr-blue-1-400 { color: var(--c--globals--colors--blue-1-400); } .clr-blue-1-450 { color: var(--c--globals--colors--blue-1-450); } .clr-blue-1-500 { color: var(--c--globals--colors--blue-1-500); } .clr-blue-1-550 { color: var(--c--globals--colors--blue-1-550); } .clr-blue-1-600 { color: var(--c--globals--colors--blue-1-600); } .clr-blue-1-650 { color: var(--c--globals--colors--blue-1-650); } .clr-blue-1-700 { color: var(--c--globals--colors--blue-1-700); } .clr-blue-1-750 { color: var(--c--globals--colors--blue-1-750); } .clr-blue-1-800 { color: var(--c--globals--colors--blue-1-800); } .clr-blue-1-850 { color: var(--c--globals--colors--blue-1-850); } .clr-blue-1-900 { color: var(--c--globals--colors--blue-1-900); } .clr-blue-1-950 { color: var(--c--globals--colors--blue-1-950); } .clr-blue-2-050 { color: var(--c--globals--colors--blue-2-050); } .clr-blue-2-100 { color: var(--c--globals--colors--blue-2-100); } .clr-blue-2-150 { color: var(--c--globals--colors--blue-2-150); } .clr-blue-2-200 { color: var(--c--globals--colors--blue-2-200); } .clr-blue-2-250 { color: var(--c--globals--colors--blue-2-250); } .clr-blue-2-300 { color: var(--c--globals--colors--blue-2-300); } .clr-blue-2-350 { color: var(--c--globals--colors--blue-2-350); } .clr-blue-2-400 { color: var(--c--globals--colors--blue-2-400); } .clr-blue-2-450 { color: var(--c--globals--colors--blue-2-450); } .clr-blue-2-500 { color: var(--c--globals--colors--blue-2-500); } .clr-blue-2-550 { color: var(--c--globals--colors--blue-2-550); } .clr-blue-2-600 { color: var(--c--globals--colors--blue-2-600); } .clr-blue-2-650 { color: var(--c--globals--colors--blue-2-650); } .clr-blue-2-700 { color: var(--c--globals--colors--blue-2-700); } .clr-blue-2-750 { color: var(--c--globals--colors--blue-2-750); } .clr-blue-2-800 { color: var(--c--globals--colors--blue-2-800); } .clr-blue-2-850 { color: var(--c--globals--colors--blue-2-850); } .clr-blue-2-900 { color: var(--c--globals--colors--blue-2-900); } .clr-blue-2-950 { color: var(--c--globals--colors--blue-2-950); } .clr-purple-050 { color: var(--c--globals--colors--purple-050); } .clr-purple-100 { color: var(--c--globals--colors--purple-100); } .clr-purple-150 { color: var(--c--globals--colors--purple-150); } .clr-purple-200 { color: var(--c--globals--colors--purple-200); } .clr-purple-250 { color: var(--c--globals--colors--purple-250); } .clr-purple-300 { color: var(--c--globals--colors--purple-300); } .clr-purple-350 { color: var(--c--globals--colors--purple-350); } .clr-purple-400 { color: var(--c--globals--colors--purple-400); } .clr-purple-450 { color: var(--c--globals--colors--purple-450); } .clr-purple-500 { color: var(--c--globals--colors--purple-500); } .clr-purple-550 { color: var(--c--globals--colors--purple-550); } .clr-purple-600 { color: var(--c--globals--colors--purple-600); } .clr-purple-650 { color: var(--c--globals--colors--purple-650); } .clr-purple-700 { color: var(--c--globals--colors--purple-700); } .clr-purple-750 { color: var(--c--globals--colors--purple-750); } .clr-purple-800 { color: var(--c--globals--colors--purple-800); } .clr-purple-850 { color: var(--c--globals--colors--purple-850); } .clr-purple-900 { color: var(--c--globals--colors--purple-900); } .clr-purple-950 { color: var(--c--globals--colors--purple-950); } .clr-pink-050 { color: var(--c--globals--colors--pink-050); } .clr-pink-100 { color: var(--c--globals--colors--pink-100); } .clr-pink-150 { color: var(--c--globals--colors--pink-150); } .clr-pink-200 { color: var(--c--globals--colors--pink-200); } .clr-pink-250 { color: var(--c--globals--colors--pink-250); } .clr-pink-300 { color: var(--c--globals--colors--pink-300); } .clr-pink-350 { color: var(--c--globals--colors--pink-350); } .clr-pink-400 { color: var(--c--globals--colors--pink-400); } .clr-pink-450 { color: var(--c--globals--colors--pink-450); } .clr-pink-500 { color: var(--c--globals--colors--pink-500); } .clr-pink-550 { color: var(--c--globals--colors--pink-550); } .clr-pink-600 { color: var(--c--globals--colors--pink-600); } .clr-pink-650 { color: var(--c--globals--colors--pink-650); } .clr-pink-700 { color: var(--c--globals--colors--pink-700); } .clr-pink-750 { color: var(--c--globals--colors--pink-750); } .clr-pink-800 { color: var(--c--globals--colors--pink-800); } .clr-pink-850 { color: var(--c--globals--colors--pink-850); } .clr-pink-900 { color: var(--c--globals--colors--pink-900); } .clr-pink-950 { color: var(--c--globals--colors--pink-950); } .clr-black-000 { color: var(--c--globals--colors--black-000); } .clr-black-050 { color: var(--c--globals--colors--black-050); } .clr-black-100 { color: var(--c--globals--colors--black-100); } .clr-black-150 { color: var(--c--globals--colors--black-150); } .clr-black-200 { color: var(--c--globals--colors--black-200); } .clr-black-250 { color: var(--c--globals--colors--black-250); } .clr-black-300 { color: var(--c--globals--colors--black-300); } .clr-black-350 { color: var(--c--globals--colors--black-350); } .clr-black-400 { color: var(--c--globals--colors--black-400); } .clr-black-450 { color: var(--c--globals--colors--black-450); } .clr-black-500 { color: var(--c--globals--colors--black-500); } .clr-black-550 { color: var(--c--globals--colors--black-550); } .clr-black-600 { color: var(--c--globals--colors--black-600); } .clr-black-650 { color: var(--c--globals--colors--black-650); } .clr-black-700 { color: var(--c--globals--colors--black-700); } .clr-black-750 { color: var(--c--globals--colors--black-750); } .clr-black-800 { color: var(--c--globals--colors--black-800); } .clr-black-850 { color: var(--c--globals--colors--black-850); } .clr-black-900 { color: var(--c--globals--colors--black-900); } .clr-black-950 { color: var(--c--globals--colors--black-950); } .clr-white-000 { color: var(--c--globals--colors--white-000); } .clr-white-050 { color: var(--c--globals--colors--white-050); } .clr-white-100 { color: var(--c--globals--colors--white-100); } .clr-white-150 { color: var(--c--globals--colors--white-150); } .clr-white-200 { color: var(--c--globals--colors--white-200); } .clr-white-250 { color: var(--c--globals--colors--white-250); } .clr-white-300 { color: var(--c--globals--colors--white-300); } .clr-white-350 { color: var(--c--globals--colors--white-350); } .clr-white-400 { color: var(--c--globals--colors--white-400); } .clr-white-450 { color: var(--c--globals--colors--white-450); } .clr-white-500 { color: var(--c--globals--colors--white-500); } .clr-white-550 { color: var(--c--globals--colors--white-550); } .clr-white-600 { color: var(--c--globals--colors--white-600); } .clr-white-650 { color: var(--c--globals--colors--white-650); } .clr-white-700 { color: var(--c--globals--colors--white-700); } .clr-white-750 { color: var(--c--globals--colors--white-750); } .clr-white-800 { color: var(--c--globals--colors--white-800); } .clr-white-850 { color: var(--c--globals--colors--white-850); } .clr-white-900 { color: var(--c--globals--colors--white-900); } .clr-white-950 { color: var(--c--globals--colors--white-950); } .clr-white-975 { color: var(--c--globals--colors--white-975); } .bg-logo-1-light { background-color: var(--c--globals--colors--logo-1-light); } .bg-logo-2-light { background-color: var(--c--globals--colors--logo-2-light); } .bg-logo-1-dark { background-color: var(--c--globals--colors--logo-1-dark); } .bg-logo-2-dark { background-color: var(--c--globals--colors--logo-2-dark); } .bg-brand-050 { background-color: var(--c--globals--colors--brand-050); } .bg-brand-100 { background-color: var(--c--globals--colors--brand-100); } .bg-brand-150 { background-color: var(--c--globals--colors--brand-150); } .bg-brand-200 { background-color: var(--c--globals--colors--brand-200); } .bg-brand-250 { background-color: var(--c--globals--colors--brand-250); } .bg-brand-300 { background-color: var(--c--globals--colors--brand-300); } .bg-brand-350 { background-color: var(--c--globals--colors--brand-350); } .bg-brand-400 { background-color: var(--c--globals--colors--brand-400); } .bg-brand-450 { background-color: var(--c--globals--colors--brand-450); } .bg-brand-500 { background-color: var(--c--globals--colors--brand-500); } .bg-brand-550 { background-color: var(--c--globals--colors--brand-550); } .bg-brand-600 { background-color: var(--c--globals--colors--brand-600); } .bg-brand-650 { background-color: var(--c--globals--colors--brand-650); } .bg-brand-700 { background-color: var(--c--globals--colors--brand-700); } .bg-brand-750 { background-color: var(--c--globals--colors--brand-750); } .bg-brand-800 { background-color: var(--c--globals--colors--brand-800); } .bg-brand-850 { background-color: var(--c--globals--colors--brand-850); } .bg-brand-900 { background-color: var(--c--globals--colors--brand-900); } .bg-brand-950 { background-color: var(--c--globals--colors--brand-950); } .bg-gray-000 { background-color: var(--c--globals--colors--gray-000); } .bg-gray-025 { background-color: var(--c--globals--colors--gray-025); } .bg-gray-050 { background-color: var(--c--globals--colors--gray-050); } .bg-gray-100 { background-color: var(--c--globals--colors--gray-100); } .bg-gray-150 { background-color: var(--c--globals--colors--gray-150); } .bg-gray-200 { background-color: var(--c--globals--colors--gray-200); } .bg-gray-250 { background-color: var(--c--globals--colors--gray-250); } .bg-gray-300 { background-color: var(--c--globals--colors--gray-300); } .bg-gray-350 { background-color: var(--c--globals--colors--gray-350); } .bg-gray-400 { background-color: var(--c--globals--colors--gray-400); } .bg-gray-450 { background-color: var(--c--globals--colors--gray-450); } .bg-gray-500 { background-color: var(--c--globals--colors--gray-500); } .bg-gray-550 { background-color: var(--c--globals--colors--gray-550); } .bg-gray-600 { background-color: var(--c--globals--colors--gray-600); } .bg-gray-650 { background-color: var(--c--globals--colors--gray-650); } .bg-gray-700 { background-color: var(--c--globals--colors--gray-700); } .bg-gray-750 { background-color: var(--c--globals--colors--gray-750); } .bg-gray-800 { background-color: var(--c--globals--colors--gray-800); } .bg-gray-850 { background-color: var(--c--globals--colors--gray-850); } .bg-gray-900 { background-color: var(--c--globals--colors--gray-900); } .bg-gray-950 { background-color: var(--c--globals--colors--gray-950); } .bg-gray-1000 { background-color: var(--c--globals--colors--gray-1000); } .bg-info-050 { background-color: var(--c--globals--colors--info-050); } .bg-info-100 { background-color: var(--c--globals--colors--info-100); } .bg-info-150 { background-color: var(--c--globals--colors--info-150); } .bg-info-200 { background-color: var(--c--globals--colors--info-200); } .bg-info-250 { background-color: var(--c--globals--colors--info-250); } .bg-info-300 { background-color: var(--c--globals--colors--info-300); } .bg-info-350 { background-color: var(--c--globals--colors--info-350); } .bg-info-400 { background-color: var(--c--globals--colors--info-400); } .bg-info-450 { background-color: var(--c--globals--colors--info-450); } .bg-info-500 { background-color: var(--c--globals--colors--info-500); } .bg-info-550 { background-color: var(--c--globals--colors--info-550); } .bg-info-600 { background-color: var(--c--globals--colors--info-600); } .bg-info-650 { background-color: var(--c--globals--colors--info-650); } .bg-info-700 { background-color: var(--c--globals--colors--info-700); } .bg-info-750 { background-color: var(--c--globals--colors--info-750); } .bg-info-800 { background-color: var(--c--globals--colors--info-800); } .bg-info-850 { background-color: var(--c--globals--colors--info-850); } .bg-info-900 { background-color: var(--c--globals--colors--info-900); } .bg-info-950 { background-color: var(--c--globals--colors--info-950); } .bg-success-050 { background-color: var(--c--globals--colors--success-050); } .bg-success-100 { background-color: var(--c--globals--colors--success-100); } .bg-success-150 { background-color: var(--c--globals--colors--success-150); } .bg-success-200 { background-color: var(--c--globals--colors--success-200); } .bg-success-250 { background-color: var(--c--globals--colors--success-250); } .bg-success-300 { background-color: var(--c--globals--colors--success-300); } .bg-success-350 { background-color: var(--c--globals--colors--success-350); } .bg-success-400 { background-color: var(--c--globals--colors--success-400); } .bg-success-450 { background-color: var(--c--globals--colors--success-450); } .bg-success-500 { background-color: var(--c--globals--colors--success-500); } .bg-success-550 { background-color: var(--c--globals--colors--success-550); } .bg-success-600 { background-color: var(--c--globals--colors--success-600); } .bg-success-650 { background-color: var(--c--globals--colors--success-650); } .bg-success-700 { background-color: var(--c--globals--colors--success-700); } .bg-success-750 { background-color: var(--c--globals--colors--success-750); } .bg-success-800 { background-color: var(--c--globals--colors--success-800); } .bg-success-850 { background-color: var(--c--globals--colors--success-850); } .bg-success-900 { background-color: var(--c--globals--colors--success-900); } .bg-success-950 { background-color: var(--c--globals--colors--success-950); } .bg-warning-050 { background-color: var(--c--globals--colors--warning-050); } .bg-warning-100 { background-color: var(--c--globals--colors--warning-100); } .bg-warning-150 { background-color: var(--c--globals--colors--warning-150); } .bg-warning-200 { background-color: var(--c--globals--colors--warning-200); } .bg-warning-250 { background-color: var(--c--globals--colors--warning-250); } .bg-warning-300 { background-color: var(--c--globals--colors--warning-300); } .bg-warning-350 { background-color: var(--c--globals--colors--warning-350); } .bg-warning-400 { background-color: var(--c--globals--colors--warning-400); } .bg-warning-450 { background-color: var(--c--globals--colors--warning-450); } .bg-warning-500 { background-color: var(--c--globals--colors--warning-500); } .bg-warning-550 { background-color: var(--c--globals--colors--warning-550); } .bg-warning-600 { background-color: var(--c--globals--colors--warning-600); } .bg-warning-650 { background-color: var(--c--globals--colors--warning-650); } .bg-warning-700 { background-color: var(--c--globals--colors--warning-700); } .bg-warning-750 { background-color: var(--c--globals--colors--warning-750); } .bg-warning-800 { background-color: var(--c--globals--colors--warning-800); } .bg-warning-850 { background-color: var(--c--globals--colors--warning-850); } .bg-warning-900 { background-color: var(--c--globals--colors--warning-900); } .bg-warning-950 { background-color: var(--c--globals--colors--warning-950); } .bg-error-050 { background-color: var(--c--globals--colors--error-050); } .bg-error-100 { background-color: var(--c--globals--colors--error-100); } .bg-error-150 { background-color: var(--c--globals--colors--error-150); } .bg-error-200 { background-color: var(--c--globals--colors--error-200); } .bg-error-250 { background-color: var(--c--globals--colors--error-250); } .bg-error-300 { background-color: var(--c--globals--colors--error-300); } .bg-error-350 { background-color: var(--c--globals--colors--error-350); } .bg-error-400 { background-color: var(--c--globals--colors--error-400); } .bg-error-450 { background-color: var(--c--globals--colors--error-450); } .bg-error-500 { background-color: var(--c--globals--colors--error-500); } .bg-error-550 { background-color: var(--c--globals--colors--error-550); } .bg-error-600 { background-color: var(--c--globals--colors--error-600); } .bg-error-650 { background-color: var(--c--globals--colors--error-650); } .bg-error-700 { background-color: var(--c--globals--colors--error-700); } .bg-error-750 { background-color: var(--c--globals--colors--error-750); } .bg-error-800 { background-color: var(--c--globals--colors--error-800); } .bg-error-850 { background-color: var(--c--globals--colors--error-850); } .bg-error-900 { background-color: var(--c--globals--colors--error-900); } .bg-error-950 { background-color: var(--c--globals--colors--error-950); } .bg-red-050 { background-color: var(--c--globals--colors--red-050); } .bg-red-100 { background-color: var(--c--globals--colors--red-100); } .bg-red-150 { background-color: var(--c--globals--colors--red-150); } .bg-red-200 { background-color: var(--c--globals--colors--red-200); } .bg-red-250 { background-color: var(--c--globals--colors--red-250); } .bg-red-300 { background-color: var(--c--globals--colors--red-300); } .bg-red-350 { background-color: var(--c--globals--colors--red-350); } .bg-red-400 { background-color: var(--c--globals--colors--red-400); } .bg-red-450 { background-color: var(--c--globals--colors--red-450); } .bg-red-500 { background-color: var(--c--globals--colors--red-500); } .bg-red-550 { background-color: var(--c--globals--colors--red-550); } .bg-red-600 { background-color: var(--c--globals--colors--red-600); } .bg-red-650 { background-color: var(--c--globals--colors--red-650); } .bg-red-700 { background-color: var(--c--globals--colors--red-700); } .bg-red-750 { background-color: var(--c--globals--colors--red-750); } .bg-red-800 { background-color: var(--c--globals--colors--red-800); } .bg-red-850 { background-color: var(--c--globals--colors--red-850); } .bg-red-900 { background-color: var(--c--globals--colors--red-900); } .bg-red-950 { background-color: var(--c--globals--colors--red-950); } .bg-orange-050 { background-color: var(--c--globals--colors--orange-050); } .bg-orange-100 { background-color: var(--c--globals--colors--orange-100); } .bg-orange-150 { background-color: var(--c--globals--colors--orange-150); } .bg-orange-200 { background-color: var(--c--globals--colors--orange-200); } .bg-orange-250 { background-color: var(--c--globals--colors--orange-250); } .bg-orange-300 { background-color: var(--c--globals--colors--orange-300); } .bg-orange-350 { background-color: var(--c--globals--colors--orange-350); } .bg-orange-400 { background-color: var(--c--globals--colors--orange-400); } .bg-orange-450 { background-color: var(--c--globals--colors--orange-450); } .bg-orange-500 { background-color: var(--c--globals--colors--orange-500); } .bg-orange-550 { background-color: var(--c--globals--colors--orange-550); } .bg-orange-600 { background-color: var(--c--globals--colors--orange-600); } .bg-orange-650 { background-color: var(--c--globals--colors--orange-650); } .bg-orange-700 { background-color: var(--c--globals--colors--orange-700); } .bg-orange-750 { background-color: var(--c--globals--colors--orange-750); } .bg-orange-800 { background-color: var(--c--globals--colors--orange-800); } .bg-orange-850 { background-color: var(--c--globals--colors--orange-850); } .bg-orange-900 { background-color: var(--c--globals--colors--orange-900); } .bg-orange-950 { background-color: var(--c--globals--colors--orange-950); } .bg-brown-050 { background-color: var(--c--globals--colors--brown-050); } .bg-brown-100 { background-color: var(--c--globals--colors--brown-100); } .bg-brown-150 { background-color: var(--c--globals--colors--brown-150); } .bg-brown-200 { background-color: var(--c--globals--colors--brown-200); } .bg-brown-250 { background-color: var(--c--globals--colors--brown-250); } .bg-brown-300 { background-color: var(--c--globals--colors--brown-300); } .bg-brown-350 { background-color: var(--c--globals--colors--brown-350); } .bg-brown-400 { background-color: var(--c--globals--colors--brown-400); } .bg-brown-450 { background-color: var(--c--globals--colors--brown-450); } .bg-brown-500 { background-color: var(--c--globals--colors--brown-500); } .bg-brown-550 { background-color: var(--c--globals--colors--brown-550); } .bg-brown-600 { background-color: var(--c--globals--colors--brown-600); } .bg-brown-650 { background-color: var(--c--globals--colors--brown-650); } .bg-brown-700 { background-color: var(--c--globals--colors--brown-700); } .bg-brown-750 { background-color: var(--c--globals--colors--brown-750); } .bg-brown-800 { background-color: var(--c--globals--colors--brown-800); } .bg-brown-850 { background-color: var(--c--globals--colors--brown-850); } .bg-brown-900 { background-color: var(--c--globals--colors--brown-900); } .bg-brown-950 { background-color: var(--c--globals--colors--brown-950); } .bg-yellow-050 { background-color: var(--c--globals--colors--yellow-050); } .bg-yellow-100 { background-color: var(--c--globals--colors--yellow-100); } .bg-yellow-150 { background-color: var(--c--globals--colors--yellow-150); } .bg-yellow-200 { background-color: var(--c--globals--colors--yellow-200); } .bg-yellow-250 { background-color: var(--c--globals--colors--yellow-250); } .bg-yellow-300 { background-color: var(--c--globals--colors--yellow-300); } .bg-yellow-350 { background-color: var(--c--globals--colors--yellow-350); } .bg-yellow-400 { background-color: var(--c--globals--colors--yellow-400); } .bg-yellow-450 { background-color: var(--c--globals--colors--yellow-450); } .bg-yellow-500 { background-color: var(--c--globals--colors--yellow-500); } .bg-yellow-550 { background-color: var(--c--globals--colors--yellow-550); } .bg-yellow-600 { background-color: var(--c--globals--colors--yellow-600); } .bg-yellow-650 { background-color: var(--c--globals--colors--yellow-650); } .bg-yellow-700 { background-color: var(--c--globals--colors--yellow-700); } .bg-yellow-750 { background-color: var(--c--globals--colors--yellow-750); } .bg-yellow-800 { background-color: var(--c--globals--colors--yellow-800); } .bg-yellow-850 { background-color: var(--c--globals--colors--yellow-850); } .bg-yellow-900 { background-color: var(--c--globals--colors--yellow-900); } .bg-yellow-950 { background-color: var(--c--globals--colors--yellow-950); } .bg-green-050 { background-color: var(--c--globals--colors--green-050); } .bg-green-100 { background-color: var(--c--globals--colors--green-100); } .bg-green-150 { background-color: var(--c--globals--colors--green-150); } .bg-green-200 { background-color: var(--c--globals--colors--green-200); } .bg-green-250 { background-color: var(--c--globals--colors--green-250); } .bg-green-300 { background-color: var(--c--globals--colors--green-300); } .bg-green-350 { background-color: var(--c--globals--colors--green-350); } .bg-green-400 { background-color: var(--c--globals--colors--green-400); } .bg-green-450 { background-color: var(--c--globals--colors--green-450); } .bg-green-500 { background-color: var(--c--globals--colors--green-500); } .bg-green-550 { background-color: var(--c--globals--colors--green-550); } .bg-green-600 { background-color: var(--c--globals--colors--green-600); } .bg-green-650 { background-color: var(--c--globals--colors--green-650); } .bg-green-700 { background-color: var(--c--globals--colors--green-700); } .bg-green-750 { background-color: var(--c--globals--colors--green-750); } .bg-green-800 { background-color: var(--c--globals--colors--green-800); } .bg-green-850 { background-color: var(--c--globals--colors--green-850); } .bg-green-900 { background-color: var(--c--globals--colors--green-900); } .bg-green-950 { background-color: var(--c--globals--colors--green-950); } .bg-blue-1-050 { background-color: var(--c--globals--colors--blue-1-050); } .bg-blue-1-100 { background-color: var(--c--globals--colors--blue-1-100); } .bg-blue-1-150 { background-color: var(--c--globals--colors--blue-1-150); } .bg-blue-1-200 { background-color: var(--c--globals--colors--blue-1-200); } .bg-blue-1-250 { background-color: var(--c--globals--colors--blue-1-250); } .bg-blue-1-300 { background-color: var(--c--globals--colors--blue-1-300); } .bg-blue-1-350 { background-color: var(--c--globals--colors--blue-1-350); } .bg-blue-1-400 { background-color: var(--c--globals--colors--blue-1-400); } .bg-blue-1-450 { background-color: var(--c--globals--colors--blue-1-450); } .bg-blue-1-500 { background-color: var(--c--globals--colors--blue-1-500); } .bg-blue-1-550 { background-color: var(--c--globals--colors--blue-1-550); } .bg-blue-1-600 { background-color: var(--c--globals--colors--blue-1-600); } .bg-blue-1-650 { background-color: var(--c--globals--colors--blue-1-650); } .bg-blue-1-700 { background-color: var(--c--globals--colors--blue-1-700); } .bg-blue-1-750 { background-color: var(--c--globals--colors--blue-1-750); } .bg-blue-1-800 { background-color: var(--c--globals--colors--blue-1-800); } .bg-blue-1-850 { background-color: var(--c--globals--colors--blue-1-850); } .bg-blue-1-900 { background-color: var(--c--globals--colors--blue-1-900); } .bg-blue-1-950 { background-color: var(--c--globals--colors--blue-1-950); } .bg-blue-2-050 { background-color: var(--c--globals--colors--blue-2-050); } .bg-blue-2-100 { background-color: var(--c--globals--colors--blue-2-100); } .bg-blue-2-150 { background-color: var(--c--globals--colors--blue-2-150); } .bg-blue-2-200 { background-color: var(--c--globals--colors--blue-2-200); } .bg-blue-2-250 { background-color: var(--c--globals--colors--blue-2-250); } .bg-blue-2-300 { background-color: var(--c--globals--colors--blue-2-300); } .bg-blue-2-350 { background-color: var(--c--globals--colors--blue-2-350); } .bg-blue-2-400 { background-color: var(--c--globals--colors--blue-2-400); } .bg-blue-2-450 { background-color: var(--c--globals--colors--blue-2-450); } .bg-blue-2-500 { background-color: var(--c--globals--colors--blue-2-500); } .bg-blue-2-550 { background-color: var(--c--globals--colors--blue-2-550); } .bg-blue-2-600 { background-color: var(--c--globals--colors--blue-2-600); } .bg-blue-2-650 { background-color: var(--c--globals--colors--blue-2-650); } .bg-blue-2-700 { background-color: var(--c--globals--colors--blue-2-700); } .bg-blue-2-750 { background-color: var(--c--globals--colors--blue-2-750); } .bg-blue-2-800 { background-color: var(--c--globals--colors--blue-2-800); } .bg-blue-2-850 { background-color: var(--c--globals--colors--blue-2-850); } .bg-blue-2-900 { background-color: var(--c--globals--colors--blue-2-900); } .bg-blue-2-950 { background-color: var(--c--globals--colors--blue-2-950); } .bg-purple-050 { background-color: var(--c--globals--colors--purple-050); } .bg-purple-100 { background-color: var(--c--globals--colors--purple-100); } .bg-purple-150 { background-color: var(--c--globals--colors--purple-150); } .bg-purple-200 { background-color: var(--c--globals--colors--purple-200); } .bg-purple-250 { background-color: var(--c--globals--colors--purple-250); } .bg-purple-300 { background-color: var(--c--globals--colors--purple-300); } .bg-purple-350 { background-color: var(--c--globals--colors--purple-350); } .bg-purple-400 { background-color: var(--c--globals--colors--purple-400); } .bg-purple-450 { background-color: var(--c--globals--colors--purple-450); } .bg-purple-500 { background-color: var(--c--globals--colors--purple-500); } .bg-purple-550 { background-color: var(--c--globals--colors--purple-550); } .bg-purple-600 { background-color: var(--c--globals--colors--purple-600); } .bg-purple-650 { background-color: var(--c--globals--colors--purple-650); } .bg-purple-700 { background-color: var(--c--globals--colors--purple-700); } .bg-purple-750 { background-color: var(--c--globals--colors--purple-750); } .bg-purple-800 { background-color: var(--c--globals--colors--purple-800); } .bg-purple-850 { background-color: var(--c--globals--colors--purple-850); } .bg-purple-900 { background-color: var(--c--globals--colors--purple-900); } .bg-purple-950 { background-color: var(--c--globals--colors--purple-950); } .bg-pink-050 { background-color: var(--c--globals--colors--pink-050); } .bg-pink-100 { background-color: var(--c--globals--colors--pink-100); } .bg-pink-150 { background-color: var(--c--globals--colors--pink-150); } .bg-pink-200 { background-color: var(--c--globals--colors--pink-200); } .bg-pink-250 { background-color: var(--c--globals--colors--pink-250); } .bg-pink-300 { background-color: var(--c--globals--colors--pink-300); } .bg-pink-350 { background-color: var(--c--globals--colors--pink-350); } .bg-pink-400 { background-color: var(--c--globals--colors--pink-400); } .bg-pink-450 { background-color: var(--c--globals--colors--pink-450); } .bg-pink-500 { background-color: var(--c--globals--colors--pink-500); } .bg-pink-550 { background-color: var(--c--globals--colors--pink-550); } .bg-pink-600 { background-color: var(--c--globals--colors--pink-600); } .bg-pink-650 { background-color: var(--c--globals--colors--pink-650); } .bg-pink-700 { background-color: var(--c--globals--colors--pink-700); } .bg-pink-750 { background-color: var(--c--globals--colors--pink-750); } .bg-pink-800 { background-color: var(--c--globals--colors--pink-800); } .bg-pink-850 { background-color: var(--c--globals--colors--pink-850); } .bg-pink-900 { background-color: var(--c--globals--colors--pink-900); } .bg-pink-950 { background-color: var(--c--globals--colors--pink-950); } .bg-black-000 { background-color: var(--c--globals--colors--black-000); } .bg-black-050 { background-color: var(--c--globals--colors--black-050); } .bg-black-100 { background-color: var(--c--globals--colors--black-100); } .bg-black-150 { background-color: var(--c--globals--colors--black-150); } .bg-black-200 { background-color: var(--c--globals--colors--black-200); } .bg-black-250 { background-color: var(--c--globals--colors--black-250); } .bg-black-300 { background-color: var(--c--globals--colors--black-300); } .bg-black-350 { background-color: var(--c--globals--colors--black-350); } .bg-black-400 { background-color: var(--c--globals--colors--black-400); } .bg-black-450 { background-color: var(--c--globals--colors--black-450); } .bg-black-500 { background-color: var(--c--globals--colors--black-500); } .bg-black-550 { background-color: var(--c--globals--colors--black-550); } .bg-black-600 { background-color: var(--c--globals--colors--black-600); } .bg-black-650 { background-color: var(--c--globals--colors--black-650); } .bg-black-700 { background-color: var(--c--globals--colors--black-700); } .bg-black-750 { background-color: var(--c--globals--colors--black-750); } .bg-black-800 { background-color: var(--c--globals--colors--black-800); } .bg-black-850 { background-color: var(--c--globals--colors--black-850); } .bg-black-900 { background-color: var(--c--globals--colors--black-900); } .bg-black-950 { background-color: var(--c--globals--colors--black-950); } .bg-white-000 { background-color: var(--c--globals--colors--white-000); } .bg-white-050 { background-color: var(--c--globals--colors--white-050); } .bg-white-100 { background-color: var(--c--globals--colors--white-100); } .bg-white-150 { background-color: var(--c--globals--colors--white-150); } .bg-white-200 { background-color: var(--c--globals--colors--white-200); } .bg-white-250 { background-color: var(--c--globals--colors--white-250); } .bg-white-300 { background-color: var(--c--globals--colors--white-300); } .bg-white-350 { background-color: var(--c--globals--colors--white-350); } .bg-white-400 { background-color: var(--c--globals--colors--white-400); } .bg-white-450 { background-color: var(--c--globals--colors--white-450); } .bg-white-500 { background-color: var(--c--globals--colors--white-500); } .bg-white-550 { background-color: var(--c--globals--colors--white-550); } .bg-white-600 { background-color: var(--c--globals--colors--white-600); } .bg-white-650 { background-color: var(--c--globals--colors--white-650); } .bg-white-700 { background-color: var(--c--globals--colors--white-700); } .bg-white-750 { background-color: var(--c--globals--colors--white-750); } .bg-white-800 { background-color: var(--c--globals--colors--white-800); } .bg-white-850 { background-color: var(--c--globals--colors--white-850); } .bg-white-900 { background-color: var(--c--globals--colors--white-900); } .bg-white-950 { background-color: var(--c--globals--colors--white-950); } .bg-white-975 { background-color: var(--c--globals--colors--white-975); } .bg-surface-primary { background-color: var(--c--contextuals--background--surface--primary); } .bg-surface-secondary { background-color: var(--c--contextuals--background--surface--secondary); } .bg-surface-tertiary { background-color: var(--c--contextuals--background--surface--tertiary); } .bg-semantic-overlay-primary { background-color: var(--c--contextuals--background--semantic--overlay--primary); } .bg-semantic-overlay-primary-hover { background-color: var(--c--contextuals--background--semantic--overlay--primary-hover); } .bg-semantic-contextual-primary { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .bg-semantic-contextual-primary-hover { background-color: var(--c--contextuals--background--semantic--contextual--primary-hover); } .bg-semantic-brand-primary { background-color: var(--c--contextuals--background--semantic--brand--primary); } .bg-semantic-brand-primary-hover { background-color: var(--c--contextuals--background--semantic--brand--primary-hover); } .bg-semantic-brand-secondary { background-color: var(--c--contextuals--background--semantic--brand--secondary); } .bg-semantic-brand-secondary-hover { background-color: var(--c--contextuals--background--semantic--brand--secondary-hover); } .bg-semantic-brand-tertiary { background-color: var(--c--contextuals--background--semantic--brand--tertiary); } .bg-semantic-brand-tertiary-hover { background-color: var(--c--contextuals--background--semantic--brand--tertiary-hover); } .bg-semantic-neutral-primary { background-color: var(--c--contextuals--background--semantic--neutral--primary); } .bg-semantic-neutral-primary-hover { background-color: var(--c--contextuals--background--semantic--neutral--primary-hover); } .bg-semantic-neutral-secondary { background-color: var(--c--contextuals--background--semantic--neutral--secondary); } .bg-semantic-neutral-secondary-hover { background-color: var(--c--contextuals--background--semantic--neutral--secondary-hover); } .bg-semantic-neutral-tertiary { background-color: var(--c--contextuals--background--semantic--neutral--tertiary); } .bg-semantic-neutral-tertiary-hover { background-color: var(--c--contextuals--background--semantic--neutral--tertiary-hover); } .bg-semantic-info-primary { background-color: var(--c--contextuals--background--semantic--info--primary); } .bg-semantic-info-primary-hover { background-color: var(--c--contextuals--background--semantic--info--primary-hover); } .bg-semantic-info-secondary { background-color: var(--c--contextuals--background--semantic--info--secondary); } .bg-semantic-info-secondary-hover { background-color: var(--c--contextuals--background--semantic--info--secondary-hover); } .bg-semantic-info-tertiary { background-color: var(--c--contextuals--background--semantic--info--tertiary); } .bg-semantic-info-tertiary-hover { background-color: var(--c--contextuals--background--semantic--info--tertiary-hover); } .bg-semantic-success-primary { background-color: var(--c--contextuals--background--semantic--success--primary); } .bg-semantic-success-primary-hover { background-color: var(--c--contextuals--background--semantic--success--primary-hover); } .bg-semantic-success-secondary { background-color: var(--c--contextuals--background--semantic--success--secondary); } .bg-semantic-success-secondary-hover { background-color: var(--c--contextuals--background--semantic--success--secondary-hover); } .bg-semantic-success-tertiary { background-color: var(--c--contextuals--background--semantic--success--tertiary); } .bg-semantic-success-tertiary-hover { background-color: var(--c--contextuals--background--semantic--success--tertiary-hover); } .bg-semantic-warning-primary { background-color: var(--c--contextuals--background--semantic--warning--primary); } .bg-semantic-warning-primary-hover { background-color: var(--c--contextuals--background--semantic--warning--primary-hover); } .bg-semantic-warning-secondary { background-color: var(--c--contextuals--background--semantic--warning--secondary); } .bg-semantic-warning-secondary-hover { background-color: var(--c--contextuals--background--semantic--warning--secondary-hover); } .bg-semantic-warning-tertiary { background-color: var(--c--contextuals--background--semantic--warning--tertiary); } .bg-semantic-warning-tertiary-hover { background-color: var(--c--contextuals--background--semantic--warning--tertiary-hover); } .bg-semantic-error-primary { background-color: var(--c--contextuals--background--semantic--error--primary); } .bg-semantic-error-primary-hover { background-color: var(--c--contextuals--background--semantic--error--primary-hover); } .bg-semantic-error-secondary { background-color: var(--c--contextuals--background--semantic--error--secondary); } .bg-semantic-error-secondary-hover { background-color: var(--c--contextuals--background--semantic--error--secondary-hover); } .bg-semantic-error-tertiary { background-color: var(--c--contextuals--background--semantic--error--tertiary); } .bg-semantic-error-tertiary-hover { background-color: var(--c--contextuals--background--semantic--error--tertiary-hover); } .bg-semantic-disabled-primary { background-color: var(--c--contextuals--background--semantic--disabled--primary); } .bg-semantic-disabled-secondary { background-color: var(--c--contextuals--background--semantic--disabled--secondary); } .bg-palette-brand-primary { background-color: var(--c--contextuals--background--palette--brand--primary); } .bg-palette-brand-secondary { background-color: var(--c--contextuals--background--palette--brand--secondary); } .bg-palette-brand-tertiary { background-color: var(--c--contextuals--background--palette--brand--tertiary); } .bg-palette-red-primary { background-color: var(--c--contextuals--background--palette--red--primary); } .bg-palette-red-secondary { background-color: var(--c--contextuals--background--palette--red--secondary); } .bg-palette-red-tertiary { background-color: var(--c--contextuals--background--palette--red--tertiary); } .bg-palette-orange-primary { background-color: var(--c--contextuals--background--palette--orange--primary); } .bg-palette-orange-secondary { background-color: var(--c--contextuals--background--palette--orange--secondary); } .bg-palette-orange-tertiary { background-color: var(--c--contextuals--background--palette--orange--tertiary); } .bg-palette-brown-primary { background-color: var(--c--contextuals--background--palette--brown--primary); } .bg-palette-brown-secondary { background-color: var(--c--contextuals--background--palette--brown--secondary); } .bg-palette-brown-tertiary { background-color: var(--c--contextuals--background--palette--brown--tertiary); } .bg-palette-yellow-primary { background-color: var(--c--contextuals--background--palette--yellow--primary); } .bg-palette-yellow-secondary { background-color: var(--c--contextuals--background--palette--yellow--secondary); } .bg-palette-yellow-tertiary { background-color: var(--c--contextuals--background--palette--yellow--tertiary); } .bg-palette-green-primary { background-color: var(--c--contextuals--background--palette--green--primary); } .bg-palette-green-secondary { background-color: var(--c--contextuals--background--palette--green--secondary); } .bg-palette-green-tertiary { background-color: var(--c--contextuals--background--palette--green--tertiary); } .bg-palette-blue-1-primary { background-color: var(--c--contextuals--background--palette--blue-1--primary); } .bg-palette-blue-1-secondary { background-color: var(--c--contextuals--background--palette--blue-1--secondary); } .bg-palette-blue-1-tertiary { background-color: var(--c--contextuals--background--palette--blue-1--tertiary); } .bg-palette-blue-2-primary { background-color: var(--c--contextuals--background--palette--blue-2--primary); } .bg-palette-blue-2-secondary { background-color: var(--c--contextuals--background--palette--blue-2--secondary); } .bg-palette-blue-2-tertiary { background-color: var(--c--contextuals--background--palette--blue-2--tertiary); } .bg-palette-purple-primary { background-color: var(--c--contextuals--background--palette--purple--primary); } .bg-palette-purple-secondary { background-color: var(--c--contextuals--background--palette--purple--secondary); } .bg-palette-purple-tertiary { background-color: var(--c--contextuals--background--palette--purple--tertiary); } .bg-palette-pink-primary { background-color: var(--c--contextuals--background--palette--pink--primary); } .bg-palette-pink-secondary { background-color: var(--c--contextuals--background--palette--pink--secondary); } .bg-palette-pink-tertiary { background-color: var(--c--contextuals--background--palette--pink--tertiary); } .bg-palette-gray-primary { background-color: var(--c--contextuals--background--palette--gray--primary); } .bg-palette-gray-secondary { background-color: var(--c--contextuals--background--palette--gray--secondary); } .bg-palette-gray-tertiary { background-color: var(--c--contextuals--background--palette--gray--tertiary); } .fw-thin { font-weight: var(--c--globals--font--weights--thin); } .fw-light { font-weight: var(--c--globals--font--weights--light); } .fw-regular { font-weight: var(--c--globals--font--weights--regular); } .fw-medium { font-weight: var(--c--globals--font--weights--medium); } .fw-bold { font-weight: var(--c--globals--font--weights--bold); } .fw-extrabold { font-weight: var(--c--globals--font--weights--extrabold); } .fw-black { font-weight: var(--c--globals--font--weights--black); } .fs-xs { font-size: var(--c--globals--font--sizes--xs); letter-spacing: var(--c--globals--font--letterspacings--xs); } .fs-sm { font-size: var(--c--globals--font--sizes--sm); letter-spacing: var(--c--globals--font--letterspacings--sm); } .fs-md { font-size: var(--c--globals--font--sizes--md); letter-spacing: var(--c--globals--font--letterspacings--md); } .fs-lg { font-size: var(--c--globals--font--sizes--lg); letter-spacing: var(--c--globals--font--letterspacings--lg); } .fs-ml { font-size: var(--c--globals--font--sizes--ml); letter-spacing: var(--c--globals--font--letterspacings--ml); } .fs-xl { font-size: var(--c--globals--font--sizes--xl); letter-spacing: var(--c--globals--font--letterspacings--xl); } .fs-t { font-size: var(--c--globals--font--sizes--t); letter-spacing: var(--c--globals--font--letterspacings--t); } .fs-s { font-size: var(--c--globals--font--sizes--s); letter-spacing: var(--c--globals--font--letterspacings--s); } .fs-h1 { font-size: var(--c--globals--font--sizes--h1); letter-spacing: var(--c--globals--font--letterspacings--h1); } .fs-h2 { font-size: var(--c--globals--font--sizes--h2); letter-spacing: var(--c--globals--font--letterspacings--h2); } .fs-h3 { font-size: var(--c--globals--font--sizes--h3); letter-spacing: var(--c--globals--font--letterspacings--h3); } .fs-h4 { font-size: var(--c--globals--font--sizes--h4); letter-spacing: var(--c--globals--font--letterspacings--h4); } .fs-h5 { font-size: var(--c--globals--font--sizes--h5); letter-spacing: var(--c--globals--font--letterspacings--h5); } .fs-h6 { font-size: var(--c--globals--font--sizes--h6); letter-spacing: var(--c--globals--font--letterspacings--h6); } .fs-xl-alt { font-size: var(--c--globals--font--sizes--xl-alt); letter-spacing: var(--c--globals--font--letterspacings--xl-alt); } .fs-lg-alt { font-size: var(--c--globals--font--sizes--lg-alt); letter-spacing: var(--c--globals--font--letterspacings--lg-alt); } .fs-md-alt { font-size: var(--c--globals--font--sizes--md-alt); letter-spacing: var(--c--globals--font--letterspacings--md-alt); } .fs-sm-alt { font-size: var(--c--globals--font--sizes--sm-alt); letter-spacing: var(--c--globals--font--letterspacings--sm-alt); } .fs-xs-alt { font-size: var(--c--globals--font--sizes--xs-alt); letter-spacing: var(--c--globals--font--letterspacings--xs-alt); } .f-base { font-family: var(--c--globals--font--families--base); } .f-accent { font-family: var(--c--globals--font--families--accent); } .m-0 { margin: var(--c--globals--spacings--0); } .mb-0 { margin-bottom: var(--c--globals--spacings--0); } .mt-0 { margin-top: var(--c--globals--spacings--0); } .ml-0 { margin-left: var(--c--globals--spacings--0); } .mr-0 { margin-right: var(--c--globals--spacings--0); } .m-l { margin: var(--c--globals--spacings--l); } .mb-l { margin-bottom: var(--c--globals--spacings--l); } .mt-l { margin-top: var(--c--globals--spacings--l); } .ml-l { margin-left: var(--c--globals--spacings--l); } .mr-l { margin-right: var(--c--globals--spacings--l); } .m-b { margin: var(--c--globals--spacings--b); } .mb-b { margin-bottom: var(--c--globals--spacings--b); } .mt-b { margin-top: var(--c--globals--spacings--b); } .ml-b { margin-left: var(--c--globals--spacings--b); } .mr-b { margin-right: var(--c--globals--spacings--b); } .m-m { margin: var(--c--globals--spacings--m); } .mb-m { margin-bottom: var(--c--globals--spacings--m); } .mt-m { margin-top: var(--c--globals--spacings--m); } .ml-m { margin-left: var(--c--globals--spacings--m); } .mr-m { margin-right: var(--c--globals--spacings--m); } .m-s { margin: var(--c--globals--spacings--s); } .mb-s { margin-bottom: var(--c--globals--spacings--s); } .mt-s { margin-top: var(--c--globals--spacings--s); } .ml-s { margin-left: var(--c--globals--spacings--s); } .mr-s { margin-right: var(--c--globals--spacings--s); } .m-t { margin: var(--c--globals--spacings--t); } .mb-t { margin-bottom: var(--c--globals--spacings--t); } .mt-t { margin-top: var(--c--globals--spacings--t); } .ml-t { margin-left: var(--c--globals--spacings--t); } .mr-t { margin-right: var(--c--globals--spacings--t); } .m-st { margin: var(--c--globals--spacings--st); } .mb-st { margin-bottom: var(--c--globals--spacings--st); } .mt-st { margin-top: var(--c--globals--spacings--st); } .ml-st { margin-left: var(--c--globals--spacings--st); } .mr-st { margin-right: var(--c--globals--spacings--st); } .m-4xs { margin: var(--c--globals--spacings--4xs); } .mb-4xs { margin-bottom: var(--c--globals--spacings--4xs); } .mt-4xs { margin-top: var(--c--globals--spacings--4xs); } .ml-4xs { margin-left: var(--c--globals--spacings--4xs); } .mr-4xs { margin-right: var(--c--globals--spacings--4xs); } .m-3xs { margin: var(--c--globals--spacings--3xs); } .mb-3xs { margin-bottom: var(--c--globals--spacings--3xs); } .mt-3xs { margin-top: var(--c--globals--spacings--3xs); } .ml-3xs { margin-left: var(--c--globals--spacings--3xs); } .mr-3xs { margin-right: var(--c--globals--spacings--3xs); } .m-2xs { margin: var(--c--globals--spacings--2xs); } .mb-2xs { margin-bottom: var(--c--globals--spacings--2xs); } .mt-2xs { margin-top: var(--c--globals--spacings--2xs); } .ml-2xs { margin-left: var(--c--globals--spacings--2xs); } .mr-2xs { margin-right: var(--c--globals--spacings--2xs); } .m-xxxs { margin: var(--c--globals--spacings--xxxs); } .mb-xxxs { margin-bottom: var(--c--globals--spacings--xxxs); } .mt-xxxs { margin-top: var(--c--globals--spacings--xxxs); } .ml-xxxs { margin-left: var(--c--globals--spacings--xxxs); } .mr-xxxs { margin-right: var(--c--globals--spacings--xxxs); } .m-xxs { margin: var(--c--globals--spacings--xxs); } .mb-xxs { margin-bottom: var(--c--globals--spacings--xxs); } .mt-xxs { margin-top: var(--c--globals--spacings--xxs); } .ml-xxs { margin-left: var(--c--globals--spacings--xxs); } .mr-xxs { margin-right: var(--c--globals--spacings--xxs); } .m-xs { margin: var(--c--globals--spacings--xs); } .mb-xs { margin-bottom: var(--c--globals--spacings--xs); } .mt-xs { margin-top: var(--c--globals--spacings--xs); } .ml-xs { margin-left: var(--c--globals--spacings--xs); } .mr-xs { margin-right: var(--c--globals--spacings--xs); } .m-sm { margin: var(--c--globals--spacings--sm); } .mb-sm { margin-bottom: var(--c--globals--spacings--sm); } .mt-sm { margin-top: var(--c--globals--spacings--sm); } .ml-sm { margin-left: var(--c--globals--spacings--sm); } .mr-sm { margin-right: var(--c--globals--spacings--sm); } .m-base { margin: var(--c--globals--spacings--base); } .mb-base { margin-bottom: var(--c--globals--spacings--base); } .mt-base { margin-top: var(--c--globals--spacings--base); } .ml-base { margin-left: var(--c--globals--spacings--base); } .mr-base { margin-right: var(--c--globals--spacings--base); } .m-md { margin: var(--c--globals--spacings--md); } .mb-md { margin-bottom: var(--c--globals--spacings--md); } .mt-md { margin-top: var(--c--globals--spacings--md); } .ml-md { margin-left: var(--c--globals--spacings--md); } .mr-md { margin-right: var(--c--globals--spacings--md); } .m-lg { margin: var(--c--globals--spacings--lg); } .mb-lg { margin-bottom: var(--c--globals--spacings--lg); } .mt-lg { margin-top: var(--c--globals--spacings--lg); } .ml-lg { margin-left: var(--c--globals--spacings--lg); } .mr-lg { margin-right: var(--c--globals--spacings--lg); } .m-xl { margin: var(--c--globals--spacings--xl); } .mb-xl { margin-bottom: var(--c--globals--spacings--xl); } .mt-xl { margin-top: var(--c--globals--spacings--xl); } .ml-xl { margin-left: var(--c--globals--spacings--xl); } .mr-xl { margin-right: var(--c--globals--spacings--xl); } .m-xxl { margin: var(--c--globals--spacings--xxl); } .mb-xxl { margin-bottom: var(--c--globals--spacings--xxl); } .mt-xxl { margin-top: var(--c--globals--spacings--xxl); } .ml-xxl { margin-left: var(--c--globals--spacings--xxl); } .mr-xxl { margin-right: var(--c--globals--spacings--xxl); } .m-xxxl { margin: var(--c--globals--spacings--xxxl); } .mb-xxxl { margin-bottom: var(--c--globals--spacings--xxxl); } .mt-xxxl { margin-top: var(--c--globals--spacings--xxxl); } .ml-xxxl { margin-left: var(--c--globals--spacings--xxxl); } .mr-xxxl { margin-right: var(--c--globals--spacings--xxxl); } .m-2xl { margin: var(--c--globals--spacings--2xl); } .mb-2xl { margin-bottom: var(--c--globals--spacings--2xl); } .mt-2xl { margin-top: var(--c--globals--spacings--2xl); } .ml-2xl { margin-left: var(--c--globals--spacings--2xl); } .mr-2xl { margin-right: var(--c--globals--spacings--2xl); } .m-3xl { margin: var(--c--globals--spacings--3xl); } .mb-3xl { margin-bottom: var(--c--globals--spacings--3xl); } .mt-3xl { margin-top: var(--c--globals--spacings--3xl); } .ml-3xl { margin-left: var(--c--globals--spacings--3xl); } .mr-3xl { margin-right: var(--c--globals--spacings--3xl); } .m-4xl { margin: var(--c--globals--spacings--4xl); } .mb-4xl { margin-bottom: var(--c--globals--spacings--4xl); } .mt-4xl { margin-top: var(--c--globals--spacings--4xl); } .ml-4xl { margin-left: var(--c--globals--spacings--4xl); } .mr-4xl { margin-right: var(--c--globals--spacings--4xl); } .m-5xl { margin: var(--c--globals--spacings--5xl); } .mb-5xl { margin-bottom: var(--c--globals--spacings--5xl); } .mt-5xl { margin-top: var(--c--globals--spacings--5xl); } .ml-5xl { margin-left: var(--c--globals--spacings--5xl); } .mr-5xl { margin-right: var(--c--globals--spacings--5xl); } .m-6xl { margin: var(--c--globals--spacings--6xl); } .mb-6xl { margin-bottom: var(--c--globals--spacings--6xl); } .mt-6xl { margin-top: var(--c--globals--spacings--6xl); } .ml-6xl { margin-left: var(--c--globals--spacings--6xl); } .mr-6xl { margin-right: var(--c--globals--spacings--6xl); } .m-7xl { margin: var(--c--globals--spacings--7xl); } .mb-7xl { margin-bottom: var(--c--globals--spacings--7xl); } .mt-7xl { margin-top: var(--c--globals--spacings--7xl); } .ml-7xl { margin-left: var(--c--globals--spacings--7xl); } .mr-7xl { margin-right: var(--c--globals--spacings--7xl); } .m-none { margin: var(--c--globals--spacings--none); } .mb-none { margin-bottom: var(--c--globals--spacings--none); } .mt-none { margin-top: var(--c--globals--spacings--none); } .ml-none { margin-left: var(--c--globals--spacings--none); } .mr-none { margin-right: var(--c--globals--spacings--none); } .m-auto { margin: var(--c--globals--spacings--auto); } .mb-auto { margin-bottom: var(--c--globals--spacings--auto); } .mt-auto { margin-top: var(--c--globals--spacings--auto); } .ml-auto { margin-left: var(--c--globals--spacings--auto); } .mr-auto { margin-right: var(--c--globals--spacings--auto); } .m-bx { margin: var(--c--globals--spacings--bx); } .mb-bx { margin-bottom: var(--c--globals--spacings--bx); } .mt-bx { margin-top: var(--c--globals--spacings--bx); } .ml-bx { margin-left: var(--c--globals--spacings--bx); } .mr-bx { margin-right: var(--c--globals--spacings--bx); } .m-full { margin: var(--c--globals--spacings--full); } .mb-full { margin-bottom: var(--c--globals--spacings--full); } .mt-full { margin-top: var(--c--globals--spacings--full); } .ml-full { margin-left: var(--c--globals--spacings--full); } .mr-full { margin-right: var(--c--globals--spacings--full); } .p-0 { padding: var(--c--globals--spacings--0); } .pb-0 { padding-bottom: var(--c--globals--spacings--0); } .pt-0 { padding-top: var(--c--globals--spacings--0); } .pl-0 { padding-left: var(--c--globals--spacings--0); } .pr-0 { padding-right: var(--c--globals--spacings--0); } .p-l { padding: var(--c--globals--spacings--l); } .pb-l { padding-bottom: var(--c--globals--spacings--l); } .pt-l { padding-top: var(--c--globals--spacings--l); } .pl-l { padding-left: var(--c--globals--spacings--l); } .pr-l { padding-right: var(--c--globals--spacings--l); } .p-b { padding: var(--c--globals--spacings--b); } .pb-b { padding-bottom: var(--c--globals--spacings--b); } .pt-b { padding-top: var(--c--globals--spacings--b); } .pl-b { padding-left: var(--c--globals--spacings--b); } .pr-b { padding-right: var(--c--globals--spacings--b); } .p-m { padding: var(--c--globals--spacings--m); } .pb-m { padding-bottom: var(--c--globals--spacings--m); } .pt-m { padding-top: var(--c--globals--spacings--m); } .pl-m { padding-left: var(--c--globals--spacings--m); } .pr-m { padding-right: var(--c--globals--spacings--m); } .p-s { padding: var(--c--globals--spacings--s); } .pb-s { padding-bottom: var(--c--globals--spacings--s); } .pt-s { padding-top: var(--c--globals--spacings--s); } .pl-s { padding-left: var(--c--globals--spacings--s); } .pr-s { padding-right: var(--c--globals--spacings--s); } .p-t { padding: var(--c--globals--spacings--t); } .pb-t { padding-bottom: var(--c--globals--spacings--t); } .pt-t { padding-top: var(--c--globals--spacings--t); } .pl-t { padding-left: var(--c--globals--spacings--t); } .pr-t { padding-right: var(--c--globals--spacings--t); } .p-st { padding: var(--c--globals--spacings--st); } .pb-st { padding-bottom: var(--c--globals--spacings--st); } .pt-st { padding-top: var(--c--globals--spacings--st); } .pl-st { padding-left: var(--c--globals--spacings--st); } .pr-st { padding-right: var(--c--globals--spacings--st); } .p-4xs { padding: var(--c--globals--spacings--4xs); } .pb-4xs { padding-bottom: var(--c--globals--spacings--4xs); } .pt-4xs { padding-top: var(--c--globals--spacings--4xs); } .pl-4xs { padding-left: var(--c--globals--spacings--4xs); } .pr-4xs { padding-right: var(--c--globals--spacings--4xs); } .p-3xs { padding: var(--c--globals--spacings--3xs); } .pb-3xs { padding-bottom: var(--c--globals--spacings--3xs); } .pt-3xs { padding-top: var(--c--globals--spacings--3xs); } .pl-3xs { padding-left: var(--c--globals--spacings--3xs); } .pr-3xs { padding-right: var(--c--globals--spacings--3xs); } .p-2xs { padding: var(--c--globals--spacings--2xs); } .pb-2xs { padding-bottom: var(--c--globals--spacings--2xs); } .pt-2xs { padding-top: var(--c--globals--spacings--2xs); } .pl-2xs { padding-left: var(--c--globals--spacings--2xs); } .pr-2xs { padding-right: var(--c--globals--spacings--2xs); } .p-xxxs { padding: var(--c--globals--spacings--xxxs); } .pb-xxxs { padding-bottom: var(--c--globals--spacings--xxxs); } .pt-xxxs { padding-top: var(--c--globals--spacings--xxxs); } .pl-xxxs { padding-left: var(--c--globals--spacings--xxxs); } .pr-xxxs { padding-right: var(--c--globals--spacings--xxxs); } .p-xxs { padding: var(--c--globals--spacings--xxs); } .pb-xxs { padding-bottom: var(--c--globals--spacings--xxs); } .pt-xxs { padding-top: var(--c--globals--spacings--xxs); } .pl-xxs { padding-left: var(--c--globals--spacings--xxs); } .pr-xxs { padding-right: var(--c--globals--spacings--xxs); } .p-xs { padding: var(--c--globals--spacings--xs); } .pb-xs { padding-bottom: var(--c--globals--spacings--xs); } .pt-xs { padding-top: var(--c--globals--spacings--xs); } .pl-xs { padding-left: var(--c--globals--spacings--xs); } .pr-xs { padding-right: var(--c--globals--spacings--xs); } .p-sm { padding: var(--c--globals--spacings--sm); } .pb-sm { padding-bottom: var(--c--globals--spacings--sm); } .pt-sm { padding-top: var(--c--globals--spacings--sm); } .pl-sm { padding-left: var(--c--globals--spacings--sm); } .pr-sm { padding-right: var(--c--globals--spacings--sm); } .p-base { padding: var(--c--globals--spacings--base); } .pb-base { padding-bottom: var(--c--globals--spacings--base); } .pt-base { padding-top: var(--c--globals--spacings--base); } .pl-base { padding-left: var(--c--globals--spacings--base); } .pr-base { padding-right: var(--c--globals--spacings--base); } .p-md { padding: var(--c--globals--spacings--md); } .pb-md { padding-bottom: var(--c--globals--spacings--md); } .pt-md { padding-top: var(--c--globals--spacings--md); } .pl-md { padding-left: var(--c--globals--spacings--md); } .pr-md { padding-right: var(--c--globals--spacings--md); } .p-lg { padding: var(--c--globals--spacings--lg); } .pb-lg { padding-bottom: var(--c--globals--spacings--lg); } .pt-lg { padding-top: var(--c--globals--spacings--lg); } .pl-lg { padding-left: var(--c--globals--spacings--lg); } .pr-lg { padding-right: var(--c--globals--spacings--lg); } .p-xl { padding: var(--c--globals--spacings--xl); } .pb-xl { padding-bottom: var(--c--globals--spacings--xl); } .pt-xl { padding-top: var(--c--globals--spacings--xl); } .pl-xl { padding-left: var(--c--globals--spacings--xl); } .pr-xl { padding-right: var(--c--globals--spacings--xl); } .p-xxl { padding: var(--c--globals--spacings--xxl); } .pb-xxl { padding-bottom: var(--c--globals--spacings--xxl); } .pt-xxl { padding-top: var(--c--globals--spacings--xxl); } .pl-xxl { padding-left: var(--c--globals--spacings--xxl); } .pr-xxl { padding-right: var(--c--globals--spacings--xxl); } .p-xxxl { padding: var(--c--globals--spacings--xxxl); } .pb-xxxl { padding-bottom: var(--c--globals--spacings--xxxl); } .pt-xxxl { padding-top: var(--c--globals--spacings--xxxl); } .pl-xxxl { padding-left: var(--c--globals--spacings--xxxl); } .pr-xxxl { padding-right: var(--c--globals--spacings--xxxl); } .p-2xl { padding: var(--c--globals--spacings--2xl); } .pb-2xl { padding-bottom: var(--c--globals--spacings--2xl); } .pt-2xl { padding-top: var(--c--globals--spacings--2xl); } .pl-2xl { padding-left: var(--c--globals--spacings--2xl); } .pr-2xl { padding-right: var(--c--globals--spacings--2xl); } .p-3xl { padding: var(--c--globals--spacings--3xl); } .pb-3xl { padding-bottom: var(--c--globals--spacings--3xl); } .pt-3xl { padding-top: var(--c--globals--spacings--3xl); } .pl-3xl { padding-left: var(--c--globals--spacings--3xl); } .pr-3xl { padding-right: var(--c--globals--spacings--3xl); } .p-4xl { padding: var(--c--globals--spacings--4xl); } .pb-4xl { padding-bottom: var(--c--globals--spacings--4xl); } .pt-4xl { padding-top: var(--c--globals--spacings--4xl); } .pl-4xl { padding-left: var(--c--globals--spacings--4xl); } .pr-4xl { padding-right: var(--c--globals--spacings--4xl); } .p-5xl { padding: var(--c--globals--spacings--5xl); } .pb-5xl { padding-bottom: var(--c--globals--spacings--5xl); } .pt-5xl { padding-top: var(--c--globals--spacings--5xl); } .pl-5xl { padding-left: var(--c--globals--spacings--5xl); } .pr-5xl { padding-right: var(--c--globals--spacings--5xl); } .p-6xl { padding: var(--c--globals--spacings--6xl); } .pb-6xl { padding-bottom: var(--c--globals--spacings--6xl); } .pt-6xl { padding-top: var(--c--globals--spacings--6xl); } .pl-6xl { padding-left: var(--c--globals--spacings--6xl); } .pr-6xl { padding-right: var(--c--globals--spacings--6xl); } .p-7xl { padding: var(--c--globals--spacings--7xl); } .pb-7xl { padding-bottom: var(--c--globals--spacings--7xl); } .pt-7xl { padding-top: var(--c--globals--spacings--7xl); } .pl-7xl { padding-left: var(--c--globals--spacings--7xl); } .pr-7xl { padding-right: var(--c--globals--spacings--7xl); } .p-none { padding: var(--c--globals--spacings--none); } .pb-none { padding-bottom: var(--c--globals--spacings--none); } .pt-none { padding-top: var(--c--globals--spacings--none); } .pl-none { padding-left: var(--c--globals--spacings--none); } .pr-none { padding-right: var(--c--globals--spacings--none); } .p-auto { padding: var(--c--globals--spacings--auto); } .pb-auto { padding-bottom: var(--c--globals--spacings--auto); } .pt-auto { padding-top: var(--c--globals--spacings--auto); } .pl-auto { padding-left: var(--c--globals--spacings--auto); } .pr-auto { padding-right: var(--c--globals--spacings--auto); } .p-bx { padding: var(--c--globals--spacings--bx); } .pb-bx { padding-bottom: var(--c--globals--spacings--bx); } .pt-bx { padding-top: var(--c--globals--spacings--bx); } .pl-bx { padding-left: var(--c--globals--spacings--bx); } .pr-bx { padding-right: var(--c--globals--spacings--bx); } .p-full { padding: var(--c--globals--spacings--full); } .pb-full { padding-bottom: var(--c--globals--spacings--full); } .pt-full { padding-top: var(--c--globals--spacings--full); } .pl-full { padding-left: var(--c--globals--spacings--full); } .pr-full { padding-right: var(--c--globals--spacings--full); } .border-clr-surface-primary { border-color: var(--c--contextuals--border--surface--primary); } .border-thin-surface-primary { border: 1px solid var(--c--contextuals--border--surface--primary); } .border-clr-semantic-contextual-primary { border-color: var(--c--contextuals--border--semantic--contextual--primary); } .border-thin-semantic-contextual-primary { border: 1px solid var(--c--contextuals--border--semantic--contextual--primary); } .border-clr-semantic-overlay-primary { border-color: var(--c--contextuals--border--semantic--overlay--primary); } .border-thin-semantic-overlay-primary { border: 1px solid var(--c--contextuals--border--semantic--overlay--primary); } .border-clr-semantic-brand-primary { border-color: var(--c--contextuals--border--semantic--brand--primary); } .border-thin-semantic-brand-primary { border: 1px solid var(--c--contextuals--border--semantic--brand--primary); } .border-clr-semantic-brand-secondary { border-color: var(--c--contextuals--border--semantic--brand--secondary); } .border-thin-semantic-brand-secondary { border: 1px solid var(--c--contextuals--border--semantic--brand--secondary); } .border-clr-semantic-brand-tertiary { border-color: var(--c--contextuals--border--semantic--brand--tertiary); } .border-thin-semantic-brand-tertiary { border: 1px solid var(--c--contextuals--border--semantic--brand--tertiary); } .border-clr-semantic-neutral-primary { border-color: var(--c--contextuals--border--semantic--neutral--primary); } .border-thin-semantic-neutral-primary { border: 1px solid var(--c--contextuals--border--semantic--neutral--primary); } .border-clr-semantic-neutral-secondary { border-color: var(--c--contextuals--border--semantic--neutral--secondary); } .border-thin-semantic-neutral-secondary { border: 1px solid var(--c--contextuals--border--semantic--neutral--secondary); } .border-clr-semantic-neutral-tertiary { border-color: var(--c--contextuals--border--semantic--neutral--tertiary); } .border-thin-semantic-neutral-tertiary { border: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); } .border-clr-semantic-info-primary { border-color: var(--c--contextuals--border--semantic--info--primary); } .border-thin-semantic-info-primary { border: 1px solid var(--c--contextuals--border--semantic--info--primary); } .border-clr-semantic-info-secondary { border-color: var(--c--contextuals--border--semantic--info--secondary); } .border-thin-semantic-info-secondary { border: 1px solid var(--c--contextuals--border--semantic--info--secondary); } .border-clr-semantic-info-tertiary { border-color: var(--c--contextuals--border--semantic--info--tertiary); } .border-thin-semantic-info-tertiary { border: 1px solid var(--c--contextuals--border--semantic--info--tertiary); } .border-clr-semantic-success-primary { border-color: var(--c--contextuals--border--semantic--success--primary); } .border-thin-semantic-success-primary { border: 1px solid var(--c--contextuals--border--semantic--success--primary); } .border-clr-semantic-success-secondary { border-color: var(--c--contextuals--border--semantic--success--secondary); } .border-thin-semantic-success-secondary { border: 1px solid var(--c--contextuals--border--semantic--success--secondary); } .border-clr-semantic-success-tertiary { border-color: var(--c--contextuals--border--semantic--success--tertiary); } .border-thin-semantic-success-tertiary { border: 1px solid var(--c--contextuals--border--semantic--success--tertiary); } .border-clr-semantic-warning-primary { border-color: var(--c--contextuals--border--semantic--warning--primary); } .border-thin-semantic-warning-primary { border: 1px solid var(--c--contextuals--border--semantic--warning--primary); } .border-clr-semantic-warning-secondary { border-color: var(--c--contextuals--border--semantic--warning--secondary); } .border-thin-semantic-warning-secondary { border: 1px solid var(--c--contextuals--border--semantic--warning--secondary); } .border-clr-semantic-warning-tertiary { border-color: var(--c--contextuals--border--semantic--warning--tertiary); } .border-thin-semantic-warning-tertiary { border: 1px solid var(--c--contextuals--border--semantic--warning--tertiary); } .border-clr-semantic-error-primary { border-color: var(--c--contextuals--border--semantic--error--primary); } .border-thin-semantic-error-primary { border: 1px solid var(--c--contextuals--border--semantic--error--primary); } .border-clr-semantic-error-secondary { border-color: var(--c--contextuals--border--semantic--error--secondary); } .border-thin-semantic-error-secondary { border: 1px solid var(--c--contextuals--border--semantic--error--secondary); } .border-clr-semantic-error-tertiary { border-color: var(--c--contextuals--border--semantic--error--tertiary); } .border-thin-semantic-error-tertiary { border: 1px solid var(--c--contextuals--border--semantic--error--tertiary); } .border-clr-semantic-disabled-primary { border-color: var(--c--contextuals--border--semantic--disabled--primary); } .border-thin-semantic-disabled-primary { border: 1px solid var(--c--contextuals--border--semantic--disabled--primary); } .clr-content-logo1 { color: var(--c--contextuals--content--logo1); } .clr-content-logo2 { color: var(--c--contextuals--content--logo2); } .clr-content-semantic-contextual-primary { color: var(--c--contextuals--content--semantic--contextual--primary); } .clr-content-semantic-overlay-primary { color: var(--c--contextuals--content--semantic--overlay--primary); } .clr-content-semantic-brand-primary { color: var(--c--contextuals--content--semantic--brand--primary); } .clr-content-semantic-brand-secondary { color: var(--c--contextuals--content--semantic--brand--secondary); } .clr-content-semantic-brand-tertiary { color: var(--c--contextuals--content--semantic--brand--tertiary); } .clr-content-semantic-brand-on-brand { color: var(--c--contextuals--content--semantic--brand--on-brand); } .clr-content-semantic-neutral-primary { color: var(--c--contextuals--content--semantic--neutral--primary); } .clr-content-semantic-neutral-secondary { color: var(--c--contextuals--content--semantic--neutral--secondary); } .clr-content-semantic-neutral-tertiary { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .clr-content-semantic-neutral-on-neutral { color: var(--c--contextuals--content--semantic--neutral--on-neutral); } .clr-content-semantic-info-primary { color: var(--c--contextuals--content--semantic--info--primary); } .clr-content-semantic-info-secondary { color: var(--c--contextuals--content--semantic--info--secondary); } .clr-content-semantic-info-tertiary { color: var(--c--contextuals--content--semantic--info--tertiary); } .clr-content-semantic-info-on-info { color: var(--c--contextuals--content--semantic--info--on-info); } .clr-content-semantic-success-primary { color: var(--c--contextuals--content--semantic--success--primary); } .clr-content-semantic-success-secondary { color: var(--c--contextuals--content--semantic--success--secondary); } .clr-content-semantic-success-tertiary { color: var(--c--contextuals--content--semantic--success--tertiary); } .clr-content-semantic-success-on-success { color: var(--c--contextuals--content--semantic--success--on-success); } .clr-content-semantic-warning-primary { color: var(--c--contextuals--content--semantic--warning--primary); } .clr-content-semantic-warning-secondary { color: var(--c--contextuals--content--semantic--warning--secondary); } .clr-content-semantic-warning-tertiary { color: var(--c--contextuals--content--semantic--warning--tertiary); } .clr-content-semantic-warning-on-warning { color: var(--c--contextuals--content--semantic--warning--on-warning); } .clr-content-semantic-error-primary { color: var(--c--contextuals--content--semantic--error--primary); } .clr-content-semantic-error-secondary { color: var(--c--contextuals--content--semantic--error--secondary); } .clr-content-semantic-error-tertiary { color: var(--c--contextuals--content--semantic--error--tertiary); } .clr-content-semantic-error-on-error { color: var(--c--contextuals--content--semantic--error--on-error); } .clr-content-semantic-disabled-primary { color: var(--c--contextuals--content--semantic--disabled--primary); } .clr-content-semantic-disabled-secondary { color: var(--c--contextuals--content--semantic--disabled--secondary); } .clr-content-palette-brand-primary { color: var(--c--contextuals--content--palette--brand--primary); } .clr-content-palette-red-primary { color: var(--c--contextuals--content--palette--red--primary); } .clr-content-palette-orange-primary { color: var(--c--contextuals--content--palette--orange--primary); } .clr-content-palette-brown-primary { color: var(--c--contextuals--content--palette--brown--primary); } .clr-content-palette-yellow-primary { color: var(--c--contextuals--content--palette--yellow--primary); } .clr-content-palette-green-primary { color: var(--c--contextuals--content--palette--green--primary); } .clr-content-palette-blue-1-primary { color: var(--c--contextuals--content--palette--blue-1--primary); } .clr-content-palette-blue-2-primary { color: var(--c--contextuals--content--palette--blue-2--primary); } .clr-content-palette-purple-primary { color: var(--c--contextuals--content--palette--purple--primary); } .clr-content-palette-pink-primary { color: var(--c--contextuals--content--palette--pink--primary); } .clr-content-palette-gray-primary { color: var(--c--contextuals--content--palette--gray--primary); } .c__onboarding-modal { flex-direction: column; gap: 1.5rem; height: 100%; display: flex; } .c__onboarding-modal__header { text-align: center; padding: 0 var(--c--globals--spacings--base); } .c__onboarding-modal__app-name { font-size: var(--c--globals--font--sizes--md); color: var(--c--contextuals--content--semantic--neutral--secondary); margin-bottom: var(--c--globals--spacings--sm); font-weight: 500; } .c__onboarding-modal__main-title { font-size: var(--c--globals--font--sizes--h1); color: var(--c--contextuals--content--semantic--neutral--primary); margin: 0; font-weight: 700; } .c__onboarding-modal__body { align-items: center; gap: var(--c--globals--spacings--base); padding: 0 3px; display: flex; } .c__onboarding-modal__steps { gap: var(--c--globals--spacings--xs); flex-direction: column; width: 50%; height: 275px; display: flex; overflow-y: auto; } .c__onboarding-modal__step { align-items: flex-start; gap: var(--c--globals--spacings--xs); padding: var(--c--globals--spacings--base) var(--c--globals--spacings--sm); border-radius: var(--c--globals--spacings--xs); cursor: pointer; text-align: left; background: none; border: 2px solid #0000; outline: none; width: 100%; display: flex; } .c__onboarding-modal__step:hover:not(.c__onboarding-modal__step--active) { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .c__onboarding-modal__step:focus-visible { border-color: var(--c--contextuals--border--semantic--brand--primary); } .c__onboarding-modal__step--active { background-color: var(--c--contextuals--background--semantic--brand--tertiary); border-color: var(--c--contextuals--border--semantic--brand--primary); box-shadow: 0 8px 32px #3e5de71f; } .c__onboarding-modal__step__icon { height: 1.4em; color: var(--c--contextuals--content--semantic--neutral--tertiary); flex-shrink: 0; justify-content: center; align-items: center; transition: color .2s; display: flex; } .c__onboarding-modal__step--active .c__onboarding-modal__step__icon { color: var(--c--contextuals--content--semantic--brand--tertiary); } .c__onboarding-modal__step__content { gap: var(--c--globals--spacings--4xs); flex-direction: column; margin-top: 2px; display: flex; } .c__onboarding-modal__step__title { font-size: var(--c--globals--font--sizes--sm); color: var(--c--contextuals--content--semantic--neutral--primary); font-weight: 700; } .c__onboarding-modal__step__description-wrapper { grid-template-rows: 0fr; transition: grid-template-rows .2s; display: grid; overflow: hidden; } .c__onboarding-modal__step--active .c__onboarding-modal__step__description-wrapper { grid-template-rows: 1fr; } .c__onboarding-modal__step__description-wrapper > span { transition: -webkit-mask-size .2s, mask-size .2s; overflow: hidden; -webkit-mask-image: linear-gradient(#000 40%, #0000); mask-image: linear-gradient(#000 40%, #0000); -webkit-mask-size: 100% 0%; mask-size: 100% 0%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .c__onboarding-modal__step--active .c__onboarding-modal__step__description-wrapper > span { -webkit-mask-size: 100% 180%; mask-size: 100% 180%; } .c__onboarding-modal__step__description { color: var(--c--contextuals--content--semantic--neutral--secondary); font-size: 12px; line-height: 1.4; } .c__onboarding-modal__content { background-color: var(--c--contextuals--background--surface--secondary); justify-content: center; align-items: center; width: 50%; height: 275px; padding: 0 1px; display: flex; overflow: hidden; } .c__onboarding-modal__content-inner { border-radius: var(--c--globals--spacings--xs); opacity: 1; justify-content: center; align-items: center; width: 100%; height: 100%; transition: opacity .2s ease-in-out; display: flex; } .c__onboarding-modal__content-inner.c__onboarding-modal__content-inner--fading { opacity: 0; } .c__onboarding-modal__content-inner img, .c__onboarding-modal__content-inner video { border: 1px solid var(--c--contextuals--border--surface--primary); border-radius: var(--c--globals--spacings--xs); object-fit: contain; max-width: 100%; max-height: 100%; } .c__onboarding-modal__body--text-only { max-height: none; } .c__onboarding-modal__body--text-only .c__onboarding-modal__steps { width: 100%; height: auto; max-height: 350px; padding-right: 0; } .c__onboarding-modal__footer-link { font-size: var(--c--globals--font--sizes--base); color: var(--c--contextuals--content--semantic--neutral--tertiary); align-items: center; gap: 7px; padding-left: 16px; text-decoration: none; display: flex; } .c__onboarding-modal__footer-link:hover .c__onboarding-modal__footer-link__label { text-decoration: underline; } .c__onboarding-modal__footer-link .material-icons { font-size: 24px; } @media (max-width: 768px) { .c__onboarding-modal__main-title { font-size: var(--c--globals--font--sizes--lg); } .c__onboarding-modal__body { height: auto; min-height: 0; padding: 0 var(--c--globals--spacings--xs); flex-direction: column; flex: 1; align-items: stretch; } .c__onboarding-modal__steps { display: none; } .c__onboarding-modal__content { order: 1; width: auto; height: 200px; } .c__onboarding-modal__mobile-step { align-items: flex-start; gap: var(--c--globals--spacings--xs); padding: var(--c--globals--spacings--sm); background-color: var(--c--contextuals--background--semantic--brand--tertiary); border: 1.5px solid var(--c--contextuals--border--semantic--brand--primary); border-radius: 4px; flex-shrink: 0; order: 2; display: flex; } .c__onboarding-modal__mobile-step__icon { height: 1.4em; color: var(--c--contextuals--content--semantic--brand--primary); flex-shrink: 0; align-items: center; display: flex; } .c__onboarding-modal__mobile-step__content { gap: var(--c--globals--spacings--4xs); flex-direction: column; display: flex; } .c__onboarding-modal__mobile-step__title { font-size: var(--c--globals--font--sizes--sm); color: var(--c--contextuals--content--semantic--neutral--primary); font-weight: 600; } .c__onboarding-modal__mobile-step__description { font-size: var(--c--globals--font--sizes--xs); color: var(--c--contextuals--content--semantic--neutral--secondary); line-height: 1.4; } } @media (min-width: 768px) { .c__onboarding-modal__mobile-step { display: none; } } .c__onboarding-modal__custom-demo { padding: var(--c--globals--spacings--base); text-align: center; } .c__onboarding-modal__custom-demo h3 { margin: 0 0 var(--c--globals--spacings--xs) 0; font-size: var(--c--globals--font--sizes--lg); color: var(--c--contextuals--content--semantic--neutral--primary); } .c__onboarding-modal__custom-demo p { margin: 0 0 var(--c--globals--spacings--sm) 0; color: var(--c--contextuals--content--semantic--neutral--secondary); } /* [project]/apps/impress/src/cunningham/cunningham-tokens.css [client] (css) */ :root { --c--globals--colors--logo-1-light: #4844ad; --c--globals--colors--logo-2-light: #4844ad; --c--globals--colors--logo-1-dark: #bec5f0; --c--globals--colors--logo-2-dark: #bec5f0; --c--globals--colors--brand-050: #eef1fa; --c--globals--colors--brand-100: #dde2f5; --c--globals--colors--brand-150: #ced3f1; --c--globals--colors--brand-200: #bec5f0; --c--globals--colors--brand-250: #afb5f1; --c--globals--colors--brand-300: #a0a5f6; --c--globals--colors--brand-350: #8f94fd; --c--globals--colors--brand-400: #8184fc; --c--globals--colors--brand-450: #7576ee; --c--globals--colors--brand-500: #6969df; --c--globals--colors--brand-550: #5e5cd0; --c--globals--colors--brand-600: #534fc2; --c--globals--colors--brand-650: #4844ad; --c--globals--colors--brand-700: #3e3b98; --c--globals--colors--brand-750: #36347d; --c--globals--colors--brand-800: #2d2f5f; --c--globals--colors--brand-850: #262848; --c--globals--colors--brand-900: #1c1e32; --c--globals--colors--brand-950: #11131f; --c--globals--colors--gray-000: #fff; --c--globals--colors--gray-025: #f8f8f9; --c--globals--colors--gray-050: #f0f0f3; --c--globals--colors--gray-100: #e2e2ea; --c--globals--colors--gray-150: #d3d4e0; --c--globals--colors--gray-200: #c5c6d5; --c--globals--colors--gray-250: #b7b7cb; --c--globals--colors--gray-300: #a9a9bf; --c--globals--colors--gray-350: #9c9cb2; --c--globals--colors--gray-400: #8f8fa4; --c--globals--colors--gray-450: #828297; --c--globals--colors--gray-500: #75758a; --c--globals--colors--gray-550: #69697d; --c--globals--colors--gray-600: #5d5d70; --c--globals--colors--gray-650: #515164; --c--globals--colors--gray-700: #454558; --c--globals--colors--gray-750: #3a3a4c; --c--globals--colors--gray-800: #2f303d; --c--globals--colors--gray-850: #25252f; --c--globals--colors--gray-900: #1b1b23; --c--globals--colors--gray-950: #111114; --c--globals--colors--gray-1000: #000; --c--globals--colors--info-050: #eaf2f9; --c--globals--colors--info-100: #d5e4f3; --c--globals--colors--info-150: #bfd7f0; --c--globals--colors--info-200: #a7caee; --c--globals--colors--info-250: #8dbdef; --c--globals--colors--info-300: #6eb0f2; --c--globals--colors--info-350: #50a2f5; --c--globals--colors--info-400: #3593f4; --c--globals--colors--info-450: #1185ed; --c--globals--colors--info-500: #0077de; --c--globals--colors--info-550: #0069cf; --c--globals--colors--info-600: #005bc0; --c--globals--colors--info-650: #0d4eaa; --c--globals--colors--info-700: #124394; --c--globals--colors--info-750: #163878; --c--globals--colors--info-800: #192f5a; --c--globals--colors--info-850: #192541; --c--globals--colors--info-900: #141b2d; --c--globals--colors--info-950: #0c111c; --c--globals--colors--success-050: #e8f1ea; --c--globals--colors--success-100: #cfe4d4; --c--globals--colors--success-150: #bad9c1; --c--globals--colors--success-200: #a2cfad; --c--globals--colors--success-250: #86c597; --c--globals--colors--success-300: #6cba83; --c--globals--colors--success-350: #4fb070; --c--globals--colors--success-400: #40a363; --c--globals--colors--success-450: #309556; --c--globals--colors--success-500: #1e884a; --c--globals--colors--success-550: #027b3e; --c--globals--colors--success-600: #016d31; --c--globals--colors--success-650: #006024; --c--globals--colors--success-700: #005317; --c--globals--colors--success-750: #0d4511; --c--globals--colors--success-800: #11380e; --c--globals--colors--success-850: #132a11; --c--globals--colors--success-900: #101e0f; --c--globals--colors--success-950: #091209; --c--globals--colors--warning-050: #f8f0e9; --c--globals--colors--warning-100: #f1e0d3; --c--globals--colors--warning-150: #ecd0bc; --c--globals--colors--warning-200: #e8c0a4; --c--globals--colors--warning-250: #e8ae8a; --c--globals--colors--warning-300: #eb9970; --c--globals--colors--warning-350: #e98456; --c--globals--colors--warning-400: #e57036; --c--globals--colors--warning-450: #da5e18; --c--globals--colors--warning-500: #cb5000; --c--globals--colors--warning-550: #bc4200; --c--globals--colors--warning-600: #ad3300; --c--globals--colors--warning-650: #9e2300; --c--globals--colors--warning-700: #882011; --c--globals--colors--warning-750: #731e16; --c--globals--colors--warning-800: #58201a; --c--globals--colors--warning-850: #401d18; --c--globals--colors--warning-900: #2e1714; --c--globals--colors--warning-950: #1d0f0d; --c--globals--colors--error-050: #f9efec; --c--globals--colors--error-100: #f4dfd9; --c--globals--colors--error-150: #f0cec6; --c--globals--colors--error-200: #eebcb2; --c--globals--colors--error-250: #eea99d; --c--globals--colors--error-300: #ef9486; --c--globals--colors--error-350: #f37c6e; --c--globals--colors--error-400: #f65f53; --c--globals--colors--error-450: #f0463d; --c--globals--colors--error-500: #e82322; --c--globals--colors--error-550: #d7010e; --c--globals--colors--error-600: #c00100; --c--globals--colors--error-650: #a00; --c--globals--colors--error-700: #910c06; --c--globals--colors--error-750: #731e16; --c--globals--colors--error-800: #58201a; --c--globals--colors--error-850: #401d18; --c--globals--colors--error-900: #2e1714; --c--globals--colors--error-950: #1d0f0d; --c--globals--colors--red-050: #faefee; --c--globals--colors--red-100: #f4dedd; --c--globals--colors--red-150: #f1cdcb; --c--globals--colors--red-200: #efbbba; --c--globals--colors--red-250: #eea8a8; --c--globals--colors--red-300: #f09394; --c--globals--colors--red-350: #f37b7e; --c--globals--colors--red-400: #ef6569; --c--globals--colors--red-450: #e94a55; --c--globals--colors--red-500: #da3b49; --c--globals--colors--red-550: #ca2a3c; --c--globals--colors--red-600: #bb1330; --c--globals--colors--red-650: #a90021; --c--globals--colors--red-700: #910a13; --c--globals--colors--red-750: #731e16; --c--globals--colors--red-800: #58201a; --c--globals--colors--red-850: #411d18; --c--globals--colors--red-900: #2e1714; --c--globals--colors--red-950: #1d0f0d; --c--globals--colors--orange-050: #f8f0e9; --c--globals--colors--orange-100: #f1e0d3; --c--globals--colors--orange-150: #ecd0bd; --c--globals--colors--orange-200: #eabfa6; --c--globals--colors--orange-250: #ebac90; --c--globals--colors--orange-300: #ec9772; --c--globals--colors--orange-350: #e5845a; --c--globals--colors--orange-400: #d6774d; --c--globals--colors--orange-450: #c86a40; --c--globals--colors--orange-500: #b95d33; --c--globals--colors--orange-550: #ab5025; --c--globals--colors--orange-600: #9d4315; --c--globals--colors--orange-650: #8f3600; --c--globals--colors--orange-700: #812900; --c--globals--colors--orange-750: #6c2511; --c--globals--colors--orange-800: #572017; --c--globals--colors--orange-850: #401d18; --c--globals--colors--orange-900: #2e1714; --c--globals--colors--orange-950: #1d0f0d; --c--globals--colors--brown-050: #f6f0e8; --c--globals--colors--brown-100: #f1e0d3; --c--globals--colors--brown-150: #ebd0ba; --c--globals--colors--brown-200: #e2c0a6; --c--globals--colors--brown-250: #d4b398; --c--globals--colors--brown-300: #c6a58b; --c--globals--colors--brown-350: #b8987e; --c--globals--colors--brown-400: #aa8b71; --c--globals--colors--brown-450: #9d7e65; --c--globals--colors--brown-500: #8f7158; --c--globals--colors--brown-550: #82654c; --c--globals--colors--brown-600: #765841; --c--globals--colors--brown-650: #694c35; --c--globals--colors--brown-700: #5d412a; --c--globals--colors--brown-750: #51361e; --c--globals--colors--brown-800: #452a13; --c--globals--colors--brown-850: #392008; --c--globals--colors--brown-900: #29180a; --c--globals--colors--brown-950: #1b0f08; --c--globals--colors--yellow-050: #f3f0e7; --c--globals--colors--yellow-100: #e9e2cf; --c--globals--colors--yellow-150: #e1d4b7; --c--globals--colors--yellow-200: #d9c599; --c--globals--colors--yellow-250: #d2b677; --c--globals--colors--yellow-300: #caa756; --c--globals--colors--yellow-350: #c2972e; --c--globals--colors--yellow-400: #b98900; --c--globals--colors--yellow-450: #ab7b00; --c--globals--colors--yellow-500: #9d6e00; --c--globals--colors--yellow-550: #916100; --c--globals--colors--yellow-600: #855400; --c--globals--colors--yellow-650: #784700; --c--globals--colors--yellow-700: #6c3a00; --c--globals--colors--yellow-750: #5f2e00; --c--globals--colors--yellow-800: #512302; --c--globals--colors--yellow-850: #3e1d10; --c--globals--colors--yellow-900: #2d1711; --c--globals--colors--yellow-950: #1d0f0d; --c--globals--colors--green-050: #e6f1e9; --c--globals--colors--green-100: #cfe4d5; --c--globals--colors--green-150: #b8d8c1; --c--globals--colors--green-200: #a0cfae; --c--globals--colors--green-250: #84c59a; --c--globals--colors--green-300: #65ba86; --c--globals--colors--green-350: #45b173; --c--globals--colors--green-400: #23a562; --c--globals--colors--green-450: #029755; --c--globals--colors--green-500: #008948; --c--globals--colors--green-550: #017b3b; --c--globals--colors--green-600: #006e2e; --c--globals--colors--green-650: #006022; --c--globals--colors--green-700: #005314; --c--globals--colors--green-750: #0d4510; --c--globals--colors--green-800: #11380e; --c--globals--colors--green-850: #132a11; --c--globals--colors--green-900: #101e0f; --c--globals--colors--green-950: #091209; --c--globals--colors--blue-1-050: #ebf1f9; --c--globals--colors--blue-1-100: #d6e4f4; --c--globals--colors--blue-1-150: #c1d7f0; --c--globals--colors--blue-1-200: #aacaef; --c--globals--colors--blue-1-250: #8fbcef; --c--globals--colors--blue-1-300: #7cafeb; --c--globals--colors--blue-1-350: #68a1e4; --c--globals--colors--blue-1-400: #5b94d6; --c--globals--colors--blue-1-450: #4e86c7; --c--globals--colors--blue-1-500: #4279b9; --c--globals--colors--blue-1-550: #356cac; --c--globals--colors--blue-1-600: #28609e; --c--globals--colors--blue-1-650: #1b5390; --c--globals--colors--blue-1-700: #0b4783; --c--globals--colors--blue-1-750: #0f3c6e; --c--globals--colors--blue-1-800: #133059; --c--globals--colors--blue-1-850: #152641; --c--globals--colors--blue-1-900: #121c2d; --c--globals--colors--blue-1-950: #0b111c; --c--globals--colors--blue-2-050: #e7f3f4; --c--globals--colors--blue-2-100: #cee7e9; --c--globals--colors--blue-2-150: #b2dce0; --c--globals--colors--blue-2-200: #91d1d7; --c--globals--colors--blue-2-250: #68c7d0; --c--globals--colors--blue-2-300: #43bbc5; --c--globals--colors--blue-2-350: #00afba; --c--globals--colors--blue-2-400: #01a0aa; --c--globals--colors--blue-2-450: #00929d; --c--globals--colors--blue-2-500: #00848f; --c--globals--colors--blue-2-550: #007682; --c--globals--colors--blue-2-600: #016874; --c--globals--colors--blue-2-650: #005b67; --c--globals--colors--blue-2-700: #004e5a; --c--globals--colors--blue-2-750: #00424e; --c--globals--colors--blue-2-800: #003642; --c--globals--colors--blue-2-850: #002a38; --c--globals--colors--blue-2-900: #061e28; --c--globals--colors--blue-2-950: #071219; --c--globals--colors--purple-050: #f7f0f6; --c--globals--colors--purple-100: #eee0ee; --c--globals--colors--purple-150: #e7d1e7; --c--globals--colors--purple-200: #dbbfe4; --c--globals--colors--purple-250: #d3aee2; --c--globals--colors--purple-300: #cb99e1; --c--globals--colors--purple-350: #c188d9; --c--globals--colors--purple-400: #b47bcb; --c--globals--colors--purple-450: #a66ebd; --c--globals--colors--purple-500: #9961af; --c--globals--colors--purple-550: #8b55a1; --c--globals--colors--purple-600: #7e4894; --c--globals--colors--purple-650: #723c87; --c--globals--colors--purple-700: #633376; --c--globals--colors--purple-750: #552a65; --c--globals--colors--purple-800: #452551; --c--globals--colors--purple-850: #35213d; --c--globals--colors--purple-900: #261a2c; --c--globals--colors--purple-950: #17111c; --c--globals--colors--pink-050: #f8eff4; --c--globals--colors--pink-100: #f0dfea; --c--globals--colors--pink-150: #eacedf; --c--globals--colors--pink-200: #e9bbd1; --c--globals--colors--pink-250: #e9a7c2; --c--globals--colors--pink-300: #e095b4; --c--globals--colors--pink-350: #d685a8; --c--globals--colors--pink-400: #c7799b; --c--globals--colors--pink-450: #b86c8d; --c--globals--colors--pink-500: #aa5f80; --c--globals--colors--pink-550: #9c5374; --c--globals--colors--pink-600: #8e4767; --c--globals--colors--pink-650: #813b5b; --c--globals--colors--pink-700: #732e4f; --c--globals--colors--pink-750: #632643; --c--globals--colors--pink-800: #521f38; --c--globals--colors--pink-850: #3e1c2b; --c--globals--colors--pink-900: #2d171f; --c--globals--colors--pink-950: #1c0e12; --c--globals--colors--black-000: #1b1b2300; --c--globals--colors--black-050: #1b1b230d; --c--globals--colors--black-100: #1b1b231a; --c--globals--colors--black-150: #1b1b2326; --c--globals--colors--black-200: #1b1b2333; --c--globals--colors--black-250: #1b1b2340; --c--globals--colors--black-300: #1b1b234d; --c--globals--colors--black-350: #1b1b2359; --c--globals--colors--black-400: #1b1b2366; --c--globals--colors--black-450: #1b1b2373; --c--globals--colors--black-500: #1b1b2380; --c--globals--colors--black-550: #1b1b238c; --c--globals--colors--black-600: #1b1b2399; --c--globals--colors--black-650: #1b1b23a6; --c--globals--colors--black-700: #1b1b23b2; --c--globals--colors--black-750: #1b1b23bf; --c--globals--colors--black-800: #1b1b23cc; --c--globals--colors--black-850: #1b1b23d9; --c--globals--colors--black-900: #1b1b23e5; --c--globals--colors--black-950: #111114f2; --c--globals--colors--white-000: #f8f8f900; --c--globals--colors--white-050: #f8f8f90d; --c--globals--colors--white-100: #f8f8f91a; --c--globals--colors--white-150: #f8f8f926; --c--globals--colors--white-200: #f8f8f933; --c--globals--colors--white-250: #f8f8f940; --c--globals--colors--white-300: #f8f8f94d; --c--globals--colors--white-350: #f8f8f959; --c--globals--colors--white-400: #f8f8f966; --c--globals--colors--white-450: #f8f8f973; --c--globals--colors--white-500: #f8f8f980; --c--globals--colors--white-550: #f8f8f98c; --c--globals--colors--white-600: #f8f8f999; --c--globals--colors--white-650: #f8f8f9a6; --c--globals--colors--white-700: #f8f8f9b2; --c--globals--colors--white-750: #f8f8f9bf; --c--globals--colors--white-800: #f8f8f9cc; --c--globals--colors--white-850: #f8f8f9d9; --c--globals--colors--white-900: #f8f8f9e5; --c--globals--colors--white-950: #f8f8f9f2; --c--globals--colors--white-975: #f8f8f9f9; --c--globals--transitions--ease-in: cubic-bezier(.32, 0, .67, 0); --c--globals--transitions--ease-out: cubic-bezier(.33, 1, .68, 1); --c--globals--transitions--ease-in-out: cubic-bezier(.65, 0, .35, 1); --c--globals--transitions--duration: .25s; --c--globals--font--sizes--xs: .75rem; --c--globals--font--sizes--sm: .875rem; --c--globals--font--sizes--md: 1rem; --c--globals--font--sizes--lg: 1.125rem; --c--globals--font--sizes--ml: .938rem; --c--globals--font--sizes--xl: 1.25rem; --c--globals--font--sizes--t: .6875rem; --c--globals--font--sizes--s: .75rem; --c--globals--font--sizes--h1: 2rem; --c--globals--font--sizes--h2: 1.75rem; --c--globals--font--sizes--h3: 1.5rem; --c--globals--font--sizes--h4: 1.375rem; --c--globals--font--sizes--h5: 1.25rem; --c--globals--font--sizes--h6: 1.125rem; --c--globals--font--sizes--xl-alt: 5rem; --c--globals--font--sizes--lg-alt: 4.5rem; --c--globals--font--sizes--md-alt: 4rem; --c--globals--font--sizes--sm-alt: 3.5rem; --c--globals--font--sizes--xs-alt: 3rem; --c--globals--font--weights--thin: 100; --c--globals--font--weights--light: 300; --c--globals--font--weights--regular: 400; --c--globals--font--weights--medium: 500; --c--globals--font--weights--bold: 600; --c--globals--font--weights--extrabold: 800; --c--globals--font--weights--black: 800; --c--globals--font--families--base: inter variable, roboto flex variable, sans-serif; --c--globals--font--families--accent: inter variable, roboto flex variable, sans-serif; --c--globals--spacings--0: 0; --c--globals--spacings--l: 3rem; --c--globals--spacings--b: 1.625rem; --c--globals--spacings--m: .8125rem; --c--globals--spacings--s: 1rem; --c--globals--spacings--t: .5rem; --c--globals--spacings--st: .25rem; --c--globals--spacings--4xs: .125rem; --c--globals--spacings--3xs: .25rem; --c--globals--spacings--2xs: .375rem; --c--globals--spacings--xxxs: .25rem; --c--globals--spacings--xxs: .375rem; --c--globals--spacings--xs: .5rem; --c--globals--spacings--sm: .75rem; --c--globals--spacings--base: 1rem; --c--globals--spacings--md: 1.5rem; --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--xxxl: 3.5rem; --c--globals--spacings--2xl: 3rem; --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; --c--globals--spacings--none: 0; --c--globals--spacings--auto: auto; --c--globals--spacings--bx: 2.2rem; --c--globals--spacings--full: 100%; --c--globals--breakpoints--xs: 480px; --c--globals--breakpoints--sm: 576px; --c--globals--breakpoints--md: 768px; --c--globals--breakpoints--lg: 992px; --c--globals--breakpoints--xl: 1200px; --c--globals--breakpoints--xxl: 1400px; --c--globals--breakpoints--xxs: 320px; --c--globals--breakpoints--mobile: 768px; --c--globals--breakpoints--tablet: 1024px; --c--globals--spacing--0: 0rem; --c--globals--spacing--none: 0rem; --c--globals--spacing--auto: auto; --c--globals--spacing--bx: 2.2rem; --c--globals--spacing--full: 100%; --c--globals--spacing--3xs: .25rem; --c--globals--spacing--2xs: .375rem; --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-025); --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--black-050); --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--black-050); --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-150); --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-050); --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-100); --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-150); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-050); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-150); --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-050); --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-100); --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-100); --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-150); --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-050); --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-100); --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-100); --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-150); --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-050); --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-100); --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-100); --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-150); --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-050); --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-100); --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-050); --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-350); --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-350); --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-150); --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-350); --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-150); --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-350); --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-150); --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-350); --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-350); --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-150); --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-350); --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-150); --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-350); --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-150); --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-light); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-light); --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-700); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-850); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-700); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-600); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-550); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-700); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-600); --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-550); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-700); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-600); --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-550); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-700); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-550); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-300); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--white-500); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-100); --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-300); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-300); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-300); --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-150); --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-300); --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-150); --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-300); --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-150); --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-300); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-150); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-100); --c--components--alert--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--alert--border-radius: 4px; --c--components--alert--border-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--border-left-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--font-weight: var(--c--globals--font--weights--medium); --c--components--alert--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--alert--icon-size: 19px; --c--components--alert--additional-font-weight: var(--c--globals--font--weights--regular); --c--components--alert--additional-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--button--border-radius: 4px; --c--components--button--border-radius--active: 4px; --c--components--button--border-radius--focus: 4px; --c--components--button--medium-text-height: 40px; --c--components--button--medium-height: 40px; --c--components--button--small-height: 32px; --c--components--button--nano-height: 24px; --c--components--button--medium-font-size: var(--c--globals--font--sizes--md); --c--components--button--medium-icon-font-size: 1.5rem; --c--components--button--small-font-size: var(--c--globals--font--sizes--sm); --c--components--button--small-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--nano-font-size: var(--c--globals--font--sizes--xs); --c--components--button--nano-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--font-weight: var(--c--globals--font--weights--medium); --c--components--button--font-family: var(--c--globals--font--families--base); --c--components--calendar--background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--border-radius: 8px; --c--components--calendar--padding: 8px; --c--components--calendar--cell-size: 32px; --c--components--calendar--cell-border-radius: 4px; --c--components--calendar--cell-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--header-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--date-past-color: var(--c--contextuals--content--semantic--disabled--primary); --c--components--calendar--date-today-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--calendar--date-today-border-color: var(--c--contextuals--border--semantic--neutral--secondary); --c--components--calendar--date-future-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--calendar--date-selected-bg: var(--c--contextuals--background--semantic--brand--primary); --c--components--calendar--date-selected-color: var(--c--contextuals--content--semantic--brand--on-brand); --c--components--calendar--range-middle-bg: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--calendar--range-middle-color: var(--c--contextuals--content--semantic--brand--primary); --c--components--calendar--range-middle-bg--disabled: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--calendar--menu-background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--menu-border-radius: 8px; --c--components--calendar--menu-item-height: 32px; --c--components--calendar--menu-item-font-size: var(--c--globals--font--sizes--sm); --c--components--calendar--menu-item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--calendar--menu-item-background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--calendar--menu-item-background-color--selected: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--forms-checkbox--background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--forms-checkbox--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-checkbox--font-weight: var(--c--globals--font--weights--medium); --c--components--forms-checkbox--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-checkbox--border-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--hover: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-checkbox--border-radius: 2px; --c--components--forms-checkbox--border-width: 1.5px; --c--components--forms-checkbox--border-width--hover: 1px; --c--components--forms-checkbox--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-checkbox--accent-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-checkbox--checkmark-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-checkbox--size: 1.5rem; --c--components--forms-datepicker--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--disabled: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-datepicker--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-radius: 4px; --c--components--forms-datepicker--border-radius--focus: 4px; --c--components--forms-datepicker--border-radius--hover: 4px; --c--components--forms-datepicker--border-style: solid; --c--components--forms-datepicker--border-width: 1px; --c--components--forms-datepicker--border-width--focus: 1px; --c--components--forms-datepicker--border-width--hover: 1px; --c--components--forms-datepicker--value-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-datepicker--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-datepicker--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-datepicker--height: 3.5rem; --c--components--forms-datepicker--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-datepicker--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-field--width: 292px; --c--components--forms-field--font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--color--error: var(--c--contextuals--content--semantic--error--secondary); --c--components--forms-field--color--success: var(--c--contextuals--content--semantic--success--secondary); --c--components--forms-field--color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-field--inline-label-width: max-content; --c--components--forms-field--inline-column-gap: var(--c--globals--spacings--xs); --c--components--forms-field--inline-row-gap: var(--c--globals--spacings--3xs); --c--components--forms-field--label-description-gap: var(--c--globals--spacings--4xs); --c--components--forms-field--label-description-font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--label-description-font-weight: var(--c--globals--font--weights--regular); --c--components--forms-field--label-description-line-height: 1rem; --c--components--forms-field--label-description-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--label-description-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-input--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-input--border-radius: 4px; --c--components--forms-input--border-radius--hover: 4px; --c--components--forms-input--border-radius--focus: 4px; --c--components--forms-input--border-width: 1px; --c--components--forms-input--border-width--hover: 1px; --c--components--forms-input--border-width--focus: 1px; --c--components--forms-input--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-input--border-style: solid; --c--components--forms-input--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-input--background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-input--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-input--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--inline-min-height: 40px; --c--components--forms-input--inline-border-radius: var(--c--globals--spacings--xxxs); --c--components--forms-input--inline-padding-block: var(--c--globals--spacings--xxs); --c--components--forms-input--inline-padding-inline: var(--c--globals--spacings--xs); --c--components--forms-input--inline-background-color--disabled: var(--c--contextuals--background--semantic--disabled--secondary); --c--components--forms-input--inline-border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--small: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-labelledbox--label-color--big: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--label-color--small--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--big--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--classic-label-margin-bottom: var(--c--globals--spacings--xs); --c--components--forms-labelledbox--classic-label-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-labelledbox--classic-label-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--classic-label-font-weight: var(--c--globals--font--weights--medium); --c--components--forms-labelledbox--classic-label-line-height: 1.125rem; --c--components--forms-select--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-select--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-radius: 4px; --c--components--forms-select--border-radius--focus: 4px; --c--components--forms-select--border-radius--hover: 4px; --c--components--forms-select--border-style: solid; --c--components--forms-select--border-width: 1px; --c--components--forms-select--border-width--focus: 1px; --c--components--forms-select--border-width--hover: 1px; --c--components--forms-select--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-select--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--height: 3.5rem; --c--components--forms-select--item-background-color--hover: var(--c--contextuals--background--semantic--overlay--primary); --c--components--forms-select--item-background-color--selected: var(--c--contextuals--background--semantic--brand--secondary); --c--components--forms-select--item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--item-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-select--item-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-select--menu-background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-select--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-select--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-select--multi-pill-background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--forms-select--multi-pill-border-radius: 2px; --c--components--forms-select--multi-pill-max-width: 68%; --c--components--forms-select--multi-pill-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-switch--rail-background-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--rail-background-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-switch--rail-border-radius: 50vw; --c--components--forms-switch--handle-background-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-switch--handle-background-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-switch--handle-border-radius: 50%; --c--components--forms-textarea--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-textarea--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-textarea--border-radius: 4px; --c--components--forms-textarea--border-radius--hover: 4px; --c--components--forms-textarea--border-radius--focus: 4px; --c--components--forms-textarea--border-width: 1px; --c--components--forms-textarea--border-width--hover: 1px; --c--components--forms-textarea--border-width--focus: 1px; --c--components--forms-textarea--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-textarea--border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-textarea--border-style: solid; --c--components--forms-textarea--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-textarea--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-textarea--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-textarea--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-textarea--value-color--disabled: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-textarea--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--modal--background-color: var(--c--contextuals--background--surface--secondary); --c--components--modal--backdrop-color: #0009; --c--components--modal--border-radius: 8px; --c--components--modal--border-color: var(--c--contextuals--border--surface--primary); --c--components--modal--box-shadow: 0 6px 20px 0 #0000121a; --c--components--modal--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--title-font-weight: var(--c--globals--font--weights--bold); --c--components--modal--compact-title-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-weight: var(--c--globals--font--weights--regular); --c--components--modal--content-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--width-small: 342px; --c--components--modal--width-medium: 600px; --c--components--modal--width-large: 800px; --c--components--modal--width-extra-large: 75%; --c--components--modal--tab-sidebar-width: 200px; --c--components--modal--tab-sidebar-background-color: var(--c--contextuals--background--surface--tertiary); --c--components--modal--tab-item-height: 32px; --c--components--modal--tab-item-border-radius: 4px; --c--components--modal--tab-item-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--tab-item-font-weight: var(--c--globals--font--weights--medium); --c--components--modal--tab-item-font-weight--active: var(--c--globals--font--weights--bold); --c--components--modal--tab-item-active-background-color: #181b240d; --c--components--modal--tab-item-hover-background-color: #181b2408; --c--components--toast--slide-in-duration: 1s; --c--components--toast--slide-out-duration: .3s; --c--components--toast--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--toast--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--toast--font-weight: var(--c--globals--font--weights--regular); --c--components--toast--icon-size: 19px; --c--components--toast--progress-bar-height: 3px; --c--components--tooltip--border-radius: .5rem; --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--tooltip--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--tooltip--color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--tooltip--font-size: var(--c--globals--font--sizes--s); --c--components--tooltip--padding: 4px 8px; --c--components--tooltip--max-width: 150px; --c--components--resize-handle--hover--color: var(--c--contextuals--border--surface--primary); --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--datagrid--header--size: 12px; --c--components--datagrid--header--weight: 500; --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--badge--font-size: var(--c--globals--font--sizes--xs); --c--components--badge--border-radius: 12px; --c--components--badge--padding-inline: var(--c--globals--spacings--xs); --c--components--badge--padding-block: var(--c--globals--spacings--2xs); --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); } .cunningham-theme--dark { --c--globals--colors--logo-1-light: #377fdb; --c--globals--colors--logo-2-light: #377fdb; --c--globals--colors--logo-1-dark: #c1d6f2; --c--globals--colors--logo-2-dark: #c1d6f2; --c--globals--colors--brand-050: #eaf1fb; --c--globals--colors--brand-100: #d5e4f7; --c--globals--colors--brand-150: #c0d6f4; --c--globals--colors--brand-200: #abc9f0; --c--globals--colors--brand-250: #96bcec; --c--globals--colors--brand-300: #80aee8; --c--globals--colors--brand-350: #6ca0e4; --c--globals--colors--brand-400: #5693e0; --c--globals--colors--brand-450: #4085dc; --c--globals--colors--brand-500: #2976d8; --c--globals--colors--brand-550: #1167d4; --c--globals--colors--brand-600: #0659c5; --c--globals--colors--brand-650: #1a509f; --c--globals--colors--brand-700: #20467f; --c--globals--colors--brand-750: #203c63; --c--globals--colors--brand-800: #1d314c; --c--globals--colors--brand-850: #1a2638; --c--globals--colors--brand-900: #141c28; --c--globals--colors--brand-950: #0c1117; --c--globals--colors--gray-000: #fff; --c--globals--colors--gray-025: #f7f8f8; --c--globals--colors--gray-050: #f0f1f2; --c--globals--colors--gray-100: #e1e2e5; --c--globals--colors--gray-150: #d2d4d8; --c--globals--colors--gray-200: #c4c7cb; --c--globals--colors--gray-250: #b5b9be; --c--globals--colors--gray-300: #a7acb2; --c--globals--colors--gray-350: #999ea5; --c--globals--colors--gray-400: #8d9197; --c--globals--colors--gray-450: #80848a; --c--globals--colors--gray-500: #74777c; --c--globals--colors--gray-550: #686b6f; --c--globals--colors--gray-600: #5c5f63; --c--globals--colors--gray-650: #505356; --c--globals--colors--gray-700: #45474a; --c--globals--colors--gray-750: #3a3b3e; --c--globals--colors--gray-800: #2f3033; --c--globals--colors--gray-850: #252627; --c--globals--colors--gray-900: #1b1c1d; --c--globals--colors--gray-950: #101112; --c--globals--colors--gray-1000: #000; --c--globals--colors--info-050: #eaf1fb; --c--globals--colors--info-100: #d5e4f7; --c--globals--colors--info-150: #c0d6f4; --c--globals--colors--info-200: #abc9f0; --c--globals--colors--info-250: #96bcec; --c--globals--colors--info-300: #80aee8; --c--globals--colors--info-350: #6ca0e4; --c--globals--colors--info-400: #5693e0; --c--globals--colors--info-450: #4085dc; --c--globals--colors--info-500: #2976d8; --c--globals--colors--info-550: #1167d4; --c--globals--colors--info-600: #0659c5; --c--globals--colors--info-650: #1a509f; --c--globals--colors--info-700: #20467f; --c--globals--colors--info-750: #203c63; --c--globals--colors--info-800: #1d314c; --c--globals--colors--info-850: #1a2638; --c--globals--colors--info-900: #141c28; --c--globals--colors--info-950: #0c1117; --c--globals--colors--success-050: #e4f7d4; --c--globals--colors--success-100: #c8eea8; --c--globals--colors--success-150: #aae579; --c--globals--colors--success-200: #89dc45; --c--globals--colors--success-250: #72cf27; --c--globals--colors--success-300: #6ac024; --c--globals--colors--success-350: #61b121; --c--globals--colors--success-400: #59a21e; --c--globals--colors--success-450: #51941c; --c--globals--colors--success-500: #4b851a; --c--globals--colors--success-550: #427816; --c--globals--colors--success-600: #3a6a14; --c--globals--colors--success-650: #385c1f; --c--globals--colors--success-700: #344d24; --c--globals--colors--success-750: #2e4022; --c--globals--colors--success-800: #27341f; --c--globals--colors--success-850: #20281a; --c--globals--colors--success-900: #181d15; --c--globals--colors--success-950: #10120e; --c--globals--colors--warning-050: #fff1bd; --c--globals--colors--warning-100: #ffe176; --c--globals--colors--warning-150: #ffcf25; --c--globals--colors--warning-200: #f4bf06; --c--globals--colors--warning-250: #e3b205; --c--globals--colors--warning-300: #d3a504; --c--globals--colors--warning-350: #c29805; --c--globals--colors--warning-400: #b28c03; --c--globals--colors--warning-450: #a27f03; --c--globals--colors--warning-500: #937303; --c--globals--colors--warning-550: #836703; --c--globals--colors--warning-600: #745b03; --c--globals--colors--warning-650: #625019; --c--globals--colors--warning-700: #524620; --c--globals--colors--warning-750: #443b20; --c--globals--colors--warning-800: #36301d; --c--globals--colors--warning-850: #2a2619; --c--globals--colors--warning-900: #1e1c13; --c--globals--colors--warning-950: #12110c; --c--globals--colors--error-050: #fceded; --c--globals--colors--error-100: #fadbdb; --c--globals--colors--error-150: #f7c9c9; --c--globals--colors--error-200: #f5b7b7; --c--globals--colors--error-250: #f2a4a4; --c--globals--colors--error-300: #ef9191; --c--globals--colors--error-350: #ec7d7d; --c--globals--colors--error-400: #e96868; --c--globals--colors--error-450: #e55050; --c--globals--colors--error-500: #e13131; --c--globals--colors--error-550: #d80000; --c--globals--colors--error-600: #c00101; --c--globals--colors--error-650: #9e2219; --c--globals--colors--error-700: #802820; --c--globals--colors--error-750: #662820; --c--globals--colors--error-800: #4f231e; --c--globals--colors--error-850: #3b1d19; --c--globals--colors--error-900: #2a1614; --c--globals--colors--error-950: #1a0e0c; --c--globals--colors--red-050: #fdeded; --c--globals--colors--red-100: #fadbdb; --c--globals--colors--red-150: #f8c9c9; --c--globals--colors--red-200: #f5b7b6; --c--globals--colors--red-250: #f3a4a3; --c--globals--colors--red-300: #f09190; --c--globals--colors--red-350: #ee7c7b; --c--globals--colors--red-400: #eb6665; --c--globals--colors--red-450: #e74e4d; --c--globals--colors--red-500: #d83f3d; --c--globals--colors--red-550: #c23837; --c--globals--colors--red-600: #ac3231; --c--globals--colors--red-650: #8d3531; --c--globals--colors--red-700: #73332f; --c--globals--colors--red-750: #5b2f2b; --c--globals--colors--red-800: #472826; --c--globals--colors--red-850: #35211f; --c--globals--colors--red-900: #251817; --c--globals--colors--red-950: #160f0e; --c--globals--colors--orange-050: #fdeee2; --c--globals--colors--orange-100: #fcddc5; --c--globals--colors--orange-150: #facba8; --c--globals--colors--orange-200: #f8b98b; --c--globals--colors--orange-250: #f6a76a; --c--globals--colors--orange-300: #f4934b; --c--globals--colors--orange-350: #f27e27; --c--globals--colors--orange-400: #e76e12; --c--globals--colors--orange-450: #d26411; --c--globals--colors--orange-500: #be5b0f; --c--globals--colors--orange-550: #aa510e; --c--globals--colors--orange-600: #97480c; --c--globals--colors--orange-650: #7e431d; --c--globals--colors--orange-700: #673c22; --c--globals--colors--orange-750: #533422; --c--globals--colors--orange-800: #412c1f; --c--globals--colors--orange-850: #31231b; --c--globals--colors--orange-900: #221a14; --c--globals--colors--orange-950: #15100c; --c--globals--colors--brown-050: #f3f0ef; --c--globals--colors--brown-100: #e7e1df; --c--globals--colors--brown-150: #dcd2cf; --c--globals--colors--brown-200: #d0c4bf; --c--globals--colors--brown-250: #c5b6b0; --c--globals--colors--brown-300: #baa7a1; --c--globals--colors--brown-350: #af9992; --c--globals--colors--brown-400: #a48b83; --c--globals--colors--brown-450: #997e74; --c--globals--colors--brown-500: #8f7065; --c--globals--colors--brown-550: #846357; --c--globals--colors--brown-600: #7a5649; --c--globals--colors--brown-650: #684c42; --c--globals--colors--brown-700: #57423c; --c--globals--colors--brown-750: #463833; --c--globals--colors--brown-800: #382e2a; --c--globals--colors--brown-850: #2b2422; --c--globals--colors--brown-900: #1f1b19; --c--globals--colors--brown-950: #121010; --c--globals--colors--yellow-050: #faf0d3; --c--globals--colors--yellow-100: #f5e2a4; --c--globals--colors--yellow-150: #f0d275; --c--globals--colors--yellow-200: #ebc242; --c--globals--colors--yellow-250: #e4b213; --c--globals--colors--yellow-300: #d4a511; --c--globals--colors--yellow-350: #c39810; --c--globals--colors--yellow-400: #b38b0f; --c--globals--colors--yellow-450: #a37f0d; --c--globals--colors--yellow-500: #93730c; --c--globals--colors--yellow-550: #84670b; --c--globals--colors--yellow-600: #755b0a; --c--globals--colors--yellow-650: #63501c; --c--globals--colors--yellow-700: #534521; --c--globals--colors--yellow-750: #443a21; --c--globals--colors--yellow-800: #36301f; --c--globals--colors--yellow-850: #29261a; --c--globals--colors--yellow-900: #1d1c14; --c--globals--colors--yellow-950: #12110c; --c--globals--colors--green-050: #e2f6e5; --c--globals--colors--green-100: #c5ecca; --c--globals--colors--green-150: #a7e3af; --c--globals--colors--green-200: #89d894; --c--globals--colors--green-250: #67ce75; --c--globals--colors--green-300: #4dc25d; --c--globals--colors--green-350: #48b257; --c--globals--colors--green-400: #41a44f; --c--globals--colors--green-450: #3b9548; --c--globals--colors--green-500: #368741; --c--globals--colors--green-550: #30793a; --c--globals--colors--green-600: #2b6b33; --c--globals--colors--green-650: #2f5c34; --c--globals--colors--green-700: #2e4e31; --c--globals--colors--green-750: #2a412c; --c--globals--colors--green-800: #253426; --c--globals--colors--green-850: #1e281f; --c--globals--colors--green-900: #171d17; --c--globals--colors--green-950: #0f120f; --c--globals--colors--blue-1-050: #ebf1ff; --c--globals--colors--blue-1-100: #d6e3fe; --c--globals--colors--blue-1-150: #c2d5fe; --c--globals--colors--blue-1-200: #adc7fe; --c--globals--colors--blue-1-250: #99b8fd; --c--globals--colors--blue-1-300: #84aafd; --c--globals--colors--blue-1-350: #6f9bfd; --c--globals--colors--blue-1-400: #5a8dfb; --c--globals--colors--blue-1-450: #437dfc; --c--globals--colors--blue-1-500: #3d71e4; --c--globals--colors--blue-1-550: #3665cc; --c--globals--colors--blue-1-600: #305ab5; --c--globals--colors--blue-1-650: #315093; --c--globals--colors--blue-1-700: #2e4675; --c--globals--colors--blue-1-750: #293b5e; --c--globals--colors--blue-1-800: #243048; --c--globals--colors--blue-1-850: #1e2635; --c--globals--colors--blue-1-900: #171c25; --c--globals--colors--blue-1-950: #0e1116; --c--globals--colors--blue-2-050: #e2f4f9; --c--globals--colors--blue-2-100: #c5e9f3; --c--globals--colors--blue-2-150: #a7dded; --c--globals--colors--blue-2-200: #88d1e6; --c--globals--colors--blue-2-250: #68c5e0; --c--globals--colors--blue-2-300: #48b8d9; --c--globals--colors--blue-2-350: #3baaca; --c--globals--colors--blue-2-400: #359cb9; --c--globals--colors--blue-2-450: #318ea9; --c--globals--colors--blue-2-500: #2c8199; --c--globals--colors--blue-2-550: #277389; --c--globals--colors--blue-2-600: #236679; --c--globals--colors--blue-2-650: #2a5866; --c--globals--colors--blue-2-700: #2a4b55; --c--globals--colors--blue-2-750: #283f47; --c--globals--colors--blue-2-800: #233337; --c--globals--colors--blue-2-850: #1d272a; --c--globals--colors--blue-2-900: #161c1e; --c--globals--colors--blue-2-950: #0e1112; --c--globals--colors--purple-050: #f6eeff; --c--globals--colors--purple-100: #ecdcff; --c--globals--colors--purple-150: #e3cbfe; --c--globals--colors--purple-200: #dab9fe; --c--globals--colors--purple-250: #d0a7fe; --c--globals--colors--purple-300: #c795fe; --c--globals--colors--purple-350: #bd83fd; --c--globals--colors--purple-400: #b36ffd; --c--globals--colors--purple-450: #a85bfd; --c--globals--colors--purple-500: #9b4bf3; --c--globals--colors--purple-550: #8b43da; --c--globals--colors--purple-600: #7b3cc1; --c--globals--colors--purple-650: #673c9b; --c--globals--colors--purple-700: #56387d; --c--globals--colors--purple-750: #463162; --c--globals--colors--purple-800: #382a4a; --c--globals--colors--purple-850: #2a2237; --c--globals--colors--purple-900: #1e1926; --c--globals--colors--purple-950: #121017; --c--globals--colors--pink-050: #fcedf5; --c--globals--colors--pink-100: #f9daea; --c--globals--colors--pink-150: #f7c7e0; --c--globals--colors--pink-200: #f4b4d5; --c--globals--colors--pink-250: #f1a1ca; --c--globals--colors--pink-300: #ee8cbf; --c--globals--colors--pink-350: #ea77b3; --c--globals--colors--pink-400: #e760a6; --c--globals--colors--pink-450: #e24797; --c--globals--colors--pink-500: #cd4089; --c--globals--colors--pink-550: #b8397b; --c--globals--colors--pink-600: #a3336d; --c--globals--colors--pink-650: #86355e; --c--globals--colors--pink-700: #6e334f; --c--globals--colors--pink-750: #582e42; --c--globals--colors--pink-800: #442834; --c--globals--colors--pink-850: #332028; --c--globals--colors--pink-900: #24181d; --c--globals--colors--pink-950: #160f12; --c--globals--colors--black-000: #1b1c1d00; --c--globals--colors--black-050: #1b1c1d0d; --c--globals--colors--black-100: #1b1c1d1a; --c--globals--colors--black-150: #1b1c1d26; --c--globals--colors--black-200: #1b1c1d33; --c--globals--colors--black-250: #1b1c1d40; --c--globals--colors--black-300: #1b1c1d4d; --c--globals--colors--black-350: #1b1c1d59; --c--globals--colors--black-400: #1b1c1d66; --c--globals--colors--black-450: #1b1c1d73; --c--globals--colors--black-500: #1b1c1d80; --c--globals--colors--black-550: #1b1c1d8c; --c--globals--colors--black-600: #1b1c1d99; --c--globals--colors--black-650: #1b1c1da6; --c--globals--colors--black-700: #1b1c1db2; --c--globals--colors--black-750: #1b1c1dbf; --c--globals--colors--black-800: #1b1c1dcc; --c--globals--colors--black-850: #1b1c1dd9; --c--globals--colors--black-900: #1b1c1de5; --c--globals--colors--black-950: #101112f2; --c--globals--colors--white-000: #f7f8f800; --c--globals--colors--white-050: #f7f8f80d; --c--globals--colors--white-100: #f7f8f81a; --c--globals--colors--white-150: #f7f8f826; --c--globals--colors--white-200: #f7f8f833; --c--globals--colors--white-250: #f7f8f840; --c--globals--colors--white-300: #f7f8f84d; --c--globals--colors--white-350: #f7f8f859; --c--globals--colors--white-400: #f7f8f866; --c--globals--colors--white-450: #f7f8f873; --c--globals--colors--white-500: #f7f8f880; --c--globals--colors--white-550: #f7f8f88c; --c--globals--colors--white-600: #f7f8f899; --c--globals--colors--white-650: #f7f8f8a6; --c--globals--colors--white-700: #f7f8f8b2; --c--globals--colors--white-750: #f7f8f8bf; --c--globals--colors--white-800: #f7f8f8cc; --c--globals--colors--white-850: #f7f8f8d9; --c--globals--colors--white-900: #f7f8f8e5; --c--globals--colors--white-950: #f7f8f8f2; --c--globals--colors--white-975: #f7f8f8f9; --c--globals--transitions--ease-in: cubic-bezier(.32, 0, .67, 0); --c--globals--transitions--ease-out: cubic-bezier(.33, 1, .68, 1); --c--globals--transitions--ease-in-out: cubic-bezier(.65, 0, .35, 1); --c--globals--transitions--duration: .25s; --c--globals--font--sizes--xs: .75rem; --c--globals--font--sizes--sm: .875rem; --c--globals--font--sizes--md: 1rem; --c--globals--font--sizes--lg: 1.125rem; --c--globals--font--sizes--ml: .938rem; --c--globals--font--sizes--xl: 1.25rem; --c--globals--font--sizes--t: .6875rem; --c--globals--font--sizes--s: .75rem; --c--globals--font--sizes--h1: 2rem; --c--globals--font--sizes--h2: 1.75rem; --c--globals--font--sizes--h3: 1.5rem; --c--globals--font--sizes--h4: 1.375rem; --c--globals--font--sizes--h5: 1.25rem; --c--globals--font--sizes--h6: 1.125rem; --c--globals--font--sizes--xl-alt: 5rem; --c--globals--font--sizes--lg-alt: 4.5rem; --c--globals--font--sizes--md-alt: 4rem; --c--globals--font--sizes--sm-alt: 3.5rem; --c--globals--font--sizes--xs-alt: 3rem; --c--globals--font--weights--thin: 200; --c--globals--font--weights--light: 300; --c--globals--font--weights--regular: 400; --c--globals--font--weights--medium: 500; --c--globals--font--weights--bold: 600; --c--globals--font--weights--extrabold: 700; --c--globals--font--weights--black: 800; --c--globals--font--families--base: "Roboto Flex Variable", sans-serif; --c--globals--font--families--accent: "Roboto Flex Variable", sans-serif; --c--globals--spacings--l: 3rem; --c--globals--spacings--b: 1.625rem; --c--globals--spacings--m: .8125rem; --c--globals--spacings--s: 1rem; --c--globals--spacings--t: .5rem; --c--globals--spacings--st: .25rem; --c--globals--spacings--4xs: .125rem; --c--globals--spacings--3xs: .25rem; --c--globals--spacings--2xs: .375rem; --c--globals--spacings--xxxs: .25rem; --c--globals--spacings--xxs: .375rem; --c--globals--spacings--xs: .5rem; --c--globals--spacings--sm: .75rem; --c--globals--spacings--base: 1rem; --c--globals--spacings--md: 1.5rem; --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--xxxl: 3.5rem; --c--globals--spacings--2xl: 3rem; --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; --c--globals--breakpoints--xs: 0px; --c--globals--breakpoints--sm: 576px; --c--globals--breakpoints--md: 768px; --c--globals--breakpoints--lg: 992px; --c--globals--breakpoints--xl: 1200px; --c--globals--breakpoints--xxl: 1400px; --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-800); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-850); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-900); --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050); --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--white-050); --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-700); --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-750); --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-750); --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-800); --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-700); --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-800); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-700); --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-750); --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-750); --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-800); --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-700); --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-750); --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-750); --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-800); --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-700); --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-750); --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-750); --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-800); --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-700); --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-750); --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-750); --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-800); --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-800); --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-350); --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-450); --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-350); --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-450); --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-550); --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-350); --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-450); --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-550); --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-350); --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-450); --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-550); --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-350); --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-450); --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-350); --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-450); --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-550); --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-350); --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-450); --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-550); --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-350); --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-450); --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-550); --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-450); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-dark); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-dark); --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-250); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-250); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-250); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-100); --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-250); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-100); --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-250); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-100); --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-250); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--black-300); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-450); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-700); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-450); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-700); --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-450); --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-600); --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-700); --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-450); --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-600); --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-700); --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-450); --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-600); --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-700); --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-450); --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-700); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-800); } .cunningham-theme--dsfr { --c--globals--font--sizes--xs: .75rem; --c--globals--font--sizes--sm: .875rem; --c--globals--font--sizes--md: 1rem; --c--globals--font--sizes--lg: 1.125rem; --c--globals--font--sizes--ml: .938rem; --c--globals--font--sizes--xl: 1.25rem; --c--globals--font--sizes--t: .6875rem; --c--globals--font--sizes--s: .75rem; --c--globals--font--sizes--h1: 2rem; --c--globals--font--sizes--h2: 1.75rem; --c--globals--font--sizes--h3: 1.5rem; --c--globals--font--sizes--h4: 1.375rem; --c--globals--font--sizes--h5: 1.25rem; --c--globals--font--sizes--h6: 1.125rem; --c--globals--font--sizes--xl-alt: 5rem; --c--globals--font--sizes--lg-alt: 4.5rem; --c--globals--font--sizes--md-alt: 4rem; --c--globals--font--sizes--sm-alt: 3.5rem; --c--globals--font--sizes--xs-alt: 3rem; --c--globals--font--weights--thin: 100; --c--globals--font--weights--extrabold: 800; --c--globals--font--families--accent: marianne, inter variable, roboto flex variable, sans-serif; --c--globals--font--families--base: marianne, inter variable, roboto flex variable, sans-serif; --c--globals--spacings--0: 0; --c--globals--spacings--none: 0; --c--globals--spacings--auto: auto; --c--globals--spacings--bx: 2.2rem; --c--globals--spacings--full: 100%; --c--globals--spacings--4xs: .125rem; --c--globals--spacings--3xs: .25rem; --c--globals--spacings--2xs: .375rem; --c--globals--spacings--xs: .5rem; --c--globals--spacings--sm: .75rem; --c--globals--spacings--base: 1rem; --c--globals--spacings--md: 1.5rem; --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--2xl: 3rem; --c--globals--spacings--xxxl: 3.5rem; --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; --c--globals--breakpoints--xxs: 320px; --c--globals--breakpoints--xs: 480px; --c--globals--breakpoints--mobile: 768px; --c--globals--breakpoints--tablet: 1024px; --c--globals--colors--logo-1-light: #2845c1; --c--globals--colors--logo-2-light: #c83f49; --c--globals--colors--logo-1-dark: #95abff; --c--globals--colors--logo-2-dark: #e78087; --c--globals--colors--brand-050: #edf0ff; --c--globals--colors--brand-100: #dae2ff; --c--globals--colors--brand-150: #c8d3ff; --c--globals--colors--brand-200: #b5c4ff; --c--globals--colors--brand-250: #a2b6ff; --c--globals--colors--brand-300: #90a7ff; --c--globals--colors--brand-350: #7e98ff; --c--globals--colors--brand-400: #6c89fe; --c--globals--colors--brand-450: #5c7af7; --c--globals--colors--brand-500: #4c6cef; --c--globals--colors--brand-550: #3e5de7; --c--globals--colors--brand-600: #304ddf; --c--globals--colors--brand-650: #2845c1; --c--globals--colors--brand-700: #223e9e; --c--globals--colors--brand-750: #1f367d; --c--globals--colors--brand-800: #1b2e5f; --c--globals--colors--brand-850: #172446; --c--globals--colors--brand-900: #121b30; --c--globals--colors--brand-950: #0c111a; --c--globals--colors--gray-000: #fff; --c--globals--colors--gray-025: #f8f8f9; --c--globals--colors--gray-050: #f0f0f3; --c--globals--colors--gray-100: #dfe2ea; --c--globals--colors--gray-150: #cfd5de; --c--globals--colors--gray-200: #c1c7d3; --c--globals--colors--gray-250: #b2b9c7; --c--globals--colors--gray-300: #a4abbc; --c--globals--colors--gray-350: #969eb0; --c--globals--colors--gray-400: #8891a4; --c--globals--colors--gray-450: #7b8498; --c--globals--colors--gray-500: #6d778c; --c--globals--colors--gray-550: #626a80; --c--globals--colors--gray-600: #555e74; --c--globals--colors--gray-650: #4a5267; --c--globals--colors--gray-700: #3f4759; --c--globals--colors--gray-750: #363b4c; --c--globals--colors--gray-800: #2b303d; --c--globals--colors--gray-850: #222631; --c--globals--colors--gray-900: #181b24; --c--globals--colors--gray-950: #0f1117; --c--globals--colors--gray-1000: #000; --c--globals--colors--info-050: #e7f2ff; --c--globals--colors--info-100: #cfe5ff; --c--globals--colors--info-150: #b7d7ff; --c--globals--colors--info-200: #a0cafe; --c--globals--colors--info-250: #8cbcf9; --c--globals--colors--info-300: #77aef4; --c--globals--colors--info-350: #63a0ee; --c--globals--colors--info-400: #5092e7; --c--globals--colors--info-450: #4185dc; --c--globals--colors--info-500: #3677cc; --c--globals--colors--info-550: #2f6abb; --c--globals--colors--info-600: #265eaa; --c--globals--colors--info-650: #28528f; --c--globals--colors--info-700: #274775; --c--globals--colors--info-750: #243c5e; --c--globals--colors--info-800: #20314a; --c--globals--colors--info-850: #1b2637; --c--globals--colors--info-900: #141c27; --c--globals--colors--info-950: #0d1118; --c--globals--colors--success-050: #def7e6; --c--globals--colors--success-100: #baeecf; --c--globals--colors--success-150: #a5e2c0; --c--globals--colors--success-200: #95d4b3; --c--globals--colors--success-250: #85c6a7; --c--globals--colors--success-300: #74b99b; --c--globals--colors--success-350: #65ab8f; --c--globals--colors--success-400: #579e84; --c--globals--colors--success-450: #4b9079; --c--globals--colors--success-500: #40836f; --c--globals--colors--success-550: #367664; --c--globals--colors--success-600: #2b695a; --c--globals--colors--success-650: #2c5a50; --c--globals--colors--success-700: #2a4d45; --c--globals--colors--success-750: #26403c; --c--globals--colors--success-800: #213430; --c--globals--colors--success-850: #1b2826; --c--globals--colors--success-900: #151d1c; --c--globals--colors--success-950: #0d1212; --c--globals--colors--warning-050: #ffeedf; --c--globals--colors--warning-100: #ffdcbe; --c--globals--colors--warning-150: #ffca9c; --c--globals--colors--warning-200: #ffb778; --c--globals--colors--warning-250: #fda54f; --c--globals--colors--warning-300: #f59425; --c--globals--colors--warning-350: #e78613; --c--globals--colors--warning-400: #d7790c; --c--globals--colors--warning-450: #c86c08; --c--globals--colors--warning-500: #b85f03; --c--globals--colors--warning-550: #a75400; --c--globals--colors--warning-600: #984800; --c--globals--colors--warning-650: #814112; --c--globals--colors--warning-700: #6c3a19; --c--globals--colors--warning-750: #58321c; --c--globals--colors--warning-800: #452a1a; --c--globals--colors--warning-850: #352117; --c--globals--colors--warning-900: #261813; --c--globals--colors--warning-950: #170f0c; --c--globals--colors--error-050: #ffedeb; --c--globals--colors--error-100: #ffdad7; --c--globals--colors--error-150: #ffc7c2; --c--globals--colors--error-200: #ffb3ad; --c--globals--colors--error-250: #ff9f99; --c--globals--colors--error-300: #ff8984; --c--globals--colors--error-350: #ff706e; --c--globals--colors--error-400: #fb5759; --c--globals--colors--error-450: #f63a45; --c--globals--colors--error-500: #e32c39; --c--globals--colors--error-550: #cf202d; --c--globals--colors--error-600: #bd0f23; --c--globals--colors--error-650: #9d2227; --c--globals--colors--error-700: #812727; --c--globals--colors--error-750: #672624; --c--globals--colors--error-800: #512220; --c--globals--colors--error-850: #3d1c1b; --c--globals--colors--error-900: #2a1614; --c--globals--colors--error-950: #190e0d; --c--globals--colors--red-050: #ffedeb; --c--globals--colors--red-100: #ffdad7; --c--globals--colors--red-150: #ffc7c2; --c--globals--colors--red-200: #ffb3ad; --c--globals--colors--red-250: #ff9f99; --c--globals--colors--red-300: #ff8984; --c--globals--colors--red-350: #ff706e; --c--globals--colors--red-400: #fb5759; --c--globals--colors--red-450: #f63a45; --c--globals--colors--red-500: #e32c39; --c--globals--colors--red-550: #cf202d; --c--globals--colors--red-600: #bd0f23; --c--globals--colors--red-650: #9d2227; --c--globals--colors--red-700: #812727; --c--globals--colors--red-750: #672624; --c--globals--colors--red-800: #512220; --c--globals--colors--red-850: #3d1c1b; --c--globals--colors--red-900: #410003; --c--globals--colors--red-950: #190e0d; --c--globals--colors--orange-050: #fcedeb; --c--globals--colors--orange-100: #f8dcd7; --c--globals--colors--orange-150: #f1ccc5; --c--globals--colors--orange-200: #eabcb4; --c--globals--colors--orange-250: #e2aca2; --c--globals--colors--orange-300: #da9c92; --c--globals--colors--orange-350: #d28c81; --c--globals--colors--orange-400: #ca7c70; --c--globals--colors--orange-450: #be6e62; --c--globals--colors--orange-500: #ae6257; --c--globals--colors--orange-550: #9e564d; --c--globals--colors--orange-600: #8f4b42; --c--globals--colors--orange-650: #79443d; --c--globals--colors--orange-700: #643c37; --c--globals--colors--orange-750: #513430; --c--globals--colors--orange-800: #412b28; --c--globals--colors--orange-850: #312220; --c--globals--colors--orange-900: #231918; --c--globals--colors--orange-950: #150f0f; --c--globals--colors--brown-050: #f9efea; --c--globals--colors--brown-100: #f3dfd3; --c--globals--colors--brown-150: #eacfc1; --c--globals--colors--brown-200: #e2bfae; --c--globals--colors--brown-250: #d8b19c; --c--globals--colors--brown-300: #d0a189; --c--globals--colors--brown-350: #c3937b; --c--globals--colors--brown-400: #b5866d; --c--globals--colors--brown-450: #a77a62; --c--globals--colors--brown-500: #996d57; --c--globals--colors--brown-550: #8b614d; --c--globals--colors--brown-600: #7c5542; --c--globals--colors--brown-650: #6a4c3c; --c--globals--colors--brown-700: #594236; --c--globals--colors--brown-750: #49382f; --c--globals--colors--brown-800: #3b2e28; --c--globals--colors--brown-850: #2d2420; --c--globals--colors--brown-900: #201a18; --c--globals--colors--brown-950: #13100f; --c--globals--colors--yellow-050: #fdf1c5; --c--globals--colors--yellow-100: #fbe18e; --c--globals--colors--yellow-150: #f4d261; --c--globals--colors--yellow-200: #eac244; --c--globals--colors--yellow-250: #dfb41b; --c--globals--colors--yellow-300: #d1a516; --c--globals--colors--yellow-350: #c49711; --c--globals--colors--yellow-400: #b78a0c; --c--globals--colors--yellow-450: #a87d07; --c--globals--colors--yellow-500: #9b6f02; --c--globals--colors--yellow-550: #8d6300; --c--globals--colors--yellow-600: #7f5600; --c--globals--colors--yellow-650: #6e4c11; --c--globals--colors--yellow-700: #5d4219; --c--globals--colors--yellow-750: #4d371b; --c--globals--colors--yellow-800: #3d2e1a; --c--globals--colors--yellow-850: #2f2417; --c--globals--colors--yellow-900: #221a12; --c--globals--colors--yellow-950: #14100c; --c--globals--colors--green-050: #e7f9b3; --c--globals--colors--green-100: #d5ec98; --c--globals--colors--green-150: #c5de86; --c--globals--colors--green-200: #b5d174; --c--globals--colors--green-250: #a5c464; --c--globals--colors--green-300: #95b755; --c--globals--colors--green-350: #85aa45; --c--globals--colors--green-400: #769d39; --c--globals--colors--green-450: #688f30; --c--globals--colors--green-500: #5a8228; --c--globals--colors--green-550: #4d7621; --c--globals--colors--green-600: #416919; --c--globals--colors--green-650: #3a5b20; --c--globals--colors--green-700: #324e22; --c--globals--colors--green-750: #2c4122; --c--globals--colors--green-800: #24351d; --c--globals--colors--green-850: #1d2919; --c--globals--colors--green-900: #161e13; --c--globals--colors--green-950: #0e120c; --c--globals--colors--blue-1-050: #e7f2ff; --c--globals--colors--blue-1-100: #cfe5ff; --c--globals--colors--blue-1-150: #b7d7ff; --c--globals--colors--blue-1-200: #a0cafe; --c--globals--colors--blue-1-250: #8cbcf9; --c--globals--colors--blue-1-300: #77aef4; --c--globals--colors--blue-1-350: #63a0ee; --c--globals--colors--blue-1-400: #5092e7; --c--globals--colors--blue-1-450: #4185dc; --c--globals--colors--blue-1-500: #3677cc; --c--globals--colors--blue-1-550: #2f6abb; --c--globals--colors--blue-1-600: #265eaa; --c--globals--colors--blue-1-650: #28528f; --c--globals--colors--blue-1-700: #274775; --c--globals--colors--blue-1-750: #243c5e; --c--globals--colors--blue-1-800: #20314a; --c--globals--colors--blue-1-850: #1b2637; --c--globals--colors--blue-1-900: #141c27; --c--globals--colors--blue-1-950: #0d1118; --c--globals--colors--blue-2-050: #e2f4fd; --c--globals--colors--blue-2-100: #c4e8f8; --c--globals--colors--blue-2-150: #aadcf2; --c--globals--colors--blue-2-200: #93cfeb; --c--globals--colors--blue-2-250: #7cc2e2; --c--globals--colors--blue-2-300: #6cb4d6; --c--globals--colors--blue-2-350: #5ca7c9; --c--globals--colors--blue-2-400: #5099bc; --c--globals--colors--blue-2-450: #458bae; --c--globals--colors--blue-2-500: #3a7ea0; --c--globals--colors--blue-2-550: #327191; --c--globals--colors--blue-2-600: #286483; --c--globals--colors--blue-2-650: #2b5770; --c--globals--colors--blue-2-700: #294a5e; --c--globals--colors--blue-2-750: #263e4d; --c--globals--colors--blue-2-800: #22323d; --c--globals--colors--blue-2-850: #1c272e; --c--globals--colors--blue-2-900: #151d21; --c--globals--colors--blue-2-950: #0e1114; --c--globals--colors--purple-050: #f5eeff; --c--globals--colors--purple-100: #ecdcff; --c--globals--colors--purple-150: #e2cbff; --c--globals--colors--purple-200: #d9b9ff; --c--globals--colors--purple-250: #d0a7ff; --c--globals--colors--purple-300: #c894fe; --c--globals--colors--purple-350: #be83fa; --c--globals--colors--purple-400: #b570f5; --c--globals--colors--purple-450: #ab5ef0; --c--globals--colors--purple-500: #a04be8; --c--globals--colors--purple-550: #933cdb; --c--globals--colors--purple-600: #8530c8; --c--globals--colors--purple-650: #7033a5; --c--globals--colors--purple-700: #5d3185; --c--globals--colors--purple-750: #4c2c6a; --c--globals--colors--purple-800: #3c2652; --c--globals--colors--purple-850: #2d203c; --c--globals--colors--purple-900: #21182a; --c--globals--colors--purple-950: #130f19; --c--globals--colors--pink-050: #ffebf6; --c--globals--colors--pink-100: #ffd8ed; --c--globals--colors--pink-150: #fcc4e3; --c--globals--colors--pink-200: #f7b2d9; --c--globals--colors--pink-250: #f29fce; --c--globals--colors--pink-300: #ed8cc3; --c--globals--colors--pink-350: #e779b8; --c--globals--colors--pink-400: #e264ad; --c--globals--colors--pink-450: #d2579e; --c--globals--colors--pink-500: #c24b8e; --c--globals--colors--pink-550: #b0417f; --c--globals--colors--pink-600: #9f3670; --c--globals--colors--pink-650: #873560; --c--globals--colors--pink-700: #6f3250; --c--globals--colors--pink-750: #5a2c43; --c--globals--colors--pink-800: #472635; --c--globals--colors--pink-850: #351f29; --c--globals--colors--pink-900: #26171d; --c--globals--colors--pink-950: #170f12; --c--globals--colors--black-000: #181b2400; --c--globals--colors--black-050: #181b240d; --c--globals--colors--black-100: #181b241a; --c--globals--colors--black-150: #181b2426; --c--globals--colors--black-200: #181b2433; --c--globals--colors--black-250: #181b2440; --c--globals--colors--black-300: #181b244d; --c--globals--colors--black-350: #181b2459; --c--globals--colors--black-400: #181b2466; --c--globals--colors--black-450: #181b2473; --c--globals--colors--black-500: #181b2480; --c--globals--colors--black-550: #181b248c; --c--globals--colors--black-600: #181b2499; --c--globals--colors--black-650: #181b24a6; --c--globals--colors--black-700: #181b24b2; --c--globals--colors--black-750: #181b24bf; --c--globals--colors--black-800: #181b24cc; --c--globals--colors--black-850: #181b24d9; --c--globals--colors--black-900: #181b24e5; --c--globals--colors--black-950: #0f1117f2; --c--globals--colors--white-000: #f6f8f900; --c--globals--colors--white-050: #f6f8f90d; --c--globals--colors--white-100: #f6f8f91a; --c--globals--colors--white-150: #f6f8f926; --c--globals--colors--white-200: #f6f8f933; --c--globals--colors--white-250: #f6f8f940; --c--globals--colors--white-300: #f6f8f94d; --c--globals--colors--white-350: #f6f8f959; --c--globals--colors--white-400: #f6f8f966; --c--globals--colors--white-450: #f6f8f973; --c--globals--colors--white-500: #f6f8f980; --c--globals--colors--white-550: #f6f8f98c; --c--globals--colors--white-600: #f6f8f999; --c--globals--colors--white-650: #f6f8f9a6; --c--globals--colors--white-700: #f6f8f9b2; --c--globals--colors--white-750: #f6f8f9bf; --c--globals--colors--white-800: #f6f8f9cc; --c--globals--colors--white-850: #f6f8f9d9; --c--globals--colors--white-900: #f6f8f9e5; --c--globals--colors--white-950: #f6f8f9f2; --c--globals--colors--white-975: #f6f8f9f9; --c--globals--spacing--0: 0rem; --c--globals--spacing--none: 0rem; --c--globals--spacing--auto: auto; --c--globals--spacing--bx: 2.2rem; --c--globals--spacing--full: 100%; --c--globals--spacing--3xs: .25rem; --c--globals--spacing--2xs: .375rem; --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-025); --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--black-050); --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--black-050); --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-150); --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-050); --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-100); --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-150); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-050); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-150); --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-050); --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-100); --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-100); --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-150); --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-050); --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-100); --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-100); --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-150); --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-050); --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-100); --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-100); --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-150); --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-050); --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-100); --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-100); --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-050); --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-350); --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-350); --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-150); --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-350); --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-150); --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-350); --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-150); --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-350); --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-350); --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-150); --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-350); --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-150); --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-350); --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-150); --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-light); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-light); --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-700); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-850); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-700); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-600); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-550); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-700); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-600); --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-550); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-700); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-600); --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-550); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-700); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-550); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-300); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--white-500); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-100); --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-300); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-300); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-300); --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-150); --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-550); --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-300); --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-150); --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-550); --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-300); --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-150); --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-550); --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-300); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-150); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-100); --c--components--alert--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--alert--border-radius: 4px; --c--components--alert--border-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--border-left-color: var(--c--contextuals--border--semantic--neutral--primary); --c--components--alert--font-weight: var(--c--globals--font--weights--medium); --c--components--alert--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--alert--icon-size: 19px; --c--components--alert--additional-font-weight: var(--c--globals--font--weights--regular); --c--components--alert--additional-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--button--border-radius: 4px; --c--components--button--border-radius--active: 4px; --c--components--button--border-radius--focus: 4px; --c--components--button--medium-text-height: 40px; --c--components--button--medium-height: 40px; --c--components--button--small-height: 32px; --c--components--button--nano-height: 24px; --c--components--button--medium-font-size: var(--c--globals--font--sizes--md); --c--components--button--medium-icon-font-size: 1.5rem; --c--components--button--small-font-size: var(--c--globals--font--sizes--sm); --c--components--button--small-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--nano-font-size: var(--c--globals--font--sizes--xs); --c--components--button--nano-icon-font-size: var(--c--globals--font--sizes--md); --c--components--button--font-weight: var(--c--globals--font--weights--medium); --c--components--button--font-family: var(--c--globals--font--families--base); --c--components--calendar--background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--border-radius: 8px; --c--components--calendar--padding: 8px; --c--components--calendar--cell-size: 32px; --c--components--calendar--cell-border-radius: 4px; --c--components--calendar--cell-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--header-font-size: var(--c--globals--font--sizes--xs); --c--components--calendar--date-past-color: var(--c--contextuals--content--semantic--disabled--primary); --c--components--calendar--date-today-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--calendar--date-today-border-color: var(--c--contextuals--border--semantic--neutral--secondary); --c--components--calendar--date-future-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--calendar--date-selected-bg: var(--c--contextuals--background--semantic--brand--primary); --c--components--calendar--date-selected-color: var(--c--contextuals--content--semantic--brand--on-brand); --c--components--calendar--range-middle-bg: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--calendar--range-middle-color: var(--c--contextuals--content--semantic--brand--primary); --c--components--calendar--range-middle-bg--disabled: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--calendar--menu-background-color: var(--c--contextuals--background--surface--primary); --c--components--calendar--menu-border-radius: 8px; --c--components--calendar--menu-item-height: 32px; --c--components--calendar--menu-item-font-size: var(--c--globals--font--sizes--sm); --c--components--calendar--menu-item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--calendar--menu-item-background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--calendar--menu-item-background-color--selected: var(--c--contextuals--background--semantic--brand--tertiary); --c--components--forms-checkbox--background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); --c--components--forms-checkbox--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-checkbox--font-weight: var(--c--globals--font--weights--medium); --c--components--forms-checkbox--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-checkbox--border-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--hover: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-checkbox--border-radius: 2px; --c--components--forms-checkbox--border-width: 1.5px; --c--components--forms-checkbox--border-width--hover: 1px; --c--components--forms-checkbox--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-checkbox--accent-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-checkbox--checkmark-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-checkbox--size: 1.5rem; --c--components--forms-datepicker--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--disabled: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-datepicker--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-datepicker--border-radius: 4px; --c--components--forms-datepicker--border-radius--focus: 4px; --c--components--forms-datepicker--border-radius--hover: 4px; --c--components--forms-datepicker--border-style: solid; --c--components--forms-datepicker--border-width: 1px; --c--components--forms-datepicker--border-width--focus: 1px; --c--components--forms-datepicker--border-width--hover: 1px; --c--components--forms-datepicker--value-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-datepicker--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-datepicker--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-datepicker--height: 3.5rem; --c--components--forms-datepicker--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-datepicker--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-field--width: 292px; --c--components--forms-field--font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--color--error: var(--c--contextuals--content--semantic--error--secondary); --c--components--forms-field--color--success: var(--c--contextuals--content--semantic--success--secondary); --c--components--forms-field--color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-field--inline-label-width: max-content; --c--components--forms-field--inline-column-gap: var(--c--globals--spacings--xs); --c--components--forms-field--inline-row-gap: var(--c--globals--spacings--3xs); --c--components--forms-field--label-description-gap: var(--c--globals--spacings--4xs); --c--components--forms-field--label-description-font-size: var(--c--globals--font--sizes--s); --c--components--forms-field--label-description-font-weight: var(--c--globals--font--weights--regular); --c--components--forms-field--label-description-line-height: 1rem; --c--components--forms-field--label-description-color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-field--label-description-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-input--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-input--border-radius: 4px; --c--components--forms-input--border-radius--hover: 4px; --c--components--forms-input--border-radius--focus: 4px; --c--components--forms-input--border-width: 1px; --c--components--forms-input--border-width--hover: 1px; --c--components--forms-input--border-width--focus: 1px; --c--components--forms-input--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-input--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-input--border-style: solid; --c--components--forms-input--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-input--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-input--background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-input--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-input--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-input--inline-min-height: 40px; --c--components--forms-input--inline-border-radius: var(--c--globals--spacings--xxxs); --c--components--forms-input--inline-padding-block: var(--c--globals--spacings--xxs); --c--components--forms-input--inline-padding-inline: var(--c--globals--spacings--xs); --c--components--forms-input--inline-background-color--disabled: var(--c--contextuals--background--semantic--disabled--secondary); --c--components--forms-input--inline-border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--small: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-labelledbox--label-color--big: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--label-color--small--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--label-color--big--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-labelledbox--classic-label-margin-bottom: var(--c--globals--spacings--xs); --c--components--forms-labelledbox--classic-label-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-labelledbox--classic-label-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-labelledbox--classic-label-font-weight: var(--c--globals--font--weights--medium); --c--components--forms-labelledbox--classic-label-line-height: 1.125rem; --c--components--forms-select--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-select--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-select--border-radius: 4px; --c--components--forms-select--border-radius--focus: 4px; --c--components--forms-select--border-radius--hover: 4px; --c--components--forms-select--border-style: solid; --c--components--forms-select--border-width: 1px; --c--components--forms-select--border-width--focus: 1px; --c--components--forms-select--border-width--hover: 1px; --c--components--forms-select--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-select--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--height: 3.5rem; --c--components--forms-select--item-background-color--hover: var(--c--contextuals--background--semantic--overlay--primary); --c--components--forms-select--item-background-color--selected: var(--c--contextuals--background--semantic--brand--secondary); --c--components--forms-select--item-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-select--item-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-select--item-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-select--menu-background-color: var(--c--contextuals--background--surface--secondary); --c--components--forms-select--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-select--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-select--multi-pill-background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--forms-select--multi-pill-border-radius: 2px; --c--components--forms-select--multi-pill-max-width: 68%; --c--components--forms-select--multi-pill-font-size: var(--c--globals--font--sizes--sm); --c--components--forms-select--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); --c--components--forms-switch--rail-background-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-switch--rail-background-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-switch--rail-border-radius: 50vw; --c--components--forms-switch--handle-background-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-switch--handle-background-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-switch--handle-border-radius: 50%; --c--components--forms-textarea--font-weight: var(--c--globals--font--weights--regular); --c--components--forms-textarea--font-size: var(--c--globals--font--sizes--sm); --c--components--forms-textarea--border-radius: 4px; --c--components--forms-textarea--border-radius--hover: 4px; --c--components--forms-textarea--border-radius--focus: 4px; --c--components--forms-textarea--border-width: 1px; --c--components--forms-textarea--border-width--hover: 1px; --c--components--forms-textarea--border-width--focus: 1px; --c--components--forms-textarea--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-textarea--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-textarea--border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-textarea--border-style: solid; --c--components--forms-textarea--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-textarea--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); --c--components--forms-textarea--background-color: var(--c--contextuals--background--surface--primary); --c--components--forms-textarea--value-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--forms-textarea--value-color--disabled: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--forms-textarea--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--modal--background-color: var(--c--contextuals--background--surface--secondary); --c--components--modal--backdrop-color: #0009; --c--components--modal--border-radius: 8px; --c--components--modal--border-color: var(--c--contextuals--border--surface--primary); --c--components--modal--box-shadow: 0 6px 20px 0 #0000121a; --c--components--modal--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--title-font-weight: var(--c--globals--font--weights--bold); --c--components--modal--compact-title-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--content-font-weight: var(--c--globals--font--weights--regular); --c--components--modal--content-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--width-small: 342px; --c--components--modal--width-medium: 600px; --c--components--modal--width-large: 800px; --c--components--modal--width-extra-large: 75%; --c--components--modal--tab-sidebar-width: 200px; --c--components--modal--tab-sidebar-background-color: var(--c--contextuals--background--surface--tertiary); --c--components--modal--tab-item-height: 32px; --c--components--modal--tab-item-border-radius: 4px; --c--components--modal--tab-item-font-size: var(--c--globals--font--sizes--sm); --c--components--modal--tab-item-font-weight: var(--c--globals--font--weights--medium); --c--components--modal--tab-item-font-weight--active: var(--c--globals--font--weights--bold); --c--components--modal--tab-item-active-background-color: #181b240d; --c--components--modal--tab-item-hover-background-color: #181b2408; --c--components--toast--slide-in-duration: 1s; --c--components--toast--slide-out-duration: .3s; --c--components--toast--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--toast--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--toast--font-weight: var(--c--globals--font--weights--regular); --c--components--toast--icon-size: 19px; --c--components--toast--progress-bar-height: 3px; --c--components--tooltip--border-radius: .5rem; --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--tooltip--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--tooltip--color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--tooltip--font-size: var(--c--globals--font--sizes--s); --c--components--tooltip--padding: 4px 8px; --c--components--tooltip--max-width: 150px; --c--components--resize-handle--hover--color: var(--c--contextuals--border--surface--primary); --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--datagrid--header--size: 12px; --c--components--datagrid--header--weight: 500; --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--badge--font-size: var(--c--globals--font--sizes--xs); --c--components--badge--border-radius: 12px; --c--components--badge--padding-inline: var(--c--globals--spacings--xs); --c--components--badge--padding-block: var(--c--globals--spacings--2xs); --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); } .clr-logo-1-light { color: var(--c--globals--colors--logo-1-light); } .clr-logo-2-light { color: var(--c--globals--colors--logo-2-light); } .clr-logo-1-dark { color: var(--c--globals--colors--logo-1-dark); } .clr-logo-2-dark { color: var(--c--globals--colors--logo-2-dark); } .clr-brand-050 { color: var(--c--globals--colors--brand-050); } .clr-brand-100 { color: var(--c--globals--colors--brand-100); } .clr-brand-150 { color: var(--c--globals--colors--brand-150); } .clr-brand-200 { color: var(--c--globals--colors--brand-200); } .clr-brand-250 { color: var(--c--globals--colors--brand-250); } .clr-brand-300 { color: var(--c--globals--colors--brand-300); } .clr-brand-350 { color: var(--c--globals--colors--brand-350); } .clr-brand-400 { color: var(--c--globals--colors--brand-400); } .clr-brand-450 { color: var(--c--globals--colors--brand-450); } .clr-brand-500 { color: var(--c--globals--colors--brand-500); } .clr-brand-550 { color: var(--c--globals--colors--brand-550); } .clr-brand-600 { color: var(--c--globals--colors--brand-600); } .clr-brand-650 { color: var(--c--globals--colors--brand-650); } .clr-brand-700 { color: var(--c--globals--colors--brand-700); } .clr-brand-750 { color: var(--c--globals--colors--brand-750); } .clr-brand-800 { color: var(--c--globals--colors--brand-800); } .clr-brand-850 { color: var(--c--globals--colors--brand-850); } .clr-brand-900 { color: var(--c--globals--colors--brand-900); } .clr-brand-950 { color: var(--c--globals--colors--brand-950); } .clr-gray-000 { color: var(--c--globals--colors--gray-000); } .clr-gray-025 { color: var(--c--globals--colors--gray-025); } .clr-gray-050 { color: var(--c--globals--colors--gray-050); } .clr-gray-100 { color: var(--c--globals--colors--gray-100); } .clr-gray-150 { color: var(--c--globals--colors--gray-150); } .clr-gray-200 { color: var(--c--globals--colors--gray-200); } .clr-gray-250 { color: var(--c--globals--colors--gray-250); } .clr-gray-300 { color: var(--c--globals--colors--gray-300); } .clr-gray-350 { color: var(--c--globals--colors--gray-350); } .clr-gray-400 { color: var(--c--globals--colors--gray-400); } .clr-gray-450 { color: var(--c--globals--colors--gray-450); } .clr-gray-500 { color: var(--c--globals--colors--gray-500); } .clr-gray-550 { color: var(--c--globals--colors--gray-550); } .clr-gray-600 { color: var(--c--globals--colors--gray-600); } .clr-gray-650 { color: var(--c--globals--colors--gray-650); } .clr-gray-700 { color: var(--c--globals--colors--gray-700); } .clr-gray-750 { color: var(--c--globals--colors--gray-750); } .clr-gray-800 { color: var(--c--globals--colors--gray-800); } .clr-gray-850 { color: var(--c--globals--colors--gray-850); } .clr-gray-900 { color: var(--c--globals--colors--gray-900); } .clr-gray-950 { color: var(--c--globals--colors--gray-950); } .clr-gray-1000 { color: var(--c--globals--colors--gray-1000); } .clr-info-050 { color: var(--c--globals--colors--info-050); } .clr-info-100 { color: var(--c--globals--colors--info-100); } .clr-info-150 { color: var(--c--globals--colors--info-150); } .clr-info-200 { color: var(--c--globals--colors--info-200); } .clr-info-250 { color: var(--c--globals--colors--info-250); } .clr-info-300 { color: var(--c--globals--colors--info-300); } .clr-info-350 { color: var(--c--globals--colors--info-350); } .clr-info-400 { color: var(--c--globals--colors--info-400); } .clr-info-450 { color: var(--c--globals--colors--info-450); } .clr-info-500 { color: var(--c--globals--colors--info-500); } .clr-info-550 { color: var(--c--globals--colors--info-550); } .clr-info-600 { color: var(--c--globals--colors--info-600); } .clr-info-650 { color: var(--c--globals--colors--info-650); } .clr-info-700 { color: var(--c--globals--colors--info-700); } .clr-info-750 { color: var(--c--globals--colors--info-750); } .clr-info-800 { color: var(--c--globals--colors--info-800); } .clr-info-850 { color: var(--c--globals--colors--info-850); } .clr-info-900 { color: var(--c--globals--colors--info-900); } .clr-info-950 { color: var(--c--globals--colors--info-950); } .clr-success-050 { color: var(--c--globals--colors--success-050); } .clr-success-100 { color: var(--c--globals--colors--success-100); } .clr-success-150 { color: var(--c--globals--colors--success-150); } .clr-success-200 { color: var(--c--globals--colors--success-200); } .clr-success-250 { color: var(--c--globals--colors--success-250); } .clr-success-300 { color: var(--c--globals--colors--success-300); } .clr-success-350 { color: var(--c--globals--colors--success-350); } .clr-success-400 { color: var(--c--globals--colors--success-400); } .clr-success-450 { color: var(--c--globals--colors--success-450); } .clr-success-500 { color: var(--c--globals--colors--success-500); } .clr-success-550 { color: var(--c--globals--colors--success-550); } .clr-success-600 { color: var(--c--globals--colors--success-600); } .clr-success-650 { color: var(--c--globals--colors--success-650); } .clr-success-700 { color: var(--c--globals--colors--success-700); } .clr-success-750 { color: var(--c--globals--colors--success-750); } .clr-success-800 { color: var(--c--globals--colors--success-800); } .clr-success-850 { color: var(--c--globals--colors--success-850); } .clr-success-900 { color: var(--c--globals--colors--success-900); } .clr-success-950 { color: var(--c--globals--colors--success-950); } .clr-warning-050 { color: var(--c--globals--colors--warning-050); } .clr-warning-100 { color: var(--c--globals--colors--warning-100); } .clr-warning-150 { color: var(--c--globals--colors--warning-150); } .clr-warning-200 { color: var(--c--globals--colors--warning-200); } .clr-warning-250 { color: var(--c--globals--colors--warning-250); } .clr-warning-300 { color: var(--c--globals--colors--warning-300); } .clr-warning-350 { color: var(--c--globals--colors--warning-350); } .clr-warning-400 { color: var(--c--globals--colors--warning-400); } .clr-warning-450 { color: var(--c--globals--colors--warning-450); } .clr-warning-500 { color: var(--c--globals--colors--warning-500); } .clr-warning-550 { color: var(--c--globals--colors--warning-550); } .clr-warning-600 { color: var(--c--globals--colors--warning-600); } .clr-warning-650 { color: var(--c--globals--colors--warning-650); } .clr-warning-700 { color: var(--c--globals--colors--warning-700); } .clr-warning-750 { color: var(--c--globals--colors--warning-750); } .clr-warning-800 { color: var(--c--globals--colors--warning-800); } .clr-warning-850 { color: var(--c--globals--colors--warning-850); } .clr-warning-900 { color: var(--c--globals--colors--warning-900); } .clr-warning-950 { color: var(--c--globals--colors--warning-950); } .clr-error-050 { color: var(--c--globals--colors--error-050); } .clr-error-100 { color: var(--c--globals--colors--error-100); } .clr-error-150 { color: var(--c--globals--colors--error-150); } .clr-error-200 { color: var(--c--globals--colors--error-200); } .clr-error-250 { color: var(--c--globals--colors--error-250); } .clr-error-300 { color: var(--c--globals--colors--error-300); } .clr-error-350 { color: var(--c--globals--colors--error-350); } .clr-error-400 { color: var(--c--globals--colors--error-400); } .clr-error-450 { color: var(--c--globals--colors--error-450); } .clr-error-500 { color: var(--c--globals--colors--error-500); } .clr-error-550 { color: var(--c--globals--colors--error-550); } .clr-error-600 { color: var(--c--globals--colors--error-600); } .clr-error-650 { color: var(--c--globals--colors--error-650); } .clr-error-700 { color: var(--c--globals--colors--error-700); } .clr-error-750 { color: var(--c--globals--colors--error-750); } .clr-error-800 { color: var(--c--globals--colors--error-800); } .clr-error-850 { color: var(--c--globals--colors--error-850); } .clr-error-900 { color: var(--c--globals--colors--error-900); } .clr-error-950 { color: var(--c--globals--colors--error-950); } .clr-red-050 { color: var(--c--globals--colors--red-050); } .clr-red-100 { color: var(--c--globals--colors--red-100); } .clr-red-150 { color: var(--c--globals--colors--red-150); } .clr-red-200 { color: var(--c--globals--colors--red-200); } .clr-red-250 { color: var(--c--globals--colors--red-250); } .clr-red-300 { color: var(--c--globals--colors--red-300); } .clr-red-350 { color: var(--c--globals--colors--red-350); } .clr-red-400 { color: var(--c--globals--colors--red-400); } .clr-red-450 { color: var(--c--globals--colors--red-450); } .clr-red-500 { color: var(--c--globals--colors--red-500); } .clr-red-550 { color: var(--c--globals--colors--red-550); } .clr-red-600 { color: var(--c--globals--colors--red-600); } .clr-red-650 { color: var(--c--globals--colors--red-650); } .clr-red-700 { color: var(--c--globals--colors--red-700); } .clr-red-750 { color: var(--c--globals--colors--red-750); } .clr-red-800 { color: var(--c--globals--colors--red-800); } .clr-red-850 { color: var(--c--globals--colors--red-850); } .clr-red-900 { color: var(--c--globals--colors--red-900); } .clr-red-950 { color: var(--c--globals--colors--red-950); } .clr-orange-050 { color: var(--c--globals--colors--orange-050); } .clr-orange-100 { color: var(--c--globals--colors--orange-100); } .clr-orange-150 { color: var(--c--globals--colors--orange-150); } .clr-orange-200 { color: var(--c--globals--colors--orange-200); } .clr-orange-250 { color: var(--c--globals--colors--orange-250); } .clr-orange-300 { color: var(--c--globals--colors--orange-300); } .clr-orange-350 { color: var(--c--globals--colors--orange-350); } .clr-orange-400 { color: var(--c--globals--colors--orange-400); } .clr-orange-450 { color: var(--c--globals--colors--orange-450); } .clr-orange-500 { color: var(--c--globals--colors--orange-500); } .clr-orange-550 { color: var(--c--globals--colors--orange-550); } .clr-orange-600 { color: var(--c--globals--colors--orange-600); } .clr-orange-650 { color: var(--c--globals--colors--orange-650); } .clr-orange-700 { color: var(--c--globals--colors--orange-700); } .clr-orange-750 { color: var(--c--globals--colors--orange-750); } .clr-orange-800 { color: var(--c--globals--colors--orange-800); } .clr-orange-850 { color: var(--c--globals--colors--orange-850); } .clr-orange-900 { color: var(--c--globals--colors--orange-900); } .clr-orange-950 { color: var(--c--globals--colors--orange-950); } .clr-brown-050 { color: var(--c--globals--colors--brown-050); } .clr-brown-100 { color: var(--c--globals--colors--brown-100); } .clr-brown-150 { color: var(--c--globals--colors--brown-150); } .clr-brown-200 { color: var(--c--globals--colors--brown-200); } .clr-brown-250 { color: var(--c--globals--colors--brown-250); } .clr-brown-300 { color: var(--c--globals--colors--brown-300); } .clr-brown-350 { color: var(--c--globals--colors--brown-350); } .clr-brown-400 { color: var(--c--globals--colors--brown-400); } .clr-brown-450 { color: var(--c--globals--colors--brown-450); } .clr-brown-500 { color: var(--c--globals--colors--brown-500); } .clr-brown-550 { color: var(--c--globals--colors--brown-550); } .clr-brown-600 { color: var(--c--globals--colors--brown-600); } .clr-brown-650 { color: var(--c--globals--colors--brown-650); } .clr-brown-700 { color: var(--c--globals--colors--brown-700); } .clr-brown-750 { color: var(--c--globals--colors--brown-750); } .clr-brown-800 { color: var(--c--globals--colors--brown-800); } .clr-brown-850 { color: var(--c--globals--colors--brown-850); } .clr-brown-900 { color: var(--c--globals--colors--brown-900); } .clr-brown-950 { color: var(--c--globals--colors--brown-950); } .clr-yellow-050 { color: var(--c--globals--colors--yellow-050); } .clr-yellow-100 { color: var(--c--globals--colors--yellow-100); } .clr-yellow-150 { color: var(--c--globals--colors--yellow-150); } .clr-yellow-200 { color: var(--c--globals--colors--yellow-200); } .clr-yellow-250 { color: var(--c--globals--colors--yellow-250); } .clr-yellow-300 { color: var(--c--globals--colors--yellow-300); } .clr-yellow-350 { color: var(--c--globals--colors--yellow-350); } .clr-yellow-400 { color: var(--c--globals--colors--yellow-400); } .clr-yellow-450 { color: var(--c--globals--colors--yellow-450); } .clr-yellow-500 { color: var(--c--globals--colors--yellow-500); } .clr-yellow-550 { color: var(--c--globals--colors--yellow-550); } .clr-yellow-600 { color: var(--c--globals--colors--yellow-600); } .clr-yellow-650 { color: var(--c--globals--colors--yellow-650); } .clr-yellow-700 { color: var(--c--globals--colors--yellow-700); } .clr-yellow-750 { color: var(--c--globals--colors--yellow-750); } .clr-yellow-800 { color: var(--c--globals--colors--yellow-800); } .clr-yellow-850 { color: var(--c--globals--colors--yellow-850); } .clr-yellow-900 { color: var(--c--globals--colors--yellow-900); } .clr-yellow-950 { color: var(--c--globals--colors--yellow-950); } .clr-green-050 { color: var(--c--globals--colors--green-050); } .clr-green-100 { color: var(--c--globals--colors--green-100); } .clr-green-150 { color: var(--c--globals--colors--green-150); } .clr-green-200 { color: var(--c--globals--colors--green-200); } .clr-green-250 { color: var(--c--globals--colors--green-250); } .clr-green-300 { color: var(--c--globals--colors--green-300); } .clr-green-350 { color: var(--c--globals--colors--green-350); } .clr-green-400 { color: var(--c--globals--colors--green-400); } .clr-green-450 { color: var(--c--globals--colors--green-450); } .clr-green-500 { color: var(--c--globals--colors--green-500); } .clr-green-550 { color: var(--c--globals--colors--green-550); } .clr-green-600 { color: var(--c--globals--colors--green-600); } .clr-green-650 { color: var(--c--globals--colors--green-650); } .clr-green-700 { color: var(--c--globals--colors--green-700); } .clr-green-750 { color: var(--c--globals--colors--green-750); } .clr-green-800 { color: var(--c--globals--colors--green-800); } .clr-green-850 { color: var(--c--globals--colors--green-850); } .clr-green-900 { color: var(--c--globals--colors--green-900); } .clr-green-950 { color: var(--c--globals--colors--green-950); } .clr-blue-1-050 { color: var(--c--globals--colors--blue-1-050); } .clr-blue-1-100 { color: var(--c--globals--colors--blue-1-100); } .clr-blue-1-150 { color: var(--c--globals--colors--blue-1-150); } .clr-blue-1-200 { color: var(--c--globals--colors--blue-1-200); } .clr-blue-1-250 { color: var(--c--globals--colors--blue-1-250); } .clr-blue-1-300 { color: var(--c--globals--colors--blue-1-300); } .clr-blue-1-350 { color: var(--c--globals--colors--blue-1-350); } .clr-blue-1-400 { color: var(--c--globals--colors--blue-1-400); } .clr-blue-1-450 { color: var(--c--globals--colors--blue-1-450); } .clr-blue-1-500 { color: var(--c--globals--colors--blue-1-500); } .clr-blue-1-550 { color: var(--c--globals--colors--blue-1-550); } .clr-blue-1-600 { color: var(--c--globals--colors--blue-1-600); } .clr-blue-1-650 { color: var(--c--globals--colors--blue-1-650); } .clr-blue-1-700 { color: var(--c--globals--colors--blue-1-700); } .clr-blue-1-750 { color: var(--c--globals--colors--blue-1-750); } .clr-blue-1-800 { color: var(--c--globals--colors--blue-1-800); } .clr-blue-1-850 { color: var(--c--globals--colors--blue-1-850); } .clr-blue-1-900 { color: var(--c--globals--colors--blue-1-900); } .clr-blue-1-950 { color: var(--c--globals--colors--blue-1-950); } .clr-blue-2-050 { color: var(--c--globals--colors--blue-2-050); } .clr-blue-2-100 { color: var(--c--globals--colors--blue-2-100); } .clr-blue-2-150 { color: var(--c--globals--colors--blue-2-150); } .clr-blue-2-200 { color: var(--c--globals--colors--blue-2-200); } .clr-blue-2-250 { color: var(--c--globals--colors--blue-2-250); } .clr-blue-2-300 { color: var(--c--globals--colors--blue-2-300); } .clr-blue-2-350 { color: var(--c--globals--colors--blue-2-350); } .clr-blue-2-400 { color: var(--c--globals--colors--blue-2-400); } .clr-blue-2-450 { color: var(--c--globals--colors--blue-2-450); } .clr-blue-2-500 { color: var(--c--globals--colors--blue-2-500); } .clr-blue-2-550 { color: var(--c--globals--colors--blue-2-550); } .clr-blue-2-600 { color: var(--c--globals--colors--blue-2-600); } .clr-blue-2-650 { color: var(--c--globals--colors--blue-2-650); } .clr-blue-2-700 { color: var(--c--globals--colors--blue-2-700); } .clr-blue-2-750 { color: var(--c--globals--colors--blue-2-750); } .clr-blue-2-800 { color: var(--c--globals--colors--blue-2-800); } .clr-blue-2-850 { color: var(--c--globals--colors--blue-2-850); } .clr-blue-2-900 { color: var(--c--globals--colors--blue-2-900); } .clr-blue-2-950 { color: var(--c--globals--colors--blue-2-950); } .clr-purple-050 { color: var(--c--globals--colors--purple-050); } .clr-purple-100 { color: var(--c--globals--colors--purple-100); } .clr-purple-150 { color: var(--c--globals--colors--purple-150); } .clr-purple-200 { color: var(--c--globals--colors--purple-200); } .clr-purple-250 { color: var(--c--globals--colors--purple-250); } .clr-purple-300 { color: var(--c--globals--colors--purple-300); } .clr-purple-350 { color: var(--c--globals--colors--purple-350); } .clr-purple-400 { color: var(--c--globals--colors--purple-400); } .clr-purple-450 { color: var(--c--globals--colors--purple-450); } .clr-purple-500 { color: var(--c--globals--colors--purple-500); } .clr-purple-550 { color: var(--c--globals--colors--purple-550); } .clr-purple-600 { color: var(--c--globals--colors--purple-600); } .clr-purple-650 { color: var(--c--globals--colors--purple-650); } .clr-purple-700 { color: var(--c--globals--colors--purple-700); } .clr-purple-750 { color: var(--c--globals--colors--purple-750); } .clr-purple-800 { color: var(--c--globals--colors--purple-800); } .clr-purple-850 { color: var(--c--globals--colors--purple-850); } .clr-purple-900 { color: var(--c--globals--colors--purple-900); } .clr-purple-950 { color: var(--c--globals--colors--purple-950); } .clr-pink-050 { color: var(--c--globals--colors--pink-050); } .clr-pink-100 { color: var(--c--globals--colors--pink-100); } .clr-pink-150 { color: var(--c--globals--colors--pink-150); } .clr-pink-200 { color: var(--c--globals--colors--pink-200); } .clr-pink-250 { color: var(--c--globals--colors--pink-250); } .clr-pink-300 { color: var(--c--globals--colors--pink-300); } .clr-pink-350 { color: var(--c--globals--colors--pink-350); } .clr-pink-400 { color: var(--c--globals--colors--pink-400); } .clr-pink-450 { color: var(--c--globals--colors--pink-450); } .clr-pink-500 { color: var(--c--globals--colors--pink-500); } .clr-pink-550 { color: var(--c--globals--colors--pink-550); } .clr-pink-600 { color: var(--c--globals--colors--pink-600); } .clr-pink-650 { color: var(--c--globals--colors--pink-650); } .clr-pink-700 { color: var(--c--globals--colors--pink-700); } .clr-pink-750 { color: var(--c--globals--colors--pink-750); } .clr-pink-800 { color: var(--c--globals--colors--pink-800); } .clr-pink-850 { color: var(--c--globals--colors--pink-850); } .clr-pink-900 { color: var(--c--globals--colors--pink-900); } .clr-pink-950 { color: var(--c--globals--colors--pink-950); } .clr-black-000 { color: var(--c--globals--colors--black-000); } .clr-black-050 { color: var(--c--globals--colors--black-050); } .clr-black-100 { color: var(--c--globals--colors--black-100); } .clr-black-150 { color: var(--c--globals--colors--black-150); } .clr-black-200 { color: var(--c--globals--colors--black-200); } .clr-black-250 { color: var(--c--globals--colors--black-250); } .clr-black-300 { color: var(--c--globals--colors--black-300); } .clr-black-350 { color: var(--c--globals--colors--black-350); } .clr-black-400 { color: var(--c--globals--colors--black-400); } .clr-black-450 { color: var(--c--globals--colors--black-450); } .clr-black-500 { color: var(--c--globals--colors--black-500); } .clr-black-550 { color: var(--c--globals--colors--black-550); } .clr-black-600 { color: var(--c--globals--colors--black-600); } .clr-black-650 { color: var(--c--globals--colors--black-650); } .clr-black-700 { color: var(--c--globals--colors--black-700); } .clr-black-750 { color: var(--c--globals--colors--black-750); } .clr-black-800 { color: var(--c--globals--colors--black-800); } .clr-black-850 { color: var(--c--globals--colors--black-850); } .clr-black-900 { color: var(--c--globals--colors--black-900); } .clr-black-950 { color: var(--c--globals--colors--black-950); } .clr-white-000 { color: var(--c--globals--colors--white-000); } .clr-white-050 { color: var(--c--globals--colors--white-050); } .clr-white-100 { color: var(--c--globals--colors--white-100); } .clr-white-150 { color: var(--c--globals--colors--white-150); } .clr-white-200 { color: var(--c--globals--colors--white-200); } .clr-white-250 { color: var(--c--globals--colors--white-250); } .clr-white-300 { color: var(--c--globals--colors--white-300); } .clr-white-350 { color: var(--c--globals--colors--white-350); } .clr-white-400 { color: var(--c--globals--colors--white-400); } .clr-white-450 { color: var(--c--globals--colors--white-450); } .clr-white-500 { color: var(--c--globals--colors--white-500); } .clr-white-550 { color: var(--c--globals--colors--white-550); } .clr-white-600 { color: var(--c--globals--colors--white-600); } .clr-white-650 { color: var(--c--globals--colors--white-650); } .clr-white-700 { color: var(--c--globals--colors--white-700); } .clr-white-750 { color: var(--c--globals--colors--white-750); } .clr-white-800 { color: var(--c--globals--colors--white-800); } .clr-white-850 { color: var(--c--globals--colors--white-850); } .clr-white-900 { color: var(--c--globals--colors--white-900); } .clr-white-950 { color: var(--c--globals--colors--white-950); } .clr-white-975 { color: var(--c--globals--colors--white-975); } .bg-logo-1-light { background-color: var(--c--globals--colors--logo-1-light); } .bg-logo-2-light { background-color: var(--c--globals--colors--logo-2-light); } .bg-logo-1-dark { background-color: var(--c--globals--colors--logo-1-dark); } .bg-logo-2-dark { background-color: var(--c--globals--colors--logo-2-dark); } .bg-brand-050 { background-color: var(--c--globals--colors--brand-050); } .bg-brand-100 { background-color: var(--c--globals--colors--brand-100); } .bg-brand-150 { background-color: var(--c--globals--colors--brand-150); } .bg-brand-200 { background-color: var(--c--globals--colors--brand-200); } .bg-brand-250 { background-color: var(--c--globals--colors--brand-250); } .bg-brand-300 { background-color: var(--c--globals--colors--brand-300); } .bg-brand-350 { background-color: var(--c--globals--colors--brand-350); } .bg-brand-400 { background-color: var(--c--globals--colors--brand-400); } .bg-brand-450 { background-color: var(--c--globals--colors--brand-450); } .bg-brand-500 { background-color: var(--c--globals--colors--brand-500); } .bg-brand-550 { background-color: var(--c--globals--colors--brand-550); } .bg-brand-600 { background-color: var(--c--globals--colors--brand-600); } .bg-brand-650 { background-color: var(--c--globals--colors--brand-650); } .bg-brand-700 { background-color: var(--c--globals--colors--brand-700); } .bg-brand-750 { background-color: var(--c--globals--colors--brand-750); } .bg-brand-800 { background-color: var(--c--globals--colors--brand-800); } .bg-brand-850 { background-color: var(--c--globals--colors--brand-850); } .bg-brand-900 { background-color: var(--c--globals--colors--brand-900); } .bg-brand-950 { background-color: var(--c--globals--colors--brand-950); } .bg-gray-000 { background-color: var(--c--globals--colors--gray-000); } .bg-gray-025 { background-color: var(--c--globals--colors--gray-025); } .bg-gray-050 { background-color: var(--c--globals--colors--gray-050); } .bg-gray-100 { background-color: var(--c--globals--colors--gray-100); } .bg-gray-150 { background-color: var(--c--globals--colors--gray-150); } .bg-gray-200 { background-color: var(--c--globals--colors--gray-200); } .bg-gray-250 { background-color: var(--c--globals--colors--gray-250); } .bg-gray-300 { background-color: var(--c--globals--colors--gray-300); } .bg-gray-350 { background-color: var(--c--globals--colors--gray-350); } .bg-gray-400 { background-color: var(--c--globals--colors--gray-400); } .bg-gray-450 { background-color: var(--c--globals--colors--gray-450); } .bg-gray-500 { background-color: var(--c--globals--colors--gray-500); } .bg-gray-550 { background-color: var(--c--globals--colors--gray-550); } .bg-gray-600 { background-color: var(--c--globals--colors--gray-600); } .bg-gray-650 { background-color: var(--c--globals--colors--gray-650); } .bg-gray-700 { background-color: var(--c--globals--colors--gray-700); } .bg-gray-750 { background-color: var(--c--globals--colors--gray-750); } .bg-gray-800 { background-color: var(--c--globals--colors--gray-800); } .bg-gray-850 { background-color: var(--c--globals--colors--gray-850); } .bg-gray-900 { background-color: var(--c--globals--colors--gray-900); } .bg-gray-950 { background-color: var(--c--globals--colors--gray-950); } .bg-gray-1000 { background-color: var(--c--globals--colors--gray-1000); } .bg-info-050 { background-color: var(--c--globals--colors--info-050); } .bg-info-100 { background-color: var(--c--globals--colors--info-100); } .bg-info-150 { background-color: var(--c--globals--colors--info-150); } .bg-info-200 { background-color: var(--c--globals--colors--info-200); } .bg-info-250 { background-color: var(--c--globals--colors--info-250); } .bg-info-300 { background-color: var(--c--globals--colors--info-300); } .bg-info-350 { background-color: var(--c--globals--colors--info-350); } .bg-info-400 { background-color: var(--c--globals--colors--info-400); } .bg-info-450 { background-color: var(--c--globals--colors--info-450); } .bg-info-500 { background-color: var(--c--globals--colors--info-500); } .bg-info-550 { background-color: var(--c--globals--colors--info-550); } .bg-info-600 { background-color: var(--c--globals--colors--info-600); } .bg-info-650 { background-color: var(--c--globals--colors--info-650); } .bg-info-700 { background-color: var(--c--globals--colors--info-700); } .bg-info-750 { background-color: var(--c--globals--colors--info-750); } .bg-info-800 { background-color: var(--c--globals--colors--info-800); } .bg-info-850 { background-color: var(--c--globals--colors--info-850); } .bg-info-900 { background-color: var(--c--globals--colors--info-900); } .bg-info-950 { background-color: var(--c--globals--colors--info-950); } .bg-success-050 { background-color: var(--c--globals--colors--success-050); } .bg-success-100 { background-color: var(--c--globals--colors--success-100); } .bg-success-150 { background-color: var(--c--globals--colors--success-150); } .bg-success-200 { background-color: var(--c--globals--colors--success-200); } .bg-success-250 { background-color: var(--c--globals--colors--success-250); } .bg-success-300 { background-color: var(--c--globals--colors--success-300); } .bg-success-350 { background-color: var(--c--globals--colors--success-350); } .bg-success-400 { background-color: var(--c--globals--colors--success-400); } .bg-success-450 { background-color: var(--c--globals--colors--success-450); } .bg-success-500 { background-color: var(--c--globals--colors--success-500); } .bg-success-550 { background-color: var(--c--globals--colors--success-550); } .bg-success-600 { background-color: var(--c--globals--colors--success-600); } .bg-success-650 { background-color: var(--c--globals--colors--success-650); } .bg-success-700 { background-color: var(--c--globals--colors--success-700); } .bg-success-750 { background-color: var(--c--globals--colors--success-750); } .bg-success-800 { background-color: var(--c--globals--colors--success-800); } .bg-success-850 { background-color: var(--c--globals--colors--success-850); } .bg-success-900 { background-color: var(--c--globals--colors--success-900); } .bg-success-950 { background-color: var(--c--globals--colors--success-950); } .bg-warning-050 { background-color: var(--c--globals--colors--warning-050); } .bg-warning-100 { background-color: var(--c--globals--colors--warning-100); } .bg-warning-150 { background-color: var(--c--globals--colors--warning-150); } .bg-warning-200 { background-color: var(--c--globals--colors--warning-200); } .bg-warning-250 { background-color: var(--c--globals--colors--warning-250); } .bg-warning-300 { background-color: var(--c--globals--colors--warning-300); } .bg-warning-350 { background-color: var(--c--globals--colors--warning-350); } .bg-warning-400 { background-color: var(--c--globals--colors--warning-400); } .bg-warning-450 { background-color: var(--c--globals--colors--warning-450); } .bg-warning-500 { background-color: var(--c--globals--colors--warning-500); } .bg-warning-550 { background-color: var(--c--globals--colors--warning-550); } .bg-warning-600 { background-color: var(--c--globals--colors--warning-600); } .bg-warning-650 { background-color: var(--c--globals--colors--warning-650); } .bg-warning-700 { background-color: var(--c--globals--colors--warning-700); } .bg-warning-750 { background-color: var(--c--globals--colors--warning-750); } .bg-warning-800 { background-color: var(--c--globals--colors--warning-800); } .bg-warning-850 { background-color: var(--c--globals--colors--warning-850); } .bg-warning-900 { background-color: var(--c--globals--colors--warning-900); } .bg-warning-950 { background-color: var(--c--globals--colors--warning-950); } .bg-error-050 { background-color: var(--c--globals--colors--error-050); } .bg-error-100 { background-color: var(--c--globals--colors--error-100); } .bg-error-150 { background-color: var(--c--globals--colors--error-150); } .bg-error-200 { background-color: var(--c--globals--colors--error-200); } .bg-error-250 { background-color: var(--c--globals--colors--error-250); } .bg-error-300 { background-color: var(--c--globals--colors--error-300); } .bg-error-350 { background-color: var(--c--globals--colors--error-350); } .bg-error-400 { background-color: var(--c--globals--colors--error-400); } .bg-error-450 { background-color: var(--c--globals--colors--error-450); } .bg-error-500 { background-color: var(--c--globals--colors--error-500); } .bg-error-550 { background-color: var(--c--globals--colors--error-550); } .bg-error-600 { background-color: var(--c--globals--colors--error-600); } .bg-error-650 { background-color: var(--c--globals--colors--error-650); } .bg-error-700 { background-color: var(--c--globals--colors--error-700); } .bg-error-750 { background-color: var(--c--globals--colors--error-750); } .bg-error-800 { background-color: var(--c--globals--colors--error-800); } .bg-error-850 { background-color: var(--c--globals--colors--error-850); } .bg-error-900 { background-color: var(--c--globals--colors--error-900); } .bg-error-950 { background-color: var(--c--globals--colors--error-950); } .bg-red-050 { background-color: var(--c--globals--colors--red-050); } .bg-red-100 { background-color: var(--c--globals--colors--red-100); } .bg-red-150 { background-color: var(--c--globals--colors--red-150); } .bg-red-200 { background-color: var(--c--globals--colors--red-200); } .bg-red-250 { background-color: var(--c--globals--colors--red-250); } .bg-red-300 { background-color: var(--c--globals--colors--red-300); } .bg-red-350 { background-color: var(--c--globals--colors--red-350); } .bg-red-400 { background-color: var(--c--globals--colors--red-400); } .bg-red-450 { background-color: var(--c--globals--colors--red-450); } .bg-red-500 { background-color: var(--c--globals--colors--red-500); } .bg-red-550 { background-color: var(--c--globals--colors--red-550); } .bg-red-600 { background-color: var(--c--globals--colors--red-600); } .bg-red-650 { background-color: var(--c--globals--colors--red-650); } .bg-red-700 { background-color: var(--c--globals--colors--red-700); } .bg-red-750 { background-color: var(--c--globals--colors--red-750); } .bg-red-800 { background-color: var(--c--globals--colors--red-800); } .bg-red-850 { background-color: var(--c--globals--colors--red-850); } .bg-red-900 { background-color: var(--c--globals--colors--red-900); } .bg-red-950 { background-color: var(--c--globals--colors--red-950); } .bg-orange-050 { background-color: var(--c--globals--colors--orange-050); } .bg-orange-100 { background-color: var(--c--globals--colors--orange-100); } .bg-orange-150 { background-color: var(--c--globals--colors--orange-150); } .bg-orange-200 { background-color: var(--c--globals--colors--orange-200); } .bg-orange-250 { background-color: var(--c--globals--colors--orange-250); } .bg-orange-300 { background-color: var(--c--globals--colors--orange-300); } .bg-orange-350 { background-color: var(--c--globals--colors--orange-350); } .bg-orange-400 { background-color: var(--c--globals--colors--orange-400); } .bg-orange-450 { background-color: var(--c--globals--colors--orange-450); } .bg-orange-500 { background-color: var(--c--globals--colors--orange-500); } .bg-orange-550 { background-color: var(--c--globals--colors--orange-550); } .bg-orange-600 { background-color: var(--c--globals--colors--orange-600); } .bg-orange-650 { background-color: var(--c--globals--colors--orange-650); } .bg-orange-700 { background-color: var(--c--globals--colors--orange-700); } .bg-orange-750 { background-color: var(--c--globals--colors--orange-750); } .bg-orange-800 { background-color: var(--c--globals--colors--orange-800); } .bg-orange-850 { background-color: var(--c--globals--colors--orange-850); } .bg-orange-900 { background-color: var(--c--globals--colors--orange-900); } .bg-orange-950 { background-color: var(--c--globals--colors--orange-950); } .bg-brown-050 { background-color: var(--c--globals--colors--brown-050); } .bg-brown-100 { background-color: var(--c--globals--colors--brown-100); } .bg-brown-150 { background-color: var(--c--globals--colors--brown-150); } .bg-brown-200 { background-color: var(--c--globals--colors--brown-200); } .bg-brown-250 { background-color: var(--c--globals--colors--brown-250); } .bg-brown-300 { background-color: var(--c--globals--colors--brown-300); } .bg-brown-350 { background-color: var(--c--globals--colors--brown-350); } .bg-brown-400 { background-color: var(--c--globals--colors--brown-400); } .bg-brown-450 { background-color: var(--c--globals--colors--brown-450); } .bg-brown-500 { background-color: var(--c--globals--colors--brown-500); } .bg-brown-550 { background-color: var(--c--globals--colors--brown-550); } .bg-brown-600 { background-color: var(--c--globals--colors--brown-600); } .bg-brown-650 { background-color: var(--c--globals--colors--brown-650); } .bg-brown-700 { background-color: var(--c--globals--colors--brown-700); } .bg-brown-750 { background-color: var(--c--globals--colors--brown-750); } .bg-brown-800 { background-color: var(--c--globals--colors--brown-800); } .bg-brown-850 { background-color: var(--c--globals--colors--brown-850); } .bg-brown-900 { background-color: var(--c--globals--colors--brown-900); } .bg-brown-950 { background-color: var(--c--globals--colors--brown-950); } .bg-yellow-050 { background-color: var(--c--globals--colors--yellow-050); } .bg-yellow-100 { background-color: var(--c--globals--colors--yellow-100); } .bg-yellow-150 { background-color: var(--c--globals--colors--yellow-150); } .bg-yellow-200 { background-color: var(--c--globals--colors--yellow-200); } .bg-yellow-250 { background-color: var(--c--globals--colors--yellow-250); } .bg-yellow-300 { background-color: var(--c--globals--colors--yellow-300); } .bg-yellow-350 { background-color: var(--c--globals--colors--yellow-350); } .bg-yellow-400 { background-color: var(--c--globals--colors--yellow-400); } .bg-yellow-450 { background-color: var(--c--globals--colors--yellow-450); } .bg-yellow-500 { background-color: var(--c--globals--colors--yellow-500); } .bg-yellow-550 { background-color: var(--c--globals--colors--yellow-550); } .bg-yellow-600 { background-color: var(--c--globals--colors--yellow-600); } .bg-yellow-650 { background-color: var(--c--globals--colors--yellow-650); } .bg-yellow-700 { background-color: var(--c--globals--colors--yellow-700); } .bg-yellow-750 { background-color: var(--c--globals--colors--yellow-750); } .bg-yellow-800 { background-color: var(--c--globals--colors--yellow-800); } .bg-yellow-850 { background-color: var(--c--globals--colors--yellow-850); } .bg-yellow-900 { background-color: var(--c--globals--colors--yellow-900); } .bg-yellow-950 { background-color: var(--c--globals--colors--yellow-950); } .bg-green-050 { background-color: var(--c--globals--colors--green-050); } .bg-green-100 { background-color: var(--c--globals--colors--green-100); } .bg-green-150 { background-color: var(--c--globals--colors--green-150); } .bg-green-200 { background-color: var(--c--globals--colors--green-200); } .bg-green-250 { background-color: var(--c--globals--colors--green-250); } .bg-green-300 { background-color: var(--c--globals--colors--green-300); } .bg-green-350 { background-color: var(--c--globals--colors--green-350); } .bg-green-400 { background-color: var(--c--globals--colors--green-400); } .bg-green-450 { background-color: var(--c--globals--colors--green-450); } .bg-green-500 { background-color: var(--c--globals--colors--green-500); } .bg-green-550 { background-color: var(--c--globals--colors--green-550); } .bg-green-600 { background-color: var(--c--globals--colors--green-600); } .bg-green-650 { background-color: var(--c--globals--colors--green-650); } .bg-green-700 { background-color: var(--c--globals--colors--green-700); } .bg-green-750 { background-color: var(--c--globals--colors--green-750); } .bg-green-800 { background-color: var(--c--globals--colors--green-800); } .bg-green-850 { background-color: var(--c--globals--colors--green-850); } .bg-green-900 { background-color: var(--c--globals--colors--green-900); } .bg-green-950 { background-color: var(--c--globals--colors--green-950); } .bg-blue-1-050 { background-color: var(--c--globals--colors--blue-1-050); } .bg-blue-1-100 { background-color: var(--c--globals--colors--blue-1-100); } .bg-blue-1-150 { background-color: var(--c--globals--colors--blue-1-150); } .bg-blue-1-200 { background-color: var(--c--globals--colors--blue-1-200); } .bg-blue-1-250 { background-color: var(--c--globals--colors--blue-1-250); } .bg-blue-1-300 { background-color: var(--c--globals--colors--blue-1-300); } .bg-blue-1-350 { background-color: var(--c--globals--colors--blue-1-350); } .bg-blue-1-400 { background-color: var(--c--globals--colors--blue-1-400); } .bg-blue-1-450 { background-color: var(--c--globals--colors--blue-1-450); } .bg-blue-1-500 { background-color: var(--c--globals--colors--blue-1-500); } .bg-blue-1-550 { background-color: var(--c--globals--colors--blue-1-550); } .bg-blue-1-600 { background-color: var(--c--globals--colors--blue-1-600); } .bg-blue-1-650 { background-color: var(--c--globals--colors--blue-1-650); } .bg-blue-1-700 { background-color: var(--c--globals--colors--blue-1-700); } .bg-blue-1-750 { background-color: var(--c--globals--colors--blue-1-750); } .bg-blue-1-800 { background-color: var(--c--globals--colors--blue-1-800); } .bg-blue-1-850 { background-color: var(--c--globals--colors--blue-1-850); } .bg-blue-1-900 { background-color: var(--c--globals--colors--blue-1-900); } .bg-blue-1-950 { background-color: var(--c--globals--colors--blue-1-950); } .bg-blue-2-050 { background-color: var(--c--globals--colors--blue-2-050); } .bg-blue-2-100 { background-color: var(--c--globals--colors--blue-2-100); } .bg-blue-2-150 { background-color: var(--c--globals--colors--blue-2-150); } .bg-blue-2-200 { background-color: var(--c--globals--colors--blue-2-200); } .bg-blue-2-250 { background-color: var(--c--globals--colors--blue-2-250); } .bg-blue-2-300 { background-color: var(--c--globals--colors--blue-2-300); } .bg-blue-2-350 { background-color: var(--c--globals--colors--blue-2-350); } .bg-blue-2-400 { background-color: var(--c--globals--colors--blue-2-400); } .bg-blue-2-450 { background-color: var(--c--globals--colors--blue-2-450); } .bg-blue-2-500 { background-color: var(--c--globals--colors--blue-2-500); } .bg-blue-2-550 { background-color: var(--c--globals--colors--blue-2-550); } .bg-blue-2-600 { background-color: var(--c--globals--colors--blue-2-600); } .bg-blue-2-650 { background-color: var(--c--globals--colors--blue-2-650); } .bg-blue-2-700 { background-color: var(--c--globals--colors--blue-2-700); } .bg-blue-2-750 { background-color: var(--c--globals--colors--blue-2-750); } .bg-blue-2-800 { background-color: var(--c--globals--colors--blue-2-800); } .bg-blue-2-850 { background-color: var(--c--globals--colors--blue-2-850); } .bg-blue-2-900 { background-color: var(--c--globals--colors--blue-2-900); } .bg-blue-2-950 { background-color: var(--c--globals--colors--blue-2-950); } .bg-purple-050 { background-color: var(--c--globals--colors--purple-050); } .bg-purple-100 { background-color: var(--c--globals--colors--purple-100); } .bg-purple-150 { background-color: var(--c--globals--colors--purple-150); } .bg-purple-200 { background-color: var(--c--globals--colors--purple-200); } .bg-purple-250 { background-color: var(--c--globals--colors--purple-250); } .bg-purple-300 { background-color: var(--c--globals--colors--purple-300); } .bg-purple-350 { background-color: var(--c--globals--colors--purple-350); } .bg-purple-400 { background-color: var(--c--globals--colors--purple-400); } .bg-purple-450 { background-color: var(--c--globals--colors--purple-450); } .bg-purple-500 { background-color: var(--c--globals--colors--purple-500); } .bg-purple-550 { background-color: var(--c--globals--colors--purple-550); } .bg-purple-600 { background-color: var(--c--globals--colors--purple-600); } .bg-purple-650 { background-color: var(--c--globals--colors--purple-650); } .bg-purple-700 { background-color: var(--c--globals--colors--purple-700); } .bg-purple-750 { background-color: var(--c--globals--colors--purple-750); } .bg-purple-800 { background-color: var(--c--globals--colors--purple-800); } .bg-purple-850 { background-color: var(--c--globals--colors--purple-850); } .bg-purple-900 { background-color: var(--c--globals--colors--purple-900); } .bg-purple-950 { background-color: var(--c--globals--colors--purple-950); } .bg-pink-050 { background-color: var(--c--globals--colors--pink-050); } .bg-pink-100 { background-color: var(--c--globals--colors--pink-100); } .bg-pink-150 { background-color: var(--c--globals--colors--pink-150); } .bg-pink-200 { background-color: var(--c--globals--colors--pink-200); } .bg-pink-250 { background-color: var(--c--globals--colors--pink-250); } .bg-pink-300 { background-color: var(--c--globals--colors--pink-300); } .bg-pink-350 { background-color: var(--c--globals--colors--pink-350); } .bg-pink-400 { background-color: var(--c--globals--colors--pink-400); } .bg-pink-450 { background-color: var(--c--globals--colors--pink-450); } .bg-pink-500 { background-color: var(--c--globals--colors--pink-500); } .bg-pink-550 { background-color: var(--c--globals--colors--pink-550); } .bg-pink-600 { background-color: var(--c--globals--colors--pink-600); } .bg-pink-650 { background-color: var(--c--globals--colors--pink-650); } .bg-pink-700 { background-color: var(--c--globals--colors--pink-700); } .bg-pink-750 { background-color: var(--c--globals--colors--pink-750); } .bg-pink-800 { background-color: var(--c--globals--colors--pink-800); } .bg-pink-850 { background-color: var(--c--globals--colors--pink-850); } .bg-pink-900 { background-color: var(--c--globals--colors--pink-900); } .bg-pink-950 { background-color: var(--c--globals--colors--pink-950); } .bg-black-000 { background-color: var(--c--globals--colors--black-000); } .bg-black-050 { background-color: var(--c--globals--colors--black-050); } .bg-black-100 { background-color: var(--c--globals--colors--black-100); } .bg-black-150 { background-color: var(--c--globals--colors--black-150); } .bg-black-200 { background-color: var(--c--globals--colors--black-200); } .bg-black-250 { background-color: var(--c--globals--colors--black-250); } .bg-black-300 { background-color: var(--c--globals--colors--black-300); } .bg-black-350 { background-color: var(--c--globals--colors--black-350); } .bg-black-400 { background-color: var(--c--globals--colors--black-400); } .bg-black-450 { background-color: var(--c--globals--colors--black-450); } .bg-black-500 { background-color: var(--c--globals--colors--black-500); } .bg-black-550 { background-color: var(--c--globals--colors--black-550); } .bg-black-600 { background-color: var(--c--globals--colors--black-600); } .bg-black-650 { background-color: var(--c--globals--colors--black-650); } .bg-black-700 { background-color: var(--c--globals--colors--black-700); } .bg-black-750 { background-color: var(--c--globals--colors--black-750); } .bg-black-800 { background-color: var(--c--globals--colors--black-800); } .bg-black-850 { background-color: var(--c--globals--colors--black-850); } .bg-black-900 { background-color: var(--c--globals--colors--black-900); } .bg-black-950 { background-color: var(--c--globals--colors--black-950); } .bg-white-000 { background-color: var(--c--globals--colors--white-000); } .bg-white-050 { background-color: var(--c--globals--colors--white-050); } .bg-white-100 { background-color: var(--c--globals--colors--white-100); } .bg-white-150 { background-color: var(--c--globals--colors--white-150); } .bg-white-200 { background-color: var(--c--globals--colors--white-200); } .bg-white-250 { background-color: var(--c--globals--colors--white-250); } .bg-white-300 { background-color: var(--c--globals--colors--white-300); } .bg-white-350 { background-color: var(--c--globals--colors--white-350); } .bg-white-400 { background-color: var(--c--globals--colors--white-400); } .bg-white-450 { background-color: var(--c--globals--colors--white-450); } .bg-white-500 { background-color: var(--c--globals--colors--white-500); } .bg-white-550 { background-color: var(--c--globals--colors--white-550); } .bg-white-600 { background-color: var(--c--globals--colors--white-600); } .bg-white-650 { background-color: var(--c--globals--colors--white-650); } .bg-white-700 { background-color: var(--c--globals--colors--white-700); } .bg-white-750 { background-color: var(--c--globals--colors--white-750); } .bg-white-800 { background-color: var(--c--globals--colors--white-800); } .bg-white-850 { background-color: var(--c--globals--colors--white-850); } .bg-white-900 { background-color: var(--c--globals--colors--white-900); } .bg-white-950 { background-color: var(--c--globals--colors--white-950); } .bg-white-975 { background-color: var(--c--globals--colors--white-975); } .bg-surface-primary { background-color: var(--c--contextuals--background--surface--primary); } .bg-surface-secondary { background-color: var(--c--contextuals--background--surface--secondary); } .bg-surface-tertiary { background-color: var(--c--contextuals--background--surface--tertiary); } .bg-semantic-overlay-primary { background-color: var(--c--contextuals--background--semantic--overlay--primary); } .bg-semantic-overlay-primary-hover { background-color: var(--c--contextuals--background--semantic--overlay--primary-hover); } .bg-semantic-contextual-primary { background-color: var(--c--contextuals--background--semantic--contextual--primary); } .bg-semantic-contextual-primary-hover { background-color: var(--c--contextuals--background--semantic--contextual--primary-hover); } .bg-semantic-brand-primary { background-color: var(--c--contextuals--background--semantic--brand--primary); } .bg-semantic-brand-primary-hover { background-color: var(--c--contextuals--background--semantic--brand--primary-hover); } .bg-semantic-brand-secondary { background-color: var(--c--contextuals--background--semantic--brand--secondary); } .bg-semantic-brand-secondary-hover { background-color: var(--c--contextuals--background--semantic--brand--secondary-hover); } .bg-semantic-brand-tertiary { background-color: var(--c--contextuals--background--semantic--brand--tertiary); } .bg-semantic-brand-tertiary-hover { background-color: var(--c--contextuals--background--semantic--brand--tertiary-hover); } .bg-semantic-neutral-primary { background-color: var(--c--contextuals--background--semantic--neutral--primary); } .bg-semantic-neutral-primary-hover { background-color: var(--c--contextuals--background--semantic--neutral--primary-hover); } .bg-semantic-neutral-secondary { background-color: var(--c--contextuals--background--semantic--neutral--secondary); } .bg-semantic-neutral-secondary-hover { background-color: var(--c--contextuals--background--semantic--neutral--secondary-hover); } .bg-semantic-neutral-tertiary { background-color: var(--c--contextuals--background--semantic--neutral--tertiary); } .bg-semantic-neutral-tertiary-hover { background-color: var(--c--contextuals--background--semantic--neutral--tertiary-hover); } .bg-semantic-info-primary { background-color: var(--c--contextuals--background--semantic--info--primary); } .bg-semantic-info-primary-hover { background-color: var(--c--contextuals--background--semantic--info--primary-hover); } .bg-semantic-info-secondary { background-color: var(--c--contextuals--background--semantic--info--secondary); } .bg-semantic-info-secondary-hover { background-color: var(--c--contextuals--background--semantic--info--secondary-hover); } .bg-semantic-info-tertiary { background-color: var(--c--contextuals--background--semantic--info--tertiary); } .bg-semantic-info-tertiary-hover { background-color: var(--c--contextuals--background--semantic--info--tertiary-hover); } .bg-semantic-success-primary { background-color: var(--c--contextuals--background--semantic--success--primary); } .bg-semantic-success-primary-hover { background-color: var(--c--contextuals--background--semantic--success--primary-hover); } .bg-semantic-success-secondary { background-color: var(--c--contextuals--background--semantic--success--secondary); } .bg-semantic-success-secondary-hover { background-color: var(--c--contextuals--background--semantic--success--secondary-hover); } .bg-semantic-success-tertiary { background-color: var(--c--contextuals--background--semantic--success--tertiary); } .bg-semantic-success-tertiary-hover { background-color: var(--c--contextuals--background--semantic--success--tertiary-hover); } .bg-semantic-warning-primary { background-color: var(--c--contextuals--background--semantic--warning--primary); } .bg-semantic-warning-primary-hover { background-color: var(--c--contextuals--background--semantic--warning--primary-hover); } .bg-semantic-warning-secondary { background-color: var(--c--contextuals--background--semantic--warning--secondary); } .bg-semantic-warning-secondary-hover { background-color: var(--c--contextuals--background--semantic--warning--secondary-hover); } .bg-semantic-warning-tertiary { background-color: var(--c--contextuals--background--semantic--warning--tertiary); } .bg-semantic-warning-tertiary-hover { background-color: var(--c--contextuals--background--semantic--warning--tertiary-hover); } .bg-semantic-error-primary { background-color: var(--c--contextuals--background--semantic--error--primary); } .bg-semantic-error-primary-hover { background-color: var(--c--contextuals--background--semantic--error--primary-hover); } .bg-semantic-error-secondary { background-color: var(--c--contextuals--background--semantic--error--secondary); } .bg-semantic-error-secondary-hover { background-color: var(--c--contextuals--background--semantic--error--secondary-hover); } .bg-semantic-error-tertiary { background-color: var(--c--contextuals--background--semantic--error--tertiary); } .bg-semantic-error-tertiary-hover { background-color: var(--c--contextuals--background--semantic--error--tertiary-hover); } .bg-semantic-disabled-primary { background-color: var(--c--contextuals--background--semantic--disabled--primary); } .bg-semantic-disabled-secondary { background-color: var(--c--contextuals--background--semantic--disabled--secondary); } .bg-palette-brand-primary { background-color: var(--c--contextuals--background--palette--brand--primary); } .bg-palette-brand-secondary { background-color: var(--c--contextuals--background--palette--brand--secondary); } .bg-palette-brand-tertiary { background-color: var(--c--contextuals--background--palette--brand--tertiary); } .bg-palette-red-primary { background-color: var(--c--contextuals--background--palette--red--primary); } .bg-palette-red-secondary { background-color: var(--c--contextuals--background--palette--red--secondary); } .bg-palette-red-tertiary { background-color: var(--c--contextuals--background--palette--red--tertiary); } .bg-palette-orange-primary { background-color: var(--c--contextuals--background--palette--orange--primary); } .bg-palette-orange-secondary { background-color: var(--c--contextuals--background--palette--orange--secondary); } .bg-palette-orange-tertiary { background-color: var(--c--contextuals--background--palette--orange--tertiary); } .bg-palette-brown-primary { background-color: var(--c--contextuals--background--palette--brown--primary); } .bg-palette-brown-secondary { background-color: var(--c--contextuals--background--palette--brown--secondary); } .bg-palette-brown-tertiary { background-color: var(--c--contextuals--background--palette--brown--tertiary); } .bg-palette-yellow-primary { background-color: var(--c--contextuals--background--palette--yellow--primary); } .bg-palette-yellow-secondary { background-color: var(--c--contextuals--background--palette--yellow--secondary); } .bg-palette-yellow-tertiary { background-color: var(--c--contextuals--background--palette--yellow--tertiary); } .bg-palette-green-primary { background-color: var(--c--contextuals--background--palette--green--primary); } .bg-palette-green-secondary { background-color: var(--c--contextuals--background--palette--green--secondary); } .bg-palette-green-tertiary { background-color: var(--c--contextuals--background--palette--green--tertiary); } .bg-palette-blue-1-primary { background-color: var(--c--contextuals--background--palette--blue-1--primary); } .bg-palette-blue-1-secondary { background-color: var(--c--contextuals--background--palette--blue-1--secondary); } .bg-palette-blue-1-tertiary { background-color: var(--c--contextuals--background--palette--blue-1--tertiary); } .bg-palette-blue-2-primary { background-color: var(--c--contextuals--background--palette--blue-2--primary); } .bg-palette-blue-2-secondary { background-color: var(--c--contextuals--background--palette--blue-2--secondary); } .bg-palette-blue-2-tertiary { background-color: var(--c--contextuals--background--palette--blue-2--tertiary); } .bg-palette-purple-primary { background-color: var(--c--contextuals--background--palette--purple--primary); } .bg-palette-purple-secondary { background-color: var(--c--contextuals--background--palette--purple--secondary); } .bg-palette-purple-tertiary { background-color: var(--c--contextuals--background--palette--purple--tertiary); } .bg-palette-pink-primary { background-color: var(--c--contextuals--background--palette--pink--primary); } .bg-palette-pink-secondary { background-color: var(--c--contextuals--background--palette--pink--secondary); } .bg-palette-pink-tertiary { background-color: var(--c--contextuals--background--palette--pink--tertiary); } .bg-palette-gray-primary { background-color: var(--c--contextuals--background--palette--gray--primary); } .bg-palette-gray-secondary { background-color: var(--c--contextuals--background--palette--gray--secondary); } .bg-palette-gray-tertiary { background-color: var(--c--contextuals--background--palette--gray--tertiary); } .fw-thin { font-weight: var(--c--globals--font--weights--thin); } .fw-light { font-weight: var(--c--globals--font--weights--light); } .fw-regular { font-weight: var(--c--globals--font--weights--regular); } .fw-medium { font-weight: var(--c--globals--font--weights--medium); } .fw-bold { font-weight: var(--c--globals--font--weights--bold); } .fw-extrabold { font-weight: var(--c--globals--font--weights--extrabold); } .fw-black { font-weight: var(--c--globals--font--weights--black); } .fs-xs { font-size: var(--c--globals--font--sizes--xs); letter-spacing: var(--c--globals--font--letterspacings--xs); } .fs-sm { font-size: var(--c--globals--font--sizes--sm); letter-spacing: var(--c--globals--font--letterspacings--sm); } .fs-md { font-size: var(--c--globals--font--sizes--md); letter-spacing: var(--c--globals--font--letterspacings--md); } .fs-lg { font-size: var(--c--globals--font--sizes--lg); letter-spacing: var(--c--globals--font--letterspacings--lg); } .fs-ml { font-size: var(--c--globals--font--sizes--ml); letter-spacing: var(--c--globals--font--letterspacings--ml); } .fs-xl { font-size: var(--c--globals--font--sizes--xl); letter-spacing: var(--c--globals--font--letterspacings--xl); } .fs-t { font-size: var(--c--globals--font--sizes--t); letter-spacing: var(--c--globals--font--letterspacings--t); } .fs-s { font-size: var(--c--globals--font--sizes--s); letter-spacing: var(--c--globals--font--letterspacings--s); } .fs-h1 { font-size: var(--c--globals--font--sizes--h1); letter-spacing: var(--c--globals--font--letterspacings--h1); } .fs-h2 { font-size: var(--c--globals--font--sizes--h2); letter-spacing: var(--c--globals--font--letterspacings--h2); } .fs-h3 { font-size: var(--c--globals--font--sizes--h3); letter-spacing: var(--c--globals--font--letterspacings--h3); } .fs-h4 { font-size: var(--c--globals--font--sizes--h4); letter-spacing: var(--c--globals--font--letterspacings--h4); } .fs-h5 { font-size: var(--c--globals--font--sizes--h5); letter-spacing: var(--c--globals--font--letterspacings--h5); } .fs-h6 { font-size: var(--c--globals--font--sizes--h6); letter-spacing: var(--c--globals--font--letterspacings--h6); } .fs-xl-alt { font-size: var(--c--globals--font--sizes--xl-alt); letter-spacing: var(--c--globals--font--letterspacings--xl-alt); } .fs-lg-alt { font-size: var(--c--globals--font--sizes--lg-alt); letter-spacing: var(--c--globals--font--letterspacings--lg-alt); } .fs-md-alt { font-size: var(--c--globals--font--sizes--md-alt); letter-spacing: var(--c--globals--font--letterspacings--md-alt); } .fs-sm-alt { font-size: var(--c--globals--font--sizes--sm-alt); letter-spacing: var(--c--globals--font--letterspacings--sm-alt); } .fs-xs-alt { font-size: var(--c--globals--font--sizes--xs-alt); letter-spacing: var(--c--globals--font--letterspacings--xs-alt); } .f-base { font-family: var(--c--globals--font--families--base); } .f-accent { font-family: var(--c--globals--font--families--accent); } .m-0 { margin: var(--c--globals--spacings--0); } .mb-0 { margin-bottom: var(--c--globals--spacings--0); } .mt-0 { margin-top: var(--c--globals--spacings--0); } .ml-0 { margin-left: var(--c--globals--spacings--0); } .mr-0 { margin-right: var(--c--globals--spacings--0); } .m-l { margin: var(--c--globals--spacings--l); } .mb-l { margin-bottom: var(--c--globals--spacings--l); } .mt-l { margin-top: var(--c--globals--spacings--l); } .ml-l { margin-left: var(--c--globals--spacings--l); } .mr-l { margin-right: var(--c--globals--spacings--l); } .m-b { margin: var(--c--globals--spacings--b); } .mb-b { margin-bottom: var(--c--globals--spacings--b); } .mt-b { margin-top: var(--c--globals--spacings--b); } .ml-b { margin-left: var(--c--globals--spacings--b); } .mr-b { margin-right: var(--c--globals--spacings--b); } .m-m { margin: var(--c--globals--spacings--m); } .mb-m { margin-bottom: var(--c--globals--spacings--m); } .mt-m { margin-top: var(--c--globals--spacings--m); } .ml-m { margin-left: var(--c--globals--spacings--m); } .mr-m { margin-right: var(--c--globals--spacings--m); } .m-s { margin: var(--c--globals--spacings--s); } .mb-s { margin-bottom: var(--c--globals--spacings--s); } .mt-s { margin-top: var(--c--globals--spacings--s); } .ml-s { margin-left: var(--c--globals--spacings--s); } .mr-s { margin-right: var(--c--globals--spacings--s); } .m-t { margin: var(--c--globals--spacings--t); } .mb-t { margin-bottom: var(--c--globals--spacings--t); } .mt-t { margin-top: var(--c--globals--spacings--t); } .ml-t { margin-left: var(--c--globals--spacings--t); } .mr-t { margin-right: var(--c--globals--spacings--t); } .m-st { margin: var(--c--globals--spacings--st); } .mb-st { margin-bottom: var(--c--globals--spacings--st); } .mt-st { margin-top: var(--c--globals--spacings--st); } .ml-st { margin-left: var(--c--globals--spacings--st); } .mr-st { margin-right: var(--c--globals--spacings--st); } .m-4xs { margin: var(--c--globals--spacings--4xs); } .mb-4xs { margin-bottom: var(--c--globals--spacings--4xs); } .mt-4xs { margin-top: var(--c--globals--spacings--4xs); } .ml-4xs { margin-left: var(--c--globals--spacings--4xs); } .mr-4xs { margin-right: var(--c--globals--spacings--4xs); } .m-3xs { margin: var(--c--globals--spacings--3xs); } .mb-3xs { margin-bottom: var(--c--globals--spacings--3xs); } .mt-3xs { margin-top: var(--c--globals--spacings--3xs); } .ml-3xs { margin-left: var(--c--globals--spacings--3xs); } .mr-3xs { margin-right: var(--c--globals--spacings--3xs); } .m-2xs { margin: var(--c--globals--spacings--2xs); } .mb-2xs { margin-bottom: var(--c--globals--spacings--2xs); } .mt-2xs { margin-top: var(--c--globals--spacings--2xs); } .ml-2xs { margin-left: var(--c--globals--spacings--2xs); } .mr-2xs { margin-right: var(--c--globals--spacings--2xs); } .m-xxxs { margin: var(--c--globals--spacings--xxxs); } .mb-xxxs { margin-bottom: var(--c--globals--spacings--xxxs); } .mt-xxxs { margin-top: var(--c--globals--spacings--xxxs); } .ml-xxxs { margin-left: var(--c--globals--spacings--xxxs); } .mr-xxxs { margin-right: var(--c--globals--spacings--xxxs); } .m-xxs { margin: var(--c--globals--spacings--xxs); } .mb-xxs { margin-bottom: var(--c--globals--spacings--xxs); } .mt-xxs { margin-top: var(--c--globals--spacings--xxs); } .ml-xxs { margin-left: var(--c--globals--spacings--xxs); } .mr-xxs { margin-right: var(--c--globals--spacings--xxs); } .m-xs { margin: var(--c--globals--spacings--xs); } .mb-xs { margin-bottom: var(--c--globals--spacings--xs); } .mt-xs { margin-top: var(--c--globals--spacings--xs); } .ml-xs { margin-left: var(--c--globals--spacings--xs); } .mr-xs { margin-right: var(--c--globals--spacings--xs); } .m-sm { margin: var(--c--globals--spacings--sm); } .mb-sm { margin-bottom: var(--c--globals--spacings--sm); } .mt-sm { margin-top: var(--c--globals--spacings--sm); } .ml-sm { margin-left: var(--c--globals--spacings--sm); } .mr-sm { margin-right: var(--c--globals--spacings--sm); } .m-base { margin: var(--c--globals--spacings--base); } .mb-base { margin-bottom: var(--c--globals--spacings--base); } .mt-base { margin-top: var(--c--globals--spacings--base); } .ml-base { margin-left: var(--c--globals--spacings--base); } .mr-base { margin-right: var(--c--globals--spacings--base); } .m-md { margin: var(--c--globals--spacings--md); } .mb-md { margin-bottom: var(--c--globals--spacings--md); } .mt-md { margin-top: var(--c--globals--spacings--md); } .ml-md { margin-left: var(--c--globals--spacings--md); } .mr-md { margin-right: var(--c--globals--spacings--md); } .m-lg { margin: var(--c--globals--spacings--lg); } .mb-lg { margin-bottom: var(--c--globals--spacings--lg); } .mt-lg { margin-top: var(--c--globals--spacings--lg); } .ml-lg { margin-left: var(--c--globals--spacings--lg); } .mr-lg { margin-right: var(--c--globals--spacings--lg); } .m-xl { margin: var(--c--globals--spacings--xl); } .mb-xl { margin-bottom: var(--c--globals--spacings--xl); } .mt-xl { margin-top: var(--c--globals--spacings--xl); } .ml-xl { margin-left: var(--c--globals--spacings--xl); } .mr-xl { margin-right: var(--c--globals--spacings--xl); } .m-xxl { margin: var(--c--globals--spacings--xxl); } .mb-xxl { margin-bottom: var(--c--globals--spacings--xxl); } .mt-xxl { margin-top: var(--c--globals--spacings--xxl); } .ml-xxl { margin-left: var(--c--globals--spacings--xxl); } .mr-xxl { margin-right: var(--c--globals--spacings--xxl); } .m-xxxl { margin: var(--c--globals--spacings--xxxl); } .mb-xxxl { margin-bottom: var(--c--globals--spacings--xxxl); } .mt-xxxl { margin-top: var(--c--globals--spacings--xxxl); } .ml-xxxl { margin-left: var(--c--globals--spacings--xxxl); } .mr-xxxl { margin-right: var(--c--globals--spacings--xxxl); } .m-2xl { margin: var(--c--globals--spacings--2xl); } .mb-2xl { margin-bottom: var(--c--globals--spacings--2xl); } .mt-2xl { margin-top: var(--c--globals--spacings--2xl); } .ml-2xl { margin-left: var(--c--globals--spacings--2xl); } .mr-2xl { margin-right: var(--c--globals--spacings--2xl); } .m-3xl { margin: var(--c--globals--spacings--3xl); } .mb-3xl { margin-bottom: var(--c--globals--spacings--3xl); } .mt-3xl { margin-top: var(--c--globals--spacings--3xl); } .ml-3xl { margin-left: var(--c--globals--spacings--3xl); } .mr-3xl { margin-right: var(--c--globals--spacings--3xl); } .m-4xl { margin: var(--c--globals--spacings--4xl); } .mb-4xl { margin-bottom: var(--c--globals--spacings--4xl); } .mt-4xl { margin-top: var(--c--globals--spacings--4xl); } .ml-4xl { margin-left: var(--c--globals--spacings--4xl); } .mr-4xl { margin-right: var(--c--globals--spacings--4xl); } .m-5xl { margin: var(--c--globals--spacings--5xl); } .mb-5xl { margin-bottom: var(--c--globals--spacings--5xl); } .mt-5xl { margin-top: var(--c--globals--spacings--5xl); } .ml-5xl { margin-left: var(--c--globals--spacings--5xl); } .mr-5xl { margin-right: var(--c--globals--spacings--5xl); } .m-6xl { margin: var(--c--globals--spacings--6xl); } .mb-6xl { margin-bottom: var(--c--globals--spacings--6xl); } .mt-6xl { margin-top: var(--c--globals--spacings--6xl); } .ml-6xl { margin-left: var(--c--globals--spacings--6xl); } .mr-6xl { margin-right: var(--c--globals--spacings--6xl); } .m-7xl { margin: var(--c--globals--spacings--7xl); } .mb-7xl { margin-bottom: var(--c--globals--spacings--7xl); } .mt-7xl { margin-top: var(--c--globals--spacings--7xl); } .ml-7xl { margin-left: var(--c--globals--spacings--7xl); } .mr-7xl { margin-right: var(--c--globals--spacings--7xl); } .m-none { margin: var(--c--globals--spacings--none); } .mb-none { margin-bottom: var(--c--globals--spacings--none); } .mt-none { margin-top: var(--c--globals--spacings--none); } .ml-none { margin-left: var(--c--globals--spacings--none); } .mr-none { margin-right: var(--c--globals--spacings--none); } .m-auto { margin: var(--c--globals--spacings--auto); } .mb-auto { margin-bottom: var(--c--globals--spacings--auto); } .mt-auto { margin-top: var(--c--globals--spacings--auto); } .ml-auto { margin-left: var(--c--globals--spacings--auto); } .mr-auto { margin-right: var(--c--globals--spacings--auto); } .m-bx { margin: var(--c--globals--spacings--bx); } .mb-bx { margin-bottom: var(--c--globals--spacings--bx); } .mt-bx { margin-top: var(--c--globals--spacings--bx); } .ml-bx { margin-left: var(--c--globals--spacings--bx); } .mr-bx { margin-right: var(--c--globals--spacings--bx); } .m-full { margin: var(--c--globals--spacings--full); } .mb-full { margin-bottom: var(--c--globals--spacings--full); } .mt-full { margin-top: var(--c--globals--spacings--full); } .ml-full { margin-left: var(--c--globals--spacings--full); } .mr-full { margin-right: var(--c--globals--spacings--full); } .p-0 { padding: var(--c--globals--spacings--0); } .pb-0 { padding-bottom: var(--c--globals--spacings--0); } .pt-0 { padding-top: var(--c--globals--spacings--0); } .pl-0 { padding-left: var(--c--globals--spacings--0); } .pr-0 { padding-right: var(--c--globals--spacings--0); } .p-l { padding: var(--c--globals--spacings--l); } .pb-l { padding-bottom: var(--c--globals--spacings--l); } .pt-l { padding-top: var(--c--globals--spacings--l); } .pl-l { padding-left: var(--c--globals--spacings--l); } .pr-l { padding-right: var(--c--globals--spacings--l); } .p-b { padding: var(--c--globals--spacings--b); } .pb-b { padding-bottom: var(--c--globals--spacings--b); } .pt-b { padding-top: var(--c--globals--spacings--b); } .pl-b { padding-left: var(--c--globals--spacings--b); } .pr-b { padding-right: var(--c--globals--spacings--b); } .p-m { padding: var(--c--globals--spacings--m); } .pb-m { padding-bottom: var(--c--globals--spacings--m); } .pt-m { padding-top: var(--c--globals--spacings--m); } .pl-m { padding-left: var(--c--globals--spacings--m); } .pr-m { padding-right: var(--c--globals--spacings--m); } .p-s { padding: var(--c--globals--spacings--s); } .pb-s { padding-bottom: var(--c--globals--spacings--s); } .pt-s { padding-top: var(--c--globals--spacings--s); } .pl-s { padding-left: var(--c--globals--spacings--s); } .pr-s { padding-right: var(--c--globals--spacings--s); } .p-t { padding: var(--c--globals--spacings--t); } .pb-t { padding-bottom: var(--c--globals--spacings--t); } .pt-t { padding-top: var(--c--globals--spacings--t); } .pl-t { padding-left: var(--c--globals--spacings--t); } .pr-t { padding-right: var(--c--globals--spacings--t); } .p-st { padding: var(--c--globals--spacings--st); } .pb-st { padding-bottom: var(--c--globals--spacings--st); } .pt-st { padding-top: var(--c--globals--spacings--st); } .pl-st { padding-left: var(--c--globals--spacings--st); } .pr-st { padding-right: var(--c--globals--spacings--st); } .p-4xs { padding: var(--c--globals--spacings--4xs); } .pb-4xs { padding-bottom: var(--c--globals--spacings--4xs); } .pt-4xs { padding-top: var(--c--globals--spacings--4xs); } .pl-4xs { padding-left: var(--c--globals--spacings--4xs); } .pr-4xs { padding-right: var(--c--globals--spacings--4xs); } .p-3xs { padding: var(--c--globals--spacings--3xs); } .pb-3xs { padding-bottom: var(--c--globals--spacings--3xs); } .pt-3xs { padding-top: var(--c--globals--spacings--3xs); } .pl-3xs { padding-left: var(--c--globals--spacings--3xs); } .pr-3xs { padding-right: var(--c--globals--spacings--3xs); } .p-2xs { padding: var(--c--globals--spacings--2xs); } .pb-2xs { padding-bottom: var(--c--globals--spacings--2xs); } .pt-2xs { padding-top: var(--c--globals--spacings--2xs); } .pl-2xs { padding-left: var(--c--globals--spacings--2xs); } .pr-2xs { padding-right: var(--c--globals--spacings--2xs); } .p-xxxs { padding: var(--c--globals--spacings--xxxs); } .pb-xxxs { padding-bottom: var(--c--globals--spacings--xxxs); } .pt-xxxs { padding-top: var(--c--globals--spacings--xxxs); } .pl-xxxs { padding-left: var(--c--globals--spacings--xxxs); } .pr-xxxs { padding-right: var(--c--globals--spacings--xxxs); } .p-xxs { padding: var(--c--globals--spacings--xxs); } .pb-xxs { padding-bottom: var(--c--globals--spacings--xxs); } .pt-xxs { padding-top: var(--c--globals--spacings--xxs); } .pl-xxs { padding-left: var(--c--globals--spacings--xxs); } .pr-xxs { padding-right: var(--c--globals--spacings--xxs); } .p-xs { padding: var(--c--globals--spacings--xs); } .pb-xs { padding-bottom: var(--c--globals--spacings--xs); } .pt-xs { padding-top: var(--c--globals--spacings--xs); } .pl-xs { padding-left: var(--c--globals--spacings--xs); } .pr-xs { padding-right: var(--c--globals--spacings--xs); } .p-sm { padding: var(--c--globals--spacings--sm); } .pb-sm { padding-bottom: var(--c--globals--spacings--sm); } .pt-sm { padding-top: var(--c--globals--spacings--sm); } .pl-sm { padding-left: var(--c--globals--spacings--sm); } .pr-sm { padding-right: var(--c--globals--spacings--sm); } .p-base { padding: var(--c--globals--spacings--base); } .pb-base { padding-bottom: var(--c--globals--spacings--base); } .pt-base { padding-top: var(--c--globals--spacings--base); } .pl-base { padding-left: var(--c--globals--spacings--base); } .pr-base { padding-right: var(--c--globals--spacings--base); } .p-md { padding: var(--c--globals--spacings--md); } .pb-md { padding-bottom: var(--c--globals--spacings--md); } .pt-md { padding-top: var(--c--globals--spacings--md); } .pl-md { padding-left: var(--c--globals--spacings--md); } .pr-md { padding-right: var(--c--globals--spacings--md); } .p-lg { padding: var(--c--globals--spacings--lg); } .pb-lg { padding-bottom: var(--c--globals--spacings--lg); } .pt-lg { padding-top: var(--c--globals--spacings--lg); } .pl-lg { padding-left: var(--c--globals--spacings--lg); } .pr-lg { padding-right: var(--c--globals--spacings--lg); } .p-xl { padding: var(--c--globals--spacings--xl); } .pb-xl { padding-bottom: var(--c--globals--spacings--xl); } .pt-xl { padding-top: var(--c--globals--spacings--xl); } .pl-xl { padding-left: var(--c--globals--spacings--xl); } .pr-xl { padding-right: var(--c--globals--spacings--xl); } .p-xxl { padding: var(--c--globals--spacings--xxl); } .pb-xxl { padding-bottom: var(--c--globals--spacings--xxl); } .pt-xxl { padding-top: var(--c--globals--spacings--xxl); } .pl-xxl { padding-left: var(--c--globals--spacings--xxl); } .pr-xxl { padding-right: var(--c--globals--spacings--xxl); } .p-xxxl { padding: var(--c--globals--spacings--xxxl); } .pb-xxxl { padding-bottom: var(--c--globals--spacings--xxxl); } .pt-xxxl { padding-top: var(--c--globals--spacings--xxxl); } .pl-xxxl { padding-left: var(--c--globals--spacings--xxxl); } .pr-xxxl { padding-right: var(--c--globals--spacings--xxxl); } .p-2xl { padding: var(--c--globals--spacings--2xl); } .pb-2xl { padding-bottom: var(--c--globals--spacings--2xl); } .pt-2xl { padding-top: var(--c--globals--spacings--2xl); } .pl-2xl { padding-left: var(--c--globals--spacings--2xl); } .pr-2xl { padding-right: var(--c--globals--spacings--2xl); } .p-3xl { padding: var(--c--globals--spacings--3xl); } .pb-3xl { padding-bottom: var(--c--globals--spacings--3xl); } .pt-3xl { padding-top: var(--c--globals--spacings--3xl); } .pl-3xl { padding-left: var(--c--globals--spacings--3xl); } .pr-3xl { padding-right: var(--c--globals--spacings--3xl); } .p-4xl { padding: var(--c--globals--spacings--4xl); } .pb-4xl { padding-bottom: var(--c--globals--spacings--4xl); } .pt-4xl { padding-top: var(--c--globals--spacings--4xl); } .pl-4xl { padding-left: var(--c--globals--spacings--4xl); } .pr-4xl { padding-right: var(--c--globals--spacings--4xl); } .p-5xl { padding: var(--c--globals--spacings--5xl); } .pb-5xl { padding-bottom: var(--c--globals--spacings--5xl); } .pt-5xl { padding-top: var(--c--globals--spacings--5xl); } .pl-5xl { padding-left: var(--c--globals--spacings--5xl); } .pr-5xl { padding-right: var(--c--globals--spacings--5xl); } .p-6xl { padding: var(--c--globals--spacings--6xl); } .pb-6xl { padding-bottom: var(--c--globals--spacings--6xl); } .pt-6xl { padding-top: var(--c--globals--spacings--6xl); } .pl-6xl { padding-left: var(--c--globals--spacings--6xl); } .pr-6xl { padding-right: var(--c--globals--spacings--6xl); } .p-7xl { padding: var(--c--globals--spacings--7xl); } .pb-7xl { padding-bottom: var(--c--globals--spacings--7xl); } .pt-7xl { padding-top: var(--c--globals--spacings--7xl); } .pl-7xl { padding-left: var(--c--globals--spacings--7xl); } .pr-7xl { padding-right: var(--c--globals--spacings--7xl); } .p-none { padding: var(--c--globals--spacings--none); } .pb-none { padding-bottom: var(--c--globals--spacings--none); } .pt-none { padding-top: var(--c--globals--spacings--none); } .pl-none { padding-left: var(--c--globals--spacings--none); } .pr-none { padding-right: var(--c--globals--spacings--none); } .p-auto { padding: var(--c--globals--spacings--auto); } .pb-auto { padding-bottom: var(--c--globals--spacings--auto); } .pt-auto { padding-top: var(--c--globals--spacings--auto); } .pl-auto { padding-left: var(--c--globals--spacings--auto); } .pr-auto { padding-right: var(--c--globals--spacings--auto); } .p-bx { padding: var(--c--globals--spacings--bx); } .pb-bx { padding-bottom: var(--c--globals--spacings--bx); } .pt-bx { padding-top: var(--c--globals--spacings--bx); } .pl-bx { padding-left: var(--c--globals--spacings--bx); } .pr-bx { padding-right: var(--c--globals--spacings--bx); } .p-full { padding: var(--c--globals--spacings--full); } .pb-full { padding-bottom: var(--c--globals--spacings--full); } .pt-full { padding-top: var(--c--globals--spacings--full); } .pl-full { padding-left: var(--c--globals--spacings--full); } .pr-full { padding-right: var(--c--globals--spacings--full); } .border-clr-surface-primary { border-color: var(--c--contextuals--border--surface--primary); } .border-thin-surface-primary { border: 1px solid var(--c--contextuals--border--surface--primary); } .border-clr-semantic-contextual-primary { border-color: var(--c--contextuals--border--semantic--contextual--primary); } .border-thin-semantic-contextual-primary { border: 1px solid var(--c--contextuals--border--semantic--contextual--primary); } .border-clr-semantic-overlay-primary { border-color: var(--c--contextuals--border--semantic--overlay--primary); } .border-thin-semantic-overlay-primary { border: 1px solid var(--c--contextuals--border--semantic--overlay--primary); } .border-clr-semantic-brand-primary { border-color: var(--c--contextuals--border--semantic--brand--primary); } .border-thin-semantic-brand-primary { border: 1px solid var(--c--contextuals--border--semantic--brand--primary); } .border-clr-semantic-brand-secondary { border-color: var(--c--contextuals--border--semantic--brand--secondary); } .border-thin-semantic-brand-secondary { border: 1px solid var(--c--contextuals--border--semantic--brand--secondary); } .border-clr-semantic-brand-tertiary { border-color: var(--c--contextuals--border--semantic--brand--tertiary); } .border-thin-semantic-brand-tertiary { border: 1px solid var(--c--contextuals--border--semantic--brand--tertiary); } .border-clr-semantic-neutral-primary { border-color: var(--c--contextuals--border--semantic--neutral--primary); } .border-thin-semantic-neutral-primary { border: 1px solid var(--c--contextuals--border--semantic--neutral--primary); } .border-clr-semantic-neutral-secondary { border-color: var(--c--contextuals--border--semantic--neutral--secondary); } .border-thin-semantic-neutral-secondary { border: 1px solid var(--c--contextuals--border--semantic--neutral--secondary); } .border-clr-semantic-neutral-tertiary { border-color: var(--c--contextuals--border--semantic--neutral--tertiary); } .border-thin-semantic-neutral-tertiary { border: 1px solid var(--c--contextuals--border--semantic--neutral--tertiary); } .border-clr-semantic-info-primary { border-color: var(--c--contextuals--border--semantic--info--primary); } .border-thin-semantic-info-primary { border: 1px solid var(--c--contextuals--border--semantic--info--primary); } .border-clr-semantic-info-secondary { border-color: var(--c--contextuals--border--semantic--info--secondary); } .border-thin-semantic-info-secondary { border: 1px solid var(--c--contextuals--border--semantic--info--secondary); } .border-clr-semantic-info-tertiary { border-color: var(--c--contextuals--border--semantic--info--tertiary); } .border-thin-semantic-info-tertiary { border: 1px solid var(--c--contextuals--border--semantic--info--tertiary); } .border-clr-semantic-success-primary { border-color: var(--c--contextuals--border--semantic--success--primary); } .border-thin-semantic-success-primary { border: 1px solid var(--c--contextuals--border--semantic--success--primary); } .border-clr-semantic-success-secondary { border-color: var(--c--contextuals--border--semantic--success--secondary); } .border-thin-semantic-success-secondary { border: 1px solid var(--c--contextuals--border--semantic--success--secondary); } .border-clr-semantic-success-tertiary { border-color: var(--c--contextuals--border--semantic--success--tertiary); } .border-thin-semantic-success-tertiary { border: 1px solid var(--c--contextuals--border--semantic--success--tertiary); } .border-clr-semantic-warning-primary { border-color: var(--c--contextuals--border--semantic--warning--primary); } .border-thin-semantic-warning-primary { border: 1px solid var(--c--contextuals--border--semantic--warning--primary); } .border-clr-semantic-warning-secondary { border-color: var(--c--contextuals--border--semantic--warning--secondary); } .border-thin-semantic-warning-secondary { border: 1px solid var(--c--contextuals--border--semantic--warning--secondary); } .border-clr-semantic-warning-tertiary { border-color: var(--c--contextuals--border--semantic--warning--tertiary); } .border-thin-semantic-warning-tertiary { border: 1px solid var(--c--contextuals--border--semantic--warning--tertiary); } .border-clr-semantic-error-primary { border-color: var(--c--contextuals--border--semantic--error--primary); } .border-thin-semantic-error-primary { border: 1px solid var(--c--contextuals--border--semantic--error--primary); } .border-clr-semantic-error-secondary { border-color: var(--c--contextuals--border--semantic--error--secondary); } .border-thin-semantic-error-secondary { border: 1px solid var(--c--contextuals--border--semantic--error--secondary); } .border-clr-semantic-error-tertiary { border-color: var(--c--contextuals--border--semantic--error--tertiary); } .border-thin-semantic-error-tertiary { border: 1px solid var(--c--contextuals--border--semantic--error--tertiary); } .border-clr-semantic-disabled-primary { border-color: var(--c--contextuals--border--semantic--disabled--primary); } .border-thin-semantic-disabled-primary { border: 1px solid var(--c--contextuals--border--semantic--disabled--primary); } .clr-content-logo1 { color: var(--c--contextuals--content--logo1); } .clr-content-logo2 { color: var(--c--contextuals--content--logo2); } .clr-content-semantic-contextual-primary { color: var(--c--contextuals--content--semantic--contextual--primary); } .clr-content-semantic-overlay-primary { color: var(--c--contextuals--content--semantic--overlay--primary); } .clr-content-semantic-brand-primary { color: var(--c--contextuals--content--semantic--brand--primary); } .clr-content-semantic-brand-secondary { color: var(--c--contextuals--content--semantic--brand--secondary); } .clr-content-semantic-brand-tertiary { color: var(--c--contextuals--content--semantic--brand--tertiary); } .clr-content-semantic-brand-on-brand { color: var(--c--contextuals--content--semantic--brand--on-brand); } .clr-content-semantic-neutral-primary { color: var(--c--contextuals--content--semantic--neutral--primary); } .clr-content-semantic-neutral-secondary { color: var(--c--contextuals--content--semantic--neutral--secondary); } .clr-content-semantic-neutral-tertiary { color: var(--c--contextuals--content--semantic--neutral--tertiary); } .clr-content-semantic-neutral-on-neutral { color: var(--c--contextuals--content--semantic--neutral--on-neutral); } .clr-content-semantic-info-primary { color: var(--c--contextuals--content--semantic--info--primary); } .clr-content-semantic-info-secondary { color: var(--c--contextuals--content--semantic--info--secondary); } .clr-content-semantic-info-tertiary { color: var(--c--contextuals--content--semantic--info--tertiary); } .clr-content-semantic-info-on-info { color: var(--c--contextuals--content--semantic--info--on-info); } .clr-content-semantic-success-primary { color: var(--c--contextuals--content--semantic--success--primary); } .clr-content-semantic-success-secondary { color: var(--c--contextuals--content--semantic--success--secondary); } .clr-content-semantic-success-tertiary { color: var(--c--contextuals--content--semantic--success--tertiary); } .clr-content-semantic-success-on-success { color: var(--c--contextuals--content--semantic--success--on-success); } .clr-content-semantic-warning-primary { color: var(--c--contextuals--content--semantic--warning--primary); } .clr-content-semantic-warning-secondary { color: var(--c--contextuals--content--semantic--warning--secondary); } .clr-content-semantic-warning-tertiary { color: var(--c--contextuals--content--semantic--warning--tertiary); } .clr-content-semantic-warning-on-warning { color: var(--c--contextuals--content--semantic--warning--on-warning); } .clr-content-semantic-error-primary { color: var(--c--contextuals--content--semantic--error--primary); } .clr-content-semantic-error-secondary { color: var(--c--contextuals--content--semantic--error--secondary); } .clr-content-semantic-error-tertiary { color: var(--c--contextuals--content--semantic--error--tertiary); } .clr-content-semantic-error-on-error { color: var(--c--contextuals--content--semantic--error--on-error); } .clr-content-semantic-disabled-primary { color: var(--c--contextuals--content--semantic--disabled--primary); } .clr-content-semantic-disabled-secondary { color: var(--c--contextuals--content--semantic--disabled--secondary); } .clr-content-palette-brand-primary { color: var(--c--contextuals--content--palette--brand--primary); } .clr-content-palette-red-primary { color: var(--c--contextuals--content--palette--red--primary); } .clr-content-palette-orange-primary { color: var(--c--contextuals--content--palette--orange--primary); } .clr-content-palette-brown-primary { color: var(--c--contextuals--content--palette--brown--primary); } .clr-content-palette-yellow-primary { color: var(--c--contextuals--content--palette--yellow--primary); } .clr-content-palette-green-primary { color: var(--c--contextuals--content--palette--green--primary); } .clr-content-palette-blue-1-primary { color: var(--c--contextuals--content--palette--blue-1--primary); } .clr-content-palette-blue-2-primary { color: var(--c--contextuals--content--palette--blue-2--primary); } .clr-content-palette-purple-primary { color: var(--c--contextuals--content--palette--purple--primary); } .clr-content-palette-pink-primary { color: var(--c--contextuals--content--palette--pink--primary); } .clr-content-palette-gray-primary { color: var(--c--contextuals--content--palette--gray--primary); } /* [project]/apps/impress/src/cunningham/cunningham-style.css [client] (css) */ :root { --c--components--forms-input--border-radius--hover: var(--c--components--forms-input--border-radius); --c--components--forms-input--border-radius--focus: var(--c--components--forms-input--border-radius); --c--components--forms-input--border-color--hover: var(--c--components--forms-input--border-color); --c--components--forms-datepicker--border-color--hover: var(--c--components--forms-datepicker--border-color); --c--components--forms-select--value-color--disabled: var(--c--globals--colors--gray-400); --c--components--button--border-radius--active: var(--c--components--button--border-radius); } .c__button { contain: content; } .c__button:disabled { cursor: unset; } .c__button:focus-visible { outline: none; } .c__button--medium { min-height: var(--c--components--button--medium-height); height: auto; } .c__modal__backdrop { z-index: 1000; } .c__modal__scroller { padding: var(--c--globals--font--sizes--md); } .c__modal__title { padding: 0; display: block; } .c__modal__footer { background-color: #0000; } .c__modal__close .c__button { position: relative; top: 0; right: 0; } .c__modal__close { position: absolute; top: 4px; right: 4px; } .c__tooltip { padding: var(--c--globals--spacings--t) var(--c--globals--spacings--xxs); text-align: center; } .c__tooltip .react-aria-OverlayArrow svg { display: none; } .c__toast__container { z-index: -1; } .c__toast__container:has(.c__toast) { z-index: 10000; } /* [project]/node_modules/@fontsource/material-icons/index.css [client] (css) */ @font-face { font-family: Material Icons; font-style: normal; font-display: swap; font-weight: 400; src: url("../media/material-icons-latin-400-normal.0oxfo_l1u_72m.woff2") format("woff2"), url("../media/material-icons-latin-400-normal.3pnleblynanlk.woff") format("woff"); } /* [project]/node_modules/@fontsource/material-icons-outlined/index.css [client] (css) */ @font-face { font-family: Material Icons Outlined; font-style: normal; font-display: swap; font-weight: 400; src: url("../media/material-icons-outlined-latin-400-normal.10e945xy09bwe.woff2") format("woff2"), url("../media/material-icons-outlined-latin-400-normal.3m304xja1v-r6.woff") format("woff"); } /* [project]/node_modules/@fontsource-variable/material-symbols-outlined/index.css [client] (css) */ @font-face { font-family: Material Symbols Outlined Variable; font-style: normal; font-display: swap; font-weight: 100 700; src: url("../media/material-symbols-outlined-latin-wght-normal.2qn3yc3nmjp4d.woff2") format("woff2-variations"); } /* [project]/node_modules/@fontsource-variable/inter/index.css [client] (css) */ @font-face { font-family: Inter Variable; font-style: normal; font-display: swap; font-weight: 100 900; src: url("../media/inter-cyrillic-ext-wght-normal.20g3-bbbhdq0_.woff2") format("woff2-variations"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Inter Variable; font-style: normal; font-display: swap; font-weight: 100 900; src: url("../media/inter-cyrillic-wght-normal.2cxlyxah-fd35.woff2") format("woff2-variations"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Inter Variable; font-style: normal; font-display: swap; font-weight: 100 900; src: url("../media/inter-greek-ext-wght-normal.0mkxydxl0e43d.woff2") format("woff2-variations"); unicode-range: U+1F??; } @font-face { font-family: Inter Variable; font-style: normal; font-display: swap; font-weight: 100 900; src: url("../media/inter-greek-wght-normal.1rx9vjatjkdar.woff2") format("woff2-variations"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Inter Variable; font-style: normal; font-display: swap; font-weight: 100 900; src: url("../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2") format("woff2-variations"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Inter Variable; font-style: normal; font-display: swap; font-weight: 100 900; src: url("../media/inter-latin-ext-wght-normal.3gdi_th3seg1n.woff2") format("woff2-variations"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Inter Variable; font-style: normal; font-display: swap; font-weight: 100 900; src: url("../media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2") format("woff2-variations"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* [project]/node_modules/@gouvfr-lasuite/ui-components/dist/assets/fonts/Marianne/Marianne-font.css [client] (css) */ @font-face { font-family: Marianne; src: url("../media/Marianne-Thin.22bvdwuysc4qm.woff2") format("woff2"), url("../media/Marianne-Thin.42gu8-7878ann.woff") format("woff"); font-weight: 100; font-style: normal; } @font-face { font-family: Marianne; src: url("../media/Marianne-Thin_Italic.1zgw9fuafnw6-.woff2") format("woff2"), url("../media/Marianne-Thin_Italic.1z8jgrgcyywoe.woff") format("woff"); font-weight: 100; font-style: italic; } @font-face { font-family: Marianne; src: url("../media/Marianne-Light.410_e0zafifdt.woff2") format("woff2"), url("../media/Marianne-Light.0rcn4wpximivb.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: Marianne; src: url("../media/Marianne-Light_Italic.3ntj4p94zjx8n.woff2") format("woff2"), url("../media/Marianne-Light_Italic.0vk7p0c4acrnk.woff") format("woff"); font-weight: 300; font-style: italic; } @font-face { font-family: Marianne; src: url("../media/Marianne-Regular.1f77_3g02sf42.woff2") format("woff2"), url("../media/Marianne-Regular.0vik4rklcuqaw.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: Marianne; src: url("../media/Marianne-Regular_Italic.0tr2-oec-4a19.woff2") format("woff2"), url("../media/Marianne-Regular_Italic.16cn3yu1yewke.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: Marianne; src: url("../media/Marianne-Medium.03c8d_fq3c1s5.woff2") format("woff2"), url("../media/Marianne-Medium.32oklqpfwk-fe.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: Marianne; src: url("../media/Marianne-Medium_Italic.2qd6wf-my9db9.woff2") format("woff2"), url("../media/Marianne-Medium_Italic.1hiy0sghei52a.woff") format("woff"); font-weight: 500; font-style: italic; } @font-face { font-family: Marianne; src: url("../media/Marianne-Bold.1-xnhmbmwq9d7.woff2") format("woff2"), url("../media/Marianne-Bold.1wc5cllxd6h-1.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: Marianne; src: url("../media/Marianne-Bold_Italic.17qu7pm-p4a4x.woff2") format("woff2"), url("../media/Marianne-Bold_Italic.2-slrzq-spvie.woff") format("woff"); font-weight: 700; font-style: italic; } @font-face { font-family: Marianne; src: url("../media/Marianne-ExtraBold.1jdq5au6vuu3n.woff2") format("woff2"), url("../media/Marianne-ExtraBold.13rhs6n6mrgp6.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: Marianne; src: url("../media/Marianne-ExtraBold_Italic.2ed7gir345-du.woff2") format("woff2"), url("../media/Marianne-ExtraBold_Italic.1vz-ex830l0cb.woff") format("woff"); font-weight: 800; font-style: italic; } /* [project]/apps/impress/src/pages/globals.css [client] (css) */ body { margin: 0; padding: 0; overflow: hidden; } body > #__next > .c__app > div:has( > .c__loader) { justify-content: center; align-items: center; width: 100vw; min-height: 100vh; display: flex; } * { box-sizing: border-box; } :focus-visible { outline: 2px solid var(--c--globals--colors--brand-400); outline-offset: calc(-1 * var(--c--globals--spacings--4xs)); border-radius: var(--c--globals--spacings--2xs); } main ::-webkit-scrollbar { width: 20px; } .ReactModalPortal ::-webkit-scrollbar { width: 20px; } main ::-webkit-scrollbar-track { background-color: #0000; } .ReactModalPortal ::-webkit-scrollbar-track { background-color: #0000; } main ::-webkit-scrollbar-thumb { background-color: #d6dee1; background-clip: content-box; border: 6px solid #0000; border-radius: 20px; } .ReactModalPortal ::-webkit-scrollbar-thumb { background-color: #d6dee1; background-clip: content-box; border: 6px solid #0000; border-radius: 20px; } main ::-webkit-scrollbar-thumb:hover { background-color: #a8bbbf; } .ReactModalPortal ::-webkit-scrollbar-thumb:hover { background-color: #a8bbbf; } .btn-unstyled { color: inherit; font: inherit; cursor: pointer; outline: inherit; background: none; border: none; padding: 0; } .material-icons, .material-icons-filled, .material-symbols-outlined { text-transform: none; letter-spacing: normal; overflow-wrap: normal; white-space: nowrap; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; direction: ltr; font-family: Material Icons Outlined, Material Icons, sans-serif; font-size: 24px; font-style: normal; font-weight: normal; display: inline-block; } .material-icons-filled { font-family: Material Icons, sans-serif; } .material-symbols-outlined { font-family: Material Symbols Outlined Variable, sans-serif; } [data-nextjs-dialog-overlay] { display: none !important; } nextjs-portal { display: none; } .sr-only { clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; position: fixed !important; overflow: hidden !important; transform: translateX(-100vw) !important; } /*# sourceMappingURL=_0u33ut0._.css.map*/