welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/2W3RN7C5-DMC82gDP.js +61 -0
- package/dist/4I4MLMKD-BO6Lcy7s.js +150 -0
- package/dist/Accordion.js +20 -18
- package/dist/Alert.css +1 -1
- package/dist/Alert.js +93 -87
- package/dist/AspectRatio.js +2 -1
- package/dist/Avatar.js +14 -12
- package/dist/{B7UTNDHN-BlIblHCu.js → B7UTNDHN-BghjolIs.js} +30 -30
- package/dist/Badge.js +2 -1
- package/dist/Breadcrumb.css +1 -1
- package/dist/Breadcrumb.js +175 -154
- package/dist/Button.css +1 -1
- package/dist/Button.js +43 -41
- package/dist/ButtonGroup.js +7 -5
- package/dist/Card.css +1 -1
- package/dist/Card.js +68 -15
- package/dist/Checkbox.js +32 -30
- package/dist/CloseButton.css +1 -1
- package/dist/CloseButton.js +15 -13
- package/dist/{CustomPopper-vwbOQq72.js → CustomPopper-C1wIDHbM.js} +5 -4
- package/dist/{DSAASPLT-BaaCUKsb.js → DSAASPLT-Fx1kuAsk.js} +3 -3
- package/dist/DatePicker.js +96 -91
- package/dist/DateTimePicker.js +21 -20
- package/dist/Drawer.js +141 -96
- package/dist/DropdownMenu.css +1 -1
- package/dist/DropdownMenu.js +902 -462
- package/dist/Field.css +1 -1
- package/dist/Field.js +50 -50
- package/dist/FieldGroup.js +9 -7
- package/dist/FileDrop.css +1 -1
- package/dist/FileDrop.js +433 -398
- package/dist/FileUpload.js +44 -41
- package/dist/GVVKDT6A-CF9ejW_c.js +619 -0
- package/dist/Hint.js +10 -8
- package/dist/Icon.css +1 -1
- package/dist/Icon.js +36 -22
- package/dist/InputText.css +1 -1
- package/dist/InputText.js +59 -57
- package/dist/{KPUWHTQJ-D2TPji47.js → KPUWHTQJ-Dv3cAqjP.js} +33 -31
- package/dist/Label.js +9 -7
- package/dist/Link.css +1 -1
- package/dist/Link.js +54 -49
- package/dist/Loader.js +13 -11
- package/dist/Logo.js +21 -13
- package/dist/Modal.js +153 -113
- package/dist/{NI3IVY7K-Ztb3-XAv.js → NI3IVY7K-Dy240mkD.js} +53 -53
- package/dist/{NMGNQVTG-C6TqBngP.js → NMGNQVTG-DRO2uXZT.js} +8 -8
- package/dist/{OE2EFRVA-C3721cM3.js → OE2EFRVA-Dg1R6gaC.js} +186 -170
- package/dist/{OLVWQA7U-DysaSaZj.js → OLVWQA7U-Dia3UUnG.js} +51 -51
- package/dist/Pagination.css +1 -1
- package/dist/Pagination.js +157 -76
- package/dist/PasswordInput.js +20 -17
- package/dist/Popover.js +89 -72
- package/dist/{RTNCFSKZ-qpPg689E.js → RTNCFSKZ-BywELldk.js} +47 -47
- package/dist/Radio.css +1 -1
- package/dist/Radio.js +39 -40
- package/dist/RadioGroup.js +29 -27
- package/dist/RadioTab.js +3 -2
- package/dist/{SBSPVDDI-DJKkC1eb.js → SBSPVDDI-CmtnvvUX.js} +42 -42
- package/dist/SQZLCNLX-Dg4KKdNJ.js +83 -0
- package/dist/Search.css +1 -1
- package/dist/Search.js +136 -129
- package/dist/Select.css +1 -1
- package/dist/Select.js +259 -257
- package/dist/Slider.js +67 -62
- package/dist/Stepper.js +34 -27
- package/dist/StickyNote.css +1 -0
- package/dist/StickyNote.js +49 -0
- package/dist/Swiper.js +53 -51
- package/dist/{T22PY7TE-C1N0q8Kn.js → T22PY7TE-gLuJpoOm.js} +46 -46
- package/dist/Table.js +34 -21
- package/dist/Tabs.js +165 -156
- package/dist/Tag.css +1 -1
- package/dist/Tag.js +67 -62
- package/dist/Text.js +5 -3
- package/dist/Textarea.css +1 -1
- package/dist/Textarea.js +26 -17
- package/dist/TimePicker.js +53 -51
- package/dist/Toast.css +1 -1
- package/dist/Toast.js +275 -165
- package/dist/Toggle.js +17 -15
- package/dist/Tooltip.css +1 -1
- package/dist/Tooltip.js +120 -129
- package/dist/VariantIcon.js +8 -6
- package/dist/VisuallyHidden.js +9 -7
- package/dist/WelcomeLoader.js +4 -3
- package/dist/XCKGTAUF-CJwwVibW.js +25 -0
- package/dist/{Y67KZUMI-DFEgrUv2.js → Y67KZUMI-BwLWwpNF.js} +5 -5
- package/dist/{ZTXFEM5L-CkrIQCN1.js → ZTXFEM5L-WGHY_jqg.js} +3 -3
- package/dist/{downshift.esm-D_6pHXkq.js → downshift.esm-xtYanIDi.js} +1 -1
- package/dist/scss/breakpoints.scss +9 -0
- package/dist/scss/text-ellipsis.scss +5 -0
- package/dist/scss/texts.scss +108 -0
- package/dist/theme.css +1 -1
- package/dist/theme.js +1 -0
- package/dist/{tslib.es6-DpB4Y59c.js → tslib.es6-C80jYMbM.js} +1 -1
- package/dist/types/components/Alert/components/Buttons.d.ts +3 -0
- package/dist/types/components/Alert/components/Title.d.ts +5 -0
- package/dist/types/components/Alert/index.d.ts +7 -3
- package/dist/types/components/Alert/types.d.ts +3 -9
- package/dist/types/components/Breadcrumb/Item.d.ts +2 -2
- package/dist/types/components/Breadcrumb/index.d.ts +1 -1
- package/dist/types/components/Breadcrumb/types.d.ts +6 -3
- package/dist/types/components/Card/Body.d.ts +2 -3
- package/dist/types/components/Card/Footer.d.ts +6 -0
- package/dist/types/components/Card/Header.d.ts +5 -0
- package/dist/types/components/Card/index.d.ts +7 -8
- package/dist/types/components/Card/types.d.ts +16 -3
- package/dist/types/components/Checkbox/index.d.ts +1 -2
- package/dist/types/components/Checkbox/types.d.ts +3 -1
- package/dist/types/components/DateTimePickerCommon/CustomHeader.d.ts +4 -1
- package/dist/types/components/DateTimePickerCommon/CustomPopper.d.ts +6 -3
- package/dist/types/components/Drawer/AssetDrawer/Header.d.ts +4 -1
- package/dist/types/components/Drawer/AssetDrawer/IconBlock.d.ts +4 -1
- package/dist/types/components/Drawer/AssetDrawer/types.d.ts +3 -0
- package/dist/types/components/Drawer/components/Backdrop.d.ts +1 -1
- package/dist/types/components/Drawer/components/Close.d.ts +4 -1
- package/dist/types/components/Drawer/components/Title.d.ts +4 -1
- package/dist/types/components/Drawer/index.d.ts +13 -4
- package/dist/types/components/DropdownMenu/Action.d.ts +2 -0
- package/dist/types/components/DropdownMenu/Group.d.ts +4 -0
- package/dist/types/components/DropdownMenu/Item.d.ts +7 -0
- package/dist/types/components/DropdownMenu/Search.d.ts +2 -0
- package/dist/types/components/DropdownMenu/Submenu.d.ts +4 -0
- package/dist/types/components/DropdownMenu/index.d.ts +11 -0
- package/dist/types/components/DropdownMenu/types.d.ts +26 -5
- package/dist/types/components/FileDrop/components/FilePreview.d.ts +4 -1
- package/dist/types/components/FileDrop/components/Message.d.ts +4 -1
- package/dist/types/components/FileDrop/types.d.ts +2 -0
- package/dist/types/components/Icon/icons.d.ts +6 -6
- package/dist/types/components/Icon/types.d.ts +2 -0
- package/dist/types/components/Loader/index.d.ts +4 -1
- package/dist/types/components/Modal/Assets/AssetContent.d.ts +4 -1
- package/dist/types/components/Modal/Assets/AssetTitle.d.ts +4 -1
- package/dist/types/components/Modal/Assets/CloseButton.d.ts +4 -1
- package/dist/types/components/Modal/Assets/Dialog.d.ts +4 -1
- package/dist/types/components/Modal/Assets/Iframe.d.ts +4 -1
- package/dist/types/components/Modal/Assets/index.d.ts +16 -4
- package/dist/types/components/Modal/components/Close.d.ts +4 -1
- package/dist/types/components/Modal/components/Content.d.ts +1 -1
- package/dist/types/components/Modal/index.d.ts +17 -5
- package/dist/types/components/Modal/types.d.ts +1 -1
- package/dist/types/components/Pagination/types.d.ts +11 -0
- package/dist/types/components/PasswordInput/ToggleButton.d.ts +4 -1
- package/dist/types/components/Popover/Arrow.d.ts +4 -1
- package/dist/types/components/Popover/ContentWrapper.d.ts +4 -1
- package/dist/types/components/Radio/types.d.ts +1 -1
- package/dist/types/components/RadioGroup/index.d.ts +4 -1
- package/dist/types/components/Stepper/index.d.ts +8 -2
- package/dist/types/components/StickyNote/components/Button.d.ts +5 -0
- package/dist/types/components/StickyNote/components/Title.d.ts +5 -0
- package/dist/types/components/StickyNote/index.d.ts +11 -0
- package/dist/types/components/StickyNote/index.test.d.ts +1 -0
- package/dist/types/components/StickyNote/types.d.ts +15 -0
- package/dist/types/components/Swiper/index.d.ts +4 -1
- package/dist/types/components/Table/index.d.ts +20 -5
- package/dist/types/components/Tabs/components/ActiveBar/index.d.ts +4 -1
- package/dist/types/components/Tag/types.d.ts +4 -2
- package/dist/types/components/Textarea/types.d.ts +1 -0
- package/dist/types/components/Toast/components/Growl.d.ts +2 -0
- package/dist/types/components/Toast/index.d.ts +8 -2
- package/dist/types/components/Toast/types.d.ts +8 -9
- package/dist/types/components/Tooltip/types.d.ts +1 -1
- package/dist/types/theme/types.d.ts +255 -218
- package/dist/types/utils/index.d.ts +0 -1
- package/dist/{utils-DileZjMm.js → utils-BD597oo6.js} +1 -1
- package/dist/utils.js +3 -2
- package/package.json +3 -2
- package/dist/2W3RN7C5-bkX-rIa3.js +0 -61
- package/dist/4I4MLMKD-BLxAidnq.js +0 -43
- package/dist/GVVKDT6A-bET6V7Py.js +0 -724
- package/dist/SQZLCNLX-CHDXnZ16.js +0 -82
- package/dist/XCKGTAUF-DkxWCbaW.js +0 -25
- package/dist/index.css +0 -0
- package/dist/types/components/Icon/Icon.d.ts +0 -2
- package/dist/types/utils/theme/index.d.ts +0 -0
- /package/dist/{index-CdiHdiVB.js → index-PAaZGbyz.js} +0 -0
- /package/dist/types/components/Icon/{Icon.test.d.ts → index.test.d.ts} +0 -0
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
@mixin h0 {
|
|
2
|
+
color: #000000;
|
|
3
|
+
font-family: welcome-font, sans-serif;
|
|
4
|
+
font-size: 4.0625rem;
|
|
5
|
+
font-weight: 600;
|
|
6
|
+
letter-spacing: -0.10625rem;
|
|
7
|
+
line-height: 4.5rem;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@mixin h1 {
|
|
11
|
+
color: #000000;
|
|
12
|
+
font-family: welcome-font, sans-serif;
|
|
13
|
+
font-size: 2.8125rem;
|
|
14
|
+
font-weight: 600;
|
|
15
|
+
letter-spacing: -0.075rem;
|
|
16
|
+
line-height: 3rem;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@mixin h2 {
|
|
20
|
+
color: #000000;
|
|
21
|
+
font-family: welcome-font, sans-serif;
|
|
22
|
+
font-size: 2.25rem;
|
|
23
|
+
font-weight: 600;
|
|
24
|
+
letter-spacing: -0.0625rem;
|
|
25
|
+
line-height: 2.5rem;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@mixin h3 {
|
|
29
|
+
color: #000000;
|
|
30
|
+
font-family: welcome-font, sans-serif;
|
|
31
|
+
font-size: 1.625rem;
|
|
32
|
+
font-weight: 600;
|
|
33
|
+
letter-spacing: -0.05625rem;
|
|
34
|
+
line-height: 2rem;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@mixin h4 {
|
|
38
|
+
color: #000000;
|
|
39
|
+
font-family: welcome-font, sans-serif;
|
|
40
|
+
font-size: 1.25rem;
|
|
41
|
+
font-weight: 600;
|
|
42
|
+
letter-spacing: -0.0375rem;
|
|
43
|
+
line-height: 1.5rem;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@mixin h5 {
|
|
47
|
+
color: #000000;
|
|
48
|
+
font-family: welcome-font, sans-serif;
|
|
49
|
+
font-size: 1rem;
|
|
50
|
+
font-weight: 600;
|
|
51
|
+
letter-spacing: -0.03125rem;
|
|
52
|
+
line-height: 1.125rem;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@mixin h6 {
|
|
56
|
+
color: #000000;
|
|
57
|
+
font-family: welcome-font, sans-serif;
|
|
58
|
+
font-size: 0.875rem;
|
|
59
|
+
font-weight: 600;
|
|
60
|
+
letter-spacing: -0.03125rem;
|
|
61
|
+
line-height: 1rem;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
@mixin lg {
|
|
65
|
+
font-size: 1.125rem;
|
|
66
|
+
font-weight: 400;
|
|
67
|
+
letter-spacing: -0.019rem;
|
|
68
|
+
line-height: 1.5rem;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
@mixin md {
|
|
72
|
+
font-size: 1rem;
|
|
73
|
+
font-weight: 400;
|
|
74
|
+
letter-spacing: -0.019rem;
|
|
75
|
+
line-height: 1.125rem;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
@mixin sm {
|
|
79
|
+
font-size: 0.875rem;
|
|
80
|
+
font-weight: 400;
|
|
81
|
+
letter-spacing: -0.019rem;
|
|
82
|
+
line-height: 1.125rem;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
@mixin subtitle-md {
|
|
86
|
+
font-family: welcome-font, sans-serif;
|
|
87
|
+
font-size: 0.8125rem;
|
|
88
|
+
font-weight: 600;
|
|
89
|
+
letter-spacing: -0.0125rem;
|
|
90
|
+
line-height: 1.15;
|
|
91
|
+
text-transform: uppercase;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
@mixin subtitle-sm {
|
|
95
|
+
font-family: welcome-font, sans-serif;
|
|
96
|
+
font-size: 0.6875rem;
|
|
97
|
+
font-weight: 500;
|
|
98
|
+
letter-spacing: -0.0125rem;
|
|
99
|
+
line-height: 1.15;
|
|
100
|
+
text-transform: uppercase;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
@mixin xs {
|
|
104
|
+
font-size: 0.75rem;
|
|
105
|
+
font-weight: 400;
|
|
106
|
+
letter-spacing: -0.0125rem;
|
|
107
|
+
line-height: 0.875rem;
|
|
108
|
+
}
|
package/dist/theme.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:500;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:700;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:900;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:700;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:900;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black-italic.woff2) format("woff2")}@theme static{--*: initial; --spacing: .0625rem; --spacing-0: 0; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07); --components-colors-button-color-background-primary-main-default: #ffcd00; --components-colors-button-color-background-primary-main-hover: #e5b800; --components-colors-button-color-background-primary-main-pressed: #ffe166; --components-colors-button-color-background-primary-main-disabled: #f3f3f3; --components-colors-button-color-background-primary-main-focused: #ffcd00; --components-colors-button-color-background-primary-neutral-default: #000000; --components-colors-button-color-background-primary-neutral-hover: #212121; --components-colors-button-color-background-primary-neutral-pressed: #444444; --components-colors-button-color-background-primary-neutral-disabled: #f3f3f3; --components-colors-button-color-background-primary-neutral-focused: #000000; --components-colors-button-color-background-primary-danger-default: #a80029; --components-colors-button-color-background-primary-danger-hover: #e1003a; --components-colors-button-color-background-primary-danger-pressed: #ff6165; --components-colors-button-color-background-primary-danger-disabled: #f3f3f3; --components-colors-button-color-background-primary-danger-focused: #a80029; --components-colors-button-color-background-primary-ai-default: #ffffff; --components-colors-button-color-background-primary-ai-hover: #ffffff; --components-colors-button-color-background-primary-ai-pressed: #f3f3f3; --components-colors-button-color-background-primary-ai-disabled: #f3f3f3; --components-colors-button-color-background-primary-ai-focused: #ffffff; --components-colors-button-color-background-secondary-main-default: #ffffff; --components-colors-button-color-background-secondary-main-hover: #ffffff; --components-colors-button-color-background-secondary-main-pressed: #f3f3f3; --components-colors-button-color-background-secondary-main-disabled: #f3f3f3; --components-colors-button-color-background-secondary-main-focused: #ffffff; --components-colors-button-color-background-secondary-danger-default: #ffffff; --components-colors-button-color-background-secondary-danger-hover: #ffffff; --components-colors-button-color-background-secondary-danger-pressed: #fbdedc; --components-colors-button-color-background-secondary-danger-disabled: #f3f3f3; --components-colors-button-color-background-secondary-danger-focused: #ffffff; --components-colors-button-color-background-tertiary-main-default: #00000000; --components-colors-button-color-background-tertiary-main-hover: #0000000d; --components-colors-button-color-background-tertiary-main-pressed: #00000021; --components-colors-button-color-background-tertiary-main-disabled: #00000000; --components-colors-button-color-background-tertiary-main-focused: #00000000; --components-colors-button-color-background-tertiary-danger-default: #00000000; --components-colors-button-color-background-tertiary-danger-hover: #fbdedc; --components-colors-button-color-background-tertiary-danger-pressed: #fcc7c3; --components-colors-button-color-background-tertiary-danger-disabled: #00000000; --components-colors-button-color-background-tertiary-danger-focused: #00000000; --components-colors-button-color-text-primary-main-default: #000000; --components-colors-button-color-text-primary-main-hover: #000000; --components-colors-button-color-text-primary-main-pressed: #423500; --components-colors-button-color-text-primary-main-disabled: #989898; --components-colors-button-color-text-primary-main-focused: #000000; --components-colors-button-color-text-primary-neutral-default: #ffffff; --components-colors-button-color-text-primary-neutral-hover: #ffffff; --components-colors-button-color-text-primary-neutral-pressed: #ffffff; --components-colors-button-color-text-primary-neutral-disabled: #989898; --components-colors-button-color-text-primary-neutral-focused: #ffffff; --components-colors-button-color-text-primary-danger-default: #ffffff; --components-colors-button-color-text-primary-danger-hover: #ffffff; --components-colors-button-color-text-primary-danger-pressed: #ffffff; --components-colors-button-color-text-primary-danger-disabled: #989898; --components-colors-button-color-text-primary-danger-focused: #ffffff; --components-colors-button-color-text-primary-ai-default: #000000; --components-colors-button-color-text-primary-ai-hover: #212121; --components-colors-button-color-text-primary-ai-pressed: #000000; --components-colors-button-color-text-primary-ai-disabled: #989898; --components-colors-button-color-text-primary-ai-focused: #000000; --components-colors-button-color-text-secondary-main-default: #000000; --components-colors-button-color-text-secondary-main-hover: #212121; --components-colors-button-color-text-secondary-main-pressed: #000000; --components-colors-button-color-text-secondary-main-disabled: #989898; --components-colors-button-color-text-secondary-main-focused: #000000; --components-colors-button-color-text-secondary-danger-default: #75001a; --components-colors-button-color-text-secondary-danger-hover: #a80029; --components-colors-button-color-text-secondary-danger-pressed: #75001a; --components-colors-button-color-text-secondary-danger-disabled: #989898; --components-colors-button-color-text-secondary-danger-focused: #75001a; --components-colors-button-color-text-tertiary-main-default: #000000; --components-colors-button-color-text-tertiary-main-hover: #212121; --components-colors-button-color-text-tertiary-main-pressed: #000000; --components-colors-button-color-text-tertiary-main-disabled: #989898; --components-colors-button-color-text-tertiary-main-focused: #000000; --components-colors-button-color-text-tertiary-danger-default: #a80029; --components-colors-button-color-text-tertiary-danger-hover: #e1003a; --components-colors-button-color-text-tertiary-danger-pressed: #450101; --components-colors-button-color-text-tertiary-danger-disabled: #989898; --components-colors-button-color-text-tertiary-danger-focused: #a80029; --components-colors-button-color-border-focused: #ffe166; --components-colors-button-color-border-secondary-main-default: #dedede; --components-colors-button-color-border-secondary-main-hover: #bdbdbd; --components-colors-button-color-border-secondary-main-pressed: #dedede; --components-colors-button-color-border-secondary-main-focused: #dedede; --components-colors-button-color-border-secondary-danger-default: #a80029; --components-colors-button-color-border-secondary-danger-hover: #e1003a; --components-colors-button-color-border-secondary-danger-pressed: #fdb3ae; --components-colors-button-color-border-secondary-danger-focused: #a80029; --components-colors-button-color-icon-primary-main-default: #000000; --components-colors-button-color-icon-primary-main-hover: #000000; --components-colors-button-color-icon-primary-main-pressed: #423500; --components-colors-button-color-icon-primary-main-disabled: #989898; --components-colors-button-color-icon-primary-main-focused: #000000; --components-colors-button-color-icon-primary-neutral-default: #ffffff; --components-colors-button-color-icon-primary-neutral-hover: #ffffff; --components-colors-button-color-icon-primary-neutral-pressed: #ffffff; --components-colors-button-color-icon-primary-neutral-disabled: #989898; --components-colors-button-color-icon-primary-neutral-focused: #ffffff; --components-colors-button-color-icon-primary-danger-default: #ffffff; --components-colors-button-color-icon-primary-danger-hover: #ffffff; --components-colors-button-color-icon-primary-danger-pressed: #ffffff; --components-colors-button-color-icon-primary-danger-disabled: #989898; --components-colors-button-color-icon-primary-danger-focused: #ffffff; --components-colors-button-color-icon-primary-ai-default: #000000; --components-colors-button-color-icon-primary-ai-hover: #212121; --components-colors-button-color-icon-primary-ai-pressed: #000000; --components-colors-button-color-icon-primary-ai-disabled: #989898; --components-colors-button-color-icon-primary-ai-focused: #000000; --components-colors-button-color-icon-secondary-main-default: #000000; --components-colors-button-color-icon-secondary-main-hover: #212121; --components-colors-button-color-icon-secondary-main-pressed: #000000; --components-colors-button-color-icon-secondary-main-disabled: #989898; --components-colors-button-color-icon-secondary-main-focused: #000000; --components-colors-button-color-icon-secondary-danger-default: #75001a; --components-colors-button-color-icon-secondary-danger-hover: #a80029; --components-colors-button-color-icon-secondary-danger-pressed: #75001a; --components-colors-button-color-icon-secondary-danger-disabled: #989898; --components-colors-button-color-icon-secondary-danger-focused: #75001a; --components-colors-button-color-icon-tertiary-main-default: #000000; --components-colors-button-color-icon-tertiary-main-hover: #212121; --components-colors-button-color-icon-tertiary-main-pressed: #000000; --components-colors-button-color-icon-tertiary-main-disabled: #989898; --components-colors-button-color-icon-tertiary-main-focused: #000000; --components-colors-button-color-icon-tertiary-danger-default: #a80029; --components-colors-button-color-icon-tertiary-danger-hover: #e1003a; --components-colors-button-color-icon-tertiary-danger-pressed: #450101; --components-colors-button-color-icon-tertiary-danger-disabled: #989898; --components-colors-button-color-icon-tertiary-danger-focused: #a80029; --components-colors-link-color-background-primary-hover: #ffcd00; --components-colors-link-color-background-primary-visited-default: #fff8d9; --components-colors-link-color-background-primary-visited-hover: #ffcd00; --components-colors-link-color-background-secondary-hover: #000000; --components-colors-link-color-background-secondary-visited-default: #dedede; --components-colors-link-color-background-secondary-visited-hover: #000000; --components-colors-link-color-text-primary-default: #000000; --components-colors-link-color-text-primary-hover: #000000; --components-colors-link-color-text-primary-visited-default: #604d00; --components-colors-link-color-text-primary-visited-hover: #000000; --components-colors-link-color-text-primary-disabled: #605b55; --components-colors-link-color-text-secondary-default: #000000; --components-colors-link-color-text-secondary-hover: #ffffff; --components-colors-link-color-text-secondary-visited-default: #444444; --components-colors-link-color-text-secondary-visited-hover: #ffffff; --components-colors-link-color-text-secondary-disabled: #585858; --components-colors-link-color-icon-primary-default: #000000; --components-colors-link-color-icon-primary-hover: #000000; --components-colors-link-color-icon-primary-visited-default: #604d00; --components-colors-link-color-icon-primary-visited-hover: #000000; --components-colors-link-color-icon-primary-disabled: #a7a096; --components-colors-link-color-icon-secondary-default: #000000; --components-colors-link-color-icon-secondary-hover: #ffffff; --components-colors-link-color-icon-secondary-visited-default: #444444; --components-colors-link-color-icon-secondary-visited-hover: #ffffff; --components-colors-link-color-icon-secondary-disabled: #989898; --components-colors-link-color-underline-primary-default: #ffcd00; --components-colors-link-color-underline-primary-visited-default: #ffcd00; --components-colors-link-color-underline-primary-visited-hover: #ffcd00; --components-colors-link-color-underline-primary-disabled: #eae4de; --components-colors-link-color-underline-secondary-default: #000000; --components-colors-link-color-underline-secondary-visited-default: #000000; --components-colors-link-color-underline-secondary-visited-hover: #000000; --components-colors-link-color-underline-secondary-disabled: #dedede; --components-colors-avatar-color-background-placeholder: #f6f3ef; --components-colors-avatar-color-background-initials-green: #bade94; --components-colors-avatar-color-background-initials-teal: #00c7ae; --components-colors-avatar-color-background-initials-blue: #55c3e9; --components-colors-avatar-color-background-initials-violet: #acacff; --components-colors-avatar-color-background-initials-pink: #f696c8; --components-colors-avatar-color-background-initials-orange: #ff9868; --components-colors-avatar-color-text-initials-green: #2a4210; --components-colors-avatar-color-text-initials-teal: #053731; --components-colors-avatar-color-text-initials-blue: #013c50; --components-colors-avatar-color-text-initials-violet: #3c2e63; --components-colors-avatar-color-text-initials-pink: #5c2944; --components-colors-avatar-color-text-initials-orange: #6d2605; --components-colors-avatar-color-icon-placeholder: #a7a096; --components-colors-badge-color-background-brand: #ffcd00; --components-colors-badge-color-background-warm: #eae4de; --components-colors-badge-color-background-neutral: #000000; --components-colors-badge-color-background-blue: #27a5d0; --components-colors-badge-color-text-brand: #000000; --components-colors-badge-color-text-warm: #1e1c1a; --components-colors-badge-color-text-neutral: #ffffff; --components-colors-badge-color-text-blue: #ffffff; --components-colors-card-action-dismiss-icon-default: #bdbdbd; --components-colors-card-action-dismiss-icon-hover: #000000; --components-colors-card-header-color-text-default: #000000; --components-colors-card-header-color-icon-default: #000000; --components-colors-card-body-meta-color-text-default: #585858; --components-colors-card-body-color-text-default: #212121; --components-colors-card-color-background-default: #ffffff; --components-colors-card-color-border-default: #f6f3ef; --components-colors-card-color-border-hover: #eae4de; --components-colors-card-color-icon-default: #585858; --components-colors-card-color-icon-hover: #000000; --components-colors-tag-color-background-brand-dark-default: #ffe166; --components-colors-tag-color-background-brand-dark-hover: #ffcd00; --components-colors-tag-color-background-brand-dark-disabled: #fff8d9; --components-colors-tag-color-background-brand-light-default: #fff1b2; --components-colors-tag-color-background-brand-light-hover: #ffe166; --components-colors-tag-color-background-brand-light-disabled: #fff8d9; --components-colors-tag-color-background-warm-dark-default: #eae4de; --components-colors-tag-color-background-warm-dark-hover: #d2cbc3; --components-colors-tag-color-background-warm-dark-disabled: #f6f3ef; --components-colors-tag-color-background-warm-light-default: #f6f3ef; --components-colors-tag-color-background-warm-light-hover: #eae4de; --components-colors-tag-color-background-warm-light-disabled: #f6f3ef; --components-colors-tag-color-background-green-dark-default: #cfebb0; --components-colors-tag-color-background-green-dark-hover: #bade94; --components-colors-tag-color-background-green-dark-disabled: #e7fbd3; --components-colors-tag-color-background-green-light-default: #e7fbd3; --components-colors-tag-color-background-green-light-hover: #cfebb0; --components-colors-tag-color-background-green-light-disabled: #e7fbd3; --components-colors-tag-color-background-teal-dark-default: #a5ece4; --components-colors-tag-color-background-teal-dark-hover: #6fdbcd; --components-colors-tag-color-background-teal-dark-disabled: #dbfaf6; --components-colors-tag-color-background-teal-light-default: #dbfaf6; --components-colors-tag-color-background-teal-light-hover: #a5ece4; --components-colors-tag-color-background-teal-light-disabled: #dbfaf6; --components-colors-tag-color-background-blue-dark-default: #9bdef7; --components-colors-tag-color-background-blue-dark-hover: #55c3e9; --components-colors-tag-color-background-blue-dark-disabled: #e0f5ff; --components-colors-tag-color-background-blue-light-default: #e0f5ff; --components-colors-tag-color-background-blue-light-hover: #bbeaff; --components-colors-tag-color-background-blue-light-disabled: #e0f5ff; --components-colors-tag-color-background-violet-dark-default: #c9c9ff; --components-colors-tag-color-background-violet-dark-hover: #acacff; --components-colors-tag-color-background-violet-dark-disabled: #efefff; --components-colors-tag-color-background-violet-light-default: #efefff; --components-colors-tag-color-background-violet-light-hover: #e0e0ff; --components-colors-tag-color-background-violet-light-disabled: #efefff; --components-colors-tag-color-background-pink-dark-default: #feb7dc; --components-colors-tag-color-background-pink-dark-hover: #f696c8; --components-colors-tag-color-background-pink-dark-disabled: #ffeaf5; --components-colors-tag-color-background-pink-light-default: #ffeaf5; --components-colors-tag-color-background-pink-light-hover: #ffd5eb; --components-colors-tag-color-background-pink-light-disabled: #ffeaf5; --components-colors-tag-color-background-orange-dark-default: #ffb595; --components-colors-tag-color-background-orange-dark-hover: #ff9868; --components-colors-tag-color-background-orange-dark-disabled: #ffded0; --components-colors-tag-color-background-orange-light-default: #ffded0; --components-colors-tag-color-background-orange-light-hover: #ffc9b2; --components-colors-tag-color-background-orange-light-disabled: #ffded0; --components-colors-tag-color-background-red-dark-default: #fdb3ae; --components-colors-tag-color-background-red-dark-hover: #ff9490; --components-colors-tag-color-background-red-dark-disabled: #fbdedc; --components-colors-tag-color-background-red-light-default: #fbdedc; --components-colors-tag-color-background-red-light-hover: #fcc7c3; --components-colors-tag-color-background-red-light-disabled: #fbdedc; --components-colors-tag-color-background-dash-default: #ffffff; --components-colors-tag-color-background-dash-hover: #ffffff; --components-colors-tag-color-background-dash-disabled: #f3f3f3; --components-colors-tag-color-background-ai-default: #f6f3ef; --components-colors-tag-color-background-ai-hover: #eae4de; --components-colors-tag-color-background-ai-disabled: #f6f3ef; --components-colors-tag-color-text-brand-dark-default: #423500; --components-colors-tag-color-text-brand-dark-hover: #423500; --components-colors-tag-color-text-brand-dark-disabled: #846a01; --components-colors-tag-color-text-brand-light-default: #604d00; --components-colors-tag-color-text-brand-light-hover: #604d00; --components-colors-tag-color-text-brand-light-disabled: #846a01; --components-colors-tag-color-text-warm-dark-default: #1e1c1a; --components-colors-tag-color-text-warm-dark-hover: #1e1c1a; --components-colors-tag-color-text-warm-dark-disabled: #605b55; --components-colors-tag-color-text-warm-light-default: #4d4944; --components-colors-tag-color-text-warm-light-hover: #4d4944; --components-colors-tag-color-text-warm-light-disabled: #605b55; --components-colors-tag-color-text-green-dark-default: #142603; --components-colors-tag-color-text-green-dark-disabled: #5a8034; --components-colors-tag-color-text-green-light-default: #40611f; --components-colors-tag-color-text-green-light-disabled: #5a8034; --components-colors-tag-color-text-teal-dark-default: #001b18; --components-colors-tag-color-text-teal-dark-hover: #001b18; --components-colors-tag-color-text-teal-dark-disabled: #0a7b6d; --components-colors-tag-color-text-teal-light-default: #00544a; --components-colors-tag-color-text-teal-light-hover: #00544a; --components-colors-tag-color-text-teal-light-disabled: #0a7b6d; --components-colors-tag-color-text-blue-dark-default: #00202b; --components-colors-tag-color-text-blue-dark-hover: #00202b; --components-colors-tag-color-text-blue-dark-disabled: #057aa3; --components-colors-tag-color-text-blue-light-default: #025a79; --components-colors-tag-color-text-blue-light-hover: #025a79; --components-colors-tag-color-text-blue-light-disabled: #057aa3; --components-colors-tag-color-text-violet-dark-default: #26194d; --components-colors-tag-color-text-violet-dark-hover: #26194d; --components-colors-tag-color-text-violet-dark-disabled: #8068c6; --components-colors-tag-color-text-violet-light-default: #5a4890; --components-colors-tag-color-text-violet-light-hover: #5a4890; --components-colors-tag-color-text-violet-light-disabled: #8068c6; --components-colors-tag-color-text-pink-dark-default: #3b142a; --components-colors-tag-color-text-pink-dark-hover: #3b142a; --components-colors-tag-color-text-pink-dark-disabled: #b06089; --components-colors-tag-color-text-pink-light-default: #803c5f; --components-colors-tag-color-text-pink-light-hover: #803c5f; --components-colors-tag-color-text-pink-light-disabled: #b06089; --components-colors-tag-color-text-orange-dark-default: #451701; --components-colors-tag-color-text-orange-dark-hover: #451701; --components-colors-tag-color-text-orange-dark-disabled: #c45927; --components-colors-tag-color-text-orange-light-default: #9f4217; --components-colors-tag-color-text-orange-light-hover: #9f4217; --components-colors-tag-color-text-orange-light-disabled: #c45927; --components-colors-tag-color-text-red-dark-default: #450101; --components-colors-tag-color-text-red-dark-hover: #450101; --components-colors-tag-color-text-red-dark-disabled: #a80029; --components-colors-tag-color-text-red-light-default: #a80029; --components-colors-tag-color-text-red-light-hover: #a80029; --components-colors-tag-color-text-red-light-disabled: #a80029; --components-colors-tag-color-text-dash-default: #000000; --components-colors-tag-color-text-dash-hover: #000000; --components-colors-tag-color-text-dash-disabled: #585858; --components-colors-tag-color-text-ai-default: #4d4944; --components-colors-tag-color-text-ai-hover: #4d4944; --components-colors-tag-color-text-ai-disabled: #605b55; --components-colors-tag-color-border-default: #ffffff; --components-colors-tag-color-border-dash-default: #dedede; --components-colors-tag-color-border-dash-hover: #bdbdbd; --components-colors-tag-color-border-dash-disabled: #dedede; --components-colors-tag-color-icon-brand-dark-default: #423500; --components-colors-tag-color-icon-brand-dark-hover: #423500; --components-colors-tag-color-icon-brand-dark-disabled: #846a01; --components-colors-tag-color-icon-brand-light-default: #604d00; --components-colors-tag-color-icon-brand-light-hover: #604d00; --components-colors-tag-color-icon-brand-light-disabled: #846a01; --components-colors-tag-color-icon-warm-dark-default: #1e1c1a; --components-colors-tag-color-icon-warm-dark-hover: #1e1c1a; --components-colors-tag-color-icon-warm-dark-disabled: #605b55; --components-colors-tag-color-icon-warm-light-default: #605b55; --components-colors-tag-color-icon-warm-light-hover: #605b55; --components-colors-tag-color-icon-warm-light-disabled: #605b55; --components-colors-tag-color-icon-green-dark-default: #142603; --components-colors-tag-color-icon-green-dark-disabled: #5a8034; --components-colors-tag-color-icon-green-light-default: #40611f; --components-colors-tag-color-icon-green-light-disabled: #5a8034; --components-colors-tag-color-icon-teal-dark-default: #001b18; --components-colors-tag-color-icon-teal-dark-hover: #001b18; --components-colors-tag-color-icon-teal-dark-disabled: #0a7b6d; --components-colors-tag-color-icon-teal-light-default: #00544a; --components-colors-tag-color-icon-teal-light-hover: #00544a; --components-colors-tag-color-icon-teal-light-disabled: #0a7b6d; --components-colors-tag-color-icon-blue-dark-default: #00202b; --components-colors-tag-color-icon-blue-dark-hover: #00202b; --components-colors-tag-color-icon-blue-dark-disabled: #057aa3; --components-colors-tag-color-icon-blue-light-default: #025a79; --components-colors-tag-color-icon-blue-light-hover: #025a79; --components-colors-tag-color-icon-blue-light-disabled: #057aa3; --components-colors-tag-color-icon-violet-dark-default: #26194d; --components-colors-tag-color-icon-violet-dark-hover: #26194d; --components-colors-tag-color-icon-violet-dark-disabled: #8068c6; --components-colors-tag-color-icon-violet-light-default: #5a4890; --components-colors-tag-color-icon-violet-light-hover: #5a4890; --components-colors-tag-color-icon-violet-light-disabled: #8068c6; --components-colors-tag-color-icon-pink-dark-default: #3b142a; --components-colors-tag-color-icon-pink-dark-hover: #3b142a; --components-colors-tag-color-icon-pink-dark-disabled: #b06089; --components-colors-tag-color-icon-pink-light-default: #803c5f; --components-colors-tag-color-icon-pink-light-hover: #803c5f; --components-colors-tag-color-icon-pink-light-disabled: #b06089; --components-colors-tag-color-icon-orange-dark-default: #451701; --components-colors-tag-color-icon-orange-dark-hover: #451701; --components-colors-tag-color-icon-orange-dark-disabled: #c45927; --components-colors-tag-color-icon-orange-light-default: #9f4217; --components-colors-tag-color-icon-orange-light-hover: #9f4217; --components-colors-tag-color-icon-orange-light-disabled: #c45927; --components-colors-tag-color-icon-red-dark-default: #450101; --components-colors-tag-color-icon-red-dark-hover: #450101; --components-colors-tag-color-icon-red-dark-disabled: #a80029; --components-colors-tag-color-icon-red-light-default: #a80029; --components-colors-tag-color-icon-red-light-hover: #a80029; --components-colors-tag-color-icon-red-light-disabled: #a80029; --components-colors-tag-color-icon-dash-default: #000000; --components-colors-tag-color-icon-dash-hover: #000000; --components-colors-tag-color-icon-dash-disabled: #585858; --components-colors-tag-color-icon-ai-default: #605b55; --components-colors-tag-color-icon-ai-hover: #605b55; --components-colors-tag-color-icon-ai-disabled: #605b55; --components-colors-window-header-action-color-background-common-default: #ffffff; --components-colors-window-header-action-color-background-common-hover: #fff1b2; --components-colors-window-header-action-color-background-common-pressed: #ffe166; --components-colors-window-header-action-color-background-close-default: #ffffff; --components-colors-window-header-action-color-background-close-hover: #fbdedc; --components-colors-window-header-action-color-background-close-pressed: #fcc7c3; --components-colors-window-header-action-color-border-close-default: #f6f3ef; --components-colors-window-header-action-color-icon-common-default: #585858; --components-colors-window-header-action-color-icon-common-hover: #1e1c1a; --components-colors-window-header-action-color-icon-common-pressed: #1e1c1a; --components-colors-window-header-action-color-icon-close-default: #75001a; --components-colors-window-header-action-color-icon-close-hover: #a80029; --components-colors-window-header-action-color-icon-close-pressed: #75001a; --components-colors-window-header-color-background: #ffffff; --components-colors-window-header-color-text-default: #000000; --components-colors-window-header-tab-color-background-default: #ffffff; --components-colors-window-header-tab-color-background-hover: #fff1b2; --components-colors-window-header-tab-color-background-active: #ffe166; --components-colors-window-header-tab-color-text-default: #444444; --components-colors-window-header-tab-color-text-hover: #423500; --components-colors-window-header-tab-color-text-active: #423500; --components-colors-window-header-tab-color-icon-default: #444444; --components-colors-window-header-tab-color-icon-hover: #423500; --components-colors-window-header-tab-color-icon-active: #423500; --components-colors-window-header-tab-color-border-default: #f6f3ef; --components-colors-window-body-color-background-default: #ffffff; --components-colors-window-color-border-default: #f6f3ef; --components-colors-window-color-border-hover: #eae4de; --components-colors-dropdown-menu-item-color-background-default: #ffffff; --components-colors-dropdown-menu-item-color-background-hover: #fff8d9; --components-colors-dropdown-menu-item-color-background-disabled: #fbf9f7; --components-colors-dropdown-menu-item-color-text: [object Object]; --components-colors-dropdown-menu-item-color-icon-default: #000000; --components-colors-dropdown-menu-item-color-icon-hover: #423500; --components-colors-dropdown-menu-item-color-icon-disabled: #605b55; --components-colors-dropdown-menu-color-background-default: #ffffff; --components-colors-dropdown-menu-color-border-default: #f6f3ef; --components-colors-latency-color-background-progress: #ffcd00; --components-colors-latency-color-background-bar: #0000000d; --components-colors-callout-icon-color-background-brand: #ffe166; --components-colors-callout-icon-color-background-information: #9bdef7; --components-colors-callout-icon-color-background-warning: #ffbb59; --components-colors-callout-icon-color-background-danger: #fdb3ae; --components-colors-callout-icon-color-background-success: #cfebb0; --components-colors-callout-icon-color-icon-brand: #423500; --components-colors-callout-icon-color-icon-information: #00202b; --components-colors-callout-icon-color-icon-warning: #382303; --components-colors-callout-icon-color-icon-danger: #450101; --components-colors-callout-icon-color-icon-success: #142603; --components-colors-callout-icon-color-icon-ai: #ffffff; --components-colors-callout-color-background-brand: #fff8d9; --components-colors-callout-color-background-information: #e0f5ff; --components-colors-callout-color-background-success: #e7fbd3; --components-colors-callout-color-background-warning: #ffebce; --components-colors-callout-color-background-danger: #fbdedc; --components-colors-callout-color-background-ai: #ffffff; --components-colors-callout-color-text-brand-title: #000000; --components-colors-callout-color-text-brand-body: #423500; --components-colors-callout-color-text-information-title: #000000; --components-colors-callout-color-text-information-body: #00202b; --components-colors-callout-color-text-success-title: #000000; --components-colors-callout-color-text-success-body: #142603; --components-colors-callout-color-text-warning-title: #000000; --components-colors-callout-color-text-warning-body: #382303; --components-colors-callout-color-text-danger-title: #000000; --components-colors-callout-color-text-danger-body: #450101; --components-colors-callout-color-text-ai-title: #000000; --components-colors-callout-color-text-ai-body: #212121; --components-colors-growl-icon-color-background-information: #e0f5ff; --components-colors-growl-icon-color-background-success: #e7fbd3; --components-colors-growl-icon-color-background-warning: #ffebce; --components-colors-growl-icon-color-background-error: #fbdedc; --components-colors-growl-icon-color-icon-information: #025a79; --components-colors-growl-icon-color-icon-warning: #824f06; --components-colors-growl-icon-color-icon-error: #a80029; --components-colors-growl-icon-color-icon-success: #40611f; --components-colors-growl-color-background-default: #ffffff; --components-colors-growl-color-text-title: #000000; --components-colors-growl-color-text-body: #212121; --components-colors-growl-color-border-default: #eae4de; --components-colors-growl-color-border-hover: #d2cbc3; --components-colors-growl-color-icon-default: #bdbdbd; --components-colors-growl-color-icon-hover: #000000; --components-colors-tooltip-color-background: #212121; --components-colors-tooltip-color-border: #bdbdbd; --components-colors-tooltip-color-text: #ffffff; --components-colors-sticky-note-icon-color-background-brand: #ffcd00; --components-colors-sticky-note-icon-color-background-green: #bade94; --components-colors-sticky-note-icon-color-background-teal: #00c7ae; --components-colors-sticky-note-icon-color-background-blue: #55c3e9; --components-colors-sticky-note-icon-color-background-violet: #acacff; --components-colors-sticky-note-icon-color-background-pink: #f696c8; --components-colors-sticky-note-icon-color-background-orange: #ff9868; --components-colors-sticky-note-icon-color-icon-brand: #423500; --components-colors-sticky-note-icon-color-icon-green: #142603; --components-colors-sticky-note-icon-color-icon-teal: #001b18; --components-colors-sticky-note-icon-color-icon-blue: #00202b; --components-colors-sticky-note-icon-color-icon-violet: #26194d; --components-colors-sticky-note-icon-color-icon-pink: #3b142a; --components-colors-sticky-note-icon-color-icon-orange: #451701; --components-colors-sticky-note-color-background-brand: #fff8d9; --components-colors-sticky-note-color-background-green: #e7fbd3; --components-colors-sticky-note-color-background-teal: #dbfaf6; --components-colors-sticky-note-color-background-blue: #e0f5ff; --components-colors-sticky-note-color-background-violet: #efefff; --components-colors-sticky-note-color-background-pink: #ffeaf5; --components-colors-sticky-note-color-background-orange: #ffded0; --components-colors-sticky-note-color-border-default: #0000000d; --components-colors-sticky-note-color-text-body-brand: #423500; --components-colors-sticky-note-color-text-body-green: #142603; --components-colors-sticky-note-color-text-body-teal: #001b18; --components-colors-sticky-note-color-text-body-blue: #00202b; --components-colors-sticky-note-color-text-body-violet: #26194d; --components-colors-sticky-note-color-text-body-pink: #3b142a; --components-colors-sticky-note-color-text-body-orange: #451701; --components-colors-sticky-note-color-text-title: #000000; --components-colors-toast-icon-color-background-information: #e0f5ff; --components-colors-toast-icon-color-background-success: #e7fbd3; --components-colors-toast-icon-color-background-warning: #ffebce; --components-colors-toast-icon-color-background-error: #fbdedc; --components-colors-toast-icon-color-icon-information: #025a79; --components-colors-toast-icon-color-icon-warning: #824f06; --components-colors-toast-icon-color-icon-error: #a80029; --components-colors-toast-icon-color-icon-success: #40611f; --components-colors-toast-color-background-default: #ffffff; --components-colors-toast-color-text-body: #212121; --components-colors-toast-color-border-default: #eae4de; --components-colors-toast-color-border-hover: #d2cbc3; --components-colors-label-color-text-default: #585858; --components-colors-label-color-icon-default: #444444; --components-colors-label-color-icon-warning: #a6670a; --components-colors-label-color-icon-error: #e1003a; --components-colors-label-color-icon-success: #5a8034; --components-colors-label-color-icon-required: #e5b800; --components-colors-hint-color-text-default: #585858; --components-colors-hint-color-text-warning: #824f06; --components-colors-hint-color-text-error: #a80029; --components-colors-hint-color-text-success: #40611f; --components-colors-input-password-strenght-color-background-default: #f3f3f3; --components-colors-input-password-strenght-color-background-too-weak: #a80029; --components-colors-input-password-strenght-color-background-weak: #a6670a; --components-colors-input-password-strenght-color-background-good: #83ad57; --components-colors-input-password-strenght-color-background-strong: #83ad57; --components-colors-input-color-background-default: #ffffff; --components-colors-input-color-background-disabled: #eae4de; --components-colors-input-color-background-transparent: #ffffff00; --components-colors-input-color-text-default: #000000; --components-colors-input-color-text-placeholder: #989898; --components-colors-input-color-text-disabled: #605b55; --components-colors-input-color-border-default: #f3f3f3; --components-colors-input-color-border-hover: #dedede; --components-colors-input-color-border-hover-transparent: #00000021; --components-colors-input-color-border-active: #ffcd00; --components-colors-input-color-border-success: #5a8034; --components-colors-input-color-border-warning: #a6670a; --components-colors-input-color-border-error: #e1003a; --components-colors-input-color-border-disabled: #d2cbc3; --components-colors-input-color-border-focused: #ffe166; --components-colors-input-color-icon-default: #000000; --components-colors-input-color-icon-placeholder: #000000; --components-colors-input-color-icon-disabled: #a7a096; --components-colors-checkbox-color-background-disabled: #eae4de; --components-colors-checkbox-color-background-unchecked-default: #ffffff; --components-colors-checkbox-color-background-checked-default: #ffcd00; --components-colors-checkbox-color-background-checked-hover: #ffe166; --components-colors-checkbox-color-border-focused: #ffe166; --components-colors-checkbox-color-border-error: #e1003a; --components-colors-checkbox-color-border-disabled: #d2cbc3; --components-colors-checkbox-color-border-unchecked-default: #dedede; --components-colors-checkbox-color-border-unchecked-hover: #bdbdbd; --components-colors-checkbox-color-icon-default: #000000; --components-colors-checkbox-color-icon-disabled: #a7a096; --components-colors-radio-indicator-color-background-default: #ffcd00; --components-colors-radio-indicator-color-background-hover: #ffe166; --components-colors-radio-indicator-color-background-disabled: #d2cbc3; --components-colors-radio-color-border-focused: #ffe166; --components-colors-radio-color-border-unchecked-default: #dedede; --components-colors-radio-color-border-unchecked-hover: #bdbdbd; --components-colors-radio-color-border-unchecked-disabled: #d2cbc3; --components-colors-radio-color-border-checked-default: #ffcd00; --components-colors-radio-color-border-checked-hover: #ffe166; --components-colors-radio-color-border-checked-disabled: #d2cbc3; --components-colors-radio-color-background-unchecked-default: #ffffff; --components-colors-radio-color-background-unchecked-disabled: #eae4de; --components-colors-radio-color-background-checked-default: #ffffff; --components-colors-radio-color-background-checked-disabled: #eae4de; --components-colors-toggle-thumb-color-background-default: #ffffff; --components-colors-toggle-thumb-color-background-hover: #ffffff; --components-colors-toggle-thumb-color-background-disabled: #a7a096; --components-colors-toggle-thumb-color-border-default: #bdbdbd; --components-colors-toggle-thumb-color-border-hover: #bdbdbd; --components-colors-toggle-track-color-background-disabled: #eae4de; --components-colors-toggle-track-color-background-unchecked-default: #ffffff; --components-colors-toggle-track-color-background-checked-default: #ffcd00; --components-colors-toggle-track-color-background-checked-hover: #ffe166; --components-colors-toggle-track-color-border-focused: #ffe166; --components-colors-toggle-track-color-border-unchecked-default: #dedede; --components-colors-toggle-track-color-border-unchecked-hover: #bdbdbd; --components-colors-toggle-track-color-border-disabled: #d2cbc3; --components-colors-toggle-track-color-border-checked-default: #e5b800; --components-colors-toggle-track-color-border-checked-hover: #ffcd00; --components-colors-toggle-track-color-icon-default: #000000; --components-colors-toggle-track-color-icon-hover: #000000; --components-colors-toggle-track-color-icon-disabled: #605b55; --components-colors-breadcrumb-color-text-default: #605b55; --components-colors-breadcrumb-color-text-hover: #33302d; --components-colors-breadcrumb-color-text-active: #000000; --components-colors-breadcrumb-color-icon-default: #605b55; --components-colors-breadcrumb-color-icon-hover: #33302d; --components-colors-breadcrumb-color-icon-active: #000000; --components-colors-stepper-step-color-background-unchecked-default: #ffffff; --components-colors-stepper-step-color-background-unchecked-hover: #fff8d9; --components-colors-stepper-step-color-background-checked-default: #ffe166; --components-colors-stepper-step-color-background-checked-hover: #fff1b2; --components-colors-stepper-step-color-text-unchecked-default: #585858; --components-colors-stepper-step-color-text-unchecked-hover: #000000; --components-colors-stepper-step-color-text-checked-default: #423500; --components-colors-stepper-step-color-text-checked-hover: #604d00; --components-colors-stepper-step-color-icon-unchecked-default: #444444; --components-colors-stepper-step-color-icon-unchecked-hover: #000000; --components-colors-stepper-step-color-icon-checked-default: #423500; --components-colors-stepper-step-color-icon-checked-hover: #604d00; --components-colors-stepper-step-color-icon-success: #40611f; --components-colors-stepper-step-color-border-checked-default: #ffcd00; --components-colors-stepper-step-color-border-checked-hover: #ffe166; --components-colors-stepper-color-background: #ffffff; --components-colors-stepper-color-border-default: #eae4de; --components-colors-stepper-color-border-hover: #d2cbc3; --components-colors-stepper-color-icon-default: #444444; --components-colors-tab-color-background-unchecked-default: #ffffff; --components-colors-tab-color-background-unchecked-hover: #ffffff; --components-colors-tab-color-background-unchecked-pressed: #f3f3f3; --components-colors-tab-color-background-checked-default: #ffe166; --components-colors-tab-color-background-checked-hover: #ffe166; --components-colors-tab-color-background-checked-pressed: #ffcd00; --components-colors-tab-color-text-unchecked-default: #000000; --components-colors-tab-color-text-unchecked-hover: #212121; --components-colors-tab-color-text-unchecked-pressed: #000000; --components-colors-tab-color-text-checked-default: #000000; --components-colors-tab-color-text-checked-hover: #423500; --components-colors-tab-color-text-checked-pressed: #423500; --components-colors-tab-color-border-unchecked-default: #f6f3ef; --components-colors-tab-color-border-unchecked-hover: #eae4de; --components-colors-tab-color-border-unchecked-pressed: #eae4de; --components-colors-tab-color-border-checked-default: #ffcd00; --components-colors-tab-color-border-checked-hover: #e5b800; --components-colors-tab-color-border-checked-pressed: #e5b800; --components-colors-pagination-color-background-unchecked-default: #ffffff; --components-colors-pagination-color-background-unchecked-hover: #ffffff; --components-colors-pagination-color-background-unchecked-pressed: #0000000d; --components-colors-pagination-color-background-unchecked-disabled: #00000021; --components-colors-pagination-color-background-checked-default: #ffe166; --components-colors-pagination-color-background-checked-hover: #ffe166; --components-colors-pagination-color-background-checked-pressed: #ffcd00; --components-colors-pagination-color-background-checked-disabled: #00000021; --components-colors-pagination-color-text-unchecked-default: #000000; --components-colors-pagination-color-text-unchecked-hover: #212121; --components-colors-pagination-color-text-unchecked-pressed: #000000; --components-colors-pagination-color-text-unchecked-disabled: #585858; --components-colors-pagination-color-text-checked-default: #000000; --components-colors-pagination-color-text-checked-hover: #423500; --components-colors-pagination-color-text-checked-pressed: #604d00; --components-colors-pagination-color-text-checked-disabled: #585858; --components-colors-pagination-color-border-unchecked-default: #f6f3ef; --components-colors-pagination-color-border-unchecked-hover: #eae4de; --components-colors-pagination-color-border-unchecked-pressed: #0000000d; --components-colors-pagination-color-border-checked-default: #ffcd00; --components-colors-pagination-color-border-checked-hover: #e5b800; --components-colors-pagination-color-border-checked-pressed: #e5b800; --components-colors-pagination-color-icon-unchecked-default: #000000; --components-colors-pagination-color-icon-unchecked-hover: #212121; --components-colors-pagination-color-icon-unchecked-pressed: #000000; --components-colors-pagination-color-icon-unchecked-disabled: #585858; --components-colors-pagination-color-icon-checked-default: #000000; --components-colors-pagination-color-icon-checked-hover: #423500; --components-colors-pagination-color-icon-checked-pressed: #604d00; --components-colors-pagination-color-icon-checked-disabled: #585858; --components-dimensions-button-size-max-height-lg: 2.6875rem; --components-dimensions-button-size-max-height-md: 2.0625rem; --components-dimensions-button-size-max-height-sm: 1.5625rem; --components-dimensions-button-size-icon-lg: 1.5rem; --components-dimensions-button-size-icon-md: 1rem; --components-dimensions-button-size-icon-sm: 1rem; --components-dimensions-button-padding-inline-lg: 1rem; --components-dimensions-button-padding-inline-md: .75rem; --components-dimensions-button-padding-inline-sm: .5rem; --components-dimensions-button-padding-block-lg: .75rem; --components-dimensions-button-padding-block-md: .5rem; --components-dimensions-button-padding-block-sm: .25rem; --components-dimensions-button-gap-content-lg: .5rem; --components-dimensions-button-gap-content-md: .25rem; --components-dimensions-button-gap-content-sm: .25rem; --components-dimensions-button-border-radius: .5rem; --components-dimensions-button-border-width-focused: 4px; --components-dimensions-button-border-width-ai: 2px; --components-dimensions-button-border-width-secondary: 1px; --components-dimensions-link-underline-size-height: .125rem; --components-dimensions-link-size-icon-lg: 1rem; --components-dimensions-link-size-icon-md: 1rem; --components-dimensions-link-size-icon-sm: 1rem; --components-dimensions-link-size-icon-xs: .75rem; --components-dimensions-link-padding-inline-text: .125rem; --components-dimensions-link-padding-inline-icon: .125rem; --components-dimensions-link-gap-content: 0; --components-dimensions-link-gap-underline: -.125rem; --components-dimensions-avatar-size-lg: 4rem; --components-dimensions-avatar-size-md: 3rem; --components-dimensions-avatar-size-sm: 2rem; --components-dimensions-avatar-size-xs: 1.5rem; --components-dimensions-avatar-border-radius: calc(infinity * 1px); --components-dimensions-badge-size-height: .5rem; --components-dimensions-badge-size-max-height-lg: 1.25rem; --components-dimensions-badge-size-max-height-md: 1rem; --components-dimensions-badge-size-min-width-lg: 1.25rem; --components-dimensions-badge-size-min-width-md: 1rem; --components-dimensions-badge-size-width: .5rem; --components-dimensions-badge-padding-inline-lg: .25rem; --components-dimensions-badge-padding-inline-md: .25rem; --components-dimensions-badge-padding-block-lg: .25rem; --components-dimensions-badge-padding-block-md: .125rem; --components-dimensions-badge-border-radius-lg: .5rem; --components-dimensions-badge-border-radius-md: .25rem; --components-dimensions-badge-border-radius-sm: calc(infinity * 1px); --components-dimensions-card-action-dismiss-size-icon-lg: 2rem; --components-dimensions-card-action-dismiss-size-icon-md: 2rem; --components-dimensions-card-action-dismiss-size-icon-sm: 1.5rem; --components-dimensions-card-action-dismiss-padding-inline-end-lg: 1rem; --components-dimensions-card-action-dismiss-padding-inline-end-md: .75rem; --components-dimensions-card-action-dismiss-padding-inline-end-sm: .5rem; --components-dimensions-card-action-dismiss-padding-block-start-lg: 1rem; --components-dimensions-card-action-dismiss-padding-block-start-md: .75rem; --components-dimensions-card-action-dismiss-padding-block-start-sm: .5rem; --components-dimensions-card-size-icon-lg: 1.5rem; --components-dimensions-card-padding-inline-lg: 2rem; --components-dimensions-card-padding-inline-md: 1.5rem; --components-dimensions-card-padding-inline-sm: 1rem; --components-dimensions-card-padding-block-lg: 2rem; --components-dimensions-card-padding-block-md: 1.5rem; --components-dimensions-card-padding-block-sm: 1rem; --components-dimensions-card-gap-title: .5rem; --components-dimensions-card-gap-content-lg: 1.5rem; --components-dimensions-card-gap-content-md: 1rem; --components-dimensions-card-gap-content-sm: .75rem; --components-dimensions-card-border-radius: .5rem; --components-dimensions-tag-size-max-height-lg: 2.0625rem; --components-dimensions-tag-size-max-height-md: 1.5625rem; --components-dimensions-tag-size-icon: 1rem; --components-dimensions-tag-padding-inline-lg: .75rem; --components-dimensions-tag-padding-inline-md: .5rem; --components-dimensions-tag-padding-block-lg: .5rem; --components-dimensions-tag-padding-block-md: .25rem; --components-dimensions-tag-gap-content: .25rem; --components-dimensions-tag-border-radius: .5rem; --components-dimensions-tag-border-width: 2px; --components-dimensions-window-header-action-size-container: 1.5rem; --components-dimensions-window-header-action-size-icon: 1rem; --components-dimensions-window-header-action-border-radius: .5rem; --components-dimensions-window-header-size-min-height: 2rem; --components-dimensions-window-header-tab-border-width-active: 2px; --components-dimensions-window-header-gap-content: .5rem; --components-dimensions-window-header-gap-actions: .25rem; --components-dimensions-window-header-padding-inline-xs: .25rem; --components-dimensions-window-header-padding-block-xs: .25rem; --components-dimensions-window-body-padding-inline-xs: .5rem; --components-dimensions-window-body-padding-inline-sm: .75rem; --components-dimensions-window-body-padding-inline-md: 1.5rem; --components-dimensions-window-body-padding-inline-lg: 2rem; --components-dimensions-window-body-padding-inline-xl: 4rem; --components-dimensions-window-body-padding-block-xs: .5rem; --components-dimensions-window-body-padding-block-sm: .75rem; --components-dimensions-window-body-padding-block-md: 1.5rem; --components-dimensions-window-body-padding-block-lg: 2rem; --components-dimensions-window-body-padding-block-xl: 4rem; --components-dimensions-window-border-radius: .5rem; --components-dimensions-window-border-width: 1px; --components-dimensions-dropdown-menu-item-padding-inline: 1rem; --components-dimensions-dropdown-menu-item-padding-block: .75rem; --components-dimensions-dropdown-menu-item-gap-content: .5rem; --components-dimensions-dropdown-menu-item-border-radius: .5rem; --components-dimensions-dropdown-menu-size-icon: 1rem; --components-dimensions-dropdown-menu-padding-inline: .5rem; --components-dimensions-dropdown-menu-padding-block: .5rem; --components-dimensions-dropdown-menu-gap-content: .5rem; --components-dimensions-dropdown-menu-border-radius: .5rem; --components-dimensions-dropdown-menu-border-width: 1px; --components-dimensions-callout-icon-padding-inline: .25rem; --components-dimensions-callout-icon-padding-block: .25rem; --components-dimensions-callout-icon-border-radius: .5rem; --components-dimensions-callout-border-radius: .5rem; --components-dimensions-callout-gap-content-sm: .5rem; --components-dimensions-callout-gap-content-md: .75rem; --components-dimensions-callout-gap-actions-sm: .5rem; --components-dimensions-callout-gap-actions-md: .75rem; --components-dimensions-callout-padding-inline-sm: 1rem; --components-dimensions-callout-padding-inline-md: 2rem; --components-dimensions-callout-padding-block-sm: 1rem; --components-dimensions-callout-padding-block-md: 2rem; --components-dimensions-growl-icon-size-icon: 1.5rem; --components-dimensions-growl-icon-padding-inline: .5rem; --components-dimensions-growl-icon-padding-block: .5rem; --components-dimensions-growl-icon-border-radius: 1rem; --components-dimensions-growl-size-icon: 1.5rem; --components-dimensions-growl-border-radius: .75rem; --components-dimensions-growl-border-width: 1px; --components-dimensions-growl-padding-inline: 1rem; --components-dimensions-growl-padding-block: 1rem; --components-dimensions-growl-gap-content: 1rem; --components-dimensions-toast-icon-size-icon: 1rem; --components-dimensions-toast-icon-padding-inline: .25rem; --components-dimensions-toast-icon-padding-block: .25rem; --components-dimensions-toast-icon-border-radius: .5rem; --components-dimensions-toast-size-icon: 1.5rem; --components-dimensions-toast-padding-inline: .75rem; --components-dimensions-toast-padding-block: .5rem; --components-dimensions-toast-gap-content: .5rem; --components-dimensions-toast-border-radius: .75rem; --components-dimensions-toast-border-width: 1px; --components-dimensions-tooltip-padding-inline: .75rem; --components-dimensions-tooltip-padding-block: .5rem; --components-dimensions-tooltip-gap-content: .25rem; --components-dimensions-tooltip-border-radius: .5rem; --components-dimensions-tooltip-border-width: 1px; --components-dimensions-sticky-note-icon-size-icon: 1rem; --components-dimensions-sticky-note-icon-padding-inline: .25rem; --components-dimensions-sticky-note-icon-padding-block: .25rem; --components-dimensions-sticky-note-icon-border-radius: .5rem; --components-dimensions-sticky-note-size-icon: 1.5rem; --components-dimensions-sticky-note-size-width-square: 250px; --components-dimensions-sticky-note-size-width-rectangle: 350px; --components-dimensions-sticky-note-size-height-square: 250px; --components-dimensions-sticky-note-size-height-rectangle: 250px; --components-dimensions-sticky-note-gap-content: .5rem; --components-dimensions-sticky-note-border-radius: .125rem; --components-dimensions-sticky-note-border-width: 1px; --components-dimensions-field-gap-label: .5rem; --components-dimensions-field-gap-assistive: .25rem; --components-dimensions-label-size-leading: 1rem; --components-dimensions-label-size-required: .75rem; --components-dimensions-label-gap-content: .25rem; --components-dimensions-input-max-height-lg: 43px; --components-dimensions-input-max-height-md: 33px; --components-dimensions-input-max-height-sm: 25px; --components-dimensions-input-padding-inline-lg: .75rem; --components-dimensions-input-padding-inline-md: .75rem; --components-dimensions-input-padding-inline-sm: .5rem; --components-dimensions-input-padding-block-lg: .75rem; --components-dimensions-input-padding-block-md: .5rem; --components-dimensions-input-padding-block-sm: .25rem; --components-dimensions-input-size-icon: 1rem; --components-dimensions-input-size-image: 1rem; --components-dimensions-input-gap-content: .5rem; --components-dimensions-input-border-width-default: 1px; --components-dimensions-input-border-width-focused: 2px; --components-dimensions-input-border-radius: .5rem; --components-dimensions-checkbox-border-width-default: 1px; --components-dimensions-checkbox-border-width-focused: 2px; --components-dimensions-checkbox-border-radius: .25rem; --components-dimensions-checkbox-size-container: 1rem; --components-dimensions-checkbox-size-icon: 1rem; --components-dimensions-radio-size: 1rem; --components-dimensions-radio-border-radius: calc(infinity * 1px); --components-dimensions-radio-border-width-unchecked: 1px; --components-dimensions-radio-border-width-checked: 2px; --components-dimensions-radio-border-width-focused: 2px; --components-dimensions-radio-indicator-size: .5rem; --components-dimensions-radio-indicator-border-radius: calc(infinity * 1px); --components-dimensions-toggle-track-size-height-lg: 1.5rem; --components-dimensions-toggle-track-size-height-md: 1.25rem; --components-dimensions-toggle-track-size-height-sm: 1rem; --components-dimensions-toggle-track-size-width-lg: 2.75rem; --components-dimensions-toggle-track-size-width-md: 2.25rem; --components-dimensions-toggle-track-size-width-sm: 1.75rem; --components-dimensions-toggle-track-size-icon-lg: 1rem; --components-dimensions-toggle-track-size-icon-md: .75rem; --components-dimensions-toggle-track-size-icon-sm: .5rem; --components-dimensions-toggle-track-border-radius: calc(infinity * 1px); --components-dimensions-toggle-track-border-width-focused: 2px; --components-dimensions-toggle-thumb-size-lg: 1.25rem; --components-dimensions-toggle-thumb-size-md: 1rem; --components-dimensions-toggle-thumb-size-sm: .75rem; --components-dimensions-toggle-thumb-border-width: 1px; --components-dimensions-file-drop-border-radius: .5rem; --components-dimensions-file-drop-border-width-default: 1px; --components-dimensions-file-drop-padding-inline: 2rem; --components-dimensions-file-drop-padding-block: 2rem; --components-dimensions-file-drop-gap-content: 1rem; --components-dimensions-breadcrumb-size-icon: 1rem; --components-dimensions-breadcrumb-gap-content: .25rem; --components-dimensions-stepper-size-icon: 1.5rem; --components-dimensions-stepper-padding-inline: .75rem; --components-dimensions-stepper-padding-block: .5rem; --components-dimensions-stepper-gap-content: .5rem; --components-dimensions-stepper-step-size-icon: 1rem; --components-dimensions-stepper-step-border-radius: .5rem; --components-dimensions-stepper-step-border-width-active: 2px; --components-dimensions-stepper-step-padding-inline: .75rem; --components-dimensions-stepper-step-padding-block: .5rem; --components-dimensions-stepper-step-gap-content: .5rem; --components-dimensions-stepper-border-radius: .5rem; --components-dimensions-stepper-border-width-default: 1px; --components-dimensions-tab-size-icon-lg: 1.5rem; --components-dimensions-tab-size-icon-md: 1rem; --components-dimensions-tab-size-max-height-lg: 2.5rem; --components-dimensions-tab-size-max-height-md: 2rem; --components-dimensions-tab-gap-content-lg: .5rem; --components-dimensions-tab-gap-content-md: .25rem; --components-dimensions-tab-gap-tabs-lg: .5rem; --components-dimensions-tab-gap-tabs-md: .25rem; --components-dimensions-tab-padding-inline-lg: 1rem; --components-dimensions-tab-padding-inline-md: .75rem; --components-dimensions-tab-padding-block-lg: .75rem; --components-dimensions-tab-padding-block-md: .5rem; --components-dimensions-tab-border-width-unchecked: 1px; --components-dimensions-tab-border-width-checked: 2px; --components-dimensions-pagination-size-min-width-lg: 2.5rem; --components-dimensions-pagination-size-min-width-md: 2rem; --components-dimensions-pagination-size-min-height-lg: 2.5rem; --components-dimensions-pagination-size-min-height-md: 2rem; --components-dimensions-pagination-size-icon: 1.5rem; --components-dimensions-pagination-size-max-width-lg: 2.5rem; --components-dimensions-pagination-size-max-width-md: 2rem; --components-dimensions-pagination-size-max-height-lg: 2.5rem; --components-dimensions-pagination-size-max-height-md: 2rem; --components-dimensions-pagination-start-padding-inline-leading-lg: .5rem; --components-dimensions-pagination-start-padding-inline-leading-md: .25rem; --components-dimensions-pagination-start-padding-inline-trailing-lg: 1rem; --components-dimensions-pagination-start-padding-inline-trailing-md: .75rem; --components-dimensions-pagination-end-padding-inline-leading-lg: 1rem; --components-dimensions-pagination-end-padding-inline-leading-md: .75rem; --components-dimensions-pagination-end-padding-inline-trailing-lg: .5rem; --components-dimensions-pagination-end-padding-inline-trailing-md: .25rem; --components-dimensions-pagination-padding-inline-lg: .75rem; --components-dimensions-pagination-padding-inline-md: .75rem; --components-dimensions-pagination-padding-block-lg: .5rem; --components-dimensions-pagination-padding-block-md: .25rem; --components-dimensions-pagination-gap-content: .25rem; --components-dimensions-pagination-gap-pages: .5rem; --components-dimensions-pagination-border-radius: .5rem; --components-dimensions-pagination-border-width-unchecked: 1px; --components-dimensions-pagination-border-width-checked: 2px; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-green-10: #e7fbd3; --color-green-20: #cfebb0; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-teal-10: #dbfaf6; --color-teal-20: #a5ece4; --color-teal-30: #6fdbcd; --color-teal-40: #00c7ae; --color-teal-50: #06a894; --color-teal-60: #0a7b6d; --color-teal-70: #00544a; --color-teal-80: #053731; --color-teal-90: #001b18; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-violet-10: #efefff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9587e8; --color-violet-60: #8068c6; --color-violet-70: #5a4890; --color-violet-80: #3c2e63; --color-violet-90: #26194d; --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #d17ba8; --color-pink-60: #b06089; --color-pink-70: #803c5f; --color-pink-80: #5c2944; --color-pink-90: #3b142a; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-background-brand-primary: #ffcd00; --color-background-brand-secondary: #ffe166; --color-background-brand-subtle: #fff1b2; --color-background-brand-minimal: #fff8d9; --color-background-brand-strong: #e5b800; --color-background-brand-stronger: #b69200; --color-background-neutral-primary: #000000; --color-background-neutral-secondary: #212121; --color-background-neutral-tertiary: #444444; --color-background-neutral-subtle: #bdbdbd; --color-background-neutral-subtlest: #dedede; --color-background-neutral-minimal: #f3f3f3; --color-background-neutral-inverse: #ffffff; --color-background-neutral-primary-fixed: #000000; --color-background-neutral-inverse-fixed: #ffffff; --color-background-warm-primary: #f6f3ef; --color-background-warm-minimal: #fbf9f7; --color-background-warm-strong: #eae4de; --color-background-warm-stronger: #d2cbc3; --color-background-information-primary: #55c3e9; --color-background-information-secondary: #9bdef7; --color-background-information-subtle: #bbeaff; --color-background-information-minimal: #e0f5ff; --color-background-information-strong: #27a5d0; --color-background-information-stronger: #057aa3; --color-background-success-primary: #bade94; --color-background-success-secondary: #cfebb0; --color-background-success-minimal: #e7fbd3; --color-background-success-strong: #9fc873; --color-background-success-stronger: #83ad57; --color-background-success-strongest: #5a8034; --color-background-warning-primary: #ff9f14; --color-background-warning-secondary: #ffbb59; --color-background-warning-subtle: #ffd495; --color-background-warning-minimal: #ffebce; --color-background-warning-strong: #db860a; --color-background-warning-stronger: #a6670a; --color-background-danger-primary: #ff9490; --color-background-danger-secondary: #fdb3ae; --color-background-danger-subtle: #fcc7c3; --color-background-danger-minimal: #fbdedc; --color-background-danger-strong: #ff6165; --color-background-danger-stronger: #e1003a; --color-background-danger-strongest: #a80029; --color-background-accent-green-primary: #bade94; --color-background-accent-green-secondary: #cfebb0; --color-background-accent-green-minimal: #e7fbd3; --color-background-accent-green-strong: #9fc873; --color-background-accent-green-stronger: #83ad57; --color-background-accent-green-strongest: #5a8034; --color-background-accent-teal-primary: #00c7ae; --color-background-accent-teal-secondary: #6fdbcd; --color-background-accent-teal-subtle: #a5ece4; --color-background-accent-teal-minimal: #dbfaf6; --color-background-accent-teal-strong: #06a894; --color-background-accent-teal-stronger: #0a7b6d; --color-background-accent-teal-strongest: #00544a; --color-background-accent-blue-primary: #55c3e9; --color-background-accent-blue-secondary: #9bdef7; --color-background-accent-blue-subtle: #bbeaff; --color-background-accent-blue-minimal: #e0f5ff; --color-background-accent-blue-strong: #27a5d0; --color-background-accent-blue-stronger: #057aa3; --color-background-accent-blue-strongest: #025a79; --color-background-accent-violet-primary: #acacff; --color-background-accent-violet-secondary: #c9c9ff; --color-background-accent-violet-subtle: #e0e0ff; --color-background-accent-violet-minimal: #efefff; --color-background-accent-violet-strong: #9587e8; --color-background-accent-violet-stronger: #8068c6; --color-background-accent-violet-strongest: #5a4890; --color-background-accent-pink-primary: #f696c8; --color-background-accent-pink-secondary: #feb7dc; --color-background-accent-pink-subtle: #ffd5eb; --color-background-accent-pink-minimal: #ffeaf5; --color-background-accent-pink-strong: #d17ba8; --color-background-accent-pink-stronger: #b06089; --color-background-accent-pink-strongest: #803c5f; --color-background-accent-orange-primary: #ff9868; --color-background-accent-orange-secondary: #ffb595; --color-background-accent-orange-subtle: #ffc9b2; --color-background-accent-orange-minimal: #ffded0; --color-background-accent-orange-strong: #e67b49; --color-background-accent-orange-stronger: #c45927; --color-background-accent-orange-strongest: #9f4217; --color-background-transparent-white-subtle: #ffffff42; --color-background-transparent-white-subtlest: #ffffff21; --color-background-transparent-white-minimal: #ffffff0d; --color-background-transparent-white-none: #ffffff00; --color-background-transparent-black-subtle: #00000042; --color-background-transparent-black-subtlest: #00000021; --color-background-transparent-black-minimal: #0000000d; --color-background-transparent-black-none: #00000000; --color-text-brand-primary: #423500; --color-text-brand-secondary: #604d00; --color-text-brand-tertiary: #846a01; --color-text-brand-subtle: #b69200; --color-text-brand-minimal: #e5b800; --color-text-neutral-primary: #000000; --color-text-neutral-secondary: #212121; --color-text-neutral-tertiary: #444444; --color-text-neutral-subtle: #585858; --color-text-neutral-subtlest: #989898; --color-text-neutral-minimal: #bdbdbd; --color-text-neutral-inverse: #ffffff; --color-text-neutral-primary-fixed: #000000; --color-text-neutral-inverse-fixed: #ffffff; --color-text-warm-primary: #1e1c1a; --color-text-warm-secondary: #33302d; --color-text-warm-tertiary: #4d4944; --color-text-warm-subtle: #605b55; --color-text-warm-minimal: #a7a096; --color-text-information-primary: #00202b; --color-text-information-secondary: #013c50; --color-text-information-tertiary: #025a79; --color-text-information-subtle: #057aa3; --color-text-information-minimal: #27a5d0; --color-text-success-primary: #142603; --color-text-success-secondary: #2a4210; --color-text-success-tertiary: #40611f; --color-text-success-subtle: #5a8034; --color-text-success-minimal: #83ad57; --color-text-warning-primary: #382303; --color-text-warning-secondary: #573607; --color-text-warning-tertiary: #824f06; --color-text-warning-subtle: #a6670a; --color-text-warning-minimal: #db860a; --color-text-danger-primary: #450101; --color-text-danger-secondary: #75001a; --color-text-danger-tertiary: #a80029; --color-text-danger-subtle: #e1003a; --color-text-danger-minimal: #ff6165; --color-text-accent-green-primary: #142603; --color-text-accent-green-secondary: #2a4210; --color-text-accent-green-tertiary: #40611f; --color-text-accent-green-subtle: #5a8034; --color-text-accent-green-minimal: #83ad57; --color-text-accent-teal-primary: #001b18; --color-text-accent-teal-secondary: #053731; --color-text-accent-teal-tertiary: #00544a; --color-text-accent-teal-subtle: #0a7b6d; --color-text-accent-teal-minimal: #06a894; --color-text-accent-blue-primary: #00202b; --color-text-accent-blue-secondary: #013c50; --color-text-accent-blue-tertiary: #025a79; --color-text-accent-blue-subtle: #057aa3; --color-text-accent-blue-minimal: #27a5d0; --color-text-accent-violet-primary: #26194d; --color-text-accent-violet-secondary: #3c2e63; --color-text-accent-violet-tertiary: #5a4890; --color-text-accent-violet-subtle: #8068c6; --color-text-accent-violet-minimal: #9587e8; --color-text-accent-pink-primary: #3b142a; --color-text-accent-pink-secondary: #5c2944; --color-text-accent-pink-tertiary: #803c5f; --color-text-accent-pink-subtle: #b06089; --color-text-accent-pink-minimal: #d17ba8; --color-text-accent-orange-primary: #451701; --color-text-accent-orange-secondary: #6d2605; --color-text-accent-orange-tertiary: #9f4217; --color-text-accent-orange-subtle: #c45927; --color-text-accent-orange-minimal: #e67b49; --color-border-brand-primary: #ffcd00; --color-border-brand-secondary: #ffe166; --color-border-brand-subtle: #fff1b2; --color-border-brand-minimal: #fff8d9; --color-border-brand-strong: #e5b800; --color-border-brand-stronger: #b69200; --color-border-neutral-primary: #000000; --color-border-neutral-secondary: #212121; --color-border-neutral-tertiary: #444444; --color-border-neutral-subtle: #bdbdbd; --color-border-neutral-subtlest: #dedede; --color-border-neutral-minimal: #f3f3f3; --color-border-neutral-inverse: #ffffff; --color-border-neutral-primary-fixed: #000000; --color-border-neutral-inverse-fixed: #ffffff; --color-border-warm-primary: #605b55; --color-border-warm-secondary: #a7a096; --color-border-warm-tertiary: #d2cbc3; --color-border-warm-subtle: #eae4de; --color-border-warm-minimal: #f6f3ef; --color-border-warm-strong: #4d4944; --color-border-warm-stronger: #33302d; --color-border-information-primary: #55c3e9; --color-border-information-secondary: #9bdef7; --color-border-information-subtle: #bbeaff; --color-border-information-minimal: #e0f5ff; --color-border-information-strong: #27a5d0; --color-border-information-stronger: #057aa3; --color-border-information-strongest: #025a79; --color-border-success-primary: #bade94; --color-border-success-secondary: #cfebb0; --color-border-success-minimal: #e7fbd3; --color-border-success-strong: #9fc873; --color-border-success-stronger: #83ad57; --color-border-success-strongest: #5a8034; --color-border-warning-primary: #ff9f14; --color-border-warning-secondary: #ffbb59; --color-border-warning-subtle: #ffd495; --color-border-warning-minimal: #ffebce; --color-border-warning-strong: #db860a; --color-border-warning-stronger: #a6670a; --color-border-warning-strongest: #824f06; --color-border-danger-primary: #ff9490; --color-border-danger-secondary: #fdb3ae; --color-border-danger-subtle: #fcc7c3; --color-border-danger-minimal: #fbdedc; --color-border-danger-strong: #ff6165; --color-border-danger-stronger: #e1003a; --color-border-danger-strongest: #a80029; --color-border-transparent-white-subtle: #ffffff42; --color-border-transparent-white-subtlest: #ffffff21; --color-border-transparent-white-minimal: #ffffff0d; --color-border-transparent-white-none: #ffffff00; --color-border-transparent-black-subtle: #00000042; --color-border-transparent-black-subtlest: #00000021; --color-border-transparent-black-minimal: #0000000d; --color-border-transparent-black-none: #00000000; --color-icon-brand-primary: #423500; --color-icon-brand-secondary: #604d00; --color-icon-brand-tertiary: #846a01; --color-icon-brand-subtle: #b69200; --color-icon-brand-subtlest: #e5b800; --color-icon-brand-minimal: #ffcd00; --color-icon-neutral-primary: #000000; --color-icon-neutral-secondary: #212121; --color-icon-neutral-tertiary: #444444; --color-icon-neutral-subtle: #585858; --color-icon-neutral-subtlest: #989898; --color-icon-neutral-minimal: #bdbdbd; --color-icon-neutral-inverse: #ffffff; --color-icon-neutral-primary-fixed: #000000; --color-icon-neutral-inverse-fixed: #ffffff; --color-icon-warm-primary: #1e1c1a; --color-icon-warm-secondary: #33302d; --color-icon-warm-tertiary: #4d4944; --color-icon-warm-subtle: #605b55; --color-icon-warm-minimal: #a7a096; --color-icon-information-primary: #00202b; --color-icon-information-secondary: #013c50; --color-icon-information-tertiary: #025a79; --color-icon-information-subtle: #057aa3; --color-icon-information-subtlest: #27a5d0; --color-icon-information-minimal: #55c3e9; --color-icon-success-primary: #142603; --color-icon-success-secondary: #2a4210; --color-icon-success-tertiary: #40611f; --color-icon-success-subtle: #5a8034; --color-icon-success-subtlest: #83ad57; --color-icon-success-minimal: #bade94; --color-icon-warning-primary: #382303; --color-icon-warning-secondary: #573607; --color-icon-warning-tertiary: #824f06; --color-icon-warning-subtle: #a6670a; --color-icon-warning-subtlest: #db860a; --color-icon-warning-minimal: #ff9f14; --color-icon-danger-primary: #450101; --color-icon-danger-secondary: #75001a; --color-icon-danger-tertiary: #a80029; --color-icon-danger-subtle: #e1003a; --color-icon-danger-subtlest: #ff6165; --color-icon-danger-minimal: #ff9490; --color-icon-accent-green-primary: #142603; --color-icon-accent-green-secondary: #2a4210; --color-icon-accent-green-tertiary: #40611f; --color-icon-accent-green-subtle: #5a8034; --color-icon-accent-green-subtlest: #83ad57; --color-icon-accent-green-minimal: #bade94; --color-icon-accent-teal-primary: #001b18; --color-icon-accent-teal-secondary: #053731; --color-icon-accent-teal-tertiary: #00544a; --color-icon-accent-teal-subtle: #0a7b6d; --color-icon-accent-teal-subtlest: #06a894; --color-icon-accent-teal-minimal: #00c7ae; --color-icon-accent-blue-primary: #00202b; --color-icon-accent-blue-secondary: #013c50; --color-icon-accent-blue-tertiary: #025a79; --color-icon-accent-blue-subtle: #057aa3; --color-icon-accent-blue-subtlest: #27a5d0; --color-icon-accent-blue-minimal: #55c3e9; --color-icon-accent-violet-primary: #26194d; --color-icon-accent-violet-secondary: #3c2e63; --color-icon-accent-violet-tertiary: #5a4890; --color-icon-accent-violet-subtle: #8068c6; --color-icon-accent-violet-subtlest: #9587e8; --color-icon-accent-violet-minimal: #acacff; --color-icon-accent-pink-primary: #3b142a; --color-icon-accent-pink-secondary: #5c2944; --color-icon-accent-pink-tertiary: #803c5f; --color-icon-accent-pink-subtle: #b06089; --color-icon-accent-pink-subtlest: #d17ba8; --color-icon-accent-pink-minimal: #f696c8; --color-icon-accent-orange-primary: #451701; --color-icon-accent-orange-secondary: #6d2605; --color-icon-accent-orange-tertiary: #9f4217; --color-icon-accent-orange-subtle: #c45927; --color-icon-accent-orange-subtlest: #e67b49; --color-icon-accent-orange-minimal: #ff9868; --color-overlay-default: rgba(0,0,0,.7); --color-overlay-strong: rgba(0,0,0,.5); --color-logo-background-primary: #ffcd00; --color-logo-mark-primary: #000000; --color-logo-mark-primary-fixed: #000000; --font-size-12: .75rem; --font-size-14: .875rem; --font-size-16: 1rem; --font-size-18: 1.125rem; --font-size-20: 1.25rem; --font-size-24: 1.5rem; --font-size-32: 2rem; --font-size-36: 2.25rem; --font-size-48: 3rem; --font-size-60: 3.75rem; --font-size-72: 4.5rem; --font-size-xs: .75rem; --font-size-sm: .875rem; --font-size-md: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-xxl: 1.5rem; --font-size-3xl: 2rem; --font-size-4xl: 2.25rem; --font-size-5xl: 3rem; --font-size-6xl: 3.75rem; --font-size-7xl: 4.5rem; --font-family-title: "welcome-font",sans-serif; --font-family-body: "Work Sans",sans-serif; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semi-bold: 600; --font-weight-bold: 700; --font-weight-black: 900; --font-line-height-xs: 120%; --font-line-height-sm: 130%; --font-line-height-md: 140%; --font-line-height-lg: 150%; --font-letter-spacing-none: 0; --font-letter-spacing-xs: -2%; --spacing-2: .125rem; --spacing-4: .25rem; --spacing-8: .5rem; --spacing-12: .75rem; --spacing-16: 1rem; --spacing-24: 1.5rem; --spacing-32: 2rem; --spacing-48: 3rem; --spacing-64: 4rem; --spacing-96: 6rem; --spacing-128: 8rem; --spacing-192: 12rem; --spacing-2xs: .125rem; --spacing-xxs: .125rem; --spacing-xs: .25rem; --spacing-sm: .5rem; --spacing-md: .75rem; --spacing-lg: 1rem; --spacing-xl: 1.5rem; --spacing-2xl: 2rem; --spacing-xxl: 2rem; --spacing-3xl: 3rem; --spacing-4xl: 4rem; --spacing-5xl: 6rem; --spacing-6xl: 8rem; --spacing-7xl: 12rem; --size-8: .5rem; --size-12: .75rem; --size-16: 1rem; --size-20: 1.25rem; --size-24: 1.5rem; --size-32: 2rem; --size-48: 3rem; --size-64: 4rem; --size-icon-xs: .5rem; --size-icon-sm: .75rem; --size-icon-md: 1rem; --size-icon-lg: 1.5rem; --size-icon-xl: 2rem; --size-icon-2xl: 3rem; --size-icon-xxl: 3rem; --size-icon-3xl: 4rem; --height-2: .125rem; --height-8: .5rem; --height-16: 1rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-25: 1.5625rem; --height-32: 2rem; --height-33: 2.0625rem; --height-40: 2.5rem; --height-43: 2.6875rem; --width-8: .5rem; --width-16: 1rem; --width-20: 1.25rem; --width-28: 1.75rem; --width-32: 2rem; --width-36: 2.25rem; --width-40: 2.5rem; --width-44: 2.75rem; --elevation-10: 0 1px 2px 0 rgba(0,0,0,.04); --elevation-20: 0 4px 6px 0 rgba(0,0,0,.04); --elevation-30: 0 4px 6px 0 rgba(0,0,0,.08); --elevation-40: 0 6px 8px 0 rgba(0,0,0,.12); --elevation-50: 0 12px 16px 0 rgba(0,0,0,.12); --elevation-60: 0 12px 32px 0 rgba(0,0,0,.16); --inset-5: 0 0 4px 0 rgba(0,0,0,.08); --inset-10: 0 0 6px 0 rgba(0,0,0,.08); --inset-20: 0 0 8px 0 rgba(0,0,0,.16); --border-width-xs: 1px; --border-width-sm: 2px; --border-width-md: 4px; --border-width-lg: 6px; --border-radius-none: 0; --radius-none: 0; --border-radius-xs: .125rem; --radius-xs: .125rem; --border-radius-sm: .25rem; --radius-sm: .25rem; --border-radius-md: .5rem; --radius-md: .5rem; --border-radius-lg: .75rem; --radius-lg: .75rem; --border-radius-xl: 1rem; --radius-xl: 1rem; --border-radius-2xl: 1.5rem; --border-radius-xxl: 1.5rem; --radius-2xl: 1.5rem; --border-radius-full: calc(infinity * 1px); --radius-full: calc(infinity * 1px); --breakpoint-xs: 0; --breakpoint-sm: 480px; --breakpoint-md: 736px; --breakpoint-lg: 980px; --breakpoint-xl: 1280px; --breakpoint-2xl: 1440px; --breakpoint-xxl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px;}@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{min-width:0;min-height:0;font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}img{overflow:hidden}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-search-cancel-button{display:none}*,*:after,*:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;padding-top:1px;margin-top:-1px;font-family:var(--font-family-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title)}}
|
|
1
|
+
@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black-italic.woff2) format("woff2")}@theme static{--*: initial; --spacing: .0625rem; --spacing-0: 0; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07); --components-colors-button-color-background-primary-main-default: #ffcd00; --components-colors-button-color-background-primary-main-hover: #e5b800; --components-colors-button-color-background-primary-main-pressed: #ffe166; --components-colors-button-color-background-primary-main-disabled: #f3f3f3; --components-colors-button-color-background-primary-main-focused: #ffcd00; --components-colors-button-color-background-primary-neutral-default: #000000; --components-colors-button-color-background-primary-neutral-hover: #212121; --components-colors-button-color-background-primary-neutral-pressed: #444444; --components-colors-button-color-background-primary-neutral-disabled: #f3f3f3; --components-colors-button-color-background-primary-neutral-focused: #000000; --components-colors-button-color-background-primary-danger-default: #a80029; --components-colors-button-color-background-primary-danger-hover: #e1003a; --components-colors-button-color-background-primary-danger-pressed: #ff6165; --components-colors-button-color-background-primary-danger-disabled: #f3f3f3; --components-colors-button-color-background-primary-danger-focused: #a80029; --components-colors-button-color-background-primary-ai-default: #ffffff; --components-colors-button-color-background-primary-ai-hover: #ffffff; --components-colors-button-color-background-primary-ai-pressed: #f3f3f3; --components-colors-button-color-background-primary-ai-disabled: #f3f3f3; --components-colors-button-color-background-primary-ai-focused: #ffffff; --components-colors-button-color-background-secondary-main-default: #ffffff; --components-colors-button-color-background-secondary-main-hover: #ffffff; --components-colors-button-color-background-secondary-main-pressed: #f3f3f3; --components-colors-button-color-background-secondary-main-disabled: #f3f3f3; --components-colors-button-color-background-secondary-main-focused: #ffffff; --components-colors-button-color-background-secondary-danger-default: #ffffff; --components-colors-button-color-background-secondary-danger-hover: #ffffff; --components-colors-button-color-background-secondary-danger-pressed: #fbdedc; --components-colors-button-color-background-secondary-danger-disabled: #f3f3f3; --components-colors-button-color-background-secondary-danger-focused: #ffffff; --components-colors-button-color-background-tertiary-main-default: #00000000; --components-colors-button-color-background-tertiary-main-hover: #0000000d; --components-colors-button-color-background-tertiary-main-pressed: #00000021; --components-colors-button-color-background-tertiary-main-disabled: #00000000; --components-colors-button-color-background-tertiary-main-focused: #00000000; --components-colors-button-color-background-tertiary-danger-default: #00000000; --components-colors-button-color-background-tertiary-danger-hover: #fbdedc; --components-colors-button-color-background-tertiary-danger-pressed: #fcc7c3; --components-colors-button-color-background-tertiary-danger-disabled: #00000000; --components-colors-button-color-background-tertiary-danger-focused: #00000000; --components-colors-button-color-text-primary-main-default: #000000; --components-colors-button-color-text-primary-main-hover: #000000; --components-colors-button-color-text-primary-main-pressed: #423500; --components-colors-button-color-text-primary-main-disabled: #989898; --components-colors-button-color-text-primary-main-focused: #000000; --components-colors-button-color-text-primary-neutral-default: #ffffff; --components-colors-button-color-text-primary-neutral-hover: #ffffff; --components-colors-button-color-text-primary-neutral-pressed: #ffffff; --components-colors-button-color-text-primary-neutral-disabled: #989898; --components-colors-button-color-text-primary-neutral-focused: #ffffff; --components-colors-button-color-text-primary-danger-default: #ffffff; --components-colors-button-color-text-primary-danger-hover: #ffffff; --components-colors-button-color-text-primary-danger-pressed: #ffffff; --components-colors-button-color-text-primary-danger-disabled: #989898; --components-colors-button-color-text-primary-danger-focused: #ffffff; --components-colors-button-color-text-primary-ai-default: #000000; --components-colors-button-color-text-primary-ai-hover: #212121; --components-colors-button-color-text-primary-ai-pressed: #000000; --components-colors-button-color-text-primary-ai-disabled: #989898; --components-colors-button-color-text-primary-ai-focused: #000000; --components-colors-button-color-text-secondary-main-default: #000000; --components-colors-button-color-text-secondary-main-hover: #212121; --components-colors-button-color-text-secondary-main-pressed: #000000; --components-colors-button-color-text-secondary-main-disabled: #989898; --components-colors-button-color-text-secondary-main-focused: #000000; --components-colors-button-color-text-secondary-danger-default: #75001a; --components-colors-button-color-text-secondary-danger-hover: #a80029; --components-colors-button-color-text-secondary-danger-pressed: #75001a; --components-colors-button-color-text-secondary-danger-disabled: #989898; --components-colors-button-color-text-secondary-danger-focused: #75001a; --components-colors-button-color-text-tertiary-main-default: #000000; --components-colors-button-color-text-tertiary-main-hover: #212121; --components-colors-button-color-text-tertiary-main-pressed: #000000; --components-colors-button-color-text-tertiary-main-disabled: #989898; --components-colors-button-color-text-tertiary-main-focused: #000000; --components-colors-button-color-text-tertiary-danger-default: #a80029; --components-colors-button-color-text-tertiary-danger-hover: #e1003a; --components-colors-button-color-text-tertiary-danger-pressed: #450101; --components-colors-button-color-text-tertiary-danger-disabled: #989898; --components-colors-button-color-text-tertiary-danger-focused: #a80029; --components-colors-button-color-border-focused: #ffe166; --components-colors-button-color-border-secondary-main-default: #dedede; --components-colors-button-color-border-secondary-main-hover: #bdbdbd; --components-colors-button-color-border-secondary-main-pressed: #dedede; --components-colors-button-color-border-secondary-main-focused: #dedede; --components-colors-button-color-border-secondary-danger-default: #a80029; --components-colors-button-color-border-secondary-danger-hover: #e1003a; --components-colors-button-color-border-secondary-danger-pressed: #fdb3ae; --components-colors-button-color-border-secondary-danger-focused: #a80029; --components-colors-button-color-icon-primary-main-default: #000000; --components-colors-button-color-icon-primary-main-hover: #000000; --components-colors-button-color-icon-primary-main-pressed: #423500; --components-colors-button-color-icon-primary-main-disabled: #989898; --components-colors-button-color-icon-primary-main-focused: #000000; --components-colors-button-color-icon-primary-neutral-default: #ffffff; --components-colors-button-color-icon-primary-neutral-hover: #ffffff; --components-colors-button-color-icon-primary-neutral-pressed: #ffffff; --components-colors-button-color-icon-primary-neutral-disabled: #989898; --components-colors-button-color-icon-primary-neutral-focused: #ffffff; --components-colors-button-color-icon-primary-danger-default: #ffffff; --components-colors-button-color-icon-primary-danger-hover: #ffffff; --components-colors-button-color-icon-primary-danger-pressed: #ffffff; --components-colors-button-color-icon-primary-danger-disabled: #989898; --components-colors-button-color-icon-primary-danger-focused: #ffffff; --components-colors-button-color-icon-primary-ai-default: #000000; --components-colors-button-color-icon-primary-ai-hover: #212121; --components-colors-button-color-icon-primary-ai-pressed: #000000; --components-colors-button-color-icon-primary-ai-disabled: #989898; --components-colors-button-color-icon-primary-ai-focused: #000000; --components-colors-button-color-icon-secondary-main-default: #000000; --components-colors-button-color-icon-secondary-main-hover: #212121; --components-colors-button-color-icon-secondary-main-pressed: #000000; --components-colors-button-color-icon-secondary-main-disabled: #989898; --components-colors-button-color-icon-secondary-main-focused: #000000; --components-colors-button-color-icon-secondary-danger-default: #75001a; --components-colors-button-color-icon-secondary-danger-hover: #a80029; --components-colors-button-color-icon-secondary-danger-pressed: #75001a; --components-colors-button-color-icon-secondary-danger-disabled: #989898; --components-colors-button-color-icon-secondary-danger-focused: #75001a; --components-colors-button-color-icon-tertiary-main-default: #000000; --components-colors-button-color-icon-tertiary-main-hover: #212121; --components-colors-button-color-icon-tertiary-main-pressed: #000000; --components-colors-button-color-icon-tertiary-main-disabled: #989898; --components-colors-button-color-icon-tertiary-main-focused: #000000; --components-colors-button-color-icon-tertiary-danger-default: #a80029; --components-colors-button-color-icon-tertiary-danger-hover: #e1003a; --components-colors-button-color-icon-tertiary-danger-pressed: #450101; --components-colors-button-color-icon-tertiary-danger-disabled: #989898; --components-colors-button-color-icon-tertiary-danger-focused: #a80029; --components-colors-link-color-background-primary-hover: #ffcd00; --components-colors-link-color-background-primary-visited-default: #fff8d9; --components-colors-link-color-background-primary-visited-hover: #ffcd00; --components-colors-link-color-background-secondary-hover: #000000; --components-colors-link-color-background-secondary-visited-default: #dedede; --components-colors-link-color-background-secondary-visited-hover: #000000; --components-colors-link-color-text-primary-default: #000000; --components-colors-link-color-text-primary-hover: #000000; --components-colors-link-color-text-primary-visited-default: #604d00; --components-colors-link-color-text-primary-visited-hover: #000000; --components-colors-link-color-text-primary-disabled: #605b55; --components-colors-link-color-text-secondary-default: #000000; --components-colors-link-color-text-secondary-hover: #ffffff; --components-colors-link-color-text-secondary-visited-default: #444444; --components-colors-link-color-text-secondary-visited-hover: #ffffff; --components-colors-link-color-text-secondary-disabled: #585858; --components-colors-link-color-icon-primary-default: #000000; --components-colors-link-color-icon-primary-hover: #000000; --components-colors-link-color-icon-primary-visited-default: #604d00; --components-colors-link-color-icon-primary-visited-hover: #000000; --components-colors-link-color-icon-primary-disabled: #a7a096; --components-colors-link-color-icon-secondary-default: #000000; --components-colors-link-color-icon-secondary-hover: #ffffff; --components-colors-link-color-icon-secondary-visited-default: #444444; --components-colors-link-color-icon-secondary-visited-hover: #ffffff; --components-colors-link-color-icon-secondary-disabled: #989898; --components-colors-link-color-underline-primary-default: #ffcd00; --components-colors-link-color-underline-primary-visited-default: #ffcd00; --components-colors-link-color-underline-primary-visited-hover: #ffcd00; --components-colors-link-color-underline-primary-disabled: #eae4de; --components-colors-link-color-underline-secondary-default: #000000; --components-colors-link-color-underline-secondary-visited-default: #000000; --components-colors-link-color-underline-secondary-visited-hover: #000000; --components-colors-link-color-underline-secondary-disabled: #dedede; --components-colors-avatar-color-background-placeholder: #f6f3ef; --components-colors-avatar-color-background-initials-green: #bade94; --components-colors-avatar-color-background-initials-teal: #00c7ae; --components-colors-avatar-color-background-initials-blue: #55c3e9; --components-colors-avatar-color-background-initials-violet: #acacff; --components-colors-avatar-color-background-initials-pink: #f696c8; --components-colors-avatar-color-background-initials-orange: #ff9868; --components-colors-avatar-color-text-initials-green: #2a4210; --components-colors-avatar-color-text-initials-teal: #053731; --components-colors-avatar-color-text-initials-blue: #013c50; --components-colors-avatar-color-text-initials-violet: #3c2e63; --components-colors-avatar-color-text-initials-pink: #5c2944; --components-colors-avatar-color-text-initials-orange: #6d2605; --components-colors-avatar-color-icon-placeholder: #a7a096; --components-colors-badge-color-background-brand: #ffcd00; --components-colors-badge-color-background-warm: #eae4de; --components-colors-badge-color-background-neutral: #000000; --components-colors-badge-color-background-blue: #27a5d0; --components-colors-badge-color-text-brand: #000000; --components-colors-badge-color-text-warm: #1e1c1a; --components-colors-badge-color-text-neutral: #ffffff; --components-colors-badge-color-text-blue: #ffffff; --components-colors-card-action-dismiss-icon-default: #bdbdbd; --components-colors-card-action-dismiss-icon-hover: #000000; --components-colors-card-header-color-text-default: #000000; --components-colors-card-header-color-icon-default: #000000; --components-colors-card-body-meta-color-text-default: #585858; --components-colors-card-body-color-text-default: #212121; --components-colors-card-color-background-default: #ffffff; --components-colors-card-color-border-default: #f6f3ef; --components-colors-card-color-border-hover: #eae4de; --components-colors-card-color-icon-default: #585858; --components-colors-card-color-icon-hover: #000000; --components-colors-drawer-body-color-background-default: #ffffff; --components-colors-drawer-color-text-title: #000000; --components-colors-drawer-color-text-description: #212121; --components-colors-drawer-color-border-default: #f6f3ef; --components-colors-drawer-color-border-hover: #eae4de; --components-colors-drawer-color-icon-default: #000000; --components-colors-tag-color-background-brand-default: #ffe166; --components-colors-tag-color-background-brand-hover: #ffcd00; --components-colors-tag-color-background-brand-disabled: #fff8d9; --components-colors-tag-color-background-brand-ai-default: #fff1b2; --components-colors-tag-color-background-brand-ai-hover: #ffe166; --components-colors-tag-color-background-brand-ai-disabled: #fff8d9; --components-colors-tag-color-background-warm-default: #f6f3ef; --components-colors-tag-color-background-warm-hover: #eae4de; --components-colors-tag-color-background-warm-disabled: #f6f3ef; --components-colors-tag-color-background-warm-ai-default: #fbf9f7; --components-colors-tag-color-background-warm-ai-hover: #f6f3ef; --components-colors-tag-color-background-warm-ai-disabled: #f6f3ef; --components-colors-tag-color-background-green-default: #cfebb0; --components-colors-tag-color-background-green-hover: #bade94; --components-colors-tag-color-background-green-disabled: #e7fbd3; --components-colors-tag-color-background-green-ai-default: #e7fbd3; --components-colors-tag-color-background-green-ai-hover: #cfebb0; --components-colors-tag-color-background-green-ai-disabled: #e7fbd3; --components-colors-tag-color-background-teal-default: #6fdbcd; --components-colors-tag-color-background-teal-hover: #00c7ae; --components-colors-tag-color-background-teal-disabled: #dbfaf6; --components-colors-tag-color-background-teal-ai-default: #a5ece4; --components-colors-tag-color-background-teal-ai-hover: #6fdbcd; --components-colors-tag-color-background-teal-ai-disabled: #dbfaf6; --components-colors-tag-color-background-blue-default: #9bdef7; --components-colors-tag-color-background-blue-hover: #55c3e9; --components-colors-tag-color-background-blue-disabled: #e0f5ff; --components-colors-tag-color-background-blue-ai-default: #bbeaff; --components-colors-tag-color-background-blue-ai-hover: #9bdef7; --components-colors-tag-color-background-blue-ai-disabled: #e0f5ff; --components-colors-tag-color-background-violet-default: #c9c9ff; --components-colors-tag-color-background-violet-hover: #acacff; --components-colors-tag-color-background-violet-disabled: #efefff; --components-colors-tag-color-background-violet-ai-default: #e0e0ff; --components-colors-tag-color-background-violet-ai-hover: #c9c9ff; --components-colors-tag-color-background-violet-ai-disabled: #efefff; --components-colors-tag-color-background-pink-default: #feb7dc; --components-colors-tag-color-background-pink-hover: #f696c8; --components-colors-tag-color-background-pink-disabled: #ffeaf5; --components-colors-tag-color-background-pink-ai-default: #ffd5eb; --components-colors-tag-color-background-pink-ai-hover: #feb7dc; --components-colors-tag-color-background-pink-ai-disabled: #ffeaf5; --components-colors-tag-color-background-orange-default: #ffb595; --components-colors-tag-color-background-orange-hover: #ff9868; --components-colors-tag-color-background-orange-disabled: #ffded0; --components-colors-tag-color-background-orange-ai-default: #ffc9b2; --components-colors-tag-color-background-orange-ai-hover: #ffb595; --components-colors-tag-color-background-orange-ai-disabled: #ffded0; --components-colors-tag-color-background-red-default: #fdb3ae; --components-colors-tag-color-background-red-hover: #ff9490; --components-colors-tag-color-background-red-disabled: #fbdedc; --components-colors-tag-color-background-red-ai-default: #fcc7c3; --components-colors-tag-color-background-red-ai-hover: #fdb3ae; --components-colors-tag-color-background-red-ai-disabled: #fbdedc; --components-colors-tag-color-background-dash-default: #ffffff; --components-colors-tag-color-background-dash-hover: #ffffff; --components-colors-tag-color-background-dash-disabled: #f3f3f3; --components-colors-tag-color-text-brand-default: #423500; --components-colors-tag-color-text-brand-hover: #423500; --components-colors-tag-color-text-brand-disabled: #846a01; --components-colors-tag-color-text-warm-default: #1e1c1a; --components-colors-tag-color-text-warm-hover: #1e1c1a; --components-colors-tag-color-text-warm-disabled: #605b55; --components-colors-tag-color-text-green-default: #142603; --components-colors-tag-color-text-green-hover: #142603; --components-colors-tag-color-text-green-disabled: #5a8034; --components-colors-tag-color-text-teal-default: #001b18; --components-colors-tag-color-text-teal-hover: #001b18; --components-colors-tag-color-text-teal-disabled: #0a7b6d; --components-colors-tag-color-text-blue-default: #00202b; --components-colors-tag-color-text-blue-hover: #00202b; --components-colors-tag-color-text-blue-disabled: #057aa3; --components-colors-tag-color-text-violet-default: #26194d; --components-colors-tag-color-text-violet-hover: #26194d; --components-colors-tag-color-text-violet-disabled: #8068c6; --components-colors-tag-color-text-pink-default: #3b142a; --components-colors-tag-color-text-pink-hover: #3b142a; --components-colors-tag-color-text-pink-disabled: #b06089; --components-colors-tag-color-text-orange-default: #451701; --components-colors-tag-color-text-orange-hover: #451701; --components-colors-tag-color-text-orange-disabled: #c45927; --components-colors-tag-color-text-red-default: #450101; --components-colors-tag-color-text-red-hover: #450101; --components-colors-tag-color-text-red-disabled: #a80029; --components-colors-tag-color-text-dash-default: #000000; --components-colors-tag-color-text-dash-hover: #000000; --components-colors-tag-color-text-dash-disabled: #585858; --components-colors-tag-color-icon-brand-default: #423500; --components-colors-tag-color-icon-brand-hover: #423500; --components-colors-tag-color-icon-brand-disabled: #846a01; --components-colors-tag-color-icon-brand-ai-default: #b69200; --components-colors-tag-color-icon-brand-ai-hover: #846a01; --components-colors-tag-color-icon-brand-ai-disabled: #b69200; --components-colors-tag-color-icon-warm-default: #1e1c1a; --components-colors-tag-color-icon-warm-hover: #1e1c1a; --components-colors-tag-color-icon-warm-disabled: #605b55; --components-colors-tag-color-icon-warm-ai-default: #a7a096; --components-colors-tag-color-icon-warm-ai-hover: #605b55; --components-colors-tag-color-icon-warm-ai-disabled: #605b55; --components-colors-tag-color-icon-green-default: #142603; --components-colors-tag-color-icon-green-hover: #142603; --components-colors-tag-color-icon-green-disabled: #5a8034; --components-colors-tag-color-icon-green-ai-default: #5a8034; --components-colors-tag-color-icon-green-ai-hover: #40611f; --components-colors-tag-color-icon-green-ai-disabled: #5a8034; --components-colors-tag-color-icon-teal-default: #001b18; --components-colors-tag-color-icon-teal-hover: #001b18; --components-colors-tag-color-icon-teal-disabled: #0a7b6d; --components-colors-tag-color-icon-teal-ai-default: #0a7b6d; --components-colors-tag-color-icon-teal-ai-hover: #00544a; --components-colors-tag-color-icon-teal-ai-disabled: #0a7b6d; --components-colors-tag-color-icon-blue-default: #00202b; --components-colors-tag-color-icon-blue-hover: #00202b; --components-colors-tag-color-icon-blue-disabled: #057aa3; --components-colors-tag-color-icon-blue-ai-default: #057aa3; --components-colors-tag-color-icon-blue-ai-hover: #025a79; --components-colors-tag-color-icon-blue-ai-disabled: #057aa3; --components-colors-tag-color-icon-violet-default: #26194d; --components-colors-tag-color-icon-violet-hover: #26194d; --components-colors-tag-color-icon-violet-disabled: #8068c6; --components-colors-tag-color-icon-violet-ai-default: #8068c6; --components-colors-tag-color-icon-violet-ai-hover: #5a4890; --components-colors-tag-color-icon-violet-ai-disabled: #8068c6; --components-colors-tag-color-icon-pink-default: #3b142a; --components-colors-tag-color-icon-pink-hover: #3b142a; --components-colors-tag-color-icon-pink-disabled: #b06089; --components-colors-tag-color-icon-pink-ai-default: #b06089; --components-colors-tag-color-icon-pink-ai-hover: #803c5f; --components-colors-tag-color-icon-pink-ai-disabled: #b06089; --components-colors-tag-color-icon-orange-default: #451701; --components-colors-tag-color-icon-orange-hover: #451701; --components-colors-tag-color-icon-orange-disabled: #c45927; --components-colors-tag-color-icon-orange-ai-default: #c45927; --components-colors-tag-color-icon-orange-ai-hover: #9f4217; --components-colors-tag-color-icon-orange-ai-disabled: #c45927; --components-colors-tag-color-icon-red-default: #450101; --components-colors-tag-color-icon-red-hover: #450101; --components-colors-tag-color-icon-red-disabled: #a80029; --components-colors-tag-color-icon-red-ai-default: #a80029; --components-colors-tag-color-icon-red-ai-hover: #75001a; --components-colors-tag-color-icon-red-ai-disabled: #a80029; --components-colors-tag-color-icon-dash-default: #000000; --components-colors-tag-color-icon-dash-hover: #000000; --components-colors-tag-color-icon-dash-disabled: #585858; --components-colors-tag-color-border-default: #ffffff; --components-colors-tag-color-border-dash-default: #dedede; --components-colors-tag-color-border-dash-hover: #bdbdbd; --components-colors-tag-color-border-dash-disabled: #dedede; --components-colors-window-header-action-color-background-common-default: #ffffff; --components-colors-window-header-action-color-background-common-hover: #fff1b2; --components-colors-window-header-action-color-background-common-pressed: #ffe166; --components-colors-window-header-action-color-background-close-default: #ffffff; --components-colors-window-header-action-color-background-close-hover: #fbdedc; --components-colors-window-header-action-color-background-close-pressed: #fcc7c3; --components-colors-window-header-action-color-border-close-default: #f6f3ef; --components-colors-window-header-action-color-icon-common-default: #585858; --components-colors-window-header-action-color-icon-common-hover: #1e1c1a; --components-colors-window-header-action-color-icon-common-pressed: #1e1c1a; --components-colors-window-header-action-color-icon-close-default: #75001a; --components-colors-window-header-action-color-icon-close-hover: #a80029; --components-colors-window-header-action-color-icon-close-pressed: #75001a; --components-colors-window-header-color-background: #ffffff; --components-colors-window-header-color-text-default: #000000; --components-colors-window-header-tab-color-background-default: #ffffff; --components-colors-window-header-tab-color-background-hover: #fff1b2; --components-colors-window-header-tab-color-background-active: #ffe166; --components-colors-window-header-tab-color-text-default: #444444; --components-colors-window-header-tab-color-text-hover: #423500; --components-colors-window-header-tab-color-text-active: #423500; --components-colors-window-header-tab-color-icon-default: #444444; --components-colors-window-header-tab-color-icon-hover: #423500; --components-colors-window-header-tab-color-icon-active: #423500; --components-colors-window-header-tab-color-border-default: #f6f3ef; --components-colors-window-body-color-background-default: #ffffff; --components-colors-window-color-border-default: #f6f3ef; --components-colors-window-color-border-hover: #eae4de; --components-colors-dropdown-menu-item-color-background-default: #ffffff; --components-colors-dropdown-menu-item-color-background-hover: #fff8d9; --components-colors-dropdown-menu-item-color-background-disabled: #fbf9f7; --components-colors-dropdown-menu-item-color-text-content-default: #000000; --components-colors-dropdown-menu-item-color-text-content-hover: #423500; --components-colors-dropdown-menu-item-color-text-content-disabled: #605b55; --components-colors-dropdown-menu-item-color-text-description-default: #444444; --components-colors-dropdown-menu-item-color-text-description-hover: #604d00; --components-colors-dropdown-menu-item-color-text-description-disabled: #605b55; --components-colors-dropdown-menu-item-color-icon-default: #000000; --components-colors-dropdown-menu-item-color-icon-hover: #423500; --components-colors-dropdown-menu-item-color-icon-disabled: #605b55; --components-colors-dropdown-menu-color-background-default: #ffffff; --components-colors-dropdown-menu-color-border-default: #f6f3ef; --components-colors-dropdown-menu-color-border-hover: #eae4de; --components-colors-latency-color-background-progress: #ffcd00; --components-colors-latency-color-background-bar: #0000000d; --components-colors-alert-icon-color-background-brand: #ffe166; --components-colors-alert-icon-color-background-information: #9bdef7; --components-colors-alert-icon-color-background-warning: #ffbb59; --components-colors-alert-icon-color-background-danger: #fdb3ae; --components-colors-alert-icon-color-background-success: #cfebb0; --components-colors-alert-icon-color-icon-brand: #423500; --components-colors-alert-icon-color-icon-information: #00202b; --components-colors-alert-icon-color-icon-warning: #382303; --components-colors-alert-icon-color-icon-danger: #450101; --components-colors-alert-icon-color-icon-success: #142603; --components-colors-alert-icon-color-icon-ai: #ffffff; --components-colors-alert-color-background-brand: #fff8d9; --components-colors-alert-color-background-information: #e0f5ff; --components-colors-alert-color-background-success: #e7fbd3; --components-colors-alert-color-background-warning: #ffebce; --components-colors-alert-color-background-danger: #fbdedc; --components-colors-alert-color-background-ai: #ffffff; --components-colors-alert-color-text-brand-title: #000000; --components-colors-alert-color-text-brand-body: #423500; --components-colors-alert-color-text-information-title: #000000; --components-colors-alert-color-text-information-body: #00202b; --components-colors-alert-color-text-success-title: #000000; --components-colors-alert-color-text-success-body: #142603; --components-colors-alert-color-text-warning-title: #000000; --components-colors-alert-color-text-warning-body: #382303; --components-colors-alert-color-text-danger-title: #000000; --components-colors-alert-color-text-danger-body: #450101; --components-colors-alert-color-text-ai-title: #000000; --components-colors-alert-color-text-ai-body: #212121; --components-colors-alert-color-icon-default: #00000042; --components-colors-growl-icon-color-background-information: #e0f5ff; --components-colors-growl-icon-color-background-success: #e7fbd3; --components-colors-growl-icon-color-background-warning: #ffebce; --components-colors-growl-icon-color-background-error: #fbdedc; --components-colors-growl-icon-color-icon-information: #025a79; --components-colors-growl-icon-color-icon-warning: #824f06; --components-colors-growl-icon-color-icon-error: #a80029; --components-colors-growl-icon-color-icon-success: #40611f; --components-colors-growl-color-background-default: #ffffff; --components-colors-growl-color-text-title: #000000; --components-colors-growl-color-text-body: #212121; --components-colors-growl-color-border-default: #eae4de; --components-colors-growl-color-border-hover: #d2cbc3; --components-colors-growl-color-icon-default: #bdbdbd; --components-colors-growl-color-icon-hover: #000000; --components-colors-modal-color-background-default: #ffffff; --components-colors-modal-color-text-title: #000000; --components-colors-modal-color-text-body: #212121; --components-colors-modal-color-border-default: #eae4de; --components-colors-modal-color-border-hover: #d2cbc3; --components-colors-modal-color-icon-default: #000000; --components-colors-tooltip-color-background: #212121; --components-colors-tooltip-color-border: #bdbdbd; --components-colors-tooltip-color-text: #ffffff; --components-colors-sticky-note-icon-color-background-brand: #ffcd00; --components-colors-sticky-note-icon-color-background-green: #bade94; --components-colors-sticky-note-icon-color-background-teal: #00c7ae; --components-colors-sticky-note-icon-color-background-blue: #55c3e9; --components-colors-sticky-note-icon-color-background-violet: #acacff; --components-colors-sticky-note-icon-color-background-pink: #f696c8; --components-colors-sticky-note-icon-color-background-orange: #ff9868; --components-colors-sticky-note-icon-color-icon-brand: #423500; --components-colors-sticky-note-icon-color-icon-green: #142603; --components-colors-sticky-note-icon-color-icon-teal: #001b18; --components-colors-sticky-note-icon-color-icon-blue: #00202b; --components-colors-sticky-note-icon-color-icon-violet: #26194d; --components-colors-sticky-note-icon-color-icon-pink: #3b142a; --components-colors-sticky-note-icon-color-icon-orange: #451701; --components-colors-sticky-note-color-background-brand: #fff8d9; --components-colors-sticky-note-color-background-green: #e7fbd3; --components-colors-sticky-note-color-background-teal: #dbfaf6; --components-colors-sticky-note-color-background-blue: #e0f5ff; --components-colors-sticky-note-color-background-violet: #efefff; --components-colors-sticky-note-color-background-pink: #ffeaf5; --components-colors-sticky-note-color-background-orange: #ffded0; --components-colors-sticky-note-color-border-default: #0000000d; --components-colors-sticky-note-color-text-title: #000000; --components-colors-sticky-note-color-text-body-brand: #423500; --components-colors-sticky-note-color-text-body-green: #142603; --components-colors-sticky-note-color-text-body-teal: #001b18; --components-colors-sticky-note-color-text-body-blue: #00202b; --components-colors-sticky-note-color-text-body-violet: #26194d; --components-colors-sticky-note-color-text-body-pink: #3b142a; --components-colors-sticky-note-color-text-body-orange: #451701; --components-colors-toast-icon-color-background-information: #e0f5ff; --components-colors-toast-icon-color-background-success: #e7fbd3; --components-colors-toast-icon-color-background-warning: #ffebce; --components-colors-toast-icon-color-background-error: #fbdedc; --components-colors-toast-icon-color-icon-information: #025a79; --components-colors-toast-icon-color-icon-warning: #824f06; --components-colors-toast-icon-color-icon-error: #a80029; --components-colors-toast-icon-color-icon-success: #40611f; --components-colors-toast-color-background-default: #ffffff; --components-colors-toast-color-text-body: #212121; --components-colors-toast-color-border-default: #eae4de; --components-colors-toast-color-border-hover: #d2cbc3; --components-colors-label-color-text-default: #585858; --components-colors-label-color-icon-default: #444444; --components-colors-label-color-icon-warning: #a6670a; --components-colors-label-color-icon-error: #e1003a; --components-colors-label-color-icon-success: #5a8034; --components-colors-label-color-icon-required: #e5b800; --components-colors-hint-color-text-default: #585858; --components-colors-hint-color-text-warning: #824f06; --components-colors-hint-color-text-error: #a80029; --components-colors-hint-color-text-success: #40611f; --components-colors-input-password-strenght-color-background-default: #f3f3f3; --components-colors-input-password-strenght-color-background-too-weak: #a80029; --components-colors-input-password-strenght-color-background-weak: #a6670a; --components-colors-input-password-strenght-color-background-good: #83ad57; --components-colors-input-password-strenght-color-background-strong: #83ad57; --components-colors-input-color-background-default: #ffffff; --components-colors-input-color-background-disabled: #eae4de; --components-colors-input-color-background-transparent: #ffffff00; --components-colors-input-color-text-default: #000000; --components-colors-input-color-text-placeholder: #989898; --components-colors-input-color-text-disabled: #605b55; --components-colors-input-color-border-default: #f3f3f3; --components-colors-input-color-border-hover: #dedede; --components-colors-input-color-border-hover-transparent: #00000021; --components-colors-input-color-border-active: #ffcd00; --components-colors-input-color-border-success: #5a8034; --components-colors-input-color-border-warning: #a6670a; --components-colors-input-color-border-error: #e1003a; --components-colors-input-color-border-disabled: #d2cbc3; --components-colors-input-color-border-focused: #ffe166; --components-colors-input-color-icon-default: #000000; --components-colors-input-color-icon-placeholder: #000000; --components-colors-input-color-icon-disabled: #a7a096; --components-colors-checkbox-color-background-disabled: #eae4de; --components-colors-checkbox-color-background-unchecked-default: #ffffff; --components-colors-checkbox-color-background-checked-default: #ffcd00; --components-colors-checkbox-color-background-checked-hover: #ffe166; --components-colors-checkbox-color-border-focused: #ffe166; --components-colors-checkbox-color-border-error: #e1003a; --components-colors-checkbox-color-border-disabled: #d2cbc3; --components-colors-checkbox-color-border-unchecked-default: #dedede; --components-colors-checkbox-color-border-unchecked-hover: #bdbdbd; --components-colors-checkbox-color-icon-default: #000000; --components-colors-checkbox-color-icon-disabled: #a7a096; --components-colors-radio-indicator-color-background-default: #ffcd00; --components-colors-radio-indicator-color-background-hover: #ffe166; --components-colors-radio-indicator-color-background-disabled: #d2cbc3; --components-colors-radio-color-border-focused: #ffe166; --components-colors-radio-color-border-unchecked-default: #dedede; --components-colors-radio-color-border-unchecked-hover: #bdbdbd; --components-colors-radio-color-border-unchecked-disabled: #d2cbc3; --components-colors-radio-color-border-checked-default: #ffcd00; --components-colors-radio-color-border-checked-hover: #ffe166; --components-colors-radio-color-border-checked-disabled: #d2cbc3; --components-colors-radio-color-background-unchecked-default: #ffffff; --components-colors-radio-color-background-unchecked-disabled: #eae4de; --components-colors-radio-color-background-checked-default: #ffffff; --components-colors-radio-color-background-checked-disabled: #eae4de; --components-colors-toggle-thumb-color-background-default: #ffffff; --components-colors-toggle-thumb-color-background-hover: #ffffff; --components-colors-toggle-thumb-color-background-disabled: #a7a096; --components-colors-toggle-thumb-color-border-default: #bdbdbd; --components-colors-toggle-thumb-color-border-hover: #bdbdbd; --components-colors-toggle-track-color-background-disabled: #eae4de; --components-colors-toggle-track-color-background-unchecked-default: #ffffff; --components-colors-toggle-track-color-background-checked-default: #ffcd00; --components-colors-toggle-track-color-background-checked-hover: #ffe166; --components-colors-toggle-track-color-border-focused: #ffe166; --components-colors-toggle-track-color-border-unchecked-default: #dedede; --components-colors-toggle-track-color-border-unchecked-hover: #bdbdbd; --components-colors-toggle-track-color-border-disabled: #d2cbc3; --components-colors-toggle-track-color-border-checked-default: #e5b800; --components-colors-toggle-track-color-border-checked-hover: #ffcd00; --components-colors-toggle-track-color-icon-default: #000000; --components-colors-toggle-track-color-icon-hover: #000000; --components-colors-toggle-track-color-icon-disabled: #605b55; --components-colors-breadcrumb-color-text-default: #605b55; --components-colors-breadcrumb-color-text-hover: #33302d; --components-colors-breadcrumb-color-text-active: #000000; --components-colors-breadcrumb-color-icon-default: #605b55; --components-colors-breadcrumb-color-icon-hover: #33302d; --components-colors-breadcrumb-color-icon-active: #000000; --components-colors-stepper-step-color-background-unchecked-default: #ffffff; --components-colors-stepper-step-color-background-unchecked-hover: #fff8d9; --components-colors-stepper-step-color-background-checked-default: #ffe166; --components-colors-stepper-step-color-background-checked-hover: #fff1b2; --components-colors-stepper-step-color-text-unchecked-default: #585858; --components-colors-stepper-step-color-text-unchecked-hover: #000000; --components-colors-stepper-step-color-text-checked-default: #423500; --components-colors-stepper-step-color-text-checked-hover: #604d00; --components-colors-stepper-step-color-icon-unchecked-default: #444444; --components-colors-stepper-step-color-icon-unchecked-hover: #000000; --components-colors-stepper-step-color-icon-checked-default: #423500; --components-colors-stepper-step-color-icon-checked-hover: #604d00; --components-colors-stepper-step-color-icon-success: #40611f; --components-colors-stepper-step-color-border-checked-default: #ffcd00; --components-colors-stepper-step-color-border-checked-hover: #ffe166; --components-colors-stepper-color-background: #ffffff; --components-colors-stepper-color-border-default: #eae4de; --components-colors-stepper-color-border-hover: #d2cbc3; --components-colors-stepper-color-icon-default: #444444; --components-colors-tab-color-background-unchecked-default: #ffffff; --components-colors-tab-color-background-unchecked-hover: #ffffff; --components-colors-tab-color-background-unchecked-pressed: #f3f3f3; --components-colors-tab-color-background-checked-default: #ffe166; --components-colors-tab-color-background-checked-hover: #ffe166; --components-colors-tab-color-background-checked-pressed: #ffcd00; --components-colors-tab-color-text-unchecked-default: #000000; --components-colors-tab-color-text-unchecked-hover: #212121; --components-colors-tab-color-text-unchecked-pressed: #000000; --components-colors-tab-color-text-checked-default: #000000; --components-colors-tab-color-text-checked-hover: #423500; --components-colors-tab-color-text-checked-pressed: #423500; --components-colors-tab-color-border-unchecked-default: #f6f3ef; --components-colors-tab-color-border-unchecked-hover: #eae4de; --components-colors-tab-color-border-unchecked-pressed: #eae4de; --components-colors-tab-color-border-checked-default: #ffcd00; --components-colors-tab-color-border-checked-hover: #e5b800; --components-colors-tab-color-border-checked-pressed: #e5b800; --components-colors-pagination-color-background-unchecked-default: #ffffff; --components-colors-pagination-color-background-unchecked-hover: #ffffff; --components-colors-pagination-color-background-unchecked-pressed: #0000000d; --components-colors-pagination-color-background-unchecked-disabled: #00000021; --components-colors-pagination-color-background-checked-default: #ffe166; --components-colors-pagination-color-background-checked-hover: #ffe166; --components-colors-pagination-color-background-checked-pressed: #ffcd00; --components-colors-pagination-color-background-checked-disabled: #00000021; --components-colors-pagination-color-text-unchecked-default: #000000; --components-colors-pagination-color-text-unchecked-hover: #212121; --components-colors-pagination-color-text-unchecked-pressed: #000000; --components-colors-pagination-color-text-unchecked-disabled: #585858; --components-colors-pagination-color-text-checked-default: #000000; --components-colors-pagination-color-text-checked-hover: #423500; --components-colors-pagination-color-text-checked-pressed: #604d00; --components-colors-pagination-color-text-checked-disabled: #585858; --components-colors-pagination-color-border-unchecked-default: #f6f3ef; --components-colors-pagination-color-border-unchecked-hover: #eae4de; --components-colors-pagination-color-border-unchecked-pressed: #0000000d; --components-colors-pagination-color-border-checked-default: #ffcd00; --components-colors-pagination-color-border-checked-hover: #e5b800; --components-colors-pagination-color-border-checked-pressed: #e5b800; --components-colors-pagination-color-icon-unchecked-default: #000000; --components-colors-pagination-color-icon-unchecked-hover: #212121; --components-colors-pagination-color-icon-unchecked-pressed: #000000; --components-colors-pagination-color-icon-unchecked-disabled: #585858; --components-colors-pagination-color-icon-checked-default: #000000; --components-colors-pagination-color-icon-checked-hover: #423500; --components-colors-pagination-color-icon-checked-pressed: #604d00; --components-colors-pagination-color-icon-checked-disabled: #585858; --components-dimensions-button-size-max-height-lg: 2.6875rem; --components-dimensions-button-size-max-height-md: 2.0625rem; --components-dimensions-button-size-max-height-sm: 1.5625rem; --components-dimensions-button-size-icon-lg: 1.5rem; --components-dimensions-button-size-icon-md: 1rem; --components-dimensions-button-size-icon-sm: 1rem; --components-dimensions-button-padding-inline-lg: 1rem; --components-dimensions-button-padding-inline-md: .75rem; --components-dimensions-button-padding-inline-sm: .5rem; --components-dimensions-button-padding-block-lg: .75rem; --components-dimensions-button-padding-block-md: .5rem; --components-dimensions-button-padding-block-sm: .25rem; --components-dimensions-button-gap-content-lg: .5rem; --components-dimensions-button-gap-content-md: .25rem; --components-dimensions-button-gap-content-sm: .25rem; --components-dimensions-button-border-radius: .5rem; --components-dimensions-button-border-width-focused: 4px; --components-dimensions-button-border-width-ai: 2px; --components-dimensions-button-border-width-secondary: 1px; --components-dimensions-link-underline-size-height: .125rem; --components-dimensions-link-size-icon-lg: 1rem; --components-dimensions-link-size-icon-md: 1rem; --components-dimensions-link-size-icon-sm: 1rem; --components-dimensions-link-size-icon-xs: .75rem; --components-dimensions-link-padding-inline-text: .125rem; --components-dimensions-link-padding-inline-icon: .125rem; --components-dimensions-link-gap-content: 0; --components-dimensions-link-gap-underline: -.125rem; --components-dimensions-avatar-size-lg: 4rem; --components-dimensions-avatar-size-md: 3rem; --components-dimensions-avatar-size-sm: 2rem; --components-dimensions-avatar-size-xs: 1.5rem; --components-dimensions-avatar-border-radius: calc(infinity * 1px); --components-dimensions-badge-size-height: .5rem; --components-dimensions-badge-size-max-height-lg: 1.25rem; --components-dimensions-badge-size-max-height-md: 1rem; --components-dimensions-badge-size-min-width-lg: 1.25rem; --components-dimensions-badge-size-min-width-md: 1rem; --components-dimensions-badge-size-width: .5rem; --components-dimensions-badge-padding-inline-lg: .25rem; --components-dimensions-badge-padding-inline-md: .25rem; --components-dimensions-badge-padding-block-lg: .25rem; --components-dimensions-badge-padding-block-md: .125rem; --components-dimensions-badge-border-radius-lg: .5rem; --components-dimensions-badge-border-radius-md: .25rem; --components-dimensions-badge-border-radius-sm: calc(infinity * 1px); --components-dimensions-drawer-size-width-lg: 900px; --components-dimensions-drawer-size-width-md: 708px; --components-dimensions-drawer-size-width-sm: 516px; --components-dimensions-drawer-body-padding-inline: 2rem; --components-dimensions-drawer-body-padding-block: 2rem; --components-dimensions-drawer-border-radius: .5rem; --components-dimensions-drawer-border-width: 1px; --components-dimensions-card-action-dismiss-size-icon-lg: 2rem; --components-dimensions-card-action-dismiss-size-icon-md: 2rem; --components-dimensions-card-action-dismiss-size-icon-sm: 1.5rem; --components-dimensions-card-action-dismiss-padding-inline-end-lg: 1rem; --components-dimensions-card-action-dismiss-padding-inline-end-md: .75rem; --components-dimensions-card-action-dismiss-padding-inline-end-sm: .5rem; --components-dimensions-card-action-dismiss-padding-block-start-lg: 1rem; --components-dimensions-card-action-dismiss-padding-block-start-md: .75rem; --components-dimensions-card-action-dismiss-padding-block-start-sm: .5rem; --components-dimensions-card-size-icon-lg: 1.5rem; --components-dimensions-card-padding-inline-lg: 2rem; --components-dimensions-card-padding-inline-md: 1.5rem; --components-dimensions-card-padding-inline-sm: 1rem; --components-dimensions-card-padding-block-lg: 2rem; --components-dimensions-card-padding-block-md: 1.5rem; --components-dimensions-card-padding-block-sm: 1rem; --components-dimensions-card-gap-title: .5rem; --components-dimensions-card-gap-actions: .5rem; --components-dimensions-card-gap-footer-lg: 1.5rem; --components-dimensions-card-gap-footer-md: 1rem; --components-dimensions-card-gap-footer-sm: .75rem; --components-dimensions-card-gap-content-lg: 1.5rem; --components-dimensions-card-gap-content-md: 1rem; --components-dimensions-card-gap-content-sm: .5rem; --components-dimensions-card-border-radius: .5rem; --components-dimensions-tag-size-max-height-lg: 2.0625rem; --components-dimensions-tag-size-max-height-md: 1.5625rem; --components-dimensions-tag-size-icon: 1rem; --components-dimensions-tag-padding-inline-lg: .75rem; --components-dimensions-tag-padding-inline-md: .5rem; --components-dimensions-tag-padding-block-lg: .5rem; --components-dimensions-tag-padding-block-md: .25rem; --components-dimensions-tag-gap-content: .25rem; --components-dimensions-tag-border-radius: .5rem; --components-dimensions-tag-border-width-default: 2px; --components-dimensions-tag-border-width-ai: 1px; --components-dimensions-window-header-action-size-container: 1.5rem; --components-dimensions-window-header-action-size-icon: 1rem; --components-dimensions-window-header-action-border-radius: .5rem; --components-dimensions-window-header-size-min-height: 2rem; --components-dimensions-window-header-tab-border-width-active: 2px; --components-dimensions-window-header-gap-content: .5rem; --components-dimensions-window-header-gap-actions: .25rem; --components-dimensions-window-header-padding-inline-xs: .25rem; --components-dimensions-window-header-padding-block-xs: .25rem; --components-dimensions-window-body-padding-inline-xs: .5rem; --components-dimensions-window-body-padding-inline-sm: .75rem; --components-dimensions-window-body-padding-inline-md: 1.5rem; --components-dimensions-window-body-padding-inline-lg: 2rem; --components-dimensions-window-body-padding-inline-xl: 4rem; --components-dimensions-window-body-padding-block-xs: .5rem; --components-dimensions-window-body-padding-block-sm: .75rem; --components-dimensions-window-body-padding-block-md: 1.5rem; --components-dimensions-window-body-padding-block-lg: 2rem; --components-dimensions-window-body-padding-block-xl: 4rem; --components-dimensions-window-border-radius: .5rem; --components-dimensions-window-border-width: 1px; --components-dimensions-dropdown-menu-divider-padding-block-lg: .5rem; --components-dimensions-dropdown-menu-divider-padding-block-md: .25rem; --components-dimensions-dropdown-menu-item-padding-inline-lg: 1rem; --components-dimensions-dropdown-menu-item-padding-inline-md: .75rem; --components-dimensions-dropdown-menu-item-padding-block-lg: .75rem; --components-dimensions-dropdown-menu-item-padding-block-md: .5rem; --components-dimensions-dropdown-menu-item-gap-content: .5rem; --components-dimensions-dropdown-menu-item-border-radius: .5rem; --components-dimensions-dropdown-menu-size-icon: 1rem; --components-dimensions-dropdown-menu-padding-inline-lg: .5rem; --components-dimensions-dropdown-menu-padding-inline-md: .5rem; --components-dimensions-dropdown-menu-padding-block-lg: .5rem; --components-dimensions-dropdown-menu-padding-block-md: .5rem; --components-dimensions-dropdown-menu-gap-content: .5rem; --components-dimensions-dropdown-menu-border-radius: .5rem; --components-dimensions-dropdown-menu-border-width: 1px; --components-dimensions-alert-icon-padding-inline: .25rem; --components-dimensions-alert-icon-padding-block: .25rem; --components-dimensions-alert-icon-border-radius: .5rem; --components-dimensions-alert-border-radius: .5rem; --components-dimensions-alert-border-width-ai: 2px; --components-dimensions-alert-gap-actions-lg: .75rem; --components-dimensions-alert-gap-actions-md: .5rem; --components-dimensions-alert-gap-content-lg: .75rem; --components-dimensions-alert-gap-content-md: .5rem; --components-dimensions-alert-padding-inline-lg: 2rem; --components-dimensions-alert-padding-inline-md: 1rem; --components-dimensions-alert-padding-block-lg: 2rem; --components-dimensions-alert-padding-block-md: 1rem; --components-dimensions-alert-size-icon: 1.5rem; --components-dimensions-growl-icon-size-icon: 1.5rem; --components-dimensions-growl-icon-padding-inline: .5rem; --components-dimensions-growl-icon-padding-block: .5rem; --components-dimensions-growl-icon-border-radius: 1rem; --components-dimensions-growl-size-icon: 1.5rem; --components-dimensions-growl-border-radius: .75rem; --components-dimensions-growl-border-width: 1px; --components-dimensions-growl-padding-inline: 1rem; --components-dimensions-growl-padding-block: 1rem; --components-dimensions-growl-gap-content: 1rem; --components-dimensions-toast-icon-size-icon: 1rem; --components-dimensions-toast-icon-padding-inline: .25rem; --components-dimensions-toast-icon-padding-block: .25rem; --components-dimensions-toast-icon-border-radius: .5rem; --components-dimensions-toast-size-icon: 1.5rem; --components-dimensions-toast-padding-inline: .75rem; --components-dimensions-toast-padding-block: .5rem; --components-dimensions-toast-gap-content: .5rem; --components-dimensions-toast-border-radius: .75rem; --components-dimensions-toast-border-width: 1px; --components-dimensions-tooltip-padding-inline: .75rem; --components-dimensions-tooltip-padding-block: .5rem; --components-dimensions-tooltip-gap-content: .25rem; --components-dimensions-tooltip-border-radius: .5rem; --components-dimensions-tooltip-border-width: 1px; --components-dimensions-sticky-note-icon-size-icon: 1rem; --components-dimensions-sticky-note-icon-padding-inline: .25rem; --components-dimensions-sticky-note-icon-padding-block: .25rem; --components-dimensions-sticky-note-icon-border-radius: .5rem; --components-dimensions-sticky-note-size-icon: 1.5rem; --components-dimensions-sticky-note-size-width-square: 250px; --components-dimensions-sticky-note-size-width-rectangle: 350px; --components-dimensions-sticky-note-size-height-square: 250px; --components-dimensions-sticky-note-size-height-rectangle: 250px; --components-dimensions-sticky-note-gap-content: .5rem; --components-dimensions-sticky-note-border-radius: .125rem; --components-dimensions-sticky-note-border-width: 1px; --components-dimensions-modal-size-width-lg: 800px; --components-dimensions-modal-size-width-md: 600px; --components-dimensions-modal-size-width-sm: 450px; --components-dimensions-modal-border-radius: .75rem; --components-dimensions-modal-border-width: 1px; --components-dimensions-modal-padding-inline: 1.5rem; --components-dimensions-modal-padding-block: 1.5rem; --components-dimensions-modal-gap-content: .75rem; --components-dimensions-field-gap-label: .5rem; --components-dimensions-field-gap-assistive: .25rem; --components-dimensions-label-size-leading: 1rem; --components-dimensions-label-size-required: .75rem; --components-dimensions-label-gap-content: .25rem; --components-dimensions-input-max-height-lg: 43px; --components-dimensions-input-max-height-md: 33px; --components-dimensions-input-max-height-sm: 25px; --components-dimensions-input-padding-inline-lg: .75rem; --components-dimensions-input-padding-inline-md: .75rem; --components-dimensions-input-padding-inline-sm: .5rem; --components-dimensions-input-padding-block-lg: .75rem; --components-dimensions-input-padding-block-md: .5rem; --components-dimensions-input-padding-block-sm: .25rem; --components-dimensions-input-size-icon: 1rem; --components-dimensions-input-size-image: 1rem; --components-dimensions-input-gap-content: .5rem; --components-dimensions-input-border-width-default: 1px; --components-dimensions-input-border-width-focused: 2px; --components-dimensions-input-border-radius: .5rem; --components-dimensions-checkbox-border-width-default: 1px; --components-dimensions-checkbox-border-width-focused: 2px; --components-dimensions-checkbox-border-radius: .25rem; --components-dimensions-checkbox-size-container: 1rem; --components-dimensions-checkbox-size-icon: 1rem; --components-dimensions-radio-size: 1rem; --components-dimensions-radio-border-radius: calc(infinity * 1px); --components-dimensions-radio-border-width-unchecked: 1px; --components-dimensions-radio-border-width-checked: 2px; --components-dimensions-radio-border-width-focused: 2px; --components-dimensions-radio-indicator-size: .5rem; --components-dimensions-radio-indicator-border-radius: calc(infinity * 1px); --components-dimensions-toggle-track-size-height-lg: 1.5rem; --components-dimensions-toggle-track-size-height-md: 1.25rem; --components-dimensions-toggle-track-size-height-sm: 1rem; --components-dimensions-toggle-track-size-width-lg: 2.75rem; --components-dimensions-toggle-track-size-width-md: 2.25rem; --components-dimensions-toggle-track-size-width-sm: 1.75rem; --components-dimensions-toggle-track-size-icon-lg: 1rem; --components-dimensions-toggle-track-size-icon-md: .75rem; --components-dimensions-toggle-track-size-icon-sm: .5rem; --components-dimensions-toggle-track-border-radius: calc(infinity * 1px); --components-dimensions-toggle-track-border-width-focused: 2px; --components-dimensions-toggle-thumb-size-lg: 1.25rem; --components-dimensions-toggle-thumb-size-md: 1rem; --components-dimensions-toggle-thumb-size-sm: .75rem; --components-dimensions-toggle-thumb-border-width: 1px; --components-dimensions-file-drop-border-radius: .5rem; --components-dimensions-file-drop-border-width-default: 1px; --components-dimensions-file-drop-padding-inline: 2rem; --components-dimensions-file-drop-padding-block: 2rem; --components-dimensions-file-drop-gap-content: 1rem; --components-dimensions-breadcrumb-size-icon: 1rem; --components-dimensions-breadcrumb-gap-content: .25rem; --components-dimensions-stepper-size-icon: 1.5rem; --components-dimensions-stepper-padding-inline: .75rem; --components-dimensions-stepper-padding-block: .5rem; --components-dimensions-stepper-gap-content: .5rem; --components-dimensions-stepper-step-size-icon: 1rem; --components-dimensions-stepper-step-border-radius: .5rem; --components-dimensions-stepper-step-border-width-active: 2px; --components-dimensions-stepper-step-padding-inline: .75rem; --components-dimensions-stepper-step-padding-block: .5rem; --components-dimensions-stepper-step-gap-content: .5rem; --components-dimensions-stepper-border-radius: .5rem; --components-dimensions-stepper-border-width-default: 1px; --components-dimensions-tab-size-icon-lg: 1.5rem; --components-dimensions-tab-size-icon-md: 1rem; --components-dimensions-tab-size-max-height-lg: 2.5rem; --components-dimensions-tab-size-max-height-md: 2rem; --components-dimensions-tab-gap-content-lg: .5rem; --components-dimensions-tab-gap-content-md: .25rem; --components-dimensions-tab-gap-tabs-lg: .5rem; --components-dimensions-tab-gap-tabs-md: .25rem; --components-dimensions-tab-padding-inline-lg: 1rem; --components-dimensions-tab-padding-inline-md: .75rem; --components-dimensions-tab-padding-block-lg: .75rem; --components-dimensions-tab-padding-block-md: .5rem; --components-dimensions-tab-border-width-unchecked: 1px; --components-dimensions-tab-border-width-checked: 2px; --components-dimensions-pagination-size-min-width-lg: 2.5rem; --components-dimensions-pagination-size-min-width-md: 2rem; --components-dimensions-pagination-size-min-height-lg: 2.5rem; --components-dimensions-pagination-size-min-height-md: 2rem; --components-dimensions-pagination-size-icon: 1.5rem; --components-dimensions-pagination-size-max-width-lg: 2.5rem; --components-dimensions-pagination-size-max-width-md: 2rem; --components-dimensions-pagination-size-max-height-lg: 2.5rem; --components-dimensions-pagination-size-max-height-md: 2rem; --components-dimensions-pagination-start-padding-inline-leading-lg: .5rem; --components-dimensions-pagination-start-padding-inline-leading-md: .25rem; --components-dimensions-pagination-start-padding-inline-trailing-lg: 1rem; --components-dimensions-pagination-start-padding-inline-trailing-md: .75rem; --components-dimensions-pagination-end-padding-inline-leading-lg: 1rem; --components-dimensions-pagination-end-padding-inline-leading-md: .75rem; --components-dimensions-pagination-end-padding-inline-trailing-lg: .5rem; --components-dimensions-pagination-end-padding-inline-trailing-md: .25rem; --components-dimensions-pagination-padding-inline-lg: .75rem; --components-dimensions-pagination-padding-inline-md: .75rem; --components-dimensions-pagination-padding-block-lg: .5rem; --components-dimensions-pagination-padding-block-md: .25rem; --components-dimensions-pagination-gap-content: .25rem; --components-dimensions-pagination-gap-pages: .5rem; --components-dimensions-pagination-border-radius: .5rem; --components-dimensions-pagination-border-width-unchecked: 1px; --components-dimensions-pagination-border-width-checked: 2px; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-green-10: #e7fbd3; --color-green-20: #cfebb0; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-teal-10: #dbfaf6; --color-teal-20: #a5ece4; --color-teal-30: #6fdbcd; --color-teal-40: #00c7ae; --color-teal-50: #06a894; --color-teal-60: #0a7b6d; --color-teal-70: #00544a; --color-teal-80: #053731; --color-teal-90: #001b18; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-violet-10: #efefff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9587e8; --color-violet-60: #8068c6; --color-violet-70: #5a4890; --color-violet-80: #3c2e63; --color-violet-90: #26194d; --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #d17ba8; --color-pink-60: #b06089; --color-pink-70: #803c5f; --color-pink-80: #5c2944; --color-pink-90: #3b142a; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-background-brand-primary: #ffcd00; --color-background-brand-secondary: #ffe166; --color-background-brand-subtle: #fff1b2; --color-background-brand-minimal: #fff8d9; --color-background-brand-strong: #e5b800; --color-background-brand-stronger: #b69200; --color-background-neutral-primary: #000000; --color-background-neutral-secondary: #212121; --color-background-neutral-tertiary: #444444; --color-background-neutral-subtle: #bdbdbd; --color-background-neutral-subtlest: #dedede; --color-background-neutral-minimal: #f3f3f3; --color-background-neutral-inverse: #ffffff; --color-background-neutral-primary-fixed: #000000; --color-background-neutral-inverse-fixed: #ffffff; --color-background-warm-primary: #f6f3ef; --color-background-warm-minimal: #fbf9f7; --color-background-warm-strong: #eae4de; --color-background-warm-stronger: #d2cbc3; --color-background-information-primary: #55c3e9; --color-background-information-secondary: #9bdef7; --color-background-information-subtle: #bbeaff; --color-background-information-minimal: #e0f5ff; --color-background-information-strong: #27a5d0; --color-background-information-stronger: #057aa3; --color-background-success-primary: #bade94; --color-background-success-secondary: #cfebb0; --color-background-success-minimal: #e7fbd3; --color-background-success-strong: #9fc873; --color-background-success-stronger: #83ad57; --color-background-success-strongest: #5a8034; --color-background-warning-primary: #ff9f14; --color-background-warning-secondary: #ffbb59; --color-background-warning-subtle: #ffd495; --color-background-warning-minimal: #ffebce; --color-background-warning-strong: #db860a; --color-background-warning-stronger: #a6670a; --color-background-danger-primary: #ff9490; --color-background-danger-secondary: #fdb3ae; --color-background-danger-subtle: #fcc7c3; --color-background-danger-minimal: #fbdedc; --color-background-danger-strong: #ff6165; --color-background-danger-stronger: #e1003a; --color-background-danger-strongest: #a80029; --color-background-accent-green-primary: #bade94; --color-background-accent-green-secondary: #cfebb0; --color-background-accent-green-minimal: #e7fbd3; --color-background-accent-green-strong: #9fc873; --color-background-accent-green-stronger: #83ad57; --color-background-accent-green-strongest: #5a8034; --color-background-accent-teal-primary: #00c7ae; --color-background-accent-teal-secondary: #6fdbcd; --color-background-accent-teal-subtle: #a5ece4; --color-background-accent-teal-minimal: #dbfaf6; --color-background-accent-teal-strong: #06a894; --color-background-accent-teal-stronger: #0a7b6d; --color-background-accent-teal-strongest: #00544a; --color-background-accent-blue-primary: #55c3e9; --color-background-accent-blue-secondary: #9bdef7; --color-background-accent-blue-subtle: #bbeaff; --color-background-accent-blue-minimal: #e0f5ff; --color-background-accent-blue-strong: #27a5d0; --color-background-accent-blue-stronger: #057aa3; --color-background-accent-blue-strongest: #025a79; --color-background-accent-violet-primary: #acacff; --color-background-accent-violet-secondary: #c9c9ff; --color-background-accent-violet-subtle: #e0e0ff; --color-background-accent-violet-minimal: #efefff; --color-background-accent-violet-strong: #9587e8; --color-background-accent-violet-stronger: #8068c6; --color-background-accent-violet-strongest: #5a4890; --color-background-accent-pink-primary: #f696c8; --color-background-accent-pink-secondary: #feb7dc; --color-background-accent-pink-subtle: #ffd5eb; --color-background-accent-pink-minimal: #ffeaf5; --color-background-accent-pink-strong: #d17ba8; --color-background-accent-pink-stronger: #b06089; --color-background-accent-pink-strongest: #803c5f; --color-background-accent-orange-primary: #ff9868; --color-background-accent-orange-secondary: #ffb595; --color-background-accent-orange-subtle: #ffc9b2; --color-background-accent-orange-minimal: #ffded0; --color-background-accent-orange-strong: #e67b49; --color-background-accent-orange-stronger: #c45927; --color-background-accent-orange-strongest: #9f4217; --color-background-transparent-white-subtle: #ffffff42; --color-background-transparent-white-subtlest: #ffffff21; --color-background-transparent-white-minimal: #ffffff0d; --color-background-transparent-white-none: #ffffff00; --color-background-transparent-black-subtle: #00000042; --color-background-transparent-black-subtlest: #00000021; --color-background-transparent-black-minimal: #0000000d; --color-background-transparent-black-none: #00000000; --color-text-brand-primary: #423500; --color-text-brand-secondary: #604d00; --color-text-brand-tertiary: #846a01; --color-text-brand-subtle: #b69200; --color-text-brand-minimal: #e5b800; --color-text-neutral-primary: #000000; --color-text-neutral-secondary: #212121; --color-text-neutral-tertiary: #444444; --color-text-neutral-subtle: #585858; --color-text-neutral-subtlest: #989898; --color-text-neutral-minimal: #bdbdbd; --color-text-neutral-inverse: #ffffff; --color-text-neutral-primary-fixed: #000000; --color-text-neutral-inverse-fixed: #ffffff; --color-text-warm-primary: #1e1c1a; --color-text-warm-secondary: #33302d; --color-text-warm-tertiary: #4d4944; --color-text-warm-subtle: #605b55; --color-text-warm-minimal: #a7a096; --color-text-information-primary: #00202b; --color-text-information-secondary: #013c50; --color-text-information-tertiary: #025a79; --color-text-information-subtle: #057aa3; --color-text-information-minimal: #27a5d0; --color-text-success-primary: #142603; --color-text-success-secondary: #2a4210; --color-text-success-tertiary: #40611f; --color-text-success-subtle: #5a8034; --color-text-success-minimal: #83ad57; --color-text-warning-primary: #382303; --color-text-warning-secondary: #573607; --color-text-warning-tertiary: #824f06; --color-text-warning-subtle: #a6670a; --color-text-warning-minimal: #db860a; --color-text-danger-primary: #450101; --color-text-danger-secondary: #75001a; --color-text-danger-tertiary: #a80029; --color-text-danger-subtle: #e1003a; --color-text-danger-minimal: #ff6165; --color-text-accent-green-primary: #142603; --color-text-accent-green-secondary: #2a4210; --color-text-accent-green-tertiary: #40611f; --color-text-accent-green-subtle: #5a8034; --color-text-accent-green-minimal: #83ad57; --color-text-accent-teal-primary: #001b18; --color-text-accent-teal-secondary: #053731; --color-text-accent-teal-tertiary: #00544a; --color-text-accent-teal-subtle: #0a7b6d; --color-text-accent-teal-minimal: #06a894; --color-text-accent-blue-primary: #00202b; --color-text-accent-blue-secondary: #013c50; --color-text-accent-blue-tertiary: #025a79; --color-text-accent-blue-subtle: #057aa3; --color-text-accent-blue-minimal: #27a5d0; --color-text-accent-violet-primary: #26194d; --color-text-accent-violet-secondary: #3c2e63; --color-text-accent-violet-tertiary: #5a4890; --color-text-accent-violet-subtle: #8068c6; --color-text-accent-violet-minimal: #9587e8; --color-text-accent-pink-primary: #3b142a; --color-text-accent-pink-secondary: #5c2944; --color-text-accent-pink-tertiary: #803c5f; --color-text-accent-pink-subtle: #b06089; --color-text-accent-pink-minimal: #d17ba8; --color-text-accent-orange-primary: #451701; --color-text-accent-orange-secondary: #6d2605; --color-text-accent-orange-tertiary: #9f4217; --color-text-accent-orange-subtle: #c45927; --color-text-accent-orange-minimal: #e67b49; --color-border-brand-primary: #ffcd00; --color-border-brand-secondary: #ffe166; --color-border-brand-subtle: #fff1b2; --color-border-brand-minimal: #fff8d9; --color-border-brand-strong: #e5b800; --color-border-brand-stronger: #b69200; --color-border-neutral-primary: #000000; --color-border-neutral-secondary: #212121; --color-border-neutral-tertiary: #444444; --color-border-neutral-subtle: #bdbdbd; --color-border-neutral-subtlest: #dedede; --color-border-neutral-minimal: #f3f3f3; --color-border-neutral-inverse: #ffffff; --color-border-neutral-primary-fixed: #000000; --color-border-neutral-inverse-fixed: #ffffff; --color-border-warm-primary: #605b55; --color-border-warm-secondary: #a7a096; --color-border-warm-tertiary: #d2cbc3; --color-border-warm-subtle: #eae4de; --color-border-warm-minimal: #f6f3ef; --color-border-warm-strong: #4d4944; --color-border-warm-stronger: #33302d; --color-border-information-primary: #55c3e9; --color-border-information-secondary: #9bdef7; --color-border-information-subtle: #bbeaff; --color-border-information-minimal: #e0f5ff; --color-border-information-strong: #27a5d0; --color-border-information-stronger: #057aa3; --color-border-information-strongest: #025a79; --color-border-success-primary: #bade94; --color-border-success-secondary: #cfebb0; --color-border-success-minimal: #e7fbd3; --color-border-success-strong: #9fc873; --color-border-success-stronger: #83ad57; --color-border-success-strongest: #5a8034; --color-border-warning-primary: #ff9f14; --color-border-warning-secondary: #ffbb59; --color-border-warning-subtle: #ffd495; --color-border-warning-minimal: #ffebce; --color-border-warning-strong: #db860a; --color-border-warning-stronger: #a6670a; --color-border-warning-strongest: #824f06; --color-border-danger-primary: #ff9490; --color-border-danger-secondary: #fdb3ae; --color-border-danger-subtle: #fcc7c3; --color-border-danger-minimal: #fbdedc; --color-border-danger-strong: #ff6165; --color-border-danger-stronger: #e1003a; --color-border-danger-strongest: #a80029; --color-border-transparent-white-subtle: #ffffff42; --color-border-transparent-white-subtlest: #ffffff21; --color-border-transparent-white-minimal: #ffffff0d; --color-border-transparent-white-none: #ffffff00; --color-border-transparent-black-subtle: #00000042; --color-border-transparent-black-subtlest: #00000021; --color-border-transparent-black-minimal: #0000000d; --color-border-transparent-black-none: #00000000; --color-icon-brand-primary: #423500; --color-icon-brand-secondary: #604d00; --color-icon-brand-tertiary: #846a01; --color-icon-brand-subtle: #b69200; --color-icon-brand-subtlest: #e5b800; --color-icon-brand-minimal: #ffcd00; --color-icon-neutral-primary: #000000; --color-icon-neutral-secondary: #212121; --color-icon-neutral-tertiary: #444444; --color-icon-neutral-subtle: #585858; --color-icon-neutral-subtlest: #989898; --color-icon-neutral-minimal: #bdbdbd; --color-icon-neutral-inverse: #ffffff; --color-icon-neutral-primary-fixed: #000000; --color-icon-neutral-inverse-fixed: #ffffff; --color-icon-warm-primary: #1e1c1a; --color-icon-warm-secondary: #33302d; --color-icon-warm-tertiary: #4d4944; --color-icon-warm-subtle: #605b55; --color-icon-warm-minimal: #a7a096; --color-icon-information-primary: #00202b; --color-icon-information-secondary: #013c50; --color-icon-information-tertiary: #025a79; --color-icon-information-subtle: #057aa3; --color-icon-information-subtlest: #27a5d0; --color-icon-information-minimal: #55c3e9; --color-icon-success-primary: #142603; --color-icon-success-secondary: #2a4210; --color-icon-success-tertiary: #40611f; --color-icon-success-subtle: #5a8034; --color-icon-success-subtlest: #83ad57; --color-icon-success-minimal: #bade94; --color-icon-warning-primary: #382303; --color-icon-warning-secondary: #573607; --color-icon-warning-tertiary: #824f06; --color-icon-warning-subtle: #a6670a; --color-icon-warning-subtlest: #db860a; --color-icon-warning-minimal: #ff9f14; --color-icon-danger-primary: #450101; --color-icon-danger-secondary: #75001a; --color-icon-danger-tertiary: #a80029; --color-icon-danger-subtle: #e1003a; --color-icon-danger-subtlest: #ff6165; --color-icon-danger-minimal: #ff9490; --color-icon-accent-green-primary: #142603; --color-icon-accent-green-secondary: #2a4210; --color-icon-accent-green-tertiary: #40611f; --color-icon-accent-green-subtle: #5a8034; --color-icon-accent-green-subtlest: #83ad57; --color-icon-accent-green-minimal: #bade94; --color-icon-accent-teal-primary: #001b18; --color-icon-accent-teal-secondary: #053731; --color-icon-accent-teal-tertiary: #00544a; --color-icon-accent-teal-subtle: #0a7b6d; --color-icon-accent-teal-subtlest: #06a894; --color-icon-accent-teal-minimal: #00c7ae; --color-icon-accent-blue-primary: #00202b; --color-icon-accent-blue-secondary: #013c50; --color-icon-accent-blue-tertiary: #025a79; --color-icon-accent-blue-subtle: #057aa3; --color-icon-accent-blue-subtlest: #27a5d0; --color-icon-accent-blue-minimal: #55c3e9; --color-icon-accent-violet-primary: #26194d; --color-icon-accent-violet-secondary: #3c2e63; --color-icon-accent-violet-tertiary: #5a4890; --color-icon-accent-violet-subtle: #8068c6; --color-icon-accent-violet-subtlest: #9587e8; --color-icon-accent-violet-minimal: #acacff; --color-icon-accent-pink-primary: #3b142a; --color-icon-accent-pink-secondary: #5c2944; --color-icon-accent-pink-tertiary: #803c5f; --color-icon-accent-pink-subtle: #b06089; --color-icon-accent-pink-subtlest: #d17ba8; --color-icon-accent-pink-minimal: #f696c8; --color-icon-accent-orange-primary: #451701; --color-icon-accent-orange-secondary: #6d2605; --color-icon-accent-orange-tertiary: #9f4217; --color-icon-accent-orange-subtle: #c45927; --color-icon-accent-orange-subtlest: #e67b49; --color-icon-accent-orange-minimal: #ff9868; --color-overlay-default: rgba(0,0,0,.7); --color-overlay-strong: rgba(0,0,0,.5); --color-logo-background-primary: #ffcd00; --color-logo-mark-primary: #000000; --color-logo-mark-primary-fixed: #000000; --font-size-12: .75rem; --text-12: .75rem; --font-size-14: .875rem; --text-14: .875rem; --font-size-16: 1rem; --text-16: 1rem; --font-size-18: 1.125rem; --text-18: 1.125rem; --font-size-20: 1.25rem; --text-20: 1.25rem; --font-size-24: 1.5rem; --text-24: 1.5rem; --font-size-32: 2rem; --text-32: 2rem; --font-size-36: 2.25rem; --text-36: 2.25rem; --font-size-48: 3rem; --text-48: 3rem; --font-size-60: 3.75rem; --text-60: 3.75rem; --font-size-72: 4.5rem; --text-72: 4.5rem; --font-size-xs: .75rem; --text-xs: .75rem; --font-size-sm: .875rem; --text-sm: .875rem; --font-size-md: 1rem; --text-md: 1rem; --font-size-lg: 1.125rem; --text-lg: 1.125rem; --font-size-xl: 1.25rem; --text-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-xxl: 1.5rem; --text-2xl: 1.5rem; --font-size-3xl: 2rem; --text-3xl: 2rem; --font-size-4xl: 2.25rem; --text-4xl: 2.25rem; --font-size-5xl: 3rem; --text-5xl: 3rem; --font-size-6xl: 3.75rem; --text-6xl: 3.75rem; --font-size-7xl: 4.5rem; --text-7xl: 4.5rem; --font-family-title: "welcome-font",sans-serif; --font-family-body: "Work Sans",sans-serif; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semi-bold: 600; --font-weight-bold: 700; --font-weight-black: 900; --font-line-height-xs: 120%; --font-line-height-sm: 130%; --font-line-height-md: 140%; --font-line-height-lg: 150%; --font-letter-spacing-none: 0; --font-letter-spacing-xs: -2%; --spacing-2: .125rem; --spacing-4: .25rem; --spacing-8: .5rem; --spacing-12: .75rem; --spacing-16: 1rem; --spacing-24: 1.5rem; --spacing-32: 2rem; --spacing-48: 3rem; --spacing-64: 4rem; --spacing-96: 6rem; --spacing-128: 8rem; --spacing-192: 12rem; --spacing-2xs: .125rem; --spacing-xxs: .125rem; --spacing-xs: .25rem; --spacing-sm: .5rem; --spacing-md: .75rem; --spacing-lg: 1rem; --spacing-xl: 1.5rem; --spacing-2xl: 2rem; --spacing-xxl: 2rem; --spacing-3xl: 3rem; --spacing-4xl: 4rem; --spacing-5xl: 6rem; --spacing-6xl: 8rem; --spacing-7xl: 12rem; --size-8: .5rem; --size-12: .75rem; --size-16: 1rem; --size-20: 1.25rem; --size-24: 1.5rem; --size-32: 2rem; --size-48: 3rem; --size-64: 4rem; --size-icon-xs: .5rem; --size-icon-sm: .75rem; --size-icon-md: 1rem; --size-icon-lg: 1.5rem; --size-icon-xl: 2rem; --size-icon-2xl: 3rem; --size-icon-xxl: 3rem; --size-icon-3xl: 4rem; --height-2: .125rem; --height-8: .5rem; --height-16: 1rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-25: 1.5625rem; --height-32: 2rem; --height-33: 2.0625rem; --height-40: 2.5rem; --height-43: 2.6875rem; --width-8: .5rem; --width-16: 1rem; --width-20: 1.25rem; --width-28: 1.75rem; --width-32: 2rem; --width-36: 2.25rem; --width-40: 2.5rem; --width-44: 2.75rem; --elevation-10: 0 1px 2px 0 rgba(0,0,0,.04); --elevation-20: 0 4px 6px 0 rgba(0,0,0,.04); --elevation-30: 0 4px 6px 0 rgba(0,0,0,.08); --elevation-40: 0 6px 8px 0 rgba(0,0,0,.12); --elevation-50: 0 12px 16px 0 rgba(0,0,0,.12); --elevation-60: 0 12px 32px 0 rgba(0,0,0,.16); --inset-5: 0 0 4px 0 rgba(0,0,0,.08); --inset-10: 0 0 6px 0 rgba(0,0,0,.08); --inset-20: 0 0 8px 0 rgba(0,0,0,.16); --border-width-xs: 1px; --border-width-sm: 2px; --border-width-md: 4px; --border-width-lg: 6px; --border-radius-none: 0; --radius-none: 0; --border-radius-xs: .125rem; --radius-xs: .125rem; --border-radius-sm: .25rem; --radius-sm: .25rem; --border-radius-md: .5rem; --radius-md: .5rem; --border-radius-lg: .75rem; --radius-lg: .75rem; --border-radius-xl: 1rem; --radius-xl: 1rem; --border-radius-2xl: 1.5rem; --border-radius-xxl: 1.5rem; --radius-2xl: 1.5rem; --border-radius-full: calc(infinity * 1px); --radius-full: calc(infinity * 1px); --breakpoint-xs: 0; --breakpoint-sm: 480px; --breakpoint-md: 736px; --breakpoint-lg: 980px; --breakpoint-xl: 1280px; --breakpoint-2xl: 1440px; --breakpoint-xxl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px;}@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{min-width:0;min-height:0;font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}img{overflow:hidden}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-search-cancel-button{display:none}*,*:after,*:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;padding-top:1px;margin-top:-1px;font-family:var(--font-family-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title)}}
|
package/dist/theme.js
CHANGED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { ButtonProps } from '../../Button/types';
|
|
2
|
+
export declare const AlertButton: import('react').ForwardRefExoticComponent<Omit<Omit<ButtonProps, "size">, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
3
|
+
export declare const AlertSecondaryButton: import('react').ForwardRefExoticComponent<Omit<Omit<ButtonProps, "size">, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { ButtonProps } from '../Button/types';
|
|
3
|
-
import {
|
|
4
|
-
|
|
3
|
+
import { IconProps } from '../Icon/types';
|
|
4
|
+
import { AlertProps } from './types';
|
|
5
|
+
export declare const ICON: Record<AlertProps['variant'], IconProps['name']>;
|
|
5
6
|
export declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
|
|
6
7
|
Button: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "size">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
8
|
SecondaryButton: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "size">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
-
Title:
|
|
9
|
+
Title: {
|
|
10
|
+
({ children, hasCloseButton, ...rest }: import('./types').AlertTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
9
13
|
};
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { ComponentPropsWithRef, HTMLAttributes
|
|
1
|
+
import { ComponentPropsWithRef, HTMLAttributes } from 'react';
|
|
2
2
|
import { TextProps } from '../Text/types';
|
|
3
3
|
export type AlertProps = AlertOptions & ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivElement>;
|
|
4
4
|
export type AlertTitleProps = TextProps & {
|
|
5
5
|
hasCloseButton?: boolean;
|
|
6
6
|
};
|
|
7
|
-
export type CloneActionsReturns = ReactElement<unknown, JSXElementConstructor<AlertProps> | string>;
|
|
8
7
|
interface AlertOptions {
|
|
9
8
|
closeButtonDataTestId?: string;
|
|
10
9
|
cta?: JSX.Element;
|
|
@@ -12,13 +11,8 @@ interface AlertOptions {
|
|
|
12
11
|
* @description add a close button with an onclick handleClose function
|
|
13
12
|
*/
|
|
14
13
|
handleClose?: () => void;
|
|
15
|
-
/**
|
|
16
|
-
* @description you can remove the icon by setting this prop to false
|
|
17
|
-
* by default the icon is shown unless the variant is 'beige'
|
|
18
|
-
*/
|
|
19
|
-
hideIcon?: boolean;
|
|
20
14
|
isFullWidth?: boolean;
|
|
21
|
-
size?: '
|
|
22
|
-
variant?: 'ai' | '
|
|
15
|
+
size?: 'lg' | 'md';
|
|
16
|
+
variant?: 'ai' | 'brand' | 'danger' | 'info' | 'success' | 'warning';
|
|
23
17
|
}
|
|
24
18
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BreadcrumbItemOptions } from './types';
|
|
2
2
|
/**
|
|
3
3
|
* @name Breadcrumb.Item
|
|
4
4
|
*/
|
|
5
|
-
export declare const Item: import('
|
|
5
|
+
export declare const Item: import('../../utils').FunctionComponentWithAs<"a", BreadcrumbItemOptions>;
|
|
@@ -2,5 +2,5 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { BreadcrumbProps } from './types';
|
|
3
3
|
export declare const BreadcrumbComponent: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
4
|
export declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
|
|
5
|
-
Item:
|
|
5
|
+
Item: import('../../utils').FunctionComponentWithAs<"a", import('./types').BreadcrumbItemOptions>;
|
|
6
6
|
};
|
|
@@ -1,17 +1,20 @@
|
|
|
1
1
|
import { ComponentPropsWithRef, HTMLAttributes } from 'react';
|
|
2
|
+
import { IconName } from '../Icon/types';
|
|
2
3
|
interface BreadcrumbOptions {
|
|
3
4
|
children: React.ReactNode | React.ReactNode[];
|
|
5
|
+
icon?: boolean | IconName;
|
|
4
6
|
/** set clickable or not the last child */
|
|
5
7
|
lastChildNotClickable?: boolean;
|
|
6
8
|
separator?: React.ReactNode | string;
|
|
7
9
|
}
|
|
8
10
|
export type BreadcrumbProps = BreadcrumbOptions & ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivElement>;
|
|
9
|
-
interface BreadcrumbItemOptions {
|
|
11
|
+
export interface BreadcrumbItemOptions {
|
|
10
12
|
children: React.ReactNode;
|
|
13
|
+
collapsed?: boolean;
|
|
11
14
|
'data-testid'?: string;
|
|
12
|
-
|
|
15
|
+
icon?: boolean | IconName;
|
|
16
|
+
isActive?: boolean | React.ReactNode;
|
|
13
17
|
separator?: React.ReactNode | string;
|
|
14
18
|
to?: string;
|
|
15
19
|
}
|
|
16
|
-
export type BreadcrumbItemProps = BreadcrumbItemOptions & ComponentPropsWithRef<'a'> & HTMLAttributes<HTMLAnchorElement>;
|
|
17
20
|
export {};
|