@sragatiping/cuboid 0.1.0 → 0.1.3

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.
Files changed (67) hide show
  1. package/dist/components/ApiResponseViewer/ApiResponseViewer.d.ts +24 -0
  2. package/dist/components/ApiResponseViewer/ApiResponseViewer.stories.d.ts +13 -0
  3. package/dist/components/ApiResponseViewer/index.d.ts +3 -0
  4. package/dist/components/ApiResponseViewer/status.d.ts +8 -0
  5. package/dist/components/CodeBlock/CodeBlock.d.ts +18 -0
  6. package/dist/components/CodeBlock/CodeBlock.stories.d.ts +12 -0
  7. package/dist/components/CodeBlock/CodeSurface.d.ts +48 -0
  8. package/dist/components/CodeBlock/CodeSurface.stories.d.ts +15 -0
  9. package/dist/components/CodeBlock/CodeViewingDocs.d.ts +7 -0
  10. package/dist/components/CodeBlock/JsonCodeView.d.ts +17 -0
  11. package/dist/components/CodeBlock/JsonCodeView.stories.d.ts +19 -0
  12. package/dist/components/CodeBlock/__fixtures__/dev-server-diagnostics.d.ts +145 -0
  13. package/dist/components/CodeBlock/__fixtures__/source-samples.d.ts +10 -0
  14. package/dist/components/CodeBlock/constants.d.ts +11 -0
  15. package/dist/components/CodeBlock/highlight/css.d.ts +1 -0
  16. package/dist/components/CodeBlock/highlight/html.d.ts +1 -0
  17. package/dist/components/CodeBlock/highlight/index.d.ts +5 -0
  18. package/dist/components/CodeBlock/highlight/javascript.d.ts +5 -0
  19. package/dist/components/CodeBlock/highlight/shared.d.ts +15 -0
  20. package/dist/components/CodeBlock/index.d.ts +14 -0
  21. package/dist/components/CodeBlock/syntax.d.ts +37 -0
  22. package/dist/components/{CodeSnippet → CodeBlock}/tokenizer.d.ts +0 -5
  23. package/dist/components/CodeBlock/types.d.ts +27 -0
  24. package/dist/components/CodeSnippet/CodeSnippet.d.ts +9 -50
  25. package/dist/components/JsonViewer/JsonViewer.d.ts +1 -1
  26. package/dist/components/core/Box/Box.d.ts +24 -0
  27. package/dist/components/core/Box/Box.stories.d.ts +9 -0
  28. package/dist/components/core/Box/boxTypes.d.ts +6 -0
  29. package/dist/components/core/Box/index.d.ts +2 -0
  30. package/dist/components/core/Callout/Callout.d.ts +17 -0
  31. package/dist/components/core/Callout/Callout.stories.d.ts +10 -0
  32. package/dist/components/core/Callout/index.d.ts +2 -0
  33. package/dist/components/core/Container/Container.d.ts +23 -0
  34. package/dist/components/core/Container/Container.stories.d.ts +10 -0
  35. package/dist/components/core/Container/index.d.ts +2 -0
  36. package/dist/components/core/Divider/Divider.d.ts +17 -0
  37. package/dist/components/core/Divider/Divider.stories.d.ts +9 -0
  38. package/dist/components/core/Divider/index.d.ts +2 -0
  39. package/dist/components/core/Highlight/Highlight.d.ts +16 -0
  40. package/dist/components/core/Highlight/Highlight.stories.d.ts +8 -0
  41. package/dist/components/core/Highlight/index.d.ts +2 -0
  42. package/dist/components/core/Link/Link.d.ts +10 -5
  43. package/dist/components/core/Pill/Pill.d.ts +12 -6
  44. package/dist/components/core/Pill/Pill.stories.d.ts +3 -0
  45. package/dist/components/core/Pill/index.d.ts +1 -1
  46. package/dist/components/core/Popover/Popover.d.ts +1 -1
  47. package/dist/components/core/Stack/Stack.d.ts +12 -21
  48. package/dist/components/core/Stack/index.d.ts +1 -1
  49. package/dist/components/core/Text/Text.d.ts +7 -7
  50. package/dist/components/core/index.d.ts +11 -1
  51. package/dist/index.cjs.js +7 -6
  52. package/dist/index.cjs.js.map +1 -1
  53. package/dist/index.d.ts +20 -3
  54. package/dist/index.es.js +4029 -3342
  55. package/dist/index.es.js.map +1 -1
  56. package/dist/style.css +1 -1
  57. package/dist/theme/globalColor.d.ts +25 -0
  58. package/dist/theme/output/base.json.d.ts +28 -56
  59. package/dist/theme/output/theme.json.d.ts +579 -1016
  60. package/dist/theme/themeCubeOverride.d.ts +11 -0
  61. package/dist/theme/types.d.ts +64 -19
  62. package/package.json +9 -4
  63. package/src/theme/output/components.css +1945 -0
  64. package/src/theme/output/theme.css +247 -0
  65. package/dist/components/CodeSnippet/CodeSnippet.stories.d.ts +0 -17
  66. package/dist/components/CodeSnippet/__fixtures__/device-profile-report.d.ts +0 -422
  67. package/dist/components/JsonGraph/DeviceProfileReport.stories.d.ts +0 -11
@@ -0,0 +1,1945 @@
1
+ /* AUTO-GENERATED by scripts/build-component-theme-css.mjs */
2
+ :root {
3
+ --cube-actionMenu-divider-fg: #EFEEEA;
4
+ --cube-actionMenu-footer-padding: 1rem;
5
+ --cube-actionMenu-header-padding-block-end: 1rem;
6
+ --cube-actionMenu-header-padding-block-start: 0.75rem;
7
+ --cube-actionMenu-header-padding-inline: 1rem;
8
+ --cube-actionMenu-item-bg-disabled: #F4F4F2;
9
+ --cube-actionMenu-item-bg-hover: #F9F9F8;
10
+ --cube-actionMenu-item-bg-pressed: #F4F4F2;
11
+ --cube-actionMenu-item-bg-rest: #FFFFFF;
12
+ --cube-actionMenu-item-bg-selected-pressed: #EFEEEA;
13
+ --cube-actionMenu-item-bg-selected-rest: #F4F4F2;
14
+ --cube-actionMenu-item-border-radius: 0.375rem;
15
+ --cube-actionMenu-item-fg-disabled: #ABA9A5;
16
+ --cube-actionMenu-item-fg-pressed: #474746;
17
+ --cube-actionMenu-item-fg-rest: #888783;
18
+ --cube-actionMenu-item-fg-selected: #474746;
19
+ --cube-actionMenu-item-fg-subtext: #888783;
20
+ --cube-actionMenu-item-icon-size: 1.25rem;
21
+ --cube-actionMenu-item-min-height: 1.875rem;
22
+ --cube-actionMenu-item-padding-block: 0.3125rem;
23
+ --cube-actionMenu-item-padding-inline: 0.75rem;
24
+ --cube-actionMenu-item-slot-gap: 1rem;
25
+ --cube-actionMenu-item-subtext-gap: 0.25rem;
26
+ --cube-actionMenu-item-subtext-icon-size: 1rem;
27
+ --cube-actionMenu-list-item-gap: 0.25rem;
28
+ --cube-actionMenu-list-padding-block: 0.5rem;
29
+ --cube-actionMenu-list-padding-inline: 0.25rem;
30
+ --cube-actionMenu-list-section-gap: 0.5rem;
31
+ --cube-actionMenu-section-fg: #474746;
32
+ --cube-actionMenu-section-padding-block: 0.125rem;
33
+ --cube-actionMenu-section-padding-inline: 0.75rem;
34
+ --cube-breadcrumb-gap: 0.125rem;
35
+ --cube-breadcrumb-item-borderRadius: 0.5rem;
36
+ --cube-breadcrumb-item-paddingBlock: 0.125rem;
37
+ --cube-breadcrumb-item-paddingInline: 0.5rem;
38
+ --cube-breadcrumb-link-bg-active: #ffffff00;
39
+ --cube-breadcrumb-link-bg-hover: #F4F4F2;
40
+ --cube-breadcrumb-link-bg-rest: #ffffff00;
41
+ --cube-breadcrumb-link-fg-active: #474746;
42
+ --cube-breadcrumb-link-fg-hover: #888783;
43
+ --cube-breadcrumb-link-fg-rest: #888783;
44
+ --cube-breadcrumb-separator-fg: #888783;
45
+ --cube-breadcrumb-separator-width: 0.625rem;
46
+ --cube-button-danger-bg-disabled: #EFEEEA;
47
+ --cube-button-danger-bg-hover: #DA2222;
48
+ --cube-button-danger-bg-pressed: #DA2222;
49
+ --cube-button-danger-bg-rest: #E74646;
50
+ --cube-button-danger-border-disabled: #EFEEEA;
51
+ --cube-button-danger-border-hover: #DA2222;
52
+ --cube-button-danger-border-pressed: #DA2222;
53
+ --cube-button-danger-border-rest: #DA2222;
54
+ --cube-button-danger-fg-disabled: #D8D7D4;
55
+ --cube-button-danger-fg-hover: #FFFFFF;
56
+ --cube-button-danger-fg-pressed: #FFFFFF;
57
+ --cube-button-danger-fg-rest: #FFFFFF;
58
+ --cube-button-ghost-bg-disabled: #ffffff00;
59
+ --cube-button-ghost-bg-hover: #F9F9F8;
60
+ --cube-button-ghost-bg-pressed: #F9F9F8;
61
+ --cube-button-ghost-bg-rest: #ffffff00;
62
+ --cube-button-ghost-border-disabled: #ffffff00;
63
+ --cube-button-ghost-border-hover: #ffffff00;
64
+ --cube-button-ghost-border-pressed: #ffffff00;
65
+ --cube-button-ghost-border-rest: #ffffff00;
66
+ --cube-button-ghost-fg-disabled: #D8D7D4;
67
+ --cube-button-ghost-fg-hover: #888783;
68
+ --cube-button-ghost-fg-pressed: #6F6F6D;
69
+ --cube-button-ghost-fg-rest: #888783;
70
+ --cube-button-primary-bg-disabled: #EFEEEA;
71
+ --cube-button-primary-bg-hover: #2D2D2D;
72
+ --cube-button-primary-bg-pressed: #222221;
73
+ --cube-button-primary-bg-rest: #3A3A39;
74
+ --cube-button-primary-border-disabled: #EFEEEA;
75
+ --cube-button-primary-border-hover: #474746;
76
+ --cube-button-primary-border-pressed: #474746;
77
+ --cube-button-primary-border-rest: #474746;
78
+ --cube-button-primary-fg-disabled: #D8D7D4;
79
+ --cube-button-primary-fg-hover: #FFFFFF;
80
+ --cube-button-primary-fg-pressed: #FFFFFF;
81
+ --cube-button-primary-fg-rest: #FFFFFF;
82
+ --cube-button-rounded-bg-disabled: #F4F4F2;
83
+ --cube-button-rounded-bg-hover: #E2E1DD;
84
+ --cube-button-rounded-bg-pressed: #EFEEEA;
85
+ --cube-button-rounded-bg-rest: #EFEEEA;
86
+ --cube-button-rounded-border-disabled: #ffffff00;
87
+ --cube-button-rounded-border-hover: #ffffff00;
88
+ --cube-button-rounded-border-pressed: #ffffff00;
89
+ --cube-button-rounded-border-rest: #ffffff00;
90
+ --cube-button-rounded-fg-disabled: #D8D7D4;
91
+ --cube-button-rounded-fg-hover: #6F6F6D;
92
+ --cube-button-rounded-fg-pressed: #ABA9A5;
93
+ --cube-button-rounded-fg-rest: #6F6F6D;
94
+ --cube-button-secondary-bg-disabled: #F4F4F2;
95
+ --cube-button-secondary-bg-hover: #F9F9F8;
96
+ --cube-button-secondary-bg-pressed: #EFEEEA;
97
+ --cube-button-secondary-bg-rest: #FFFFFF;
98
+ --cube-button-secondary-border-disabled: #EFEEEA;
99
+ --cube-button-secondary-border-hover: #D8D7D4;
100
+ --cube-button-secondary-border-pressed: #D8D7D4;
101
+ --cube-button-secondary-border-rest: #D8D7D4;
102
+ --cube-button-secondary-fg-disabled: #D8D7D4;
103
+ --cube-button-secondary-fg-hover: #6F6F6D;
104
+ --cube-button-secondary-fg-pressed: #ABA9A5;
105
+ --cube-button-secondary-fg-rest: #6F6F6D;
106
+ --cube-control-extra-small-borderRadius: 0.375rem;
107
+ --cube-control-extra-small-gap: 0.5rem;
108
+ --cube-control-extra-small-paddingBlock: 0.375rem;
109
+ --cube-control-extra-small-paddingInline-condensed: 0.5rem;
110
+ --cube-control-extra-small-paddingInline-normal: 0.75rem;
111
+ --cube-control-extra-small-paddingInline-spacious: 1.5rem;
112
+ --cube-control-extra-small-size: 1.5rem;
113
+ --cube-control-large-borderRadius: 0.5rem;
114
+ --cube-control-large-gap: 1rem;
115
+ --cube-control-large-paddingBlock: 0.75rem;
116
+ --cube-control-large-paddingInline-condensed: 1rem;
117
+ --cube-control-large-paddingInline-normal: 1.25rem;
118
+ --cube-control-large-paddingInline-spacious: 1.5rem;
119
+ --cube-control-large-size: 2.5rem;
120
+ --cube-control-medium-borderRadius: 0.5rem;
121
+ --cube-control-medium-gap: 0.75rem;
122
+ --cube-control-medium-paddingBlock: 0.5rem;
123
+ --cube-control-medium-paddingInline-condensed: 0.75rem;
124
+ --cube-control-medium-paddingInline-normal: 1rem;
125
+ --cube-control-medium-paddingInline-spacious: 1.5rem;
126
+ --cube-control-medium-size: 2rem;
127
+ --cube-control-small-borderRadius: 0.375rem;
128
+ --cube-control-small-gap: 0.5rem;
129
+ --cube-control-small-paddingBlock: 0.375rem;
130
+ --cube-control-small-paddingInline-condensed: 0.5rem;
131
+ --cube-control-small-paddingInline-normal: 0.75rem;
132
+ --cube-control-small-paddingInline-spacious: 1.5rem;
133
+ --cube-control-small-size: 1.75rem;
134
+ --cube-highlight-blue-bg: #EEF4FF;
135
+ --cube-highlight-blue-fg: #888783;
136
+ --cube-highlight-borderRadius: 0.125rem;
137
+ --cube-highlight-green-bg: #F0F9EF;
138
+ --cube-highlight-green-fg: #888783;
139
+ --cube-highlight-neutral-bg: #F4F4F2;
140
+ --cube-highlight-neutral-fg: #888783;
141
+ --cube-highlight-none-bg: #ffffff00;
142
+ --cube-highlight-none-fg: #ABA9A5;
143
+ --cube-highlight-orange-bg: #FEE8D8;
144
+ --cube-highlight-orange-fg: #888783;
145
+ --cube-highlight-paddingBlock: 0;
146
+ --cube-highlight-paddingInline: 0.125rem;
147
+ --cube-highlight-red-bg: #FFD9D5;
148
+ --cube-highlight-red-fg: #888783;
149
+ --cube-highlight-yellow-bg: #FFF0CD;
150
+ --cube-highlight-yellow-fg: #888783;
151
+ --cube-iconButton-extra-small-borderRadius: 0.375rem;
152
+ --cube-iconButton-extra-small-icon: 1.125rem;
153
+ --cube-iconButton-extra-small-size: 1.5rem;
154
+ --cube-iconButton-ghost-selected-bg-disabled: #F4F4F2;
155
+ --cube-iconButton-ghost-selected-bg-hover: #CBDEFF;
156
+ --cube-iconButton-ghost-selected-bg-pressed: #DFEAFD;
157
+ --cube-iconButton-ghost-selected-bg-rest: #DFEAFD;
158
+ --cube-iconButton-ghost-selected-border-disabled: #ffffff00;
159
+ --cube-iconButton-ghost-selected-border-hover: #ffffff00;
160
+ --cube-iconButton-ghost-selected-border-pressed: #ffffff00;
161
+ --cube-iconButton-ghost-selected-border-rest: #ffffff00;
162
+ --cube-iconButton-ghost-selected-fg-disabled: #D8D7D4;
163
+ --cube-iconButton-ghost-selected-fg-hover: #1d5ece;
164
+ --cube-iconButton-ghost-selected-fg-pressed: #1d5ece;
165
+ --cube-iconButton-ghost-selected-fg-rest: #1d5ece;
166
+ --cube-iconButton-ghost-unselected-bg-disabled: #ffffff00;
167
+ --cube-iconButton-ghost-unselected-bg-hover: #EFEEEA;
168
+ --cube-iconButton-ghost-unselected-bg-pressed: #EFEEEA;
169
+ --cube-iconButton-ghost-unselected-bg-rest: #ffffff00;
170
+ --cube-iconButton-ghost-unselected-border-disabled: #ffffff00;
171
+ --cube-iconButton-ghost-unselected-border-hover: #ffffff00;
172
+ --cube-iconButton-ghost-unselected-border-pressed: #ffffff00;
173
+ --cube-iconButton-ghost-unselected-border-rest: #ffffff00;
174
+ --cube-iconButton-ghost-unselected-fg-disabled: #D8D7D4;
175
+ --cube-iconButton-ghost-unselected-fg-hover: #6F6F6D;
176
+ --cube-iconButton-ghost-unselected-fg-pressed: #6F6F6D;
177
+ --cube-iconButton-ghost-unselected-fg-rest: #6F6F6D;
178
+ --cube-iconButton-large-borderRadius: 0.5rem;
179
+ --cube-iconButton-large-icon: 1.5rem;
180
+ --cube-iconButton-large-size: 2.5rem;
181
+ --cube-iconButton-medium-borderRadius: 0.5rem;
182
+ --cube-iconButton-medium-icon: 1.25rem;
183
+ --cube-iconButton-medium-size: 2rem;
184
+ --cube-iconButton-outlined-selected-bg-disabled: #F4F4F2;
185
+ --cube-iconButton-outlined-selected-bg-hover: #C4DAFF;
186
+ --cube-iconButton-outlined-selected-bg-pressed: #CBDEFF;
187
+ --cube-iconButton-outlined-selected-bg-rest: #EAF2FF;
188
+ --cube-iconButton-outlined-selected-border-disabled: #EFEEEA;
189
+ --cube-iconButton-outlined-selected-border-hover: #3a80f9 ;
190
+ --cube-iconButton-outlined-selected-border-pressed: #1d5ece;
191
+ --cube-iconButton-outlined-selected-border-rest: #236ae5 ;
192
+ --cube-iconButton-outlined-selected-fg-disabled: #D8D7D4;
193
+ --cube-iconButton-outlined-selected-fg-hover: #1d5ece;
194
+ --cube-iconButton-outlined-selected-fg-pressed: #1d5ece;
195
+ --cube-iconButton-outlined-selected-fg-rest: #1d5ece;
196
+ --cube-iconButton-outlined-unselected-bg-disabled: #EFEEEA;
197
+ --cube-iconButton-outlined-unselected-bg-hover: #F9F9F8;
198
+ --cube-iconButton-outlined-unselected-bg-pressed: #EFEEEA;
199
+ --cube-iconButton-outlined-unselected-bg-rest: #FFFFFF;
200
+ --cube-iconButton-outlined-unselected-border-disabled: #E2E1DD;
201
+ --cube-iconButton-outlined-unselected-border-hover: #D8D7D4;
202
+ --cube-iconButton-outlined-unselected-border-pressed: #D8D7D4;
203
+ --cube-iconButton-outlined-unselected-border-rest: #D8D7D4;
204
+ --cube-iconButton-outlined-unselected-fg-disabled: #D8D7D4;
205
+ --cube-iconButton-outlined-unselected-fg-hover: #6F6F6D;
206
+ --cube-iconButton-outlined-unselected-fg-pressed: #6F6F6D;
207
+ --cube-iconButton-outlined-unselected-fg-rest: #6F6F6D;
208
+ --cube-iconButton-small-borderRadius: 0.375rem;
209
+ --cube-iconButton-small-icon: 1.25rem;
210
+ --cube-iconButton-small-size: 1.75rem;
211
+ --cube-layout-contentMaxWidth: 40rem;
212
+ --cube-layout-pageMaxWidth: 56rem;
213
+ --cube-layout-pagePaddingInline: 1.25rem;
214
+ --cube-layout-sectionLabelWidth: clamp(6.5rem, 25%, 10rem);
215
+ --cube-link-inline-fg-hover: #ABA9A5;
216
+ --cube-link-inline-fg-rest: #525252;
217
+ --cube-link-standalone-fg-hover: #ABA9A5;
218
+ --cube-link-standalone-fg-rest: #525252;
219
+ --cube-overlay-modal-bg: rgba(58,58,57,0.2);
220
+ --cube-overlay-none-bg: #ffffff00;
221
+ --cube-overlay-sheet-bg: rgba(53,53,51,0.03);
222
+ --cube-pill-blue-bold-bordered-bg: #3a80f9 ;
223
+ --cube-pill-blue-bold-bordered-border: #1d5ece;
224
+ --cube-pill-blue-bold-bordered-fg: #FFFFFF;
225
+ --cube-pill-blue-bold-filled-bg: #3a80f9 ;
226
+ --cube-pill-blue-bold-filled-border: #ffffff00;
227
+ --cube-pill-blue-bold-filled-fg: #FFFFFF;
228
+ --cube-pill-blue-extraBold-bordered-bg: #236ae5 ;
229
+ --cube-pill-blue-extraBold-bordered-border: #1d5ece;
230
+ --cube-pill-blue-extraBold-bordered-fg: #FFFFFF;
231
+ --cube-pill-blue-extraBold-filled-bg: #1d5ece;
232
+ --cube-pill-blue-extraBold-filled-border: #ffffff00;
233
+ --cube-pill-blue-extraBold-filled-fg: #FFFFFF;
234
+ --cube-pill-blue-extralight-bordered-bg: #EAF2FF;
235
+ --cube-pill-blue-extralight-bordered-border: #C4DAFF;
236
+ --cube-pill-blue-extralight-bordered-fg: #1d5ece;
237
+ --cube-pill-blue-extralight-filled-bg: #EEF4FF;
238
+ --cube-pill-blue-extralight-filled-border: #ffffff00;
239
+ --cube-pill-blue-extralight-filled-fg: #1d5ece;
240
+ --cube-pill-blue-light-bordered-bg: #DFEAFD;
241
+ --cube-pill-blue-light-bordered-border: #518ff8;
242
+ --cube-pill-blue-light-bordered-fg: #1d5ece;
243
+ --cube-pill-blue-light-filled-bg: #DFEAFD;
244
+ --cube-pill-blue-light-filled-border: #ffffff00;
245
+ --cube-pill-blue-light-filled-fg: #1d5ece;
246
+ --cube-pill-borderRadius: 0.25rem;
247
+ --cube-pill-gap: 0.25rem;
248
+ --cube-pill-gray-bold-bordered-bg: #6F6F6D;
249
+ --cube-pill-gray-bold-bordered-border: #474746;
250
+ --cube-pill-gray-bold-bordered-fg: #FFFFFF;
251
+ --cube-pill-gray-bold-filled-bg: #888783;
252
+ --cube-pill-gray-bold-filled-border: #ffffff00;
253
+ --cube-pill-gray-bold-filled-fg: #FFFFFF;
254
+ --cube-pill-gray-extraBold-bordered-bg: #474746;
255
+ --cube-pill-gray-extraBold-bordered-border: #474746;
256
+ --cube-pill-gray-extraBold-bordered-fg: #FFFFFF;
257
+ --cube-pill-gray-extraBold-filled-bg: #474746;
258
+ --cube-pill-gray-extraBold-filled-border: #ffffff00;
259
+ --cube-pill-gray-extraBold-filled-fg: #FFFFFF;
260
+ --cube-pill-gray-extralight-bordered-bg: #FFFFFF;
261
+ --cube-pill-gray-extralight-bordered-border: #D8D7D4;
262
+ --cube-pill-gray-extralight-bordered-fg: #6F6F6D;
263
+ --cube-pill-gray-extralight-filled-bg: #FFFFFF;
264
+ --cube-pill-gray-extralight-filled-border: #ffffff00;
265
+ --cube-pill-gray-extralight-filled-fg: #6F6F6D;
266
+ --cube-pill-gray-light-bordered-bg: #F4F4F2;
267
+ --cube-pill-gray-light-bordered-border: #D8D7D4;
268
+ --cube-pill-gray-light-bordered-fg: #6F6F6D;
269
+ --cube-pill-gray-light-filled-bg: #F4F4F2;
270
+ --cube-pill-gray-light-filled-border: #ffffff00;
271
+ --cube-pill-gray-light-filled-fg: #6F6F6D;
272
+ --cube-pill-green-bold-bordered-bg: #6EBF57;
273
+ --cube-pill-green-bold-bordered-border: #3f8d2a;
274
+ --cube-pill-green-bold-bordered-fg: #FFFFFF;
275
+ --cube-pill-green-bold-filled-bg: #6EBF57;
276
+ --cube-pill-green-bold-filled-border: #ffffff00;
277
+ --cube-pill-green-bold-filled-fg: #FFFFFF;
278
+ --cube-pill-green-extraBold-bordered-bg: #5ca647;
279
+ --cube-pill-green-extraBold-bordered-border: #3f8d2a;
280
+ --cube-pill-green-extraBold-bordered-fg: #FFFFFF;
281
+ --cube-pill-green-extraBold-filled-bg: #3f8d2a;
282
+ --cube-pill-green-extraBold-filled-border: #ffffff00;
283
+ --cube-pill-green-extraBold-filled-fg: #FFFFFF;
284
+ --cube-pill-green-extralight-bordered-bg: #E6F4E4;
285
+ --cube-pill-green-extralight-bordered-border: #BAE3AF;
286
+ --cube-pill-green-extralight-bordered-fg: #3f8d2a;
287
+ --cube-pill-green-extralight-filled-bg: #E6F4E4;
288
+ --cube-pill-green-extralight-filled-border: #ffffff00;
289
+ --cube-pill-green-extralight-filled-fg: #3f8d2a;
290
+ --cube-pill-green-light-bordered-bg: #DCF1D5;
291
+ --cube-pill-green-light-bordered-border: #6EBF57;
292
+ --cube-pill-green-light-bordered-fg: #3f8d2a;
293
+ --cube-pill-green-light-filled-bg: #E2F1DE;
294
+ --cube-pill-green-light-filled-border: #ffffff00;
295
+ --cube-pill-green-light-filled-fg: #3f8d2a;
296
+ --cube-pill-indigo-bold-bordered-bg: #8686FF;
297
+ --cube-pill-indigo-bold-bordered-border: #5454e1;
298
+ --cube-pill-indigo-bold-bordered-fg: #FFFFFF;
299
+ --cube-pill-indigo-bold-filled-bg: #8686FF;
300
+ --cube-pill-indigo-bold-filled-border: #ffffff00;
301
+ --cube-pill-indigo-bold-filled-fg: #FFFFFF;
302
+ --cube-pill-indigo-extraBold-bordered-bg: #6565FA;
303
+ --cube-pill-indigo-extraBold-bordered-border: #5454e1;
304
+ --cube-pill-indigo-extraBold-bordered-fg: #FFFFFF;
305
+ --cube-pill-indigo-extraBold-filled-bg: #5454e1;
306
+ --cube-pill-indigo-extraBold-filled-border: #ffffff00;
307
+ --cube-pill-indigo-extraBold-filled-fg: #FFFFFF;
308
+ --cube-pill-indigo-extralight-bordered-bg: #F4F4FF;
309
+ --cube-pill-indigo-extralight-bordered-border: #C1C1FF;
310
+ --cube-pill-indigo-extralight-bordered-fg: #5454e1;
311
+ --cube-pill-indigo-extralight-filled-bg: #F7F7FC;
312
+ --cube-pill-indigo-extralight-filled-border: #ffffff00;
313
+ --cube-pill-indigo-extralight-filled-fg: #5454e1;
314
+ --cube-pill-indigo-light-bordered-bg: #E8E8FF;
315
+ --cube-pill-indigo-light-bordered-border: #9D9DFF;
316
+ --cube-pill-indigo-light-bordered-fg: #5454e1;
317
+ --cube-pill-indigo-light-filled-bg: #E8E8FF;
318
+ --cube-pill-indigo-light-filled-border: #ffffff00;
319
+ --cube-pill-indigo-light-filled-fg: #5454e1;
320
+ --cube-pill-lime-bold-bordered-bg: #779204;
321
+ --cube-pill-lime-bold-bordered-border: #4F6201;
322
+ --cube-pill-lime-bold-bordered-fg: #FFFFFF;
323
+ --cube-pill-lime-bold-filled-bg: #779204;
324
+ --cube-pill-lime-bold-filled-border: #ffffff00;
325
+ --cube-pill-lime-bold-filled-fg: #FFFFFF;
326
+ --cube-pill-lime-extraBold-bordered-bg: #536601;
327
+ --cube-pill-lime-extraBold-bordered-border: #4F6201;
328
+ --cube-pill-lime-extraBold-bordered-fg: #FFFFFF;
329
+ --cube-pill-lime-extraBold-filled-bg: #4F6201;
330
+ --cube-pill-lime-extraBold-filled-border: #ffffff00;
331
+ --cube-pill-lime-extraBold-filled-fg: #FFFFFF;
332
+ --cube-pill-lime-extralight-bordered-bg: #F4F7E6;
333
+ --cube-pill-lime-extralight-bordered-border: #D5E68C;
334
+ --cube-pill-lime-extralight-bordered-fg: #4F6201;
335
+ --cube-pill-lime-extralight-filled-bg: #F1F6F2;
336
+ --cube-pill-lime-extralight-filled-border: #ffffff00;
337
+ --cube-pill-lime-extralight-filled-fg: #536601;
338
+ --cube-pill-lime-light-bordered-bg: #D5E68C;
339
+ --cube-pill-lime-light-bordered-border: #779204;
340
+ --cube-pill-lime-light-bordered-fg: #4F6201;
341
+ --cube-pill-lime-light-filled-bg: #ECF6C2;
342
+ --cube-pill-lime-light-filled-border: #ffffff00;
343
+ --cube-pill-lime-light-filled-fg: #4F6201;
344
+ --cube-pill-mag-bold-bordered-bg: #EB3CB2;
345
+ --cube-pill-mag-bold-bordered-border: #c9178d;
346
+ --cube-pill-mag-bold-bordered-fg: #FFFFFF;
347
+ --cube-pill-mag-bold-filled-bg: #E63BAD;
348
+ --cube-pill-mag-bold-filled-border: #ffffff00;
349
+ --cube-pill-mag-bold-filled-fg: #FFFFFF;
350
+ --cube-pill-mag-extraBold-bordered-bg: #d22799;
351
+ --cube-pill-mag-extraBold-bordered-border: #c9178d;
352
+ --cube-pill-mag-extraBold-bordered-fg: #FFFFFF;
353
+ --cube-pill-mag-extraBold-filled-bg: #c9178d;
354
+ --cube-pill-mag-extraBold-filled-border: #ffffff00;
355
+ --cube-pill-mag-extraBold-filled-fg: #FFFFFF;
356
+ --cube-pill-mag-extralight-bordered-bg: #FDD8F1;
357
+ --cube-pill-mag-extralight-bordered-border: #FFB5E6;
358
+ --cube-pill-mag-extralight-bordered-fg: #c9178d;
359
+ --cube-pill-mag-extralight-filled-bg: #FDD8F1;
360
+ --cube-pill-mag-extralight-filled-border: #ffffff00;
361
+ --cube-pill-mag-extralight-filled-fg: #c9178d;
362
+ --cube-pill-mag-light-bordered-bg: #FDD8F1;
363
+ --cube-pill-mag-light-bordered-border: #FF9ADD;
364
+ --cube-pill-mag-light-bordered-fg: #c9178d;
365
+ --cube-pill-mag-light-filled-bg: #FFC2EA;
366
+ --cube-pill-mag-light-filled-border: #ffffff00;
367
+ --cube-pill-mag-light-filled-fg: #c9178d;
368
+ --cube-pill-orange-bold-bordered-bg: #F2711B;
369
+ --cube-pill-orange-bold-bordered-border: #BD4B04;
370
+ --cube-pill-orange-bold-bordered-fg: #FFFFFF;
371
+ --cube-pill-orange-bold-filled-bg: #F2711B;
372
+ --cube-pill-orange-bold-filled-border: #ffffff00;
373
+ --cube-pill-orange-bold-filled-fg: #FFFFFF;
374
+ --cube-pill-orange-extraBold-bordered-bg: #C85700;
375
+ --cube-pill-orange-extraBold-bordered-border: #BD4B04;
376
+ --cube-pill-orange-extraBold-bordered-fg: #FFFFFF;
377
+ --cube-pill-orange-extraBold-filled-bg: #BD4B04;
378
+ --cube-pill-orange-extraBold-filled-border: #ffffff00;
379
+ --cube-pill-orange-extraBold-filled-fg: #FFFFFF;
380
+ --cube-pill-orange-extralight-bordered-bg: #FEE8D8;
381
+ --cube-pill-orange-extralight-bordered-border: #FF9B61;
382
+ --cube-pill-orange-extralight-bordered-fg: #BD4B04;
383
+ --cube-pill-orange-extralight-filled-bg: #FFEFE6;
384
+ --cube-pill-orange-extralight-filled-border: #ffffff00;
385
+ --cube-pill-orange-extralight-filled-fg: #BD4B04;
386
+ --cube-pill-orange-light-bordered-bg: #FFDDC5;
387
+ --cube-pill-orange-light-bordered-border: #F2711B;
388
+ --cube-pill-orange-light-bordered-fg: #BD4B04;
389
+ --cube-pill-orange-light-filled-bg: #FFDDC5;
390
+ --cube-pill-orange-light-filled-border: #ffffff00;
391
+ --cube-pill-orange-light-filled-fg: #BD4B04;
392
+ --cube-pill-paddingBlock: 0.1875rem;
393
+ --cube-pill-paddingInline: 0.375rem;
394
+ --cube-pill-purple-bold-bordered-bg: #9035BD;
395
+ --cube-pill-purple-bold-bordered-border: #5B2589;
396
+ --cube-pill-purple-bold-bordered-fg: #FFFFFF;
397
+ --cube-pill-purple-bold-filled-bg: #9035BD;
398
+ --cube-pill-purple-bold-filled-border: #ffffff00;
399
+ --cube-pill-purple-bold-filled-fg: #FFFFFF;
400
+ --cube-pill-purple-extraBold-bordered-bg: #6F2EA8;
401
+ --cube-pill-purple-extraBold-bordered-border: #5B2589;
402
+ --cube-pill-purple-extraBold-bordered-fg: #FFFFFF;
403
+ --cube-pill-purple-extraBold-filled-bg: #5B2589;
404
+ --cube-pill-purple-extraBold-filled-border: #ffffff00;
405
+ --cube-pill-purple-extraBold-filled-fg: #FFFFFF;
406
+ --cube-pill-purple-extralight-bordered-bg: #ECDAFA;
407
+ --cube-pill-purple-extralight-bordered-border: #D7A7F7;
408
+ --cube-pill-purple-extralight-bordered-fg: #5B2589;
409
+ --cube-pill-purple-extralight-filled-bg: #faf5fd;
410
+ --cube-pill-purple-extralight-filled-border: #ffffff00;
411
+ --cube-pill-purple-extralight-filled-fg: #5B2589;
412
+ --cube-pill-purple-light-bordered-bg: #E3C1F6;
413
+ --cube-pill-purple-light-bordered-border: #A854D2;
414
+ --cube-pill-purple-light-bordered-fg: #5B2589;
415
+ --cube-pill-purple-light-filled-bg: #ECD2FA;
416
+ --cube-pill-purple-light-filled-border: #ffffff00;
417
+ --cube-pill-purple-light-filled-fg: #5B2589;
418
+ --cube-pill-red-bold-bordered-bg: #EF6262;
419
+ --cube-pill-red-bold-bordered-border: #DA2222;
420
+ --cube-pill-red-bold-bordered-fg: #FFFFFF;
421
+ --cube-pill-red-bold-filled-bg: #EF6262;
422
+ --cube-pill-red-bold-filled-border: #ffffff00;
423
+ --cube-pill-red-bold-filled-fg: #FFFFFF;
424
+ --cube-pill-red-extraBold-bordered-bg: #E74646;
425
+ --cube-pill-red-extraBold-bordered-border: #DA2222;
426
+ --cube-pill-red-extraBold-bordered-fg: #FFFFFF;
427
+ --cube-pill-red-extraBold-filled-bg: #DA2222;
428
+ --cube-pill-red-extraBold-filled-border: #ffffff00;
429
+ --cube-pill-red-extraBold-filled-fg: #FFFFFF;
430
+ --cube-pill-red-extralight-bordered-bg: #FFE6E2;
431
+ --cube-pill-red-extralight-bordered-border: #FFD9D5;
432
+ --cube-pill-red-extralight-bordered-fg: #DA2222;
433
+ --cube-pill-red-extralight-filled-bg: #FCEDEB;
434
+ --cube-pill-red-extralight-filled-border: #ffffff00;
435
+ --cube-pill-red-extralight-filled-fg: #DA2222;
436
+ --cube-pill-red-light-bordered-bg: #FFD9D5;
437
+ --cube-pill-red-light-bordered-border: #F99090;
438
+ --cube-pill-red-light-bordered-fg: #DA2222;
439
+ --cube-pill-red-light-filled-bg: #FFE6E2;
440
+ --cube-pill-red-light-filled-border: #ffffff00;
441
+ --cube-pill-red-light-filled-fg: #DA2222;
442
+ --cube-pill-teal-bold-bordered-bg: #1B899E;
443
+ --cube-pill-teal-bold-bordered-border: #07596A;
444
+ --cube-pill-teal-bold-bordered-fg: #FFFFFF;
445
+ --cube-pill-teal-bold-filled-bg: #2E98AD;
446
+ --cube-pill-teal-bold-filled-border: #ffffff00;
447
+ --cube-pill-teal-bold-filled-fg: #FFFFFF;
448
+ --cube-pill-teal-extraBold-bordered-bg: #177E93;
449
+ --cube-pill-teal-extraBold-bordered-border: #07596A;
450
+ --cube-pill-teal-extraBold-bordered-fg: #FFFFFF;
451
+ --cube-pill-teal-extraBold-filled-bg: #177E93;
452
+ --cube-pill-teal-extraBold-filled-border: #ffffff00;
453
+ --cube-pill-teal-extraBold-filled-fg: #FFFFFF;
454
+ --cube-pill-teal-extralight-bordered-bg: #E2F7FF;
455
+ --cube-pill-teal-extralight-bordered-border: #82E2EF;
456
+ --cube-pill-teal-extralight-bordered-fg: #1B899E;
457
+ --cube-pill-teal-extralight-filled-bg: #F0FBFF;
458
+ --cube-pill-teal-extralight-filled-border: #ffffff00;
459
+ --cube-pill-teal-extralight-filled-fg: #1B899E;
460
+ --cube-pill-teal-light-bordered-bg: #B2E8F0;
461
+ --cube-pill-teal-light-bordered-border: #2E98AD;
462
+ --cube-pill-teal-light-bordered-fg: #1B899E;
463
+ --cube-pill-teal-light-filled-bg: #B2E8F0;
464
+ --cube-pill-teal-light-filled-border: #ffffff00;
465
+ --cube-pill-teal-light-filled-fg: #1B899E;
466
+ --cube-pill-yellow-bold-bordered-bg: #CF9202;
467
+ --cube-pill-yellow-bold-bordered-border: #B57C02;
468
+ --cube-pill-yellow-bold-bordered-fg: #FFFFFF;
469
+ --cube-pill-yellow-bold-filled-bg: #D99904;
470
+ --cube-pill-yellow-bold-filled-border: #ffffff00;
471
+ --cube-pill-yellow-bold-filled-fg: #FFFFFF;
472
+ --cube-pill-yellow-extraBold-bordered-bg: #CF9202;
473
+ --cube-pill-yellow-extraBold-bordered-border: #B57C02;
474
+ --cube-pill-yellow-extraBold-bordered-fg: #FFFFFF;
475
+ --cube-pill-yellow-extraBold-filled-bg: #B57C02;
476
+ --cube-pill-yellow-extraBold-filled-border: #ffffff00;
477
+ --cube-pill-yellow-extraBold-filled-fg: #FFFFFF;
478
+ --cube-pill-yellow-extralight-bordered-bg: #FBF2D8;
479
+ --cube-pill-yellow-extralight-bordered-border: #FCE6AE;
480
+ --cube-pill-yellow-extralight-bordered-fg: #B57C02;
481
+ --cube-pill-yellow-extralight-filled-bg: #FFFBF0;
482
+ --cube-pill-yellow-extralight-filled-border: #ffffff00;
483
+ --cube-pill-yellow-extralight-filled-fg: #B57C02;
484
+ --cube-pill-yellow-light-bordered-bg: #FCE6AE;
485
+ --cube-pill-yellow-light-bordered-border: #E3A703;
486
+ --cube-pill-yellow-light-bordered-fg: #B57C02;
487
+ --cube-pill-yellow-light-filled-bg: #FFF0CD;
488
+ --cube-pill-yellow-light-filled-border: #ffffff00;
489
+ --cube-pill-yellow-light-filled-fg: #B57C02;
490
+ --cube-popover-bg: #FFFFFF;
491
+ --cube-popover-borderRadius: 0.5rem;
492
+ --cube-popover-gap: 0.25rem;
493
+ --cube-popover-maxWidth: 20rem;
494
+ --cube-popover-minWidth: 10rem;
495
+ --cube-resizeHandle-hitArea: 0.5rem;
496
+ --cube-sheet-bg: #FFFFFF;
497
+ --cube-sheet-bottomCornerRadius: 1rem;
498
+ --cube-sheet-maxHeight: 90vh;
499
+ --cube-sheet-maxWidth: 90vw;
500
+ --cube-sheet-minWidth: 15rem;
501
+ --cube-sheet-padding: 1rem;
502
+ --cube-sheet-width-lg: 35rem;
503
+ --cube-sheet-width-md: 25rem;
504
+ --cube-sheet-width-sm: 20rem;
505
+ --cube-sidebar-bg: #FFFFFF;
506
+ --cube-sidebar-border: #EFEEEA;
507
+ --cube-sidebar-footerPadding: 0.5rem;
508
+ --cube-sidebar-maxWidth: 30rem;
509
+ --cube-sidebar-minWidth: 12.5rem;
510
+ --cube-sidebar-padding: 0.5rem;
511
+ --cube-sidebar-width-lg: 20rem;
512
+ --cube-sidebar-width-md: 17rem;
513
+ --cube-sidebar-width-sm: 15rem;
514
+ --cube-sidebar-widthMinimized: 5.6rem;
515
+ --cube-siteHeader-bg: #FFFFFF;
516
+ --cube-siteHeader-border: #ffffff00;
517
+ --cube-siteHeader-divider-fg: #ABA9A5;
518
+ --cube-siteHeader-divider-height: 0.9375rem;
519
+ --cube-siteHeader-divider-width: 0.0625rem;
520
+ --cube-siteHeader-height: 3rem;
521
+ --cube-siteHeader-leadingGap: 0.25rem;
522
+ --cube-siteHeader-paddingBlock: 0.5rem;
523
+ --cube-siteHeader-paddingInlineEnd: 0.5rem;
524
+ --cube-siteHeader-paddingInlineStart: 1rem;
525
+ --cube-siteHeader-trailingGap: 0.5rem;
526
+ --cube-tooltip-bg: #222221;
527
+ --cube-tooltip-border: #ffffff00;
528
+ --cube-tooltip-borderRadius: 0.25rem;
529
+ --cube-tooltip-fg: #FFFFFF;
530
+ --cube-tooltip-gap: 0.125rem;
531
+ --cube-tooltip-maxWidth: 15rem;
532
+ --cube-tooltip-maxWidthSingleLine: 7.5rem;
533
+ --cube-tooltip-paddingBlock: 0.125rem;
534
+ --cube-tooltip-paddingInline: 0.375rem;
535
+ --cube-tooltip-shadow: 0 1px 2px rgba(68, 68, 69, 0.08);
536
+ }
537
+
538
+ /* Pill — [data-cube-pill]; vars below (--cube-pill-*-bg|fg|border) */
539
+ [data-cube-pill="blue-bold-filled"] {
540
+ color: var(--cube-pill-blue-bold-filled-fg);
541
+ background-color: var(--cube-pill-blue-bold-filled-bg);
542
+ border-color: var(--cube-pill-blue-bold-filled-border);
543
+ }
544
+ a[data-cube-pill="blue-bold-filled"]:visited {
545
+ color: var(--cube-pill-blue-bold-filled-fg);
546
+ background-color: var(--cube-pill-blue-bold-filled-bg);
547
+ border-color: var(--cube-pill-blue-bold-filled-border);
548
+ }
549
+ [data-cube-pill="blue-bold-filled"]:disabled,
550
+ [data-cube-pill="blue-bold-filled"][aria-disabled="true"] {
551
+ opacity: 0.45;
552
+ cursor: not-allowed;
553
+ }
554
+
555
+ [data-cube-pill="blue-bold-bordered"] {
556
+ color: var(--cube-pill-blue-bold-bordered-fg);
557
+ background-color: var(--cube-pill-blue-bold-bordered-bg);
558
+ border-color: var(--cube-pill-blue-bold-bordered-border);
559
+ }
560
+ a[data-cube-pill="blue-bold-bordered"]:visited {
561
+ color: var(--cube-pill-blue-bold-bordered-fg);
562
+ background-color: var(--cube-pill-blue-bold-bordered-bg);
563
+ border-color: var(--cube-pill-blue-bold-bordered-border);
564
+ }
565
+ [data-cube-pill="blue-bold-bordered"]:disabled,
566
+ [data-cube-pill="blue-bold-bordered"][aria-disabled="true"] {
567
+ opacity: 0.45;
568
+ cursor: not-allowed;
569
+ }
570
+
571
+ [data-cube-pill="blue-extraBold-filled"] {
572
+ color: var(--cube-pill-blue-extraBold-filled-fg);
573
+ background-color: var(--cube-pill-blue-extraBold-filled-bg);
574
+ border-color: var(--cube-pill-blue-extraBold-filled-border);
575
+ }
576
+ a[data-cube-pill="blue-extraBold-filled"]:visited {
577
+ color: var(--cube-pill-blue-extraBold-filled-fg);
578
+ background-color: var(--cube-pill-blue-extraBold-filled-bg);
579
+ border-color: var(--cube-pill-blue-extraBold-filled-border);
580
+ }
581
+ [data-cube-pill="blue-extraBold-filled"]:disabled,
582
+ [data-cube-pill="blue-extraBold-filled"][aria-disabled="true"] {
583
+ opacity: 0.45;
584
+ cursor: not-allowed;
585
+ }
586
+
587
+ [data-cube-pill="blue-extraBold-bordered"] {
588
+ color: var(--cube-pill-blue-extraBold-bordered-fg);
589
+ background-color: var(--cube-pill-blue-extraBold-bordered-bg);
590
+ border-color: var(--cube-pill-blue-extraBold-bordered-border);
591
+ }
592
+ a[data-cube-pill="blue-extraBold-bordered"]:visited {
593
+ color: var(--cube-pill-blue-extraBold-bordered-fg);
594
+ background-color: var(--cube-pill-blue-extraBold-bordered-bg);
595
+ border-color: var(--cube-pill-blue-extraBold-bordered-border);
596
+ }
597
+ [data-cube-pill="blue-extraBold-bordered"]:disabled,
598
+ [data-cube-pill="blue-extraBold-bordered"][aria-disabled="true"] {
599
+ opacity: 0.45;
600
+ cursor: not-allowed;
601
+ }
602
+
603
+ [data-cube-pill="blue-extralight-filled"] {
604
+ color: var(--cube-pill-blue-extralight-filled-fg);
605
+ background-color: var(--cube-pill-blue-extralight-filled-bg);
606
+ border-color: var(--cube-pill-blue-extralight-filled-border);
607
+ }
608
+ a[data-cube-pill="blue-extralight-filled"]:visited {
609
+ color: var(--cube-pill-blue-extralight-filled-fg);
610
+ background-color: var(--cube-pill-blue-extralight-filled-bg);
611
+ border-color: var(--cube-pill-blue-extralight-filled-border);
612
+ }
613
+ [data-cube-pill="blue-extralight-filled"]:disabled,
614
+ [data-cube-pill="blue-extralight-filled"][aria-disabled="true"] {
615
+ opacity: 0.45;
616
+ cursor: not-allowed;
617
+ }
618
+
619
+ [data-cube-pill="blue-extralight-bordered"] {
620
+ color: var(--cube-pill-blue-extralight-bordered-fg);
621
+ background-color: var(--cube-pill-blue-extralight-bordered-bg);
622
+ border-color: var(--cube-pill-blue-extralight-bordered-border);
623
+ }
624
+ a[data-cube-pill="blue-extralight-bordered"]:visited {
625
+ color: var(--cube-pill-blue-extralight-bordered-fg);
626
+ background-color: var(--cube-pill-blue-extralight-bordered-bg);
627
+ border-color: var(--cube-pill-blue-extralight-bordered-border);
628
+ }
629
+ [data-cube-pill="blue-extralight-bordered"]:disabled,
630
+ [data-cube-pill="blue-extralight-bordered"][aria-disabled="true"] {
631
+ opacity: 0.45;
632
+ cursor: not-allowed;
633
+ }
634
+
635
+ [data-cube-pill="blue-light-filled"] {
636
+ color: var(--cube-pill-blue-light-filled-fg);
637
+ background-color: var(--cube-pill-blue-light-filled-bg);
638
+ border-color: var(--cube-pill-blue-light-filled-border);
639
+ }
640
+ a[data-cube-pill="blue-light-filled"]:visited {
641
+ color: var(--cube-pill-blue-light-filled-fg);
642
+ background-color: var(--cube-pill-blue-light-filled-bg);
643
+ border-color: var(--cube-pill-blue-light-filled-border);
644
+ }
645
+ [data-cube-pill="blue-light-filled"]:disabled,
646
+ [data-cube-pill="blue-light-filled"][aria-disabled="true"] {
647
+ opacity: 0.45;
648
+ cursor: not-allowed;
649
+ }
650
+
651
+ [data-cube-pill="blue-light-bordered"] {
652
+ color: var(--cube-pill-blue-light-bordered-fg);
653
+ background-color: var(--cube-pill-blue-light-bordered-bg);
654
+ border-color: var(--cube-pill-blue-light-bordered-border);
655
+ }
656
+ a[data-cube-pill="blue-light-bordered"]:visited {
657
+ color: var(--cube-pill-blue-light-bordered-fg);
658
+ background-color: var(--cube-pill-blue-light-bordered-bg);
659
+ border-color: var(--cube-pill-blue-light-bordered-border);
660
+ }
661
+ [data-cube-pill="blue-light-bordered"]:disabled,
662
+ [data-cube-pill="blue-light-bordered"][aria-disabled="true"] {
663
+ opacity: 0.45;
664
+ cursor: not-allowed;
665
+ }
666
+
667
+ [data-cube-pill="gray-bold-filled"] {
668
+ color: var(--cube-pill-gray-bold-filled-fg);
669
+ background-color: var(--cube-pill-gray-bold-filled-bg);
670
+ border-color: var(--cube-pill-gray-bold-filled-border);
671
+ }
672
+ a[data-cube-pill="gray-bold-filled"]:visited {
673
+ color: var(--cube-pill-gray-bold-filled-fg);
674
+ background-color: var(--cube-pill-gray-bold-filled-bg);
675
+ border-color: var(--cube-pill-gray-bold-filled-border);
676
+ }
677
+ [data-cube-pill="gray-bold-filled"]:disabled,
678
+ [data-cube-pill="gray-bold-filled"][aria-disabled="true"] {
679
+ opacity: 0.45;
680
+ cursor: not-allowed;
681
+ }
682
+
683
+ [data-cube-pill="gray-bold-bordered"] {
684
+ color: var(--cube-pill-gray-bold-bordered-fg);
685
+ background-color: var(--cube-pill-gray-bold-bordered-bg);
686
+ border-color: var(--cube-pill-gray-bold-bordered-border);
687
+ }
688
+ a[data-cube-pill="gray-bold-bordered"]:visited {
689
+ color: var(--cube-pill-gray-bold-bordered-fg);
690
+ background-color: var(--cube-pill-gray-bold-bordered-bg);
691
+ border-color: var(--cube-pill-gray-bold-bordered-border);
692
+ }
693
+ [data-cube-pill="gray-bold-bordered"]:disabled,
694
+ [data-cube-pill="gray-bold-bordered"][aria-disabled="true"] {
695
+ opacity: 0.45;
696
+ cursor: not-allowed;
697
+ }
698
+
699
+ [data-cube-pill="gray-extraBold-filled"] {
700
+ color: var(--cube-pill-gray-extraBold-filled-fg);
701
+ background-color: var(--cube-pill-gray-extraBold-filled-bg);
702
+ border-color: var(--cube-pill-gray-extraBold-filled-border);
703
+ }
704
+ a[data-cube-pill="gray-extraBold-filled"]:visited {
705
+ color: var(--cube-pill-gray-extraBold-filled-fg);
706
+ background-color: var(--cube-pill-gray-extraBold-filled-bg);
707
+ border-color: var(--cube-pill-gray-extraBold-filled-border);
708
+ }
709
+ [data-cube-pill="gray-extraBold-filled"]:disabled,
710
+ [data-cube-pill="gray-extraBold-filled"][aria-disabled="true"] {
711
+ opacity: 0.45;
712
+ cursor: not-allowed;
713
+ }
714
+
715
+ [data-cube-pill="gray-extraBold-bordered"] {
716
+ color: var(--cube-pill-gray-extraBold-bordered-fg);
717
+ background-color: var(--cube-pill-gray-extraBold-bordered-bg);
718
+ border-color: var(--cube-pill-gray-extraBold-bordered-border);
719
+ }
720
+ a[data-cube-pill="gray-extraBold-bordered"]:visited {
721
+ color: var(--cube-pill-gray-extraBold-bordered-fg);
722
+ background-color: var(--cube-pill-gray-extraBold-bordered-bg);
723
+ border-color: var(--cube-pill-gray-extraBold-bordered-border);
724
+ }
725
+ [data-cube-pill="gray-extraBold-bordered"]:disabled,
726
+ [data-cube-pill="gray-extraBold-bordered"][aria-disabled="true"] {
727
+ opacity: 0.45;
728
+ cursor: not-allowed;
729
+ }
730
+
731
+ [data-cube-pill="gray-extralight-filled"] {
732
+ color: var(--cube-pill-gray-extralight-filled-fg);
733
+ background-color: var(--cube-pill-gray-extralight-filled-bg);
734
+ border-color: var(--cube-pill-gray-extralight-filled-border);
735
+ }
736
+ a[data-cube-pill="gray-extralight-filled"]:visited {
737
+ color: var(--cube-pill-gray-extralight-filled-fg);
738
+ background-color: var(--cube-pill-gray-extralight-filled-bg);
739
+ border-color: var(--cube-pill-gray-extralight-filled-border);
740
+ }
741
+ [data-cube-pill="gray-extralight-filled"]:disabled,
742
+ [data-cube-pill="gray-extralight-filled"][aria-disabled="true"] {
743
+ opacity: 0.45;
744
+ cursor: not-allowed;
745
+ }
746
+
747
+ [data-cube-pill="gray-extralight-bordered"] {
748
+ color: var(--cube-pill-gray-extralight-bordered-fg);
749
+ background-color: var(--cube-pill-gray-extralight-bordered-bg);
750
+ border-color: var(--cube-pill-gray-extralight-bordered-border);
751
+ }
752
+ a[data-cube-pill="gray-extralight-bordered"]:visited {
753
+ color: var(--cube-pill-gray-extralight-bordered-fg);
754
+ background-color: var(--cube-pill-gray-extralight-bordered-bg);
755
+ border-color: var(--cube-pill-gray-extralight-bordered-border);
756
+ }
757
+ [data-cube-pill="gray-extralight-bordered"]:disabled,
758
+ [data-cube-pill="gray-extralight-bordered"][aria-disabled="true"] {
759
+ opacity: 0.45;
760
+ cursor: not-allowed;
761
+ }
762
+
763
+ [data-cube-pill="gray-light-filled"] {
764
+ color: var(--cube-pill-gray-light-filled-fg);
765
+ background-color: var(--cube-pill-gray-light-filled-bg);
766
+ border-color: var(--cube-pill-gray-light-filled-border);
767
+ }
768
+ a[data-cube-pill="gray-light-filled"]:visited {
769
+ color: var(--cube-pill-gray-light-filled-fg);
770
+ background-color: var(--cube-pill-gray-light-filled-bg);
771
+ border-color: var(--cube-pill-gray-light-filled-border);
772
+ }
773
+ [data-cube-pill="gray-light-filled"]:disabled,
774
+ [data-cube-pill="gray-light-filled"][aria-disabled="true"] {
775
+ opacity: 0.45;
776
+ cursor: not-allowed;
777
+ }
778
+
779
+ [data-cube-pill="gray-light-bordered"] {
780
+ color: var(--cube-pill-gray-light-bordered-fg);
781
+ background-color: var(--cube-pill-gray-light-bordered-bg);
782
+ border-color: var(--cube-pill-gray-light-bordered-border);
783
+ }
784
+ a[data-cube-pill="gray-light-bordered"]:visited {
785
+ color: var(--cube-pill-gray-light-bordered-fg);
786
+ background-color: var(--cube-pill-gray-light-bordered-bg);
787
+ border-color: var(--cube-pill-gray-light-bordered-border);
788
+ }
789
+ [data-cube-pill="gray-light-bordered"]:disabled,
790
+ [data-cube-pill="gray-light-bordered"][aria-disabled="true"] {
791
+ opacity: 0.45;
792
+ cursor: not-allowed;
793
+ }
794
+
795
+ [data-cube-pill="green-bold-filled"] {
796
+ color: var(--cube-pill-green-bold-filled-fg);
797
+ background-color: var(--cube-pill-green-bold-filled-bg);
798
+ border-color: var(--cube-pill-green-bold-filled-border);
799
+ }
800
+ a[data-cube-pill="green-bold-filled"]:visited {
801
+ color: var(--cube-pill-green-bold-filled-fg);
802
+ background-color: var(--cube-pill-green-bold-filled-bg);
803
+ border-color: var(--cube-pill-green-bold-filled-border);
804
+ }
805
+ [data-cube-pill="green-bold-filled"]:disabled,
806
+ [data-cube-pill="green-bold-filled"][aria-disabled="true"] {
807
+ opacity: 0.45;
808
+ cursor: not-allowed;
809
+ }
810
+
811
+ [data-cube-pill="green-bold-bordered"] {
812
+ color: var(--cube-pill-green-bold-bordered-fg);
813
+ background-color: var(--cube-pill-green-bold-bordered-bg);
814
+ border-color: var(--cube-pill-green-bold-bordered-border);
815
+ }
816
+ a[data-cube-pill="green-bold-bordered"]:visited {
817
+ color: var(--cube-pill-green-bold-bordered-fg);
818
+ background-color: var(--cube-pill-green-bold-bordered-bg);
819
+ border-color: var(--cube-pill-green-bold-bordered-border);
820
+ }
821
+ [data-cube-pill="green-bold-bordered"]:disabled,
822
+ [data-cube-pill="green-bold-bordered"][aria-disabled="true"] {
823
+ opacity: 0.45;
824
+ cursor: not-allowed;
825
+ }
826
+
827
+ [data-cube-pill="green-extraBold-filled"] {
828
+ color: var(--cube-pill-green-extraBold-filled-fg);
829
+ background-color: var(--cube-pill-green-extraBold-filled-bg);
830
+ border-color: var(--cube-pill-green-extraBold-filled-border);
831
+ }
832
+ a[data-cube-pill="green-extraBold-filled"]:visited {
833
+ color: var(--cube-pill-green-extraBold-filled-fg);
834
+ background-color: var(--cube-pill-green-extraBold-filled-bg);
835
+ border-color: var(--cube-pill-green-extraBold-filled-border);
836
+ }
837
+ [data-cube-pill="green-extraBold-filled"]:disabled,
838
+ [data-cube-pill="green-extraBold-filled"][aria-disabled="true"] {
839
+ opacity: 0.45;
840
+ cursor: not-allowed;
841
+ }
842
+
843
+ [data-cube-pill="green-extraBold-bordered"] {
844
+ color: var(--cube-pill-green-extraBold-bordered-fg);
845
+ background-color: var(--cube-pill-green-extraBold-bordered-bg);
846
+ border-color: var(--cube-pill-green-extraBold-bordered-border);
847
+ }
848
+ a[data-cube-pill="green-extraBold-bordered"]:visited {
849
+ color: var(--cube-pill-green-extraBold-bordered-fg);
850
+ background-color: var(--cube-pill-green-extraBold-bordered-bg);
851
+ border-color: var(--cube-pill-green-extraBold-bordered-border);
852
+ }
853
+ [data-cube-pill="green-extraBold-bordered"]:disabled,
854
+ [data-cube-pill="green-extraBold-bordered"][aria-disabled="true"] {
855
+ opacity: 0.45;
856
+ cursor: not-allowed;
857
+ }
858
+
859
+ [data-cube-pill="green-extralight-filled"] {
860
+ color: var(--cube-pill-green-extralight-filled-fg);
861
+ background-color: var(--cube-pill-green-extralight-filled-bg);
862
+ border-color: var(--cube-pill-green-extralight-filled-border);
863
+ }
864
+ a[data-cube-pill="green-extralight-filled"]:visited {
865
+ color: var(--cube-pill-green-extralight-filled-fg);
866
+ background-color: var(--cube-pill-green-extralight-filled-bg);
867
+ border-color: var(--cube-pill-green-extralight-filled-border);
868
+ }
869
+ [data-cube-pill="green-extralight-filled"]:disabled,
870
+ [data-cube-pill="green-extralight-filled"][aria-disabled="true"] {
871
+ opacity: 0.45;
872
+ cursor: not-allowed;
873
+ }
874
+
875
+ [data-cube-pill="green-extralight-bordered"] {
876
+ color: var(--cube-pill-green-extralight-bordered-fg);
877
+ background-color: var(--cube-pill-green-extralight-bordered-bg);
878
+ border-color: var(--cube-pill-green-extralight-bordered-border);
879
+ }
880
+ a[data-cube-pill="green-extralight-bordered"]:visited {
881
+ color: var(--cube-pill-green-extralight-bordered-fg);
882
+ background-color: var(--cube-pill-green-extralight-bordered-bg);
883
+ border-color: var(--cube-pill-green-extralight-bordered-border);
884
+ }
885
+ [data-cube-pill="green-extralight-bordered"]:disabled,
886
+ [data-cube-pill="green-extralight-bordered"][aria-disabled="true"] {
887
+ opacity: 0.45;
888
+ cursor: not-allowed;
889
+ }
890
+
891
+ [data-cube-pill="green-light-filled"] {
892
+ color: var(--cube-pill-green-light-filled-fg);
893
+ background-color: var(--cube-pill-green-light-filled-bg);
894
+ border-color: var(--cube-pill-green-light-filled-border);
895
+ }
896
+ a[data-cube-pill="green-light-filled"]:visited {
897
+ color: var(--cube-pill-green-light-filled-fg);
898
+ background-color: var(--cube-pill-green-light-filled-bg);
899
+ border-color: var(--cube-pill-green-light-filled-border);
900
+ }
901
+ [data-cube-pill="green-light-filled"]:disabled,
902
+ [data-cube-pill="green-light-filled"][aria-disabled="true"] {
903
+ opacity: 0.45;
904
+ cursor: not-allowed;
905
+ }
906
+
907
+ [data-cube-pill="green-light-bordered"] {
908
+ color: var(--cube-pill-green-light-bordered-fg);
909
+ background-color: var(--cube-pill-green-light-bordered-bg);
910
+ border-color: var(--cube-pill-green-light-bordered-border);
911
+ }
912
+ a[data-cube-pill="green-light-bordered"]:visited {
913
+ color: var(--cube-pill-green-light-bordered-fg);
914
+ background-color: var(--cube-pill-green-light-bordered-bg);
915
+ border-color: var(--cube-pill-green-light-bordered-border);
916
+ }
917
+ [data-cube-pill="green-light-bordered"]:disabled,
918
+ [data-cube-pill="green-light-bordered"][aria-disabled="true"] {
919
+ opacity: 0.45;
920
+ cursor: not-allowed;
921
+ }
922
+
923
+ [data-cube-pill="indigo-bold-filled"] {
924
+ color: var(--cube-pill-indigo-bold-filled-fg);
925
+ background-color: var(--cube-pill-indigo-bold-filled-bg);
926
+ border-color: var(--cube-pill-indigo-bold-filled-border);
927
+ }
928
+ a[data-cube-pill="indigo-bold-filled"]:visited {
929
+ color: var(--cube-pill-indigo-bold-filled-fg);
930
+ background-color: var(--cube-pill-indigo-bold-filled-bg);
931
+ border-color: var(--cube-pill-indigo-bold-filled-border);
932
+ }
933
+ [data-cube-pill="indigo-bold-filled"]:disabled,
934
+ [data-cube-pill="indigo-bold-filled"][aria-disabled="true"] {
935
+ opacity: 0.45;
936
+ cursor: not-allowed;
937
+ }
938
+
939
+ [data-cube-pill="indigo-bold-bordered"] {
940
+ color: var(--cube-pill-indigo-bold-bordered-fg);
941
+ background-color: var(--cube-pill-indigo-bold-bordered-bg);
942
+ border-color: var(--cube-pill-indigo-bold-bordered-border);
943
+ }
944
+ a[data-cube-pill="indigo-bold-bordered"]:visited {
945
+ color: var(--cube-pill-indigo-bold-bordered-fg);
946
+ background-color: var(--cube-pill-indigo-bold-bordered-bg);
947
+ border-color: var(--cube-pill-indigo-bold-bordered-border);
948
+ }
949
+ [data-cube-pill="indigo-bold-bordered"]:disabled,
950
+ [data-cube-pill="indigo-bold-bordered"][aria-disabled="true"] {
951
+ opacity: 0.45;
952
+ cursor: not-allowed;
953
+ }
954
+
955
+ [data-cube-pill="indigo-extraBold-filled"] {
956
+ color: var(--cube-pill-indigo-extraBold-filled-fg);
957
+ background-color: var(--cube-pill-indigo-extraBold-filled-bg);
958
+ border-color: var(--cube-pill-indigo-extraBold-filled-border);
959
+ }
960
+ a[data-cube-pill="indigo-extraBold-filled"]:visited {
961
+ color: var(--cube-pill-indigo-extraBold-filled-fg);
962
+ background-color: var(--cube-pill-indigo-extraBold-filled-bg);
963
+ border-color: var(--cube-pill-indigo-extraBold-filled-border);
964
+ }
965
+ [data-cube-pill="indigo-extraBold-filled"]:disabled,
966
+ [data-cube-pill="indigo-extraBold-filled"][aria-disabled="true"] {
967
+ opacity: 0.45;
968
+ cursor: not-allowed;
969
+ }
970
+
971
+ [data-cube-pill="indigo-extraBold-bordered"] {
972
+ color: var(--cube-pill-indigo-extraBold-bordered-fg);
973
+ background-color: var(--cube-pill-indigo-extraBold-bordered-bg);
974
+ border-color: var(--cube-pill-indigo-extraBold-bordered-border);
975
+ }
976
+ a[data-cube-pill="indigo-extraBold-bordered"]:visited {
977
+ color: var(--cube-pill-indigo-extraBold-bordered-fg);
978
+ background-color: var(--cube-pill-indigo-extraBold-bordered-bg);
979
+ border-color: var(--cube-pill-indigo-extraBold-bordered-border);
980
+ }
981
+ [data-cube-pill="indigo-extraBold-bordered"]:disabled,
982
+ [data-cube-pill="indigo-extraBold-bordered"][aria-disabled="true"] {
983
+ opacity: 0.45;
984
+ cursor: not-allowed;
985
+ }
986
+
987
+ [data-cube-pill="indigo-extralight-filled"] {
988
+ color: var(--cube-pill-indigo-extralight-filled-fg);
989
+ background-color: var(--cube-pill-indigo-extralight-filled-bg);
990
+ border-color: var(--cube-pill-indigo-extralight-filled-border);
991
+ }
992
+ a[data-cube-pill="indigo-extralight-filled"]:visited {
993
+ color: var(--cube-pill-indigo-extralight-filled-fg);
994
+ background-color: var(--cube-pill-indigo-extralight-filled-bg);
995
+ border-color: var(--cube-pill-indigo-extralight-filled-border);
996
+ }
997
+ [data-cube-pill="indigo-extralight-filled"]:disabled,
998
+ [data-cube-pill="indigo-extralight-filled"][aria-disabled="true"] {
999
+ opacity: 0.45;
1000
+ cursor: not-allowed;
1001
+ }
1002
+
1003
+ [data-cube-pill="indigo-extralight-bordered"] {
1004
+ color: var(--cube-pill-indigo-extralight-bordered-fg);
1005
+ background-color: var(--cube-pill-indigo-extralight-bordered-bg);
1006
+ border-color: var(--cube-pill-indigo-extralight-bordered-border);
1007
+ }
1008
+ a[data-cube-pill="indigo-extralight-bordered"]:visited {
1009
+ color: var(--cube-pill-indigo-extralight-bordered-fg);
1010
+ background-color: var(--cube-pill-indigo-extralight-bordered-bg);
1011
+ border-color: var(--cube-pill-indigo-extralight-bordered-border);
1012
+ }
1013
+ [data-cube-pill="indigo-extralight-bordered"]:disabled,
1014
+ [data-cube-pill="indigo-extralight-bordered"][aria-disabled="true"] {
1015
+ opacity: 0.45;
1016
+ cursor: not-allowed;
1017
+ }
1018
+
1019
+ [data-cube-pill="indigo-light-filled"] {
1020
+ color: var(--cube-pill-indigo-light-filled-fg);
1021
+ background-color: var(--cube-pill-indigo-light-filled-bg);
1022
+ border-color: var(--cube-pill-indigo-light-filled-border);
1023
+ }
1024
+ a[data-cube-pill="indigo-light-filled"]:visited {
1025
+ color: var(--cube-pill-indigo-light-filled-fg);
1026
+ background-color: var(--cube-pill-indigo-light-filled-bg);
1027
+ border-color: var(--cube-pill-indigo-light-filled-border);
1028
+ }
1029
+ [data-cube-pill="indigo-light-filled"]:disabled,
1030
+ [data-cube-pill="indigo-light-filled"][aria-disabled="true"] {
1031
+ opacity: 0.45;
1032
+ cursor: not-allowed;
1033
+ }
1034
+
1035
+ [data-cube-pill="indigo-light-bordered"] {
1036
+ color: var(--cube-pill-indigo-light-bordered-fg);
1037
+ background-color: var(--cube-pill-indigo-light-bordered-bg);
1038
+ border-color: var(--cube-pill-indigo-light-bordered-border);
1039
+ }
1040
+ a[data-cube-pill="indigo-light-bordered"]:visited {
1041
+ color: var(--cube-pill-indigo-light-bordered-fg);
1042
+ background-color: var(--cube-pill-indigo-light-bordered-bg);
1043
+ border-color: var(--cube-pill-indigo-light-bordered-border);
1044
+ }
1045
+ [data-cube-pill="indigo-light-bordered"]:disabled,
1046
+ [data-cube-pill="indigo-light-bordered"][aria-disabled="true"] {
1047
+ opacity: 0.45;
1048
+ cursor: not-allowed;
1049
+ }
1050
+
1051
+ [data-cube-pill="lime-bold-filled"] {
1052
+ color: var(--cube-pill-lime-bold-filled-fg);
1053
+ background-color: var(--cube-pill-lime-bold-filled-bg);
1054
+ border-color: var(--cube-pill-lime-bold-filled-border);
1055
+ }
1056
+ a[data-cube-pill="lime-bold-filled"]:visited {
1057
+ color: var(--cube-pill-lime-bold-filled-fg);
1058
+ background-color: var(--cube-pill-lime-bold-filled-bg);
1059
+ border-color: var(--cube-pill-lime-bold-filled-border);
1060
+ }
1061
+ [data-cube-pill="lime-bold-filled"]:disabled,
1062
+ [data-cube-pill="lime-bold-filled"][aria-disabled="true"] {
1063
+ opacity: 0.45;
1064
+ cursor: not-allowed;
1065
+ }
1066
+
1067
+ [data-cube-pill="lime-bold-bordered"] {
1068
+ color: var(--cube-pill-lime-bold-bordered-fg);
1069
+ background-color: var(--cube-pill-lime-bold-bordered-bg);
1070
+ border-color: var(--cube-pill-lime-bold-bordered-border);
1071
+ }
1072
+ a[data-cube-pill="lime-bold-bordered"]:visited {
1073
+ color: var(--cube-pill-lime-bold-bordered-fg);
1074
+ background-color: var(--cube-pill-lime-bold-bordered-bg);
1075
+ border-color: var(--cube-pill-lime-bold-bordered-border);
1076
+ }
1077
+ [data-cube-pill="lime-bold-bordered"]:disabled,
1078
+ [data-cube-pill="lime-bold-bordered"][aria-disabled="true"] {
1079
+ opacity: 0.45;
1080
+ cursor: not-allowed;
1081
+ }
1082
+
1083
+ [data-cube-pill="lime-extraBold-filled"] {
1084
+ color: var(--cube-pill-lime-extraBold-filled-fg);
1085
+ background-color: var(--cube-pill-lime-extraBold-filled-bg);
1086
+ border-color: var(--cube-pill-lime-extraBold-filled-border);
1087
+ }
1088
+ a[data-cube-pill="lime-extraBold-filled"]:visited {
1089
+ color: var(--cube-pill-lime-extraBold-filled-fg);
1090
+ background-color: var(--cube-pill-lime-extraBold-filled-bg);
1091
+ border-color: var(--cube-pill-lime-extraBold-filled-border);
1092
+ }
1093
+ [data-cube-pill="lime-extraBold-filled"]:disabled,
1094
+ [data-cube-pill="lime-extraBold-filled"][aria-disabled="true"] {
1095
+ opacity: 0.45;
1096
+ cursor: not-allowed;
1097
+ }
1098
+
1099
+ [data-cube-pill="lime-extraBold-bordered"] {
1100
+ color: var(--cube-pill-lime-extraBold-bordered-fg);
1101
+ background-color: var(--cube-pill-lime-extraBold-bordered-bg);
1102
+ border-color: var(--cube-pill-lime-extraBold-bordered-border);
1103
+ }
1104
+ a[data-cube-pill="lime-extraBold-bordered"]:visited {
1105
+ color: var(--cube-pill-lime-extraBold-bordered-fg);
1106
+ background-color: var(--cube-pill-lime-extraBold-bordered-bg);
1107
+ border-color: var(--cube-pill-lime-extraBold-bordered-border);
1108
+ }
1109
+ [data-cube-pill="lime-extraBold-bordered"]:disabled,
1110
+ [data-cube-pill="lime-extraBold-bordered"][aria-disabled="true"] {
1111
+ opacity: 0.45;
1112
+ cursor: not-allowed;
1113
+ }
1114
+
1115
+ [data-cube-pill="lime-extralight-filled"] {
1116
+ color: var(--cube-pill-lime-extralight-filled-fg);
1117
+ background-color: var(--cube-pill-lime-extralight-filled-bg);
1118
+ border-color: var(--cube-pill-lime-extralight-filled-border);
1119
+ }
1120
+ a[data-cube-pill="lime-extralight-filled"]:visited {
1121
+ color: var(--cube-pill-lime-extralight-filled-fg);
1122
+ background-color: var(--cube-pill-lime-extralight-filled-bg);
1123
+ border-color: var(--cube-pill-lime-extralight-filled-border);
1124
+ }
1125
+ [data-cube-pill="lime-extralight-filled"]:disabled,
1126
+ [data-cube-pill="lime-extralight-filled"][aria-disabled="true"] {
1127
+ opacity: 0.45;
1128
+ cursor: not-allowed;
1129
+ }
1130
+
1131
+ [data-cube-pill="lime-extralight-bordered"] {
1132
+ color: var(--cube-pill-lime-extralight-bordered-fg);
1133
+ background-color: var(--cube-pill-lime-extralight-bordered-bg);
1134
+ border-color: var(--cube-pill-lime-extralight-bordered-border);
1135
+ }
1136
+ a[data-cube-pill="lime-extralight-bordered"]:visited {
1137
+ color: var(--cube-pill-lime-extralight-bordered-fg);
1138
+ background-color: var(--cube-pill-lime-extralight-bordered-bg);
1139
+ border-color: var(--cube-pill-lime-extralight-bordered-border);
1140
+ }
1141
+ [data-cube-pill="lime-extralight-bordered"]:disabled,
1142
+ [data-cube-pill="lime-extralight-bordered"][aria-disabled="true"] {
1143
+ opacity: 0.45;
1144
+ cursor: not-allowed;
1145
+ }
1146
+
1147
+ [data-cube-pill="lime-light-filled"] {
1148
+ color: var(--cube-pill-lime-light-filled-fg);
1149
+ background-color: var(--cube-pill-lime-light-filled-bg);
1150
+ border-color: var(--cube-pill-lime-light-filled-border);
1151
+ }
1152
+ a[data-cube-pill="lime-light-filled"]:visited {
1153
+ color: var(--cube-pill-lime-light-filled-fg);
1154
+ background-color: var(--cube-pill-lime-light-filled-bg);
1155
+ border-color: var(--cube-pill-lime-light-filled-border);
1156
+ }
1157
+ [data-cube-pill="lime-light-filled"]:disabled,
1158
+ [data-cube-pill="lime-light-filled"][aria-disabled="true"] {
1159
+ opacity: 0.45;
1160
+ cursor: not-allowed;
1161
+ }
1162
+
1163
+ [data-cube-pill="lime-light-bordered"] {
1164
+ color: var(--cube-pill-lime-light-bordered-fg);
1165
+ background-color: var(--cube-pill-lime-light-bordered-bg);
1166
+ border-color: var(--cube-pill-lime-light-bordered-border);
1167
+ }
1168
+ a[data-cube-pill="lime-light-bordered"]:visited {
1169
+ color: var(--cube-pill-lime-light-bordered-fg);
1170
+ background-color: var(--cube-pill-lime-light-bordered-bg);
1171
+ border-color: var(--cube-pill-lime-light-bordered-border);
1172
+ }
1173
+ [data-cube-pill="lime-light-bordered"]:disabled,
1174
+ [data-cube-pill="lime-light-bordered"][aria-disabled="true"] {
1175
+ opacity: 0.45;
1176
+ cursor: not-allowed;
1177
+ }
1178
+
1179
+ [data-cube-pill="mag-bold-filled"] {
1180
+ color: var(--cube-pill-mag-bold-filled-fg);
1181
+ background-color: var(--cube-pill-mag-bold-filled-bg);
1182
+ border-color: var(--cube-pill-mag-bold-filled-border);
1183
+ }
1184
+ a[data-cube-pill="mag-bold-filled"]:visited {
1185
+ color: var(--cube-pill-mag-bold-filled-fg);
1186
+ background-color: var(--cube-pill-mag-bold-filled-bg);
1187
+ border-color: var(--cube-pill-mag-bold-filled-border);
1188
+ }
1189
+ [data-cube-pill="mag-bold-filled"]:disabled,
1190
+ [data-cube-pill="mag-bold-filled"][aria-disabled="true"] {
1191
+ opacity: 0.45;
1192
+ cursor: not-allowed;
1193
+ }
1194
+
1195
+ [data-cube-pill="mag-bold-bordered"] {
1196
+ color: var(--cube-pill-mag-bold-bordered-fg);
1197
+ background-color: var(--cube-pill-mag-bold-bordered-bg);
1198
+ border-color: var(--cube-pill-mag-bold-bordered-border);
1199
+ }
1200
+ a[data-cube-pill="mag-bold-bordered"]:visited {
1201
+ color: var(--cube-pill-mag-bold-bordered-fg);
1202
+ background-color: var(--cube-pill-mag-bold-bordered-bg);
1203
+ border-color: var(--cube-pill-mag-bold-bordered-border);
1204
+ }
1205
+ [data-cube-pill="mag-bold-bordered"]:disabled,
1206
+ [data-cube-pill="mag-bold-bordered"][aria-disabled="true"] {
1207
+ opacity: 0.45;
1208
+ cursor: not-allowed;
1209
+ }
1210
+
1211
+ [data-cube-pill="mag-extraBold-filled"] {
1212
+ color: var(--cube-pill-mag-extraBold-filled-fg);
1213
+ background-color: var(--cube-pill-mag-extraBold-filled-bg);
1214
+ border-color: var(--cube-pill-mag-extraBold-filled-border);
1215
+ }
1216
+ a[data-cube-pill="mag-extraBold-filled"]:visited {
1217
+ color: var(--cube-pill-mag-extraBold-filled-fg);
1218
+ background-color: var(--cube-pill-mag-extraBold-filled-bg);
1219
+ border-color: var(--cube-pill-mag-extraBold-filled-border);
1220
+ }
1221
+ [data-cube-pill="mag-extraBold-filled"]:disabled,
1222
+ [data-cube-pill="mag-extraBold-filled"][aria-disabled="true"] {
1223
+ opacity: 0.45;
1224
+ cursor: not-allowed;
1225
+ }
1226
+
1227
+ [data-cube-pill="mag-extraBold-bordered"] {
1228
+ color: var(--cube-pill-mag-extraBold-bordered-fg);
1229
+ background-color: var(--cube-pill-mag-extraBold-bordered-bg);
1230
+ border-color: var(--cube-pill-mag-extraBold-bordered-border);
1231
+ }
1232
+ a[data-cube-pill="mag-extraBold-bordered"]:visited {
1233
+ color: var(--cube-pill-mag-extraBold-bordered-fg);
1234
+ background-color: var(--cube-pill-mag-extraBold-bordered-bg);
1235
+ border-color: var(--cube-pill-mag-extraBold-bordered-border);
1236
+ }
1237
+ [data-cube-pill="mag-extraBold-bordered"]:disabled,
1238
+ [data-cube-pill="mag-extraBold-bordered"][aria-disabled="true"] {
1239
+ opacity: 0.45;
1240
+ cursor: not-allowed;
1241
+ }
1242
+
1243
+ [data-cube-pill="mag-extralight-filled"] {
1244
+ color: var(--cube-pill-mag-extralight-filled-fg);
1245
+ background-color: var(--cube-pill-mag-extralight-filled-bg);
1246
+ border-color: var(--cube-pill-mag-extralight-filled-border);
1247
+ }
1248
+ a[data-cube-pill="mag-extralight-filled"]:visited {
1249
+ color: var(--cube-pill-mag-extralight-filled-fg);
1250
+ background-color: var(--cube-pill-mag-extralight-filled-bg);
1251
+ border-color: var(--cube-pill-mag-extralight-filled-border);
1252
+ }
1253
+ [data-cube-pill="mag-extralight-filled"]:disabled,
1254
+ [data-cube-pill="mag-extralight-filled"][aria-disabled="true"] {
1255
+ opacity: 0.45;
1256
+ cursor: not-allowed;
1257
+ }
1258
+
1259
+ [data-cube-pill="mag-extralight-bordered"] {
1260
+ color: var(--cube-pill-mag-extralight-bordered-fg);
1261
+ background-color: var(--cube-pill-mag-extralight-bordered-bg);
1262
+ border-color: var(--cube-pill-mag-extralight-bordered-border);
1263
+ }
1264
+ a[data-cube-pill="mag-extralight-bordered"]:visited {
1265
+ color: var(--cube-pill-mag-extralight-bordered-fg);
1266
+ background-color: var(--cube-pill-mag-extralight-bordered-bg);
1267
+ border-color: var(--cube-pill-mag-extralight-bordered-border);
1268
+ }
1269
+ [data-cube-pill="mag-extralight-bordered"]:disabled,
1270
+ [data-cube-pill="mag-extralight-bordered"][aria-disabled="true"] {
1271
+ opacity: 0.45;
1272
+ cursor: not-allowed;
1273
+ }
1274
+
1275
+ [data-cube-pill="mag-light-filled"] {
1276
+ color: var(--cube-pill-mag-light-filled-fg);
1277
+ background-color: var(--cube-pill-mag-light-filled-bg);
1278
+ border-color: var(--cube-pill-mag-light-filled-border);
1279
+ }
1280
+ a[data-cube-pill="mag-light-filled"]:visited {
1281
+ color: var(--cube-pill-mag-light-filled-fg);
1282
+ background-color: var(--cube-pill-mag-light-filled-bg);
1283
+ border-color: var(--cube-pill-mag-light-filled-border);
1284
+ }
1285
+ [data-cube-pill="mag-light-filled"]:disabled,
1286
+ [data-cube-pill="mag-light-filled"][aria-disabled="true"] {
1287
+ opacity: 0.45;
1288
+ cursor: not-allowed;
1289
+ }
1290
+
1291
+ [data-cube-pill="mag-light-bordered"] {
1292
+ color: var(--cube-pill-mag-light-bordered-fg);
1293
+ background-color: var(--cube-pill-mag-light-bordered-bg);
1294
+ border-color: var(--cube-pill-mag-light-bordered-border);
1295
+ }
1296
+ a[data-cube-pill="mag-light-bordered"]:visited {
1297
+ color: var(--cube-pill-mag-light-bordered-fg);
1298
+ background-color: var(--cube-pill-mag-light-bordered-bg);
1299
+ border-color: var(--cube-pill-mag-light-bordered-border);
1300
+ }
1301
+ [data-cube-pill="mag-light-bordered"]:disabled,
1302
+ [data-cube-pill="mag-light-bordered"][aria-disabled="true"] {
1303
+ opacity: 0.45;
1304
+ cursor: not-allowed;
1305
+ }
1306
+
1307
+ [data-cube-pill="orange-bold-filled"] {
1308
+ color: var(--cube-pill-orange-bold-filled-fg);
1309
+ background-color: var(--cube-pill-orange-bold-filled-bg);
1310
+ border-color: var(--cube-pill-orange-bold-filled-border);
1311
+ }
1312
+ a[data-cube-pill="orange-bold-filled"]:visited {
1313
+ color: var(--cube-pill-orange-bold-filled-fg);
1314
+ background-color: var(--cube-pill-orange-bold-filled-bg);
1315
+ border-color: var(--cube-pill-orange-bold-filled-border);
1316
+ }
1317
+ [data-cube-pill="orange-bold-filled"]:disabled,
1318
+ [data-cube-pill="orange-bold-filled"][aria-disabled="true"] {
1319
+ opacity: 0.45;
1320
+ cursor: not-allowed;
1321
+ }
1322
+
1323
+ [data-cube-pill="orange-bold-bordered"] {
1324
+ color: var(--cube-pill-orange-bold-bordered-fg);
1325
+ background-color: var(--cube-pill-orange-bold-bordered-bg);
1326
+ border-color: var(--cube-pill-orange-bold-bordered-border);
1327
+ }
1328
+ a[data-cube-pill="orange-bold-bordered"]:visited {
1329
+ color: var(--cube-pill-orange-bold-bordered-fg);
1330
+ background-color: var(--cube-pill-orange-bold-bordered-bg);
1331
+ border-color: var(--cube-pill-orange-bold-bordered-border);
1332
+ }
1333
+ [data-cube-pill="orange-bold-bordered"]:disabled,
1334
+ [data-cube-pill="orange-bold-bordered"][aria-disabled="true"] {
1335
+ opacity: 0.45;
1336
+ cursor: not-allowed;
1337
+ }
1338
+
1339
+ [data-cube-pill="orange-extraBold-filled"] {
1340
+ color: var(--cube-pill-orange-extraBold-filled-fg);
1341
+ background-color: var(--cube-pill-orange-extraBold-filled-bg);
1342
+ border-color: var(--cube-pill-orange-extraBold-filled-border);
1343
+ }
1344
+ a[data-cube-pill="orange-extraBold-filled"]:visited {
1345
+ color: var(--cube-pill-orange-extraBold-filled-fg);
1346
+ background-color: var(--cube-pill-orange-extraBold-filled-bg);
1347
+ border-color: var(--cube-pill-orange-extraBold-filled-border);
1348
+ }
1349
+ [data-cube-pill="orange-extraBold-filled"]:disabled,
1350
+ [data-cube-pill="orange-extraBold-filled"][aria-disabled="true"] {
1351
+ opacity: 0.45;
1352
+ cursor: not-allowed;
1353
+ }
1354
+
1355
+ [data-cube-pill="orange-extraBold-bordered"] {
1356
+ color: var(--cube-pill-orange-extraBold-bordered-fg);
1357
+ background-color: var(--cube-pill-orange-extraBold-bordered-bg);
1358
+ border-color: var(--cube-pill-orange-extraBold-bordered-border);
1359
+ }
1360
+ a[data-cube-pill="orange-extraBold-bordered"]:visited {
1361
+ color: var(--cube-pill-orange-extraBold-bordered-fg);
1362
+ background-color: var(--cube-pill-orange-extraBold-bordered-bg);
1363
+ border-color: var(--cube-pill-orange-extraBold-bordered-border);
1364
+ }
1365
+ [data-cube-pill="orange-extraBold-bordered"]:disabled,
1366
+ [data-cube-pill="orange-extraBold-bordered"][aria-disabled="true"] {
1367
+ opacity: 0.45;
1368
+ cursor: not-allowed;
1369
+ }
1370
+
1371
+ [data-cube-pill="orange-extralight-filled"] {
1372
+ color: var(--cube-pill-orange-extralight-filled-fg);
1373
+ background-color: var(--cube-pill-orange-extralight-filled-bg);
1374
+ border-color: var(--cube-pill-orange-extralight-filled-border);
1375
+ }
1376
+ a[data-cube-pill="orange-extralight-filled"]:visited {
1377
+ color: var(--cube-pill-orange-extralight-filled-fg);
1378
+ background-color: var(--cube-pill-orange-extralight-filled-bg);
1379
+ border-color: var(--cube-pill-orange-extralight-filled-border);
1380
+ }
1381
+ [data-cube-pill="orange-extralight-filled"]:disabled,
1382
+ [data-cube-pill="orange-extralight-filled"][aria-disabled="true"] {
1383
+ opacity: 0.45;
1384
+ cursor: not-allowed;
1385
+ }
1386
+
1387
+ [data-cube-pill="orange-extralight-bordered"] {
1388
+ color: var(--cube-pill-orange-extralight-bordered-fg);
1389
+ background-color: var(--cube-pill-orange-extralight-bordered-bg);
1390
+ border-color: var(--cube-pill-orange-extralight-bordered-border);
1391
+ }
1392
+ a[data-cube-pill="orange-extralight-bordered"]:visited {
1393
+ color: var(--cube-pill-orange-extralight-bordered-fg);
1394
+ background-color: var(--cube-pill-orange-extralight-bordered-bg);
1395
+ border-color: var(--cube-pill-orange-extralight-bordered-border);
1396
+ }
1397
+ [data-cube-pill="orange-extralight-bordered"]:disabled,
1398
+ [data-cube-pill="orange-extralight-bordered"][aria-disabled="true"] {
1399
+ opacity: 0.45;
1400
+ cursor: not-allowed;
1401
+ }
1402
+
1403
+ [data-cube-pill="orange-light-filled"] {
1404
+ color: var(--cube-pill-orange-light-filled-fg);
1405
+ background-color: var(--cube-pill-orange-light-filled-bg);
1406
+ border-color: var(--cube-pill-orange-light-filled-border);
1407
+ }
1408
+ a[data-cube-pill="orange-light-filled"]:visited {
1409
+ color: var(--cube-pill-orange-light-filled-fg);
1410
+ background-color: var(--cube-pill-orange-light-filled-bg);
1411
+ border-color: var(--cube-pill-orange-light-filled-border);
1412
+ }
1413
+ [data-cube-pill="orange-light-filled"]:disabled,
1414
+ [data-cube-pill="orange-light-filled"][aria-disabled="true"] {
1415
+ opacity: 0.45;
1416
+ cursor: not-allowed;
1417
+ }
1418
+
1419
+ [data-cube-pill="orange-light-bordered"] {
1420
+ color: var(--cube-pill-orange-light-bordered-fg);
1421
+ background-color: var(--cube-pill-orange-light-bordered-bg);
1422
+ border-color: var(--cube-pill-orange-light-bordered-border);
1423
+ }
1424
+ a[data-cube-pill="orange-light-bordered"]:visited {
1425
+ color: var(--cube-pill-orange-light-bordered-fg);
1426
+ background-color: var(--cube-pill-orange-light-bordered-bg);
1427
+ border-color: var(--cube-pill-orange-light-bordered-border);
1428
+ }
1429
+ [data-cube-pill="orange-light-bordered"]:disabled,
1430
+ [data-cube-pill="orange-light-bordered"][aria-disabled="true"] {
1431
+ opacity: 0.45;
1432
+ cursor: not-allowed;
1433
+ }
1434
+
1435
+ [data-cube-pill="purple-bold-filled"] {
1436
+ color: var(--cube-pill-purple-bold-filled-fg);
1437
+ background-color: var(--cube-pill-purple-bold-filled-bg);
1438
+ border-color: var(--cube-pill-purple-bold-filled-border);
1439
+ }
1440
+ a[data-cube-pill="purple-bold-filled"]:visited {
1441
+ color: var(--cube-pill-purple-bold-filled-fg);
1442
+ background-color: var(--cube-pill-purple-bold-filled-bg);
1443
+ border-color: var(--cube-pill-purple-bold-filled-border);
1444
+ }
1445
+ [data-cube-pill="purple-bold-filled"]:disabled,
1446
+ [data-cube-pill="purple-bold-filled"][aria-disabled="true"] {
1447
+ opacity: 0.45;
1448
+ cursor: not-allowed;
1449
+ }
1450
+
1451
+ [data-cube-pill="purple-bold-bordered"] {
1452
+ color: var(--cube-pill-purple-bold-bordered-fg);
1453
+ background-color: var(--cube-pill-purple-bold-bordered-bg);
1454
+ border-color: var(--cube-pill-purple-bold-bordered-border);
1455
+ }
1456
+ a[data-cube-pill="purple-bold-bordered"]:visited {
1457
+ color: var(--cube-pill-purple-bold-bordered-fg);
1458
+ background-color: var(--cube-pill-purple-bold-bordered-bg);
1459
+ border-color: var(--cube-pill-purple-bold-bordered-border);
1460
+ }
1461
+ [data-cube-pill="purple-bold-bordered"]:disabled,
1462
+ [data-cube-pill="purple-bold-bordered"][aria-disabled="true"] {
1463
+ opacity: 0.45;
1464
+ cursor: not-allowed;
1465
+ }
1466
+
1467
+ [data-cube-pill="purple-extraBold-filled"] {
1468
+ color: var(--cube-pill-purple-extraBold-filled-fg);
1469
+ background-color: var(--cube-pill-purple-extraBold-filled-bg);
1470
+ border-color: var(--cube-pill-purple-extraBold-filled-border);
1471
+ }
1472
+ a[data-cube-pill="purple-extraBold-filled"]:visited {
1473
+ color: var(--cube-pill-purple-extraBold-filled-fg);
1474
+ background-color: var(--cube-pill-purple-extraBold-filled-bg);
1475
+ border-color: var(--cube-pill-purple-extraBold-filled-border);
1476
+ }
1477
+ [data-cube-pill="purple-extraBold-filled"]:disabled,
1478
+ [data-cube-pill="purple-extraBold-filled"][aria-disabled="true"] {
1479
+ opacity: 0.45;
1480
+ cursor: not-allowed;
1481
+ }
1482
+
1483
+ [data-cube-pill="purple-extraBold-bordered"] {
1484
+ color: var(--cube-pill-purple-extraBold-bordered-fg);
1485
+ background-color: var(--cube-pill-purple-extraBold-bordered-bg);
1486
+ border-color: var(--cube-pill-purple-extraBold-bordered-border);
1487
+ }
1488
+ a[data-cube-pill="purple-extraBold-bordered"]:visited {
1489
+ color: var(--cube-pill-purple-extraBold-bordered-fg);
1490
+ background-color: var(--cube-pill-purple-extraBold-bordered-bg);
1491
+ border-color: var(--cube-pill-purple-extraBold-bordered-border);
1492
+ }
1493
+ [data-cube-pill="purple-extraBold-bordered"]:disabled,
1494
+ [data-cube-pill="purple-extraBold-bordered"][aria-disabled="true"] {
1495
+ opacity: 0.45;
1496
+ cursor: not-allowed;
1497
+ }
1498
+
1499
+ [data-cube-pill="purple-extralight-filled"] {
1500
+ color: var(--cube-pill-purple-extralight-filled-fg);
1501
+ background-color: var(--cube-pill-purple-extralight-filled-bg);
1502
+ border-color: var(--cube-pill-purple-extralight-filled-border);
1503
+ }
1504
+ a[data-cube-pill="purple-extralight-filled"]:visited {
1505
+ color: var(--cube-pill-purple-extralight-filled-fg);
1506
+ background-color: var(--cube-pill-purple-extralight-filled-bg);
1507
+ border-color: var(--cube-pill-purple-extralight-filled-border);
1508
+ }
1509
+ [data-cube-pill="purple-extralight-filled"]:disabled,
1510
+ [data-cube-pill="purple-extralight-filled"][aria-disabled="true"] {
1511
+ opacity: 0.45;
1512
+ cursor: not-allowed;
1513
+ }
1514
+
1515
+ [data-cube-pill="purple-extralight-bordered"] {
1516
+ color: var(--cube-pill-purple-extralight-bordered-fg);
1517
+ background-color: var(--cube-pill-purple-extralight-bordered-bg);
1518
+ border-color: var(--cube-pill-purple-extralight-bordered-border);
1519
+ }
1520
+ a[data-cube-pill="purple-extralight-bordered"]:visited {
1521
+ color: var(--cube-pill-purple-extralight-bordered-fg);
1522
+ background-color: var(--cube-pill-purple-extralight-bordered-bg);
1523
+ border-color: var(--cube-pill-purple-extralight-bordered-border);
1524
+ }
1525
+ [data-cube-pill="purple-extralight-bordered"]:disabled,
1526
+ [data-cube-pill="purple-extralight-bordered"][aria-disabled="true"] {
1527
+ opacity: 0.45;
1528
+ cursor: not-allowed;
1529
+ }
1530
+
1531
+ [data-cube-pill="purple-light-filled"] {
1532
+ color: var(--cube-pill-purple-light-filled-fg);
1533
+ background-color: var(--cube-pill-purple-light-filled-bg);
1534
+ border-color: var(--cube-pill-purple-light-filled-border);
1535
+ }
1536
+ a[data-cube-pill="purple-light-filled"]:visited {
1537
+ color: var(--cube-pill-purple-light-filled-fg);
1538
+ background-color: var(--cube-pill-purple-light-filled-bg);
1539
+ border-color: var(--cube-pill-purple-light-filled-border);
1540
+ }
1541
+ [data-cube-pill="purple-light-filled"]:disabled,
1542
+ [data-cube-pill="purple-light-filled"][aria-disabled="true"] {
1543
+ opacity: 0.45;
1544
+ cursor: not-allowed;
1545
+ }
1546
+
1547
+ [data-cube-pill="purple-light-bordered"] {
1548
+ color: var(--cube-pill-purple-light-bordered-fg);
1549
+ background-color: var(--cube-pill-purple-light-bordered-bg);
1550
+ border-color: var(--cube-pill-purple-light-bordered-border);
1551
+ }
1552
+ a[data-cube-pill="purple-light-bordered"]:visited {
1553
+ color: var(--cube-pill-purple-light-bordered-fg);
1554
+ background-color: var(--cube-pill-purple-light-bordered-bg);
1555
+ border-color: var(--cube-pill-purple-light-bordered-border);
1556
+ }
1557
+ [data-cube-pill="purple-light-bordered"]:disabled,
1558
+ [data-cube-pill="purple-light-bordered"][aria-disabled="true"] {
1559
+ opacity: 0.45;
1560
+ cursor: not-allowed;
1561
+ }
1562
+
1563
+ [data-cube-pill="red-bold-filled"] {
1564
+ color: var(--cube-pill-red-bold-filled-fg);
1565
+ background-color: var(--cube-pill-red-bold-filled-bg);
1566
+ border-color: var(--cube-pill-red-bold-filled-border);
1567
+ }
1568
+ a[data-cube-pill="red-bold-filled"]:visited {
1569
+ color: var(--cube-pill-red-bold-filled-fg);
1570
+ background-color: var(--cube-pill-red-bold-filled-bg);
1571
+ border-color: var(--cube-pill-red-bold-filled-border);
1572
+ }
1573
+ [data-cube-pill="red-bold-filled"]:disabled,
1574
+ [data-cube-pill="red-bold-filled"][aria-disabled="true"] {
1575
+ opacity: 0.45;
1576
+ cursor: not-allowed;
1577
+ }
1578
+
1579
+ [data-cube-pill="red-bold-bordered"] {
1580
+ color: var(--cube-pill-red-bold-bordered-fg);
1581
+ background-color: var(--cube-pill-red-bold-bordered-bg);
1582
+ border-color: var(--cube-pill-red-bold-bordered-border);
1583
+ }
1584
+ a[data-cube-pill="red-bold-bordered"]:visited {
1585
+ color: var(--cube-pill-red-bold-bordered-fg);
1586
+ background-color: var(--cube-pill-red-bold-bordered-bg);
1587
+ border-color: var(--cube-pill-red-bold-bordered-border);
1588
+ }
1589
+ [data-cube-pill="red-bold-bordered"]:disabled,
1590
+ [data-cube-pill="red-bold-bordered"][aria-disabled="true"] {
1591
+ opacity: 0.45;
1592
+ cursor: not-allowed;
1593
+ }
1594
+
1595
+ [data-cube-pill="red-extraBold-filled"] {
1596
+ color: var(--cube-pill-red-extraBold-filled-fg);
1597
+ background-color: var(--cube-pill-red-extraBold-filled-bg);
1598
+ border-color: var(--cube-pill-red-extraBold-filled-border);
1599
+ }
1600
+ a[data-cube-pill="red-extraBold-filled"]:visited {
1601
+ color: var(--cube-pill-red-extraBold-filled-fg);
1602
+ background-color: var(--cube-pill-red-extraBold-filled-bg);
1603
+ border-color: var(--cube-pill-red-extraBold-filled-border);
1604
+ }
1605
+ [data-cube-pill="red-extraBold-filled"]:disabled,
1606
+ [data-cube-pill="red-extraBold-filled"][aria-disabled="true"] {
1607
+ opacity: 0.45;
1608
+ cursor: not-allowed;
1609
+ }
1610
+
1611
+ [data-cube-pill="red-extraBold-bordered"] {
1612
+ color: var(--cube-pill-red-extraBold-bordered-fg);
1613
+ background-color: var(--cube-pill-red-extraBold-bordered-bg);
1614
+ border-color: var(--cube-pill-red-extraBold-bordered-border);
1615
+ }
1616
+ a[data-cube-pill="red-extraBold-bordered"]:visited {
1617
+ color: var(--cube-pill-red-extraBold-bordered-fg);
1618
+ background-color: var(--cube-pill-red-extraBold-bordered-bg);
1619
+ border-color: var(--cube-pill-red-extraBold-bordered-border);
1620
+ }
1621
+ [data-cube-pill="red-extraBold-bordered"]:disabled,
1622
+ [data-cube-pill="red-extraBold-bordered"][aria-disabled="true"] {
1623
+ opacity: 0.45;
1624
+ cursor: not-allowed;
1625
+ }
1626
+
1627
+ [data-cube-pill="red-extralight-filled"] {
1628
+ color: var(--cube-pill-red-extralight-filled-fg);
1629
+ background-color: var(--cube-pill-red-extralight-filled-bg);
1630
+ border-color: var(--cube-pill-red-extralight-filled-border);
1631
+ }
1632
+ a[data-cube-pill="red-extralight-filled"]:visited {
1633
+ color: var(--cube-pill-red-extralight-filled-fg);
1634
+ background-color: var(--cube-pill-red-extralight-filled-bg);
1635
+ border-color: var(--cube-pill-red-extralight-filled-border);
1636
+ }
1637
+ [data-cube-pill="red-extralight-filled"]:disabled,
1638
+ [data-cube-pill="red-extralight-filled"][aria-disabled="true"] {
1639
+ opacity: 0.45;
1640
+ cursor: not-allowed;
1641
+ }
1642
+
1643
+ [data-cube-pill="red-extralight-bordered"] {
1644
+ color: var(--cube-pill-red-extralight-bordered-fg);
1645
+ background-color: var(--cube-pill-red-extralight-bordered-bg);
1646
+ border-color: var(--cube-pill-red-extralight-bordered-border);
1647
+ }
1648
+ a[data-cube-pill="red-extralight-bordered"]:visited {
1649
+ color: var(--cube-pill-red-extralight-bordered-fg);
1650
+ background-color: var(--cube-pill-red-extralight-bordered-bg);
1651
+ border-color: var(--cube-pill-red-extralight-bordered-border);
1652
+ }
1653
+ [data-cube-pill="red-extralight-bordered"]:disabled,
1654
+ [data-cube-pill="red-extralight-bordered"][aria-disabled="true"] {
1655
+ opacity: 0.45;
1656
+ cursor: not-allowed;
1657
+ }
1658
+
1659
+ [data-cube-pill="red-light-filled"] {
1660
+ color: var(--cube-pill-red-light-filled-fg);
1661
+ background-color: var(--cube-pill-red-light-filled-bg);
1662
+ border-color: var(--cube-pill-red-light-filled-border);
1663
+ }
1664
+ a[data-cube-pill="red-light-filled"]:visited {
1665
+ color: var(--cube-pill-red-light-filled-fg);
1666
+ background-color: var(--cube-pill-red-light-filled-bg);
1667
+ border-color: var(--cube-pill-red-light-filled-border);
1668
+ }
1669
+ [data-cube-pill="red-light-filled"]:disabled,
1670
+ [data-cube-pill="red-light-filled"][aria-disabled="true"] {
1671
+ opacity: 0.45;
1672
+ cursor: not-allowed;
1673
+ }
1674
+
1675
+ [data-cube-pill="red-light-bordered"] {
1676
+ color: var(--cube-pill-red-light-bordered-fg);
1677
+ background-color: var(--cube-pill-red-light-bordered-bg);
1678
+ border-color: var(--cube-pill-red-light-bordered-border);
1679
+ }
1680
+ a[data-cube-pill="red-light-bordered"]:visited {
1681
+ color: var(--cube-pill-red-light-bordered-fg);
1682
+ background-color: var(--cube-pill-red-light-bordered-bg);
1683
+ border-color: var(--cube-pill-red-light-bordered-border);
1684
+ }
1685
+ [data-cube-pill="red-light-bordered"]:disabled,
1686
+ [data-cube-pill="red-light-bordered"][aria-disabled="true"] {
1687
+ opacity: 0.45;
1688
+ cursor: not-allowed;
1689
+ }
1690
+
1691
+ [data-cube-pill="teal-bold-filled"] {
1692
+ color: var(--cube-pill-teal-bold-filled-fg);
1693
+ background-color: var(--cube-pill-teal-bold-filled-bg);
1694
+ border-color: var(--cube-pill-teal-bold-filled-border);
1695
+ }
1696
+ a[data-cube-pill="teal-bold-filled"]:visited {
1697
+ color: var(--cube-pill-teal-bold-filled-fg);
1698
+ background-color: var(--cube-pill-teal-bold-filled-bg);
1699
+ border-color: var(--cube-pill-teal-bold-filled-border);
1700
+ }
1701
+ [data-cube-pill="teal-bold-filled"]:disabled,
1702
+ [data-cube-pill="teal-bold-filled"][aria-disabled="true"] {
1703
+ opacity: 0.45;
1704
+ cursor: not-allowed;
1705
+ }
1706
+
1707
+ [data-cube-pill="teal-bold-bordered"] {
1708
+ color: var(--cube-pill-teal-bold-bordered-fg);
1709
+ background-color: var(--cube-pill-teal-bold-bordered-bg);
1710
+ border-color: var(--cube-pill-teal-bold-bordered-border);
1711
+ }
1712
+ a[data-cube-pill="teal-bold-bordered"]:visited {
1713
+ color: var(--cube-pill-teal-bold-bordered-fg);
1714
+ background-color: var(--cube-pill-teal-bold-bordered-bg);
1715
+ border-color: var(--cube-pill-teal-bold-bordered-border);
1716
+ }
1717
+ [data-cube-pill="teal-bold-bordered"]:disabled,
1718
+ [data-cube-pill="teal-bold-bordered"][aria-disabled="true"] {
1719
+ opacity: 0.45;
1720
+ cursor: not-allowed;
1721
+ }
1722
+
1723
+ [data-cube-pill="teal-extraBold-filled"] {
1724
+ color: var(--cube-pill-teal-extraBold-filled-fg);
1725
+ background-color: var(--cube-pill-teal-extraBold-filled-bg);
1726
+ border-color: var(--cube-pill-teal-extraBold-filled-border);
1727
+ }
1728
+ a[data-cube-pill="teal-extraBold-filled"]:visited {
1729
+ color: var(--cube-pill-teal-extraBold-filled-fg);
1730
+ background-color: var(--cube-pill-teal-extraBold-filled-bg);
1731
+ border-color: var(--cube-pill-teal-extraBold-filled-border);
1732
+ }
1733
+ [data-cube-pill="teal-extraBold-filled"]:disabled,
1734
+ [data-cube-pill="teal-extraBold-filled"][aria-disabled="true"] {
1735
+ opacity: 0.45;
1736
+ cursor: not-allowed;
1737
+ }
1738
+
1739
+ [data-cube-pill="teal-extraBold-bordered"] {
1740
+ color: var(--cube-pill-teal-extraBold-bordered-fg);
1741
+ background-color: var(--cube-pill-teal-extraBold-bordered-bg);
1742
+ border-color: var(--cube-pill-teal-extraBold-bordered-border);
1743
+ }
1744
+ a[data-cube-pill="teal-extraBold-bordered"]:visited {
1745
+ color: var(--cube-pill-teal-extraBold-bordered-fg);
1746
+ background-color: var(--cube-pill-teal-extraBold-bordered-bg);
1747
+ border-color: var(--cube-pill-teal-extraBold-bordered-border);
1748
+ }
1749
+ [data-cube-pill="teal-extraBold-bordered"]:disabled,
1750
+ [data-cube-pill="teal-extraBold-bordered"][aria-disabled="true"] {
1751
+ opacity: 0.45;
1752
+ cursor: not-allowed;
1753
+ }
1754
+
1755
+ [data-cube-pill="teal-extralight-filled"] {
1756
+ color: var(--cube-pill-teal-extralight-filled-fg);
1757
+ background-color: var(--cube-pill-teal-extralight-filled-bg);
1758
+ border-color: var(--cube-pill-teal-extralight-filled-border);
1759
+ }
1760
+ a[data-cube-pill="teal-extralight-filled"]:visited {
1761
+ color: var(--cube-pill-teal-extralight-filled-fg);
1762
+ background-color: var(--cube-pill-teal-extralight-filled-bg);
1763
+ border-color: var(--cube-pill-teal-extralight-filled-border);
1764
+ }
1765
+ [data-cube-pill="teal-extralight-filled"]:disabled,
1766
+ [data-cube-pill="teal-extralight-filled"][aria-disabled="true"] {
1767
+ opacity: 0.45;
1768
+ cursor: not-allowed;
1769
+ }
1770
+
1771
+ [data-cube-pill="teal-extralight-bordered"] {
1772
+ color: var(--cube-pill-teal-extralight-bordered-fg);
1773
+ background-color: var(--cube-pill-teal-extralight-bordered-bg);
1774
+ border-color: var(--cube-pill-teal-extralight-bordered-border);
1775
+ }
1776
+ a[data-cube-pill="teal-extralight-bordered"]:visited {
1777
+ color: var(--cube-pill-teal-extralight-bordered-fg);
1778
+ background-color: var(--cube-pill-teal-extralight-bordered-bg);
1779
+ border-color: var(--cube-pill-teal-extralight-bordered-border);
1780
+ }
1781
+ [data-cube-pill="teal-extralight-bordered"]:disabled,
1782
+ [data-cube-pill="teal-extralight-bordered"][aria-disabled="true"] {
1783
+ opacity: 0.45;
1784
+ cursor: not-allowed;
1785
+ }
1786
+
1787
+ [data-cube-pill="teal-light-filled"] {
1788
+ color: var(--cube-pill-teal-light-filled-fg);
1789
+ background-color: var(--cube-pill-teal-light-filled-bg);
1790
+ border-color: var(--cube-pill-teal-light-filled-border);
1791
+ }
1792
+ a[data-cube-pill="teal-light-filled"]:visited {
1793
+ color: var(--cube-pill-teal-light-filled-fg);
1794
+ background-color: var(--cube-pill-teal-light-filled-bg);
1795
+ border-color: var(--cube-pill-teal-light-filled-border);
1796
+ }
1797
+ [data-cube-pill="teal-light-filled"]:disabled,
1798
+ [data-cube-pill="teal-light-filled"][aria-disabled="true"] {
1799
+ opacity: 0.45;
1800
+ cursor: not-allowed;
1801
+ }
1802
+
1803
+ [data-cube-pill="teal-light-bordered"] {
1804
+ color: var(--cube-pill-teal-light-bordered-fg);
1805
+ background-color: var(--cube-pill-teal-light-bordered-bg);
1806
+ border-color: var(--cube-pill-teal-light-bordered-border);
1807
+ }
1808
+ a[data-cube-pill="teal-light-bordered"]:visited {
1809
+ color: var(--cube-pill-teal-light-bordered-fg);
1810
+ background-color: var(--cube-pill-teal-light-bordered-bg);
1811
+ border-color: var(--cube-pill-teal-light-bordered-border);
1812
+ }
1813
+ [data-cube-pill="teal-light-bordered"]:disabled,
1814
+ [data-cube-pill="teal-light-bordered"][aria-disabled="true"] {
1815
+ opacity: 0.45;
1816
+ cursor: not-allowed;
1817
+ }
1818
+
1819
+ [data-cube-pill="yellow-bold-filled"] {
1820
+ color: var(--cube-pill-yellow-bold-filled-fg);
1821
+ background-color: var(--cube-pill-yellow-bold-filled-bg);
1822
+ border-color: var(--cube-pill-yellow-bold-filled-border);
1823
+ }
1824
+ a[data-cube-pill="yellow-bold-filled"]:visited {
1825
+ color: var(--cube-pill-yellow-bold-filled-fg);
1826
+ background-color: var(--cube-pill-yellow-bold-filled-bg);
1827
+ border-color: var(--cube-pill-yellow-bold-filled-border);
1828
+ }
1829
+ [data-cube-pill="yellow-bold-filled"]:disabled,
1830
+ [data-cube-pill="yellow-bold-filled"][aria-disabled="true"] {
1831
+ opacity: 0.45;
1832
+ cursor: not-allowed;
1833
+ }
1834
+
1835
+ [data-cube-pill="yellow-bold-bordered"] {
1836
+ color: var(--cube-pill-yellow-bold-bordered-fg);
1837
+ background-color: var(--cube-pill-yellow-bold-bordered-bg);
1838
+ border-color: var(--cube-pill-yellow-bold-bordered-border);
1839
+ }
1840
+ a[data-cube-pill="yellow-bold-bordered"]:visited {
1841
+ color: var(--cube-pill-yellow-bold-bordered-fg);
1842
+ background-color: var(--cube-pill-yellow-bold-bordered-bg);
1843
+ border-color: var(--cube-pill-yellow-bold-bordered-border);
1844
+ }
1845
+ [data-cube-pill="yellow-bold-bordered"]:disabled,
1846
+ [data-cube-pill="yellow-bold-bordered"][aria-disabled="true"] {
1847
+ opacity: 0.45;
1848
+ cursor: not-allowed;
1849
+ }
1850
+
1851
+ [data-cube-pill="yellow-extraBold-filled"] {
1852
+ color: var(--cube-pill-yellow-extraBold-filled-fg);
1853
+ background-color: var(--cube-pill-yellow-extraBold-filled-bg);
1854
+ border-color: var(--cube-pill-yellow-extraBold-filled-border);
1855
+ }
1856
+ a[data-cube-pill="yellow-extraBold-filled"]:visited {
1857
+ color: var(--cube-pill-yellow-extraBold-filled-fg);
1858
+ background-color: var(--cube-pill-yellow-extraBold-filled-bg);
1859
+ border-color: var(--cube-pill-yellow-extraBold-filled-border);
1860
+ }
1861
+ [data-cube-pill="yellow-extraBold-filled"]:disabled,
1862
+ [data-cube-pill="yellow-extraBold-filled"][aria-disabled="true"] {
1863
+ opacity: 0.45;
1864
+ cursor: not-allowed;
1865
+ }
1866
+
1867
+ [data-cube-pill="yellow-extraBold-bordered"] {
1868
+ color: var(--cube-pill-yellow-extraBold-bordered-fg);
1869
+ background-color: var(--cube-pill-yellow-extraBold-bordered-bg);
1870
+ border-color: var(--cube-pill-yellow-extraBold-bordered-border);
1871
+ }
1872
+ a[data-cube-pill="yellow-extraBold-bordered"]:visited {
1873
+ color: var(--cube-pill-yellow-extraBold-bordered-fg);
1874
+ background-color: var(--cube-pill-yellow-extraBold-bordered-bg);
1875
+ border-color: var(--cube-pill-yellow-extraBold-bordered-border);
1876
+ }
1877
+ [data-cube-pill="yellow-extraBold-bordered"]:disabled,
1878
+ [data-cube-pill="yellow-extraBold-bordered"][aria-disabled="true"] {
1879
+ opacity: 0.45;
1880
+ cursor: not-allowed;
1881
+ }
1882
+
1883
+ [data-cube-pill="yellow-extralight-filled"] {
1884
+ color: var(--cube-pill-yellow-extralight-filled-fg);
1885
+ background-color: var(--cube-pill-yellow-extralight-filled-bg);
1886
+ border-color: var(--cube-pill-yellow-extralight-filled-border);
1887
+ }
1888
+ a[data-cube-pill="yellow-extralight-filled"]:visited {
1889
+ color: var(--cube-pill-yellow-extralight-filled-fg);
1890
+ background-color: var(--cube-pill-yellow-extralight-filled-bg);
1891
+ border-color: var(--cube-pill-yellow-extralight-filled-border);
1892
+ }
1893
+ [data-cube-pill="yellow-extralight-filled"]:disabled,
1894
+ [data-cube-pill="yellow-extralight-filled"][aria-disabled="true"] {
1895
+ opacity: 0.45;
1896
+ cursor: not-allowed;
1897
+ }
1898
+
1899
+ [data-cube-pill="yellow-extralight-bordered"] {
1900
+ color: var(--cube-pill-yellow-extralight-bordered-fg);
1901
+ background-color: var(--cube-pill-yellow-extralight-bordered-bg);
1902
+ border-color: var(--cube-pill-yellow-extralight-bordered-border);
1903
+ }
1904
+ a[data-cube-pill="yellow-extralight-bordered"]:visited {
1905
+ color: var(--cube-pill-yellow-extralight-bordered-fg);
1906
+ background-color: var(--cube-pill-yellow-extralight-bordered-bg);
1907
+ border-color: var(--cube-pill-yellow-extralight-bordered-border);
1908
+ }
1909
+ [data-cube-pill="yellow-extralight-bordered"]:disabled,
1910
+ [data-cube-pill="yellow-extralight-bordered"][aria-disabled="true"] {
1911
+ opacity: 0.45;
1912
+ cursor: not-allowed;
1913
+ }
1914
+
1915
+ [data-cube-pill="yellow-light-filled"] {
1916
+ color: var(--cube-pill-yellow-light-filled-fg);
1917
+ background-color: var(--cube-pill-yellow-light-filled-bg);
1918
+ border-color: var(--cube-pill-yellow-light-filled-border);
1919
+ }
1920
+ a[data-cube-pill="yellow-light-filled"]:visited {
1921
+ color: var(--cube-pill-yellow-light-filled-fg);
1922
+ background-color: var(--cube-pill-yellow-light-filled-bg);
1923
+ border-color: var(--cube-pill-yellow-light-filled-border);
1924
+ }
1925
+ [data-cube-pill="yellow-light-filled"]:disabled,
1926
+ [data-cube-pill="yellow-light-filled"][aria-disabled="true"] {
1927
+ opacity: 0.45;
1928
+ cursor: not-allowed;
1929
+ }
1930
+
1931
+ [data-cube-pill="yellow-light-bordered"] {
1932
+ color: var(--cube-pill-yellow-light-bordered-fg);
1933
+ background-color: var(--cube-pill-yellow-light-bordered-bg);
1934
+ border-color: var(--cube-pill-yellow-light-bordered-border);
1935
+ }
1936
+ a[data-cube-pill="yellow-light-bordered"]:visited {
1937
+ color: var(--cube-pill-yellow-light-bordered-fg);
1938
+ background-color: var(--cube-pill-yellow-light-bordered-bg);
1939
+ border-color: var(--cube-pill-yellow-light-bordered-border);
1940
+ }
1941
+ [data-cube-pill="yellow-light-bordered"]:disabled,
1942
+ [data-cube-pill="yellow-light-bordered"][aria-disabled="true"] {
1943
+ opacity: 0.45;
1944
+ cursor: not-allowed;
1945
+ }