@kofile/gds-foundations 1.2.2 → 1.4.0

package/build/css/themes/global.css

@@ -1,628 +1,321 @@
-
-:root, 
+:root,
 :host {
---primitive-0: 0rem;
---primitive-1: 0.0625rem;
---primitive-2: 0.125rem;
---primitive-4: 0.25rem;
---primitive-6: 0.375rem;
---primitive-8: 0.5rem;
---primitive-10: 0.625rem;
---primitive-11: 0.6875rem;
---primitive-12: 0.75rem;
---primitive-13: 0.8125rem;
---primitive-14: 0.875rem;
---primitive-15: 0.9375rem;
---primitive-16: 1rem;
---primitive-17: 1.0625rem;
---primitive-18: 1.125rem;
---primitive-20: 1.25rem;
---primitive-24: 1.5rem;
---primitive-28: 1.75rem;
---primitive-32: 2rem;
---primitive-36: 2.25rem;
---primitive-40: 2.5rem;
---primitive-44: 2.75rem;
---primitive-48: 3rem;
---primitive-52: 3.25rem;
---primitive-56: 3.5rem;
---primitive-60: 3.75rem;
---primitive-64: 4rem;
---primitive-72: 4.5rem;
---primitive-80: 5rem;
---primitive-128: 8rem;
---primitive-160: 10rem;
---primitive-192: 12rem;
---primitive-224: 14rem;
---primitive-256: 16rem;
---primitive-320: 20rem;
---primitive-384: 24rem;
---primitive-448: 28rem;
---primitive-512: 32rem;
---primitive-640: 40rem;
---primitive-768: 48rem;
---primitive-1024: 64rem;
---primitive-1280: 80rem;
---primitive-1600: 100rem;
---primitive-1920: 120rem;
---primitive-gray-100: #f7f7f7;
---primitive-gray-200: #edeeef;
---primitive-gray-300: #d5d7db;
---primitive-gray-400: #b7bcc3;
---primitive-gray-500: #8d949f;
---primitive-gray-600: #6b7280;
---primitive-gray-700: #4f5562;
---primitive-gray-800: #343944;
---primitive-gray-900: #242831;
---primitive-gray-1000: #191b22;
---primitive-gray-black: #121212;
---primitive-gray-white: #ffffff;
---primitive-blue-100: #f0f7ff;
---primitive-blue-200: #d9eafe;
---primitive-blue-300: #abcffd;
---primitive-blue-400: #66a8fd;
---primitive-blue-500: #3a89fd;
---primitive-blue-600: #0c57cd;
---primitive-blue-700: #063b99;
---primitive-blue-800: #052b74;
---primitive-blue-900: #041c4f;
---primitive-blue-1000: #03122f;
---primitive-red-100: #feecec;
---primitive-red-200: #fedcdc;
---primitive-red-300: #feada9;
---primitive-red-400: #fc817c;
---primitive-red-500: #f4534f;
---primitive-red-600: #d12828;
---primitive-red-700: #ab1a1d;
---primitive-red-800: #7e130e;
---primitive-red-900: #5c0b09;
---primitive-red-1000: #3b0807;
---primitive-green-100: #e2fdee;
---primitive-green-200: #c0f6dc;
---primitive-green-300: #71e0b0;
---primitive-green-400: #29c68c;
---primitive-green-500: #1aad74;
---primitive-green-600: #088556;
---primitive-green-700: #086945;
---primitive-green-800: #0a4e35;
---primitive-green-900: #063724;
---primitive-green-1000: #052618;
---primitive-orange-100: #fff3e0;
---primitive-orange-200: #ffe4c2;
---primitive-orange-300: #fec880;
---primitive-orange-400: #fba94b;
---primitive-orange-500: #f39129;
---primitive-orange-600: #d26e16;
---primitive-orange-700: #a2520c;
---primitive-orange-800: #753c08;
---primitive-orange-900: #553008;
---primitive-orange-1000: #3c2109;
---primitive-yellow-100: #fdf8cf;
---primitive-yellow-200: #fdeeaf;
---primitive-yellow-300: #fbd974;
---primitive-yellow-400: #f1bc0f;
---primitive-yellow-500: #dda100;
---primitive-yellow-600: #c08700;
---primitive-yellow-700: #976800;
---primitive-yellow-800: #785200;
---primitive-yellow-900: #563e00;
---primitive-yellow-1000: #3c2e00;
---primitive-purple-100: #f7f5ff;
---primitive-purple-200: #e9e5fd;
---primitive-purple-300: #d1c9fc;
---primitive-purple-400: #baa8f7;
---primitive-purple-500: #a485ed;
---primitive-purple-600: #7c4ccd;
---primitive-purple-700: #562c9e;
---primitive-purple-800: #3b2270;
---primitive-purple-900: #291753;
---primitive-purple-1000: #150c32;
---primitive-magenta-100: #ffecf8;
---primitive-magenta-200: #fcc8e9;
---primitive-magenta-300: #f59cd2;
---primitive-magenta-400: #e97dbe;
---primitive-magenta-500: #d45da6;
---primitive-magenta-600: #a64480;
---primitive-magenta-700: #7d3261;
---primitive-magenta-800: #582544;
---primitive-magenta-900: #3f1d31;
---primitive-magenta-1000: #2b1323;
---primitive-teal-100: #d5feff;
---primitive-teal-200: #93fbfa;
---primitive-teal-300: #53e6e4;
---primitive-teal-400: #32c6c6;
---primitive-teal-500: #309d9f;
---primitive-teal-600: #247678;
---primitive-teal-700: #1c4e4f;
---primitive-teal-800: #133636;
---primitive-teal-900: #0d2727;
---primitive-teal-1000: #061615;
---spacing-4xs: 0rem;
---spacing-3xs: 0.125rem;
---spacing-2xs: 0.25rem;
---spacing-xs: 0.5rem;
---spacing-sm: 0.75rem;
---spacing-md: 1rem;
---spacing-lg: 1.25rem;
---spacing-xl: 1.5rem;
---spacing-2xl: 2rem;
---spacing-3xl: 3rem;
---spacing-4xl: 4rem;
---border-radius-none: 0rem;
---border-radius-2xs: 0.125rem;
---border-radius-xs: 0.25rem;
---border-radius-sm: 0.375rem;
---border-radius-md: 0.5rem;
---border-radius-lg: 0.75rem;
---border-radius-xl: 1rem;
---line-heights-3xs: 1rem;
---line-heights-2xs: 1.25rem;
---line-heights-xs: 1.25rem;
---line-heights-sm: 1.25rem;
---line-heights-md: 1.5rem;
---line-heights-lg: 1.5rem;
---line-heights-xl: 1.75rem;
---line-heights-2xl: 2.25rem;
---line-heights-3xl: 2.25rem;
---line-heights-4xl: 3rem;
---line-heights-5xl: 3.75rem;
---line-heights-6xl: 5rem;
---font-size-3xs: 0.75rem;
---font-size-2xs: 0.8125rem;
---font-size-xs: 0.875rem;
---font-size-sm: 0.9375rem;
---font-size-md: 1rem;
---font-size-lg: 1.125rem;
---font-size-xl: 1.25rem;
---font-size-2xl: 1.5rem;
---font-size-3xl: 1.75rem;
---font-size-4xl: 2.25rem;
---font-size-5xl: 3rem;
---font-size-6xl: 4.5rem;
---layout-4xs: 12rem;
---layout-3xs: 14rem;
---layout-2xs: 16rem;
---layout-xs: 20rem;
---layout-sm: 24rem;
---layout-md: 32rem;
---layout-lg: 48rem;
---layout-xl: 64rem;
---layout-2xl: 80rem;
---layout-3xl: 100rem;
---layout-4xl: 120rem;
---border-width-none: 0rem;
---border-width-sm: 0.0625rem;
---border-width-md: 0.125rem;
---border-width-lg: 0.25rem;
---font-families-default: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
---font-families-mono: 'Fira Code', monospace;;
---font-weights-regular: 480;
---font-weights-semibold: 600;
---font-weights-bold: 720;
---letter-spacing-3xs: -0.005em;
---letter-spacing-2xs: -0.005em;
---letter-spacing-xs: -0.005em;
---letter-spacing-sm: -0.01em;
---letter-spacing-md: -0.01em;
---letter-spacing-lg: -0.01em;
---letter-spacing-xl: -0.01em;
---letter-spacing-2xl: -0.015em;
---letter-spacing-3xl: -0.0175em;
---letter-spacing-4xl: -0.0175em;
---letter-spacing-5xl: -0.0175em;
---letter-spacing-6xl: -0.025em;
---paragraph-spacing-0: 0;
---text-case-none: none;
---text-decoration-none: none;
---paragraph-indent-0: 0px;
---color-neutral-100: #f7f7f7;
---color-neutral-200: #edeeef;
---color-neutral-300: #d5d7db;
---color-neutral-400: #b7bcc3;
---color-neutral-500: #8d949f;
---color-neutral-600: #6b7280;
---color-neutral-700: #4f5562;
---color-neutral-800: #343944;
---color-neutral-900: #242831;
---color-neutral-1000: #191b22;
---color-neutral-darkest: #121212;
---color-neutral-lightest: #ffffff;
---color-neutral-alpha-100: rgba(56, 56, 56, 0.04);
---color-neutral-alpha-200: rgba(31, 44, 56, 0.08);
---color-neutral-alpha-300: rgba(8, 20, 43, 0.17);
---color-neutral-alpha-400: rgba(7, 25, 49, 0.29);
---color-neutral-alpha-500: rgba(2, 17, 44, 0.45);
---color-neutral-alpha-600: rgba(4, 17, 42, 0.59);
---color-neutral-alpha-700: rgba(4, 12, 32, 0.7);
---color-neutral-alpha-800: rgba(1, 7, 19, 0.8);
---color-neutral-alpha-900: rgba(0, 5, 15, 0.86);
---color-neutral-alpha-1000: rgba(2, 4, 13, 0.91);
---color-primary-100: #f0f7ff;
---color-primary-200: #d9eafe;
---color-primary-300: #abcffd;
---color-primary-400: #66a8fd;
---color-primary-500: #3a89fd;
---color-primary-600: #0c57cd;
---color-primary-700: #063b99;
---color-primary-800: #052b74;
---color-primary-900: #041c4f;
---color-primary-1000: #03122f;
---color-primary-alpha-100: rgba(5, 122, 255, 0.06);
---color-primary-alpha-200: rgba(2, 117, 247, 0.15);
---color-primary-alpha-300: rgba(0, 112, 250, 0.33);
---color-primary-alpha-400: rgba(0, 108, 250, 0.6);
---color-primary-alpha-500: rgba(3, 103, 252, 0.78);
---color-primary-alpha-600: rgba(2, 79, 202, 0.96);
---color-primary-alpha-700: rgba(1, 56, 152, 0.98);
---color-primary-alpha-800: rgba(2, 42, 116, 0.99);
---color-primary-alpha-900: rgba(1, 26, 75, 0.99);
---color-primary-alpha-1000: rgba(0, 16, 46, 0.99);
---color-danger-100: #feecec;
---color-danger-200: #fedcdc;
---color-danger-300: #feada9;
---color-danger-400: #fc817c;
---color-danger-500: #f4534f;
---color-danger-600: #d12828;
---color-danger-700: #ab1a1d;
---color-danger-800: #7e130e;
---color-danger-900: #5c0b09;
---color-danger-1000: #3b0807;
---color-warning-100: #fff3e0;
---color-warning-200: #ffe4c2;
---color-warning-300: #fec880;
---color-warning-400: #fba94b;
---color-warning-500: #f39129;
---color-warning-600: #d26e16;
---color-warning-700: #a2520c;
---color-warning-800: #753c08;
---color-warning-900: #553008;
---color-warning-1000: #3c2109;
---color-success-100: #e2fdee;
---color-success-200: #c0f6dc;
---color-success-300: #71e0b0;
---color-success-400: #29c68c;
---color-success-500: #1aad74;
---color-success-600: #088556;
---color-success-700: #086945;
---color-success-800: #0a4e35;
---color-success-900: #063724;
---color-success-1000: #052618;
---color-highlight-100: #fdf8cf;
---color-highlight-200: #fdeeaf;
---color-highlight-300: #fbd974;
---color-highlight-400: #f1bc0f;
---color-highlight-500: #dda100;
---color-highlight-600: #c08700;
---color-highlight-700: #976800;
---color-highlight-800: #785200;
---color-highlight-900: #563e00;
---color-highlight-1000: #3c2e00;
---opacity-disabled: .32;
---opacity-sm: .48;
---opacity-md: .64;
---opacity-l: .88;
---shadow-xs-blur: 12px;
---shadow-xs-spread: 0;
---shadow-xs-color: rgba(18, 18, 18, 0.08);
---shadow-xs-type: dropShadow;
---shadow-xs-offset-x: 0;
---shadow-xs-offset-y: 0;
---shadow-sm-blur: 12px;
---shadow-sm-spread: 0;
---shadow-sm-color: rgba(18, 18, 18, 0.16);
---shadow-sm-type: dropShadow;
---shadow-sm-offset-x: 0;
---shadow-sm-offset-y: 0;
---shadow-md-blur: 12px;
---shadow-md-spread: 0;
---shadow-md-color: rgba(18, 18, 18, 0.24);
---shadow-md-type: dropShadow;
---shadow-md-offset-x: 0;
---shadow-md-offset-y: 0;
---shadow-lg-blur: 12px;
---shadow-lg-spread: 0;
---shadow-lg-color: rgba(18, 18, 18, 0.72);
---shadow-lg-type: dropShadow;
---shadow-lg-offset-x: 0;
---shadow-lg-offset-y: 0;
---shadow-xl-blur: 16px;
---shadow-xl-spread: 0;
---shadow-xl-color: rgba(18, 18, 18, 0.96);
---shadow-xl-type: dropShadow;
---shadow-xl-offset-x: 0;
---shadow-xl-offset-y: 0;
---elevation-100: 100;
---elevation-150: 150;
---elevation-199: 199;
---elevation-200: 200;
---elevation-250: 250;
---elevation-299: 299;
---elevation-300: 300;
---elevation-350: 350;
---elevation-399: 399;
---elevation-400: 400;
---elevation-450: 450;
---elevation-499: 499;
---elevation-absolute-bottom: -999;
---elevation-absolute-top: 999;
---badge-size-sm-vertical-padding: 0.125rem;
---badge-size-sm-horizontal-padding: 0.25rem;
---badge-size-sm-border-radius: 0.25rem;
---badge-size-md-vertical-padding: 0.125rem;
---badge-size-md-horizontal-padding: 0.5rem;
---badge-size-md-border-radius: 0.25rem;
---badge-size-lg-vertical-padding: 0.375rem;
---badge-size-lg-horizontal-padding: 0.5rem;
---badge-size-lg-border-radius: 0.25rem;
---badge-gap-spacing: 0.25rem;
---button-size-sm-border-radius: 0.375rem;
---button-size-sm-border-width: 0.0625rem;
---button-size-sm-border-style: solid;
---button-size-md-border-radius: 0.375rem;
---button-size-md-border-width: 0.0625rem;
---button-size-md-border-style: solid;
---button-size-md-height: 1.5rem;
---button-size-md-padding-left: 0.5rem;
---button-size-md-padding-right: 0.5rem;
---button-size-md-padding-top: 0.125rem;
---button-size-md-padding-bottom: 0.125rem;
---button-size-md-spacing: 0.25rem;
---button-size-lg-border-radius: 0.375rem;
---button-size-lg-border-width: 0.0625rem;
---button-size-lg-border-style: solid;
---button-size-lg-height: 2rem;
---button-size-lg-padding-left: 0.75rem;
---button-size-lg-padding-right: 0.75rem;
---button-size-lg-padding-top: 0.375rem;
---button-size-lg-padding-bottom: 0.375rem;
---button-size-lg-spacing: 0.25rem;
---button-size-xl-border-radius: 0.375rem;
---button-size-xl-border-width: 0.0625rem;
---button-size-xl-border-style: solid;
---button-size-xl-height: 3rem;
---button-size-xl-padding-left: 1rem;
---button-size-xl-padding-right: 1rem;
---button-size-xl-padding-top: 0.75rem;
---button-size-xl-padding-bottom: 0.75rem;
---button-size-xl-spacing: 0.25rem;
---button-gap-spacing: 0.25rem;
---button-outline-primary-width: 0.25rem;
---button-outline-primary-style: solid;
---button-outline-primary-fill: #063b99;
---button-outline-primary-offset: 0.125rem;
---button-opacity-disabled: .32;
---card-size-sm-border-radius: 0.5rem;
---card-size-sm-border-width: 0.0625rem;
---card-size-sm-border-style: solid;
---card-size-sm-min-height: 16rem;
---card-size-sm-padding: 1rem;
---card-size-sm-width: 288px;
---card-size-md-padding: 1.5rem;
---card-size-md-width: 32rem;
---card-size-lg-padding: 3rem;
---card-size-lg-width: 64rem;
---checkbox-size-sm-background-size: 0.375rem;
---checkbox-size-sm-border-radius: 0.125rem;
---checkbox-size-sm-border-width: 0.0625rem;
---checkbox-size-sm-height: 1rem;
---checkbox-size-sm-width: 1rem;
---checkbox-size-md-background-size: 0.5rem;
---checkbox-size-md-border-radius: 0.25rem;
---checkbox-size-md-border-width: 0.0625rem;
---checkbox-size-md-height: 1.25rem;
---checkbox-size-md-width: 1.25rem;
---checkbox-gap-spacing: 0.25rem;
---checkbox-outline-primary-width: 0.25rem;
---checkbox-outline-primary-style: solid;
---checkbox-outline-primary-fill: #063b99;
---checkbox-outline-primary-offset: 0.125rem;
---checkbox-opacity-disabled: .32;
---checkbox-tile-size-md-border-radius: 0.375rem;
---checkbox-tile-size-md-border-width: 0.0625rem;
---checkbox-tile-size-md-padding-block: 1rem;
---checkbox-tile-size-md-padding-inline: 1rem;
---checkbox-tile-size-md-width: auto;
---dialog-elements-content-size-compact-border-radius: 0.375rem;
---dialog-elements-content-size-compact-border-width: 0.0625rem;
---dialog-elements-content-size-compact-padding-block: 1.5rem;
---dialog-elements-content-size-compact-padding-inline: 1.25rem;
---dialog-elements-content-size-compact-box-shadow-blur: 12px;
---dialog-elements-content-size-compact-box-shadow-spread: 0;
---dialog-elements-content-size-compact-box-shadow-color: rgba(18, 18, 18, 0.24);
---dialog-elements-content-size-compact-box-shadow-type: dropShadow;
---dialog-elements-content-size-compact-box-shadow-offset-x: 0;
---dialog-elements-content-size-compact-box-shadow-offset-y: 0;
---dialog-elements-content-size-compact-width: 16rem;
---dialog-elements-content-size-spacious-width: 384px;
---dialog-elements-title-margin: 0rem;
---dialog-elements-title-margin-block-start: 0.5rem;
---dialog-elements-title-text-align: center;
---dialog-elements-description-margin: 0rem;
---dialog-elements-description-margin-block-start: 0.5rem;
---dialog-elements-description-text-align: center;
---dialog-elements-icon-size-default-border-radius: 0.375rem;
---dialog-elements-icon-size-default-padding: 0.5rem;
---field-message-opacity-disabled: .32;
---form-label-elements-indicator-background: #d26e16;
---form-label-elements-indicator-border-radius: 0.375rem;
---form-label-elements-indicator-height: 0.5rem;
---form-label-elements-indicator-width: 0.5rem;
---form-label-size-md-gap: 0.25rem;
---form-label-opacity-disabled: .32;
---input-elements-root-size-xl-width: 100%;
---input-elements-text-field-size-md-border-radius: 0.25rem;
---input-elements-text-field-size-md-height: 1.5rem;
---input-elements-text-field-size-md-padding-block: 0.375rem;
---input-elements-text-field-size-md-padding-inline-start: 0.5rem;
---input-elements-text-field-size-lg-border-radius: 0.375rem;
---input-elements-text-field-size-lg-height: 2rem;
---input-elements-text-field-size-lg-padding-block: 0.5rem;
---input-elements-text-field-size-lg-padding-inline-start: 0.5rem;
---input-elements-text-field-size-xl-border-radius: 0.375rem;
---input-elements-text-field-size-xl-border-width: 0.0625rem;
---input-elements-text-field-size-xl-height: 3rem;
---input-elements-text-field-size-xl-padding-block: 0.75rem;
---input-elements-text-field-size-xl-padding-inline: 1rem;
---input-elements-text-field-size-xl-width: 100%;
---input-elements-icon-size-md-height: 1.5rem;
---input-elements-icon-size-md-border-radius: 0.375rem;
---input-elements-icon-size-lg-height: 2rem;
---input-elements-icon-size-lg-border-radius: 0.375rem;
---input-elements-icon-size-xl-border-radius: 0.5rem;
---input-elements-icon-size-xl-border-width: 0.0625rem;
---input-elements-icon-size-xl-height: 3rem;
---input-elements-icon-size-xl-padding-block-start: 1rem;
---input-elements-icon-size-xl-padding-block-end: 0rem;
---input-elements-addon-size-md-border-radius: 0.25rem;
---input-elements-addon-size-md-height: 1.5rem;
---input-elements-addon-size-md-padding-inline: 0.5rem;
---input-elements-addon-size-lg-border-radius: 0.25rem;
---input-elements-addon-size-lg-height: 2rem;
---input-elements-addon-size-lg-padding-inline: 0.75rem;
---input-elements-addon-size-xl-border-radius: 0.375rem;
---input-elements-addon-size-xl-border-width: 0.0625rem;
---input-elements-addon-size-xl-height: 3rem;
---input-elements-addon-size-xl-padding-inline: 1rem;
---input-disabled-opacity: .32;
---label-gap-default: 0.25rem;
---label-opacity-disabled: .32;
---link-weight-regular: 400;
---link-gap-default: 0.25rem;
---link-opacity-disabled: .32;
---list-group-space-comfortable: 3rem;
---loader-size-lg-border-radius: 100%;
---loader-size-lg-border-width: 0.5rem;
---loader-size-lg-height: 4rem;
---loader-size-lg-width: 4rem;
---radio-group-elements-indicator-size-sm-height: 0.375rem;
---radio-group-elements-indicator-size-sm-width: 0.375rem;
---radio-group-elements-indicator-size-md-border-radius: 50%;
---radio-group-elements-indicator-size-md-height: 0.5rem;
---radio-group-elements-indicator-size-md-width: 0.5rem;
---radio-group-elements-indicator-shadow-x: 0;
---radio-group-elements-indicator-shadow-y: 0.0625rem;
---radio-group-elements-indicator-shadow-blur: 0.0625rem;
---radio-group-elements-indicator-shadow-spread: 0;
---radio-group-elements-indicator-shadow-color: rgba(0, 0, 0, 0.08);
---radio-group-size-sm-border-width: 0.0625rem;
---radio-group-size-sm-height: 1rem;
---radio-group-size-sm-min-width: 1rem;
---radio-group-size-sm-width: 1rem;
---radio-group-size-md-border-radius: 100%;
---radio-group-size-md-border-width: 0.0625rem;
---radio-group-size-md-height: 1.25rem;
---radio-group-size-md-min-width: 1.25rem;
---radio-group-size-md-width: 1.25rem;
---radio-group-outline-primary-width: 0.25rem;
---radio-group-outline-primary-style: solid;
---radio-group-outline-primary-fill: #063b99;
---radio-group-outline-primary-offset: 0.125rem;
---radio-group-opacity-disabled: .32;
---radio-group-tile-size-md-border-radius: 0.25rem;
---radio-group-tile-size-md-border-width: 0.0625rem;
---radio-group-tile-size-md-padding-block: 0.75rem;
---radio-group-tile-size-md-padding-inline: 0.75rem;
---radio-group-tile-size-md-width: auto;
---segmented-controller-elements-list-size-lg-border-radius: 0.375rem;
---segmented-controller-elements-list-size-lg-border-width: 0.0625rem;
---segmented-controller-elements-trigger-size-md-padding-block: 0.125rem;
---segmented-controller-elements-trigger-size-md-padding-inline: 0.5rem;
---segmented-controller-elements-trigger-size-lg-border-radius: 0.375rem;
---segmented-controller-elements-trigger-size-lg-border-width: 0.125rem;
---segmented-controller-elements-trigger-size-lg-padding-block: 0.375rem;
---segmented-controller-elements-trigger-size-lg-padding-inline: 0.75rem;
---segmented-controller-elements-content-size-lg-border-radius: 0.375rem;
---segmented-controller-elements-content-size-lg-border-width: 0.0625rem;
---segmented-controller-elements-content-size-lg-margin-block-start: 0.5rem;
---segmented-controller-elements-content-size-lg-padding: 1rem;
---select-elements-trigger-size-md-max-height: 1.5rem;
---select-elements-trigger-size-md-padding-block: 0.25rem;
---select-elements-trigger-size-md-padding-inline: 0.5rem;
---select-elements-trigger-size-lg-max-height: 2rem;
---select-elements-trigger-size-lg-padding-block: 0.375rem;
---select-elements-trigger-size-lg-padding-inline: 0.75rem;
---select-elements-trigger-size-xl-border-radius: 0.375rem;
---select-elements-trigger-size-xl-border-width: 0.0625rem;
---select-elements-trigger-size-xl-max-height: 3rem;
---select-elements-trigger-size-xl-padding-block: 0.75rem;
---select-elements-trigger-size-xl-padding-inline: 1rem;
---select-elements-trigger-size-xl-width: 100%;
---select-elements-trigger-opacity-disabled: .32;
---select-elements-content-size-lg-border-radius: 0.375rem;
---select-elements-content-size-lg-border-width: 0.0625rem;
---select-elements-content-size-lg-max-height: 232px;
---select-elements-content-size-lg-z-index: 499;
---select-elements-content-opacity-disabled: .32;
---select-elements-content-scrollbar-size-lg-border-radius: 0.375rem;
---select-elements-content-scrollbar-size-lg-border-width: 0.0625rem;
---select-elements-content-scrollbar-size-lg-width: 0.75rem;
---select-elements-content-scrollbar-thumb-size-lg-height: 8rem;
---select-elements-menu-item-size-lg-padding-inline: 0.75rem;
---select-elements-menu-item-size-lg-padding-block: 0.375rem;
---select-elements-menu-item-gap-default: 0.5rem;
---select-elements-menu-item-opacity-disabled: .32;
---select-elements-separator-size-lg-height: 0.0625rem;
---select-elements-icon-size-md-min-height: 1.25rem;
---select-elements-icon-size-md-min-width: 1.25rem;
---select-elements-heading-size-sm-padding-inline: 0.75rem;
---select-elements-heading-size-sm-padding-block: 0.375rem;
---switch-elements-thumb-size-sm-height: 1rem;
---switch-elements-thumb-size-sm-width: 1rem;
---switch-elements-thumb-size-md-border-radius: 1rem;
---switch-elements-thumb-size-md-border-width: 0.0625rem;
---switch-elements-thumb-size-md-height: 1.25rem;
---switch-elements-thumb-size-md-width: 1.25rem;
---switch-elements-thumb-shadow-x: 0;
---switch-elements-thumb-shadow-y: 0.0625rem;
---switch-elements-thumb-shadow-blur: 0.0625rem;
---switch-elements-thumb-shadow-spread: 0;
---switch-elements-thumb-shadow-color: rgba(0, 0, 0, 0.08);
---switch-size-sm-height: 1rem;
---switch-size-sm-width: 2rem;
---switch-size-md-border-radius: 1rem;
---switch-size-md-border-width: 0.0625rem;
---switch-size-md-height: 1.25rem;
---switch-size-md-width: 2.5rem;
---switch-opacity-disabled: .32;
---switch-outline-primary-width: 0.25rem;
---switch-outline-primary-style: solid;
---switch-outline-primary-fill: #063b99;
---switch-outline-primary-offset: 0.125rem;
---table-elements-container-size-2xl-border-radius: 0.375rem;
---table-elements-container-size-2xl-border-width: 0.0625rem;
---table-elements-container-size-2xl-max-height: auto;
---table-elements-container-scrollbar-size-2xl-border-radius: 0.375rem;
---table-elements-container-scrollbar-size-2xl-border-width: 0.0625rem;
---table-elements-container-scrollbar-size-2xl-width: 0.75rem;
---table-elements-container-scrollbar-thumb-size-2xl-border-width: 0.0625rem;
---table-elements-container-scrollbar-thumb-size-2xl-height: 8rem;
---table-elements-th-size-xl-border-bottom-width: 0.0625rem;
---table-elements-th-size-xl-max-height: 3rem;
---table-elements-th-size-xl-padding-block-start: 1.125rem;
---table-elements-th-size-xl-padding-block-end: 0.5rem;
---table-elements-th-size-xl-padding-inline: 0.75rem;
---table-elements-th-size-2xl-max-height: 4rem;
---table-elements-th-size-2xl-padding-block-start: 1.5rem;
---table-elements-th-size-2xl-padding-block-end: 0.5rem;
---table-elements-td-size-lg-max-height: 2rem;
---table-elements-td-size-lg-padding-inline: 0.5rem;
---table-elements-td-size-xl-max-height: 3rem;
---table-elements-td-size-2xl-border-width: 0.0625rem;
---table-elements-td-size-2xl-max-height: 4rem;
---table-elements-td-size-2xl-padding-inline: 0.75rem;
---table-elements-actions-2xl-border-radius: 0.375rem;
---table-elements-actions-2xl-border-width: 0.0625rem;
---table-elements-actions-2xl-height: 3rem;
---table-elements-actions-2xl-padding-inline-end: 0.5rem;
---tabs-elements-list-size-lg-border-bottom-width: 0.0625rem;
---tabs-elements-list-size-lg-padding-block-end: 1rem;
---tabs-elements-list-gap-default: 1.25rem;
---tabs-elements-trigger-size-lg-border-width: 0.125rem;
---tabs-elements-trigger-size-lg-max-height: 2rem;
---tabs-elements-trigger-size-lg-padding-block-end: 0rem;
---tabs-elements-trigger-size-xl-max-height: 3rem;
---tabs-elements-content-size-lg-border-radius: 0.375rem;
---tabs-elements-content-size-lg-border-width: 0.0625rem;
---tabs-elements-content-size-lg-margin-block-start: 0.5rem;
---tabs-elements-content-size-lg-padding: 1rem;
-}
+  --primitive-0: 0rem;
+  --primitive-1: 0.0625rem;
+  --primitive-2: 0.125rem;
+  --primitive-4: 0.25rem;
+  --primitive-6: 0.375rem;
+  --primitive-8: 0.5rem;
+  --primitive-10: 0.625rem;
+  --primitive-11: 0.6875rem;
+  --primitive-12: 0.75rem;
+  --primitive-13: 0.8125rem;
+  --primitive-14: 0.875rem;
+  --primitive-15: 0.9375rem;
+  --primitive-16: 1rem;
+  --primitive-17: 1.0625rem;
+  --primitive-18: 1.125rem;
+  --primitive-20: 1.25rem;
+  --primitive-24: 1.5rem;
+  --primitive-28: 1.75rem;
+  --primitive-32: 2rem;
+  --primitive-36: 2.25rem;
+  --primitive-40: 2.5rem;
+  --primitive-44: 2.75rem;
+  --primitive-48: 3rem;
+  --primitive-52: 3.25rem;
+  --primitive-56: 3.5rem;
+  --primitive-60: 3.75rem;
+  --primitive-64: 4rem;
+  --primitive-72: 4.5rem;
+  --primitive-80: 5rem;
+  --primitive-128: 8rem;
+  --primitive-160: 10rem;
+  --primitive-192: 12rem;
+  --primitive-224: 14rem;
+  --primitive-256: 16rem;
+  --primitive-320: 20rem;
+  --primitive-384: 24rem;
+  --primitive-448: 28rem;
+  --primitive-512: 32rem;
+  --primitive-640: 40rem;
+  --primitive-768: 48rem;
+  --primitive-1024: 64rem;
+  --primitive-1280: 80rem;
+  --primitive-1600: 100rem;
+  --primitive-1920: 120rem;
+  --primitive-gray-100: #f7f7f7;
+  --primitive-gray-200: #edeeef;
+  --primitive-gray-300: #d5d7db;
+  --primitive-gray-400: #b7bcc3;
+  --primitive-gray-500: #818791;
+  --primitive-gray-600: #6b7280;
+  --primitive-gray-700: #4f5562;
+  --primitive-gray-800: #343944;
+  --primitive-gray-900: #242831;
+  --primitive-gray-1000: #191b22;
+  --primitive-gray-black: #121212;
+  --primitive-gray-white: #ffffff;
+  --primitive-blue-100: #f0f7ff;
+  --primitive-blue-200: #d9eafe;
+  --primitive-blue-300: #abcffd;
+  --primitive-blue-400: #66a8fd;
+  --primitive-blue-500: #3a89fd;
+  --primitive-blue-600: #0c57cd;
+  --primitive-blue-700: #063b99;
+  --primitive-blue-800: #052b74;
+  --primitive-blue-900: #041c4f;
+  --primitive-blue-1000: #03122f;
+  --primitive-red-100: #feecec;
+  --primitive-red-200: #fedcdc;
+  --primitive-red-300: #feada9;
+  --primitive-red-400: #fc817c;
+  --primitive-red-500: #f4534f;
+  --primitive-red-600: #d12828;
+  --primitive-red-700: #ab1a1d;
+  --primitive-red-800: #7e130e;
+  --primitive-red-900: #5c0b09;
+  --primitive-red-1000: #3b0807;
+  --primitive-green-100: #e2fdee;
+  --primitive-green-200: #c0f6dc;
+  --primitive-green-300: #71e0b0;
+  --primitive-green-400: #29c68c;
+  --primitive-green-500: #1aad74;
+  --primitive-green-600: #088556;
+  --primitive-green-700: #086945;
+  --primitive-green-800: #0a4e35;
+  --primitive-green-900: #063724;
+  --primitive-green-1000: #052618;
+  --primitive-orange-100: #fff3e0;
+  --primitive-orange-200: #ffe4c2;
+  --primitive-orange-300: #fec880;
+  --primitive-orange-400: #fba94b;
+  --primitive-orange-500: #f39129;
+  --primitive-orange-600: #d26e16;
+  --primitive-orange-700: #a2520c;
+  --primitive-orange-800: #753c08;
+  --primitive-orange-900: #553008;
+  --primitive-orange-1000: #3c2109;
+  --primitive-yellow-100: #fdf8cf;
+  --primitive-yellow-200: #fdeeaf;
+  --primitive-yellow-300: #fbd974;
+  --primitive-yellow-400: #f1bc0f;
+  --primitive-yellow-500: #dda100;
+  --primitive-yellow-600: #c08700;
+  --primitive-yellow-700: #976800;
+  --primitive-yellow-800: #785200;
+  --primitive-yellow-900: #563e00;
+  --primitive-yellow-1000: #3c2e00;
+  --primitive-purple-100: #f7f5ff;
+  --primitive-purple-200: #e9e5fd;
+  --primitive-purple-300: #d1c9fc;
+  --primitive-purple-400: #baa8f7;
+  --primitive-purple-500: #a485ed;
+  --primitive-purple-600: #7c4ccd;
+  --primitive-purple-700: #562c9e;
+  --primitive-purple-800: #3b2270;
+  --primitive-purple-900: #291753;
+  --primitive-purple-1000: #150c32;
+  --primitive-magenta-100: #ffecf8;
+  --primitive-magenta-200: #fcc8e9;
+  --primitive-magenta-300: #f59cd2;
+  --primitive-magenta-400: #e97dbe;
+  --primitive-magenta-500: #d45da6;
+  --primitive-magenta-600: #a64480;
+  --primitive-magenta-700: #7d3261;
+  --primitive-magenta-800: #582544;
+  --primitive-magenta-900: #3f1d31;
+  --primitive-magenta-1000: #2b1323;
+  --primitive-teal-100: #d5feff;
+  --primitive-teal-200: #93fbfa;
+  --primitive-teal-300: #53e6e4;
+  --primitive-teal-400: #32c6c6;
+  --primitive-teal-500: #309d9f;
+  --primitive-teal-600: #247678;
+  --primitive-teal-700: #1c4e4f;
+  --primitive-teal-800: #133636;
+  --primitive-teal-900: #0d2727;
+  --primitive-teal-1000: #061615;
+  --color-neutral-100: #f7f7f7;
+  --color-neutral-200: #edeeef;
+  --color-neutral-300: #d5d7db;
+  --color-neutral-400: #b7bcc3;
+  --color-neutral-500: #818791;
+  --color-neutral-600: #6b7280;
+  --color-neutral-700: #4f5562;
+  --color-neutral-800: #343944;
+  --color-neutral-900: #242831;
+  --color-neutral-1000: #191b22;
+  --color-neutral-darkest: #121212;
+  --color-neutral-lightest: #ffffff;
+  --color-neutral-100-alpha: rgba(56, 56, 56, 0.04);
+  --color-neutral-200-alpha: rgba(31, 44, 56, 0.08);
+  --color-neutral-300-alpha: rgba(8, 20, 43, 0.17);
+  --color-neutral-400-alpha: rgba(7, 25, 49, 0.29);
+  --color-neutral-500-alpha: rgba(2, 17, 44, 0.45);
+  --color-neutral-600-alpha: rgba(4, 17, 42, 0.59);
+  --color-neutral-700-alpha: rgba(4, 12, 32, 0.7);
+  --color-neutral-800-alpha: rgba(1, 7, 19, 0.8);
+  --color-neutral-900-alpha: rgba(0, 5, 15, 0.86);
+  --color-neutral-1000-alpha: rgba(2, 4, 13, 0.91);
+  --color-primary-100: #f0f7ff;
+  --color-primary-200: #d9eafe;
+  --color-primary-300: #abcffd;
+  --color-primary-400: #66a8fd;
+  --color-primary-500: #3a89fd;
+  --color-primary-600: #0c57cd;
+  --color-primary-700: #063b99;
+  --color-primary-800: #052b74;
+  --color-primary-900: #041c4f;
+  --color-primary-1000: #03122f;
+  --color-primary-100-alpha: rgba(5, 122, 255, 0.06);
+  --color-primary-200-alpha: rgba(2, 117, 247, 0.15);
+  --color-primary-300-alpha: rgba(0, 112, 250, 0.33);
+  --color-primary-400-alpha: rgba(0, 108, 250, 0.6);
+  --color-primary-500-alpha: rgba(3, 103, 252, 0.78);
+  --color-primary-600-alpha: rgba(2, 79, 202, 0.96);
+  --color-primary-700-alpha: rgba(1, 56, 152, 0.98);
+  --color-primary-800-alpha: rgba(2, 42, 116, 0.99);
+  --color-primary-900-alpha: rgba(1, 26, 75, 0.99);
+  --color-primary-100-alpha0: rgba(0, 16, 46, 0.99);
+  --color-danger-100: #feecec;
+  --color-danger-200: #fedcdc;
+  --color-danger-300: #feada9;
+  --color-danger-400: #fc817c;
+  --color-danger-500: #f4534f;
+  --color-danger-600: #d12828;
+  --color-danger-700: #ab1a1d;
+  --color-danger-800: #7e130e;
+  --color-danger-900: #5c0b09;
+  --color-danger-1000: #3b0807;
+  --color-warning-100: #fff3e0;
+  --color-warning-200: #ffe4c2;
+  --color-warning-300: #fec880;
+  --color-warning-400: #fba94b;
+  --color-warning-500: #f39129;
+  --color-warning-600: #d26e16;
+  --color-warning-700: #a2520c;
+  --color-warning-800: #753c08;
+  --color-warning-900: #553008;
+  --color-warning-1000: #3c2109;
+  --color-success-100: #e2fdee;
+  --color-success-200: #c0f6dc;
+  --color-success-300: #71e0b0;
+  --color-success-400: #29c68c;
+  --color-success-500: #1aad74;
+  --color-success-600: #088556;
+  --color-success-700: #086945;
+  --color-success-800: #0a4e35;
+  --color-success-900: #063724;
+  --color-success-1000: #052618;
+  --color-highlight-100: #fdf8cf;
+  --color-highlight-200: #fdeeaf;
+  --color-highlight-300: #fbd974;
+  --color-highlight-400: #f1bc0f;
+  --color-highlight-500: #dda100;
+  --color-highlight-600: #c08700;
+  --color-highlight-700: #976800;
+  --color-highlight-800: #785200;
+  --color-highlight-900: #563e00;
+  --color-highlight-1000: #3c2e00;
+  --spacing-4xs: 0rem;
+  --spacing-3xs: 0.125rem;
+  --spacing-2xs: 0.25rem;
+  --spacing-xs: 0.5rem;
+  --spacing-sm: 0.75rem;
+  --spacing-md: 1rem;
+  --spacing-lg: 1.25rem;
+  --spacing-xl: 1.5rem;
+  --spacing-2xl: 2rem;
+  --spacing-3xl: 3rem;
+  --spacing-4xl: 4rem;
+  --layout-4xs: 12rem;
+  --layout-3xs: 14rem;
+  --layout-2xs: 16rem;
+  --layout-xs: 20rem;
+  --layout-sm: 24rem;
+  --layout-md: 32rem;
+  --layout-lg: 48rem;
+  --layout-xl: 64rem;
+  --layout-2xl: 80rem;
+  --layout-3xl: 100rem;
+  --layout-4xl: 120rem;
+  --font-families-default: "Source Sans 3", -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
+    sans-serif;
+  --font-families-mono: "Fira Code", monospace;
+
+  --font-size-3xs: 0.75rem;
+  --font-size-2xs: 0.8125rem;
+  --font-size-xs: 0.875rem;
+  --font-size-sm: 0.9375rem;
+  --font-size-md: 1rem;
+  --font-size-lg: 1.125rem;
+  --font-size-xl: 1.25rem;
+  --font-size-2xl: 1.5rem;
+  --font-size-3xl: 1.75rem;
+  --font-size-4xl: 2.25rem;
+  --font-size-5xl: 3rem;
+  --font-size-6xl: 4.5rem;
+  --font-weights-regular: 480;
+  --font-weights-semibold: 600;
+  --font-weights-bold: 720;
+  --letter-spacing-3xs: -0.005em;
+  --letter-spacing-2xs: -0.005em;
+  --letter-spacing-xs: -0.005em;
+  --letter-spacing-sm: -0.01em;
+  --letter-spacing-md: -0.01em;
+  --letter-spacing-lg: -0.01em;
+  --letter-spacing-xl: -0.01em;
+  --letter-spacing-2xl: -0.015em;
+  --letter-spacing-3xl: -0.0175em;
+  --letter-spacing-4xl: -0.0175em;
+  --letter-spacing-5xl: -0.0175em;
+  --letter-spacing-6xl: -0.025em;
+  --line-heights-3xs: 1rem;
+  --line-heights-2xs: 1.25rem;
+  --line-heights-xs: 1.25rem;
+  --line-heights-sm: 1.25rem;
+  --line-heights-md: 1.5rem;
+  --line-heights-lg: 1.5rem;
+  --line-heights-xl: 1.75rem;
+  --line-heights-2xl: 2.25rem;
+  --line-heights-3xl: 2.25rem;
+  --line-heights-4xl: 3rem;
+  --line-heights-5xl: 3.75rem;
+  --line-heights-6xl: 5rem;
+  --border-radius-none: 0rem;
+  --border-radius-2xs: 0.125rem;
+  --border-radius-xs: 0.25rem;
+  --border-radius-sm: 0.375rem;
+  --border-radius-md: 0.5rem;
+  --border-radius-lg: 0.75rem;
+  --border-radius-xl: 1rem;
+  --border-width-none: 0rem;
+  --border-width-sm: 0.0625rem;
+  --border-width-md: 0.125rem;
+  --border-width-lg: 0.25rem;
+  --opacity-disabled: 0.32;
+  --opacity-sm: 0.48;
+  --opacity-md: 0.64;
+  --opacity-l: 0.88;
+  --shadow-xs: 0 0 12px 0 rgba(18, 18, 18, 0.08);
+  --shadow-sm: 0 0 12px 0 rgba(18, 18, 18, 0.16);
+  --shadow-md: 0 0 12px 0 rgba(18, 18, 18, 0.24);
+  --shadow-lg: 0 0 12px 0 rgba(18, 18, 18, 0.72);
+  --shadow-xl: 0 0 16px 0 rgba(18, 18, 18, 0.96);
+  --elevation-100: 100;
+  --elevation-150: 150;
+  --elevation-199: 199;
+  --elevation-200: 200;
+  --elevation-250: 250;
+  --elevation-299: 299;
+  --elevation-300: 300;
+  --elevation-350: 350;
+  --elevation-399: 399;
+  --elevation-400: 400;
+  --elevation-450: 450;
+  --elevation-499: 499;
+  --elevation-absolute-bottom: -999;
+  --elevation-absolute-top: 999;
+}