@razorpay/blade 8.1.0 → 8.2.2

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.
@@ -1,587 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Tue, 23 May 2023 12:54:52 GMT
4
- */
5
-
6
- :root {
7
- --name: paymentTheme;
8
- --border-radius-none: 0px;
9
- --border-radius-small: 2px;
10
- --border-radius-medium: 4px;
11
- --border-radius-large: 8px;
12
- --border-radius-max: 9999px;
13
- --border-radius-round: 50%;
14
- --border-width-none: 0px;
15
- --border-width-thin: 1px;
16
- --border-width-thick: 1.5px;
17
- --breakpoints-base: 0px;
18
- --breakpoints-xs: 320px;
19
- --breakpoints-s: 480px;
20
- --breakpoints-m: 768px;
21
- --breakpoints-l: 1024px;
22
- --breakpoints-xl: 1200px;
23
- --colors-surface-background-level1-low-contrast: hsla(218, 67%, 10%, 1);
24
- --colors-surface-background-level1-high-contrast: hsla(219, 41%, 19%, 1);
25
- --colors-surface-background-level2-low-contrast: hsla(218, 54%, 15%, 1);
26
- --colors-surface-background-level2-high-contrast: hsla(220, 35%, 22%, 1);
27
- --colors-surface-background-level3-low-contrast: hsla(218, 49%, 17%, 1);
28
- --colors-surface-background-level3-high-contrast: hsla(220, 23%, 29%, 1);
29
- --colors-surface-border-normal-low-contrast: hsla(220, 11%, 84%, 0.18);
30
- --colors-surface-border-normal-high-contrast: hsla(220, 11%, 84%, 0.18);
31
- --colors-surface-border-subtle-low-contrast: hsla(220, 11%, 84%, 0.09);
32
- --colors-surface-border-subtle-high-contrast: hsla(220, 11%, 84%, 0.09);
33
- --colors-surface-text-normal-low-contrast: hsla(0, 0%, 99%, 1);
34
- --colors-surface-text-normal-high-contrast: hsla(0, 0%, 99%, 1);
35
- --colors-surface-text-subtle-low-contrast: hsla(215, 12%, 92%, 1);
36
- --colors-surface-text-subtle-high-contrast: hsla(215, 12%, 92%, 1);
37
- --colors-surface-text-subdued-low-contrast: hsla(218, 11%, 84%, 1);
38
- --colors-surface-text-subdued-high-contrast: hsla(218, 11%, 84%, 1);
39
- --colors-surface-text-muted-low-contrast: hsla(218, 11%, 76%, 1);
40
- --colors-surface-text-muted-high-contrast: hsla(218, 11%, 76%, 1);
41
- --colors-surface-text-placeholder-low-contrast: hsla(219, 10%, 60%, 1);
42
- --colors-surface-text-placeholder-high-contrast: hsla(219, 10%, 60%, 1);
43
- --colors-surface-action-icon-default-low-contrast: hsla(219, 12%, 45%, 1);
44
- --colors-surface-action-icon-default-high-contrast: hsla(220, 11%, 84%, 0.32);
45
- --colors-surface-action-icon-hover-low-contrast: hsla(218, 11%, 76%, 1);
46
- --colors-surface-action-icon-hover-high-contrast: hsla(0, 0%, 99%, 1);
47
- --colors-surface-action-icon-focus-low-contrast: hsla(218, 11%, 76%, 1);
48
- --colors-surface-action-icon-focus-high-contrast: hsla(0, 0%, 99%, 1);
49
- --colors-surface-action-icon-active-low-contrast: hsla(218, 11%, 76%, 1);
50
- --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
51
- --colors-surface-action-icon-disabled-low-contrast: hsla(220, 23%, 29%, 1);
52
- --colors-surface-action-icon-disabled-high-contrast: hsla(220, 11%, 84%, 0.18);
53
- --colors-overlay-background: hsla(217, 11%, 76%, 0.18);
54
- --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
55
- --colors-brand-primary-400: hsla(218, 89%, 51%, 0.32);
56
- --colors-brand-primary-500: hsla(213, 91%, 66%, 1);
57
- --colors-brand-primary-600: hsla(213, 89%, 56%, 1);
58
- --colors-brand-primary-700: hsla(218, 89%, 51%, 1);
59
- --colors-brand-primary-800: hsla(230, 100%, 42%, 1);
60
- --colors-brand-gray-200-low-contrast: hsla(219, 41%, 19%, 1);
61
- --colors-brand-gray-200-high-contrast: hsla(220, 23%, 29%, 1);
62
- --colors-brand-gray-300-low-contrast: hsla(220, 35%, 22%, 1);
63
- --colors-brand-gray-300-high-contrast: hsla(220, 16%, 37%, 1);
64
- --colors-brand-gray-400-low-contrast: hsla(220, 23%, 29%, 1);
65
- --colors-brand-gray-400-high-contrast: hsla(219, 12%, 45%, 1);
66
- --colors-brand-gray-500-low-contrast: hsla(220, 16%, 37%, 1);
67
- --colors-brand-gray-500-high-contrast: hsla(219, 10%, 60%, 1);
68
- --colors-brand-gray-600-low-contrast: hsla(219, 12%, 45%, 1);
69
- --colors-brand-gray-600-high-contrast: hsla(218, 11%, 76%, 1);
70
- --colors-brand-gray-700-low-contrast: hsla(218, 11%, 76%, 1);
71
- --colors-brand-gray-700-high-contrast: hsla(215, 12%, 92%, 1);
72
- --colors-brand-gray-a50-low-contrast: hsla(220, 11%, 84%, 0.09);
73
- --colors-brand-gray-a50-high-contrast: hsla(217, 11%, 76%, 0.09);
74
- --colors-brand-gray-a100-low-contrast: hsla(220, 11%, 84%, 0.18);
75
- --colors-brand-gray-a100-high-contrast: hsla(217, 11%, 76%, 0.18);
76
- --colors-brand-secondary-500: hsla(149, 99%, 35%, 1);
77
- --colors-feedback-background-neutral-low-contrast: hsla(220, 11%, 84%, 0.18);
78
- --colors-feedback-background-neutral-high-contrast: hsla(220, 11%, 84%, 0.18);
79
- --colors-feedback-background-positive-low-contrast: hsla(155, 100%, 31%, 0.18);
80
- --colors-feedback-background-positive-high-contrast: hsla(160, 100%, 26%, 1);
81
- --colors-feedback-background-negative-low-contrast: hsla(9, 91%, 56%, 0.18);
82
- --colors-feedback-background-negative-high-contrast: hsla(8, 73%, 47%, 1);
83
- --colors-feedback-background-notice-low-contrast: hsla(36, 100%, 44%, 0.18);
84
- --colors-feedback-background-notice-high-contrast: hsla(40, 90%, 32%, 1);
85
- --colors-feedback-background-information-low-contrast: hsla(193, 100%, 35%, 0.18);
86
- --colors-feedback-background-information-high-contrast: hsla(193, 100%, 35%, 1);
87
- --colors-feedback-border-neutral-low-contrast: hsla(220, 11%, 84%, 0.32);
88
- --colors-feedback-border-neutral-high-contrast: hsla(215, 12%, 92%, 1);
89
- --colors-feedback-border-positive-low-contrast: hsla(155, 100%, 31%, 0.32);
90
- --colors-feedback-border-positive-high-contrast: hsla(160, 100%, 26%, 1);
91
- --colors-feedback-border-negative-low-contrast: hsla(9, 91%, 56%, 0.32);
92
- --colors-feedback-border-negative-high-contrast: hsla(8, 73%, 47%, 1);
93
- --colors-feedback-border-notice-low-contrast: hsla(36, 100%, 44%, 0.32);
94
- --colors-feedback-border-notice-high-contrast: hsla(40, 90%, 32%, 1);
95
- --colors-feedback-border-information-low-contrast: hsla(193, 100%, 35%, 0.32);
96
- --colors-feedback-border-information-high-contrast: hsla(193, 100%, 35%, 1);
97
- --colors-feedback-text-neutral-low-contrast: hsla(218, 11%, 84%, 1);
98
- --colors-feedback-text-neutral-high-contrast: hsla(215, 12%, 92%, 1);
99
- --colors-feedback-text-positive-low-contrast: hsla(149, 99%, 35%, 1);
100
- --colors-feedback-text-positive-high-contrast: hsla(0, 0%, 99%, 1);
101
- --colors-feedback-text-negative-low-contrast: hsla(6, 100%, 75%, 1);
102
- --colors-feedback-text-negative-high-contrast: hsla(0, 0%, 99%, 1);
103
- --colors-feedback-text-notice-low-contrast: hsla(34, 93%, 65%, 1);
104
- --colors-feedback-text-notice-high-contrast: hsla(0, 0%, 99%, 1);
105
- --colors-feedback-text-information-low-contrast: hsla(187, 68%, 52%, 1);
106
- --colors-feedback-text-information-high-contrast: hsla(0, 0%, 99%, 1);
107
- --colors-feedback-icon-neutral-low-contrast: hsla(218, 11%, 84%, 1);
108
- --colors-feedback-icon-neutral-high-contrast: hsla(215, 12%, 92%, 1);
109
- --colors-feedback-icon-positive-low-contrast: hsla(149, 99%, 35%, 1);
110
- --colors-feedback-icon-positive-high-contrast: hsla(0, 0%, 99%, 1);
111
- --colors-feedback-icon-negative-low-contrast: hsla(6, 100%, 75%, 1);
112
- --colors-feedback-icon-negative-high-contrast: hsla(0, 0%, 99%, 1);
113
- --colors-feedback-icon-notice-low-contrast: hsla(34, 93%, 65%, 1);
114
- --colors-feedback-icon-notice-high-contrast: hsla(0, 0%, 99%, 1);
115
- --colors-feedback-icon-information-low-contrast: hsla(187, 68%, 52%, 1);
116
- --colors-feedback-icon-information-high-contrast: hsla(0, 0%, 99%, 1);
117
- --colors-feedback-neutral-action-background-primary-default-low-contrast: hsla(220, 11%, 84%, 0.09);
118
- --colors-feedback-neutral-action-background-primary-default-high-contrast: hsla(215, 12%, 92%, 1);
119
- --colors-feedback-neutral-action-background-primary-hover-low-contrast: hsla(220, 11%, 84%, 0.18);
120
- --colors-feedback-neutral-action-background-primary-hover-high-contrast: hsla(218, 11%, 84%, 1);
121
- --colors-feedback-neutral-action-background-primary-focus-low-contrast: hsla(220, 11%, 84%, 0.32);
122
- --colors-feedback-neutral-action-background-primary-focus-high-contrast: hsla(218, 11%, 76%, 1);
123
- --colors-feedback-neutral-action-background-primary-active-low-contrast: hsla(220, 11%, 84%, 0.32);
124
- --colors-feedback-neutral-action-background-primary-active-high-contrast: hsla(218, 11%, 76%, 1);
125
- --colors-feedback-neutral-action-background-primary-disabled-low-contrast: hsla(220, 11%, 84%, 0.09);
126
- --colors-feedback-neutral-action-background-primary-disabled-high-contrast: hsla(215, 12%, 92%, 1);
127
- --colors-feedback-neutral-action-border-primary-default-low-contrast: hsla(219, 12%, 45%, 1);
128
- --colors-feedback-neutral-action-border-primary-default-high-contrast: hsla(219, 10%, 60%, 1);
129
- --colors-feedback-neutral-action-border-primary-hover-low-contrast: hsla(219, 12%, 45%, 1);
130
- --colors-feedback-neutral-action-border-primary-hover-high-contrast: hsla(219, 10%, 60%, 1);
131
- --colors-feedback-neutral-action-border-primary-focus-low-contrast: hsla(219, 12%, 45%, 1);
132
- --colors-feedback-neutral-action-border-primary-focus-high-contrast: hsla(219, 10%, 60%, 1);
133
- --colors-feedback-neutral-action-border-primary-active-low-contrast: hsla(219, 12%, 45%, 1);
134
- --colors-feedback-neutral-action-border-primary-active-high-contrast: hsla(219, 10%, 60%, 1);
135
- --colors-feedback-neutral-action-border-primary-disabled-low-contrast: hsla(219, 12%, 45%, 1);
136
- --colors-feedback-neutral-action-border-primary-disabled-high-contrast: hsla(219, 10%, 60%, 1);
137
- --colors-feedback-neutral-action-text-primary-default-low-contrast: hsla(218, 11%, 84%, 1);
138
- --colors-feedback-neutral-action-text-primary-default-high-contrast: hsla(220, 35%, 22%, 1);
139
- --colors-feedback-neutral-action-text-primary-hover-low-contrast: hsla(218, 11%, 84%, 1);
140
- --colors-feedback-neutral-action-text-primary-hover-high-contrast: hsla(220, 35%, 22%, 1);
141
- --colors-feedback-neutral-action-text-primary-focus-low-contrast: hsla(218, 11%, 84%, 1);
142
- --colors-feedback-neutral-action-text-primary-focus-high-contrast: hsla(220, 35%, 22%, 1);
143
- --colors-feedback-neutral-action-text-primary-active-low-contrast: hsla(218, 11%, 84%, 1);
144
- --colors-feedback-neutral-action-text-primary-active-high-contrast: hsla(220, 35%, 22%, 1);
145
- --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(219, 12%, 45%, 1);
146
- --colors-feedback-neutral-action-text-primary-disabled-high-contrast: hsla(219, 10%, 60%, 1);
147
- --colors-feedback-neutral-action-text-link-default-low-contrast: hsla(218, 11%, 84%, 1);
148
- --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(218, 11%, 84%, 1);
149
- --colors-feedback-neutral-action-text-link-hover-low-contrast: hsla(218, 11%, 76%, 1);
150
- --colors-feedback-neutral-action-text-link-hover-high-contrast: hsla(218, 11%, 76%, 1);
151
- --colors-feedback-neutral-action-text-link-focus-low-contrast: hsla(219, 10%, 60%, 1);
152
- --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(219, 10%, 60%, 1);
153
- --colors-feedback-neutral-action-text-link-active-low-contrast: hsla(219, 10%, 60%, 1);
154
- --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(219, 10%, 60%, 1);
155
- --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(219, 12%, 45%, 1);
156
- --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(219, 12%, 45%, 1);
157
- --colors-feedback-neutral-action-icon-primary-default-low-contrast: hsla(218, 11%, 84%, 1);
158
- --colors-feedback-neutral-action-icon-primary-default-high-contrast: hsla(220, 35%, 22%, 1);
159
- --colors-feedback-neutral-action-icon-primary-hover-low-contrast: hsla(218, 11%, 84%, 1);
160
- --colors-feedback-neutral-action-icon-primary-hover-high-contrast: hsla(220, 35%, 22%, 1);
161
- --colors-feedback-neutral-action-icon-primary-focus-low-contrast: hsla(218, 11%, 84%, 1);
162
- --colors-feedback-neutral-action-icon-primary-focus-high-contrast: hsla(220, 35%, 22%, 1);
163
- --colors-feedback-neutral-action-icon-primary-active-low-contrast: hsla(218, 11%, 84%, 1);
164
- --colors-feedback-neutral-action-icon-primary-active-high-contrast: hsla(220, 35%, 22%, 1);
165
- --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(219, 12%, 45%, 1);
166
- --colors-feedback-neutral-action-icon-primary-disabled-high-contrast: hsla(219, 10%, 60%, 1);
167
- --colors-feedback-neutral-action-icon-link-default-low-contrast: hsla(218, 11%, 84%, 1);
168
- --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(218, 11%, 84%, 1);
169
- --colors-feedback-neutral-action-icon-link-hover-low-contrast: hsla(218, 11%, 76%, 1);
170
- --colors-feedback-neutral-action-icon-link-hover-high-contrast: hsla(218, 11%, 76%, 1);
171
- --colors-feedback-neutral-action-icon-link-focus-low-contrast: hsla(219, 10%, 60%, 1);
172
- --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(219, 10%, 60%, 1);
173
- --colors-feedback-neutral-action-icon-link-active-low-contrast: hsla(219, 10%, 60%, 1);
174
- --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(219, 10%, 60%, 1);
175
- --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(219, 12%, 45%, 1);
176
- --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(219, 12%, 45%, 1);
177
- --colors-feedback-positive-action-background-primary-default-low-contrast: hsla(155, 100%, 31%, 0.09);
178
- --colors-feedback-positive-action-background-primary-default-high-contrast: hsla(160, 100%, 26%, 1);
179
- --colors-feedback-positive-action-background-primary-hover-low-contrast: hsla(155, 100%, 31%, 0.18);
180
- --colors-feedback-positive-action-background-primary-hover-high-contrast: hsla(163, 100%, 22%, 1);
181
- --colors-feedback-positive-action-background-primary-focus-low-contrast: hsla(155, 100%, 31%, 0.32);
182
- --colors-feedback-positive-action-background-primary-focus-high-contrast: hsla(164, 100%, 17%, 1);
183
- --colors-feedback-positive-action-background-primary-active-low-contrast: hsla(155, 100%, 31%, 0.32);
184
- --colors-feedback-positive-action-background-primary-active-high-contrast: hsla(164, 100%, 17%, 1);
185
- --colors-feedback-positive-action-background-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.09);
186
- --colors-feedback-positive-action-background-primary-disabled-high-contrast: hsla(160, 100%, 26%, 1);
187
- --colors-feedback-positive-action-border-primary-default-low-contrast: hsla(160, 100%, 26%, 1);
188
- --colors-feedback-positive-action-border-primary-default-high-contrast: hsla(107, 100%, 96%, 1);
189
- --colors-feedback-positive-action-border-primary-hover-low-contrast: hsla(160, 100%, 26%, 1);
190
- --colors-feedback-positive-action-border-primary-hover-high-contrast: hsla(107, 100%, 96%, 1);
191
- --colors-feedback-positive-action-border-primary-focus-low-contrast: hsla(160, 100%, 26%, 1);
192
- --colors-feedback-positive-action-border-primary-focus-high-contrast: hsla(107, 100%, 96%, 1);
193
- --colors-feedback-positive-action-border-primary-active-low-contrast: hsla(160, 100%, 26%, 1);
194
- --colors-feedback-positive-action-border-primary-active-high-contrast: hsla(107, 100%, 96%, 1);
195
- --colors-feedback-positive-action-border-primary-disabled-low-contrast: hsla(160, 100%, 26%, 1);
196
- --colors-feedback-positive-action-border-primary-disabled-high-contrast: hsla(149, 99%, 35%, 1);
197
- --colors-feedback-positive-action-text-primary-default-low-contrast: hsla(149, 99%, 35%, 1);
198
- --colors-feedback-positive-action-text-primary-default-high-contrast: hsla(107, 100%, 96%, 1);
199
- --colors-feedback-positive-action-text-primary-hover-low-contrast: hsla(149, 99%, 35%, 1);
200
- --colors-feedback-positive-action-text-primary-hover-high-contrast: hsla(107, 100%, 96%, 1);
201
- --colors-feedback-positive-action-text-primary-focus-low-contrast: hsla(149, 99%, 35%, 1);
202
- --colors-feedback-positive-action-text-primary-focus-high-contrast: hsla(107, 100%, 96%, 1);
203
- --colors-feedback-positive-action-text-primary-active-low-contrast: hsla(149, 99%, 35%, 1);
204
- --colors-feedback-positive-action-text-primary-active-high-contrast: hsla(107, 100%, 96%, 1);
205
- --colors-feedback-positive-action-text-primary-disabled-low-contrast: hsla(163, 100%, 22%, 1);
206
- --colors-feedback-positive-action-text-primary-disabled-high-contrast: hsla(149, 99%, 35%, 1);
207
- --colors-feedback-positive-action-text-link-default-low-contrast: hsla(149, 99%, 35%, 1);
208
- --colors-feedback-positive-action-text-link-default-high-contrast: hsla(107, 100%, 96%, 1);
209
- --colors-feedback-positive-action-text-link-hover-low-contrast: hsla(155, 100%, 31%, 1);
210
- --colors-feedback-positive-action-text-link-hover-high-contrast: hsla(107, 100%, 96%, 1);
211
- --colors-feedback-positive-action-text-link-focus-low-contrast: hsla(160, 100%, 26%, 1);
212
- --colors-feedback-positive-action-text-link-focus-high-contrast: hsla(113, 69%, 83%, 1);
213
- --colors-feedback-positive-action-text-link-active-low-contrast: hsla(160, 100%, 26%, 1);
214
- --colors-feedback-positive-action-text-link-active-high-contrast: hsla(113, 69%, 83%, 1);
215
- --colors-feedback-positive-action-text-link-disabled-low-contrast: hsla(163, 100%, 22%, 1);
216
- --colors-feedback-positive-action-text-link-disabled-high-contrast: hsla(113, 69%, 83%, 1);
217
- --colors-feedback-positive-action-icon-primary-default-low-contrast: hsla(149, 99%, 35%, 1);
218
- --colors-feedback-positive-action-icon-primary-default-high-contrast: hsla(107, 100%, 96%, 1);
219
- --colors-feedback-positive-action-icon-primary-hover-low-contrast: hsla(149, 99%, 35%, 1);
220
- --colors-feedback-positive-action-icon-primary-hover-high-contrast: hsla(107, 100%, 96%, 1);
221
- --colors-feedback-positive-action-icon-primary-focus-low-contrast: hsla(149, 99%, 35%, 1);
222
- --colors-feedback-positive-action-icon-primary-focus-high-contrast: hsla(107, 100%, 96%, 1);
223
- --colors-feedback-positive-action-icon-primary-active-low-contrast: hsla(149, 99%, 35%, 1);
224
- --colors-feedback-positive-action-icon-primary-active-high-contrast: hsla(107, 100%, 96%, 1);
225
- --colors-feedback-positive-action-icon-primary-disabled-low-contrast: hsla(163, 100%, 22%, 1);
226
- --colors-feedback-positive-action-icon-primary-disabled-high-contrast: hsla(149, 99%, 35%, 1);
227
- --colors-feedback-positive-action-icon-link-default-low-contrast: hsla(149, 99%, 35%, 1);
228
- --colors-feedback-positive-action-icon-link-default-high-contrast: hsla(107, 100%, 96%, 1);
229
- --colors-feedback-positive-action-icon-link-hover-low-contrast: hsla(155, 100%, 31%, 1);
230
- --colors-feedback-positive-action-icon-link-hover-high-contrast: hsla(107, 100%, 96%, 1);
231
- --colors-feedback-positive-action-icon-link-focus-low-contrast: hsla(160, 100%, 26%, 1);
232
- --colors-feedback-positive-action-icon-link-focus-high-contrast: hsla(113, 69%, 83%, 1);
233
- --colors-feedback-positive-action-icon-link-active-low-contrast: hsla(160, 100%, 26%, 1);
234
- --colors-feedback-positive-action-icon-link-active-high-contrast: hsla(113, 69%, 83%, 1);
235
- --colors-feedback-positive-action-icon-link-disabled-low-contrast: hsla(163, 100%, 22%, 1);
236
- --colors-feedback-positive-action-icon-link-disabled-high-contrast: hsla(113, 69%, 83%, 1);
237
- --colors-feedback-negative-action-background-primary-default-low-contrast: hsla(9, 91%, 56%, 0.09);
238
- --colors-feedback-negative-action-background-primary-default-high-contrast: hsla(8, 73%, 47%, 1);
239
- --colors-feedback-negative-action-background-primary-hover-low-contrast: hsla(9, 91%, 56%, 0.18);
240
- --colors-feedback-negative-action-background-primary-hover-high-contrast: hsla(7, 72%, 40%, 1);
241
- --colors-feedback-negative-action-background-primary-focus-low-contrast: hsla(9, 91%, 56%, 0.32);
242
- --colors-feedback-negative-action-background-primary-focus-high-contrast: hsla(5, 69%, 32%, 1);
243
- --colors-feedback-negative-action-background-primary-active-low-contrast: hsla(9, 91%, 56%, 0.32);
244
- --colors-feedback-negative-action-background-primary-active-high-contrast: hsla(5, 69%, 32%, 1);
245
- --colors-feedback-negative-action-background-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.09);
246
- --colors-feedback-negative-action-background-primary-disabled-high-contrast: hsla(8, 73%, 47%, 1);
247
- --colors-feedback-negative-action-border-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
248
- --colors-feedback-negative-action-border-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
249
- --colors-feedback-negative-action-border-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
250
- --colors-feedback-negative-action-border-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
251
- --colors-feedback-negative-action-border-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
252
- --colors-feedback-negative-action-border-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
253
- --colors-feedback-negative-action-border-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
254
- --colors-feedback-negative-action-border-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
255
- --colors-feedback-negative-action-border-primary-disabled-low-contrast: hsla(5, 69%, 32%, 1);
256
- --colors-feedback-negative-action-border-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
257
- --colors-feedback-negative-action-text-primary-default-low-contrast: hsla(6, 100%, 75%, 1);
258
- --colors-feedback-negative-action-text-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
259
- --colors-feedback-negative-action-text-primary-hover-low-contrast: hsla(6, 100%, 75%, 1);
260
- --colors-feedback-negative-action-text-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
261
- --colors-feedback-negative-action-text-primary-focus-low-contrast: hsla(6, 100%, 75%, 1);
262
- --colors-feedback-negative-action-text-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
263
- --colors-feedback-negative-action-text-primary-active-low-contrast: hsla(6, 100%, 75%, 1);
264
- --colors-feedback-negative-action-text-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
265
- --colors-feedback-negative-action-text-primary-disabled-low-contrast: hsla(7, 72%, 40%, 1);
266
- --colors-feedback-negative-action-text-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
267
- --colors-feedback-negative-action-text-link-default-low-contrast: hsla(8, 99%, 65%, 1);
268
- --colors-feedback-negative-action-text-link-default-high-contrast: hsla(0, 100%, 97%, 1);
269
- --colors-feedback-negative-action-text-link-hover-low-contrast: hsla(6, 100%, 75%, 1);
270
- --colors-feedback-negative-action-text-link-hover-high-contrast: hsla(0, 100%, 97%, 1);
271
- --colors-feedback-negative-action-text-link-focus-low-contrast: hsla(9, 91%, 56%, 1);
272
- --colors-feedback-negative-action-text-link-focus-high-contrast: hsla(0, 100%, 92%, 1);
273
- --colors-feedback-negative-action-text-link-active-low-contrast: hsla(9, 91%, 56%, 1);
274
- --colors-feedback-negative-action-text-link-active-high-contrast: hsla(0, 100%, 92%, 1);
275
- --colors-feedback-negative-action-text-link-disabled-low-contrast: hsla(5, 69%, 32%, 1);
276
- --colors-feedback-negative-action-text-link-disabled-high-contrast: hsla(8, 99%, 65%, 1);
277
- --colors-feedback-negative-action-icon-primary-default-low-contrast: hsla(6, 100%, 75%, 1);
278
- --colors-feedback-negative-action-icon-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
279
- --colors-feedback-negative-action-icon-primary-hover-low-contrast: hsla(6, 100%, 75%, 1);
280
- --colors-feedback-negative-action-icon-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
281
- --colors-feedback-negative-action-icon-primary-focus-low-contrast: hsla(6, 100%, 75%, 1);
282
- --colors-feedback-negative-action-icon-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
283
- --colors-feedback-negative-action-icon-primary-active-low-contrast: hsla(6, 100%, 75%, 1);
284
- --colors-feedback-negative-action-icon-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
285
- --colors-feedback-negative-action-icon-primary-disabled-low-contrast: hsla(7, 72%, 40%, 1);
286
- --colors-feedback-negative-action-icon-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
287
- --colors-feedback-negative-action-icon-link-default-low-contrast: hsla(8, 99%, 65%, 1);
288
- --colors-feedback-negative-action-icon-link-default-high-contrast: hsla(0, 100%, 97%, 1);
289
- --colors-feedback-negative-action-icon-link-hover-low-contrast: hsla(6, 100%, 75%, 1);
290
- --colors-feedback-negative-action-icon-link-hover-high-contrast: hsla(0, 100%, 97%, 1);
291
- --colors-feedback-negative-action-icon-link-focus-low-contrast: hsla(9, 91%, 56%, 1);
292
- --colors-feedback-negative-action-icon-link-focus-high-contrast: hsla(0, 100%, 92%, 1);
293
- --colors-feedback-negative-action-icon-link-active-low-contrast: hsla(9, 91%, 56%, 1);
294
- --colors-feedback-negative-action-icon-link-active-high-contrast: hsla(0, 100%, 92%, 1);
295
- --colors-feedback-negative-action-icon-link-disabled-low-contrast: hsla(5, 69%, 32%, 1);
296
- --colors-feedback-negative-action-icon-link-disabled-high-contrast: hsla(8, 99%, 65%, 1);
297
- --colors-feedback-notice-action-background-primary-default-low-contrast: hsla(36, 100%, 44%, 0.09);
298
- --colors-feedback-notice-action-background-primary-default-high-contrast: hsla(40, 90%, 32%, 1);
299
- --colors-feedback-notice-action-background-primary-hover-low-contrast: hsla(36, 100%, 44%, 0.18);
300
- --colors-feedback-notice-action-background-primary-hover-high-contrast: hsla(41, 82%, 26%, 1);
301
- --colors-feedback-notice-action-background-primary-focus-low-contrast: hsla(36, 100%, 44%, 0.32);
302
- --colors-feedback-notice-action-background-primary-focus-high-contrast: hsla(42, 74%, 20%, 1);
303
- --colors-feedback-notice-action-background-primary-active-low-contrast: hsla(36, 100%, 44%, 0.32);
304
- --colors-feedback-notice-action-background-primary-active-high-contrast: hsla(42, 74%, 20%, 1);
305
- --colors-feedback-notice-action-background-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.09);
306
- --colors-feedback-notice-action-background-primary-disabled-high-contrast: hsla(40, 90%, 32%, 1);
307
- --colors-feedback-notice-action-border-primary-default-low-contrast: hsla(40, 90%, 32%, 1);
308
- --colors-feedback-notice-action-border-primary-default-high-contrast: hsla(32, 100%, 94%, 1);
309
- --colors-feedback-notice-action-border-primary-hover-low-contrast: hsla(40, 90%, 32%, 1);
310
- --colors-feedback-notice-action-border-primary-hover-high-contrast: hsla(32, 100%, 94%, 1);
311
- --colors-feedback-notice-action-border-primary-focus-low-contrast: hsla(40, 90%, 32%, 1);
312
- --colors-feedback-notice-action-border-primary-focus-high-contrast: hsla(32, 100%, 94%, 1);
313
- --colors-feedback-notice-action-border-primary-active-low-contrast: hsla(40, 90%, 32%, 1);
314
- --colors-feedback-notice-action-border-primary-active-high-contrast: hsla(32, 100%, 94%, 1);
315
- --colors-feedback-notice-action-border-primary-disabled-low-contrast: hsla(41, 82%, 26%, 1);
316
- --colors-feedback-notice-action-border-primary-disabled-high-contrast: hsla(35, 84%, 54%, 1);
317
- --colors-feedback-notice-action-text-primary-default-low-contrast: hsla(35, 84%, 54%, 1);
318
- --colors-feedback-notice-action-text-primary-default-high-contrast: hsla(32, 100%, 94%, 1);
319
- --colors-feedback-notice-action-text-primary-hover-low-contrast: hsla(35, 84%, 54%, 1);
320
- --colors-feedback-notice-action-text-primary-hover-high-contrast: hsla(32, 100%, 94%, 1);
321
- --colors-feedback-notice-action-text-primary-focus-low-contrast: hsla(35, 84%, 54%, 1);
322
- --colors-feedback-notice-action-text-primary-focus-high-contrast: hsla(32, 100%, 94%, 1);
323
- --colors-feedback-notice-action-text-primary-active-low-contrast: hsla(35, 84%, 54%, 1);
324
- --colors-feedback-notice-action-text-primary-active-high-contrast: hsla(32, 100%, 94%, 1);
325
- --colors-feedback-notice-action-text-primary-disabled-low-contrast: hsla(41, 82%, 26%, 1);
326
- --colors-feedback-notice-action-text-primary-disabled-high-contrast: hsla(35, 84%, 54%, 1);
327
- --colors-feedback-notice-action-text-link-default-low-contrast: hsla(35, 84%, 54%, 1);
328
- --colors-feedback-notice-action-text-link-default-high-contrast: hsla(32, 100%, 94%, 1);
329
- --colors-feedback-notice-action-text-link-hover-low-contrast: hsla(34, 93%, 65%, 1);
330
- --colors-feedback-notice-action-text-link-hover-high-contrast: hsla(32, 100%, 94%, 1);
331
- --colors-feedback-notice-action-text-link-focus-low-contrast: hsla(36, 100%, 44%, 1);
332
- --colors-feedback-notice-action-text-link-focus-high-contrast: hsla(32, 97%, 86%, 1);
333
- --colors-feedback-notice-action-text-link-active-low-contrast: hsla(36, 100%, 44%, 1);
334
- --colors-feedback-notice-action-text-link-active-high-contrast: hsla(32, 97%, 86%, 1);
335
- --colors-feedback-notice-action-text-link-disabled-low-contrast: hsla(41, 82%, 26%, 1);
336
- --colors-feedback-notice-action-text-link-disabled-high-contrast: hsla(35, 84%, 54%, 1);
337
- --colors-feedback-notice-action-icon-primary-default-low-contrast: hsla(35, 84%, 54%, 1);
338
- --colors-feedback-notice-action-icon-primary-default-high-contrast: hsla(32, 100%, 94%, 1);
339
- --colors-feedback-notice-action-icon-primary-hover-low-contrast: hsla(35, 84%, 54%, 1);
340
- --colors-feedback-notice-action-icon-primary-hover-high-contrast: hsla(32, 100%, 94%, 1);
341
- --colors-feedback-notice-action-icon-primary-focus-low-contrast: hsla(35, 84%, 54%, 1);
342
- --colors-feedback-notice-action-icon-primary-focus-high-contrast: hsla(32, 100%, 94%, 1);
343
- --colors-feedback-notice-action-icon-primary-active-low-contrast: hsla(35, 84%, 54%, 1);
344
- --colors-feedback-notice-action-icon-primary-active-high-contrast: hsla(32, 100%, 94%, 1);
345
- --colors-feedback-notice-action-icon-primary-disabled-low-contrast: hsla(41, 82%, 26%, 1);
346
- --colors-feedback-notice-action-icon-primary-disabled-high-contrast: hsla(35, 84%, 54%, 1);
347
- --colors-feedback-notice-action-icon-link-default-low-contrast: hsla(35, 84%, 54%, 1);
348
- --colors-feedback-notice-action-icon-link-default-high-contrast: hsla(32, 100%, 94%, 1);
349
- --colors-feedback-notice-action-icon-link-hover-low-contrast: hsla(34, 93%, 65%, 1);
350
- --colors-feedback-notice-action-icon-link-hover-high-contrast: hsla(32, 100%, 94%, 1);
351
- --colors-feedback-notice-action-icon-link-focus-low-contrast: hsla(36, 100%, 44%, 1);
352
- --colors-feedback-notice-action-icon-link-focus-high-contrast: hsla(32, 97%, 86%, 1);
353
- --colors-feedback-notice-action-icon-link-active-low-contrast: hsla(36, 100%, 44%, 1);
354
- --colors-feedback-notice-action-icon-link-active-high-contrast: hsla(32, 97%, 86%, 1);
355
- --colors-feedback-notice-action-icon-link-disabled-low-contrast: hsla(41, 82%, 26%, 1);
356
- --colors-feedback-notice-action-icon-link-disabled-high-contrast: hsla(35, 84%, 54%, 1);
357
- --colors-feedback-information-action-background-primary-default-low-contrast: hsla(193, 100%, 35%, 0.09);
358
- --colors-feedback-information-action-background-primary-default-high-contrast: hsla(193, 100%, 35%, 1);
359
- --colors-feedback-information-action-background-primary-hover-low-contrast: hsla(193, 100%, 35%, 0.18);
360
- --colors-feedback-information-action-background-primary-hover-high-contrast: hsla(195, 100%, 31%, 1);
361
- --colors-feedback-information-action-background-primary-focus-low-contrast: hsla(193, 100%, 35%, 0.32);
362
- --colors-feedback-information-action-background-primary-focus-high-contrast: hsla(196, 100%, 27%, 1);
363
- --colors-feedback-information-action-background-primary-active-low-contrast: hsla(193, 100%, 35%, 0.32);
364
- --colors-feedback-information-action-background-primary-active-high-contrast: hsla(196, 100%, 27%, 1);
365
- --colors-feedback-information-action-background-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.09);
366
- --colors-feedback-information-action-background-primary-disabled-high-contrast: hsla(193, 100%, 35%, 1);
367
- --colors-feedback-information-action-border-primary-default-low-contrast: hsla(195, 100%, 31%, 1);
368
- --colors-feedback-information-action-border-primary-default-high-contrast: hsla(180, 100%, 97%, 1);
369
- --colors-feedback-information-action-border-primary-hover-low-contrast: hsla(195, 100%, 31%, 1);
370
- --colors-feedback-information-action-border-primary-hover-high-contrast: hsla(180, 100%, 97%, 1);
371
- --colors-feedback-information-action-border-primary-focus-low-contrast: hsla(195, 100%, 31%, 1);
372
- --colors-feedback-information-action-border-primary-focus-high-contrast: hsla(180, 100%, 97%, 1);
373
- --colors-feedback-information-action-border-primary-active-low-contrast: hsla(195, 100%, 31%, 1);
374
- --colors-feedback-information-action-border-primary-active-high-contrast: hsla(180, 100%, 97%, 1);
375
- --colors-feedback-information-action-border-primary-disabled-low-contrast: hsla(197, 100%, 23%, 1);
376
- --colors-feedback-information-action-border-primary-disabled-high-contrast: hsla(187, 68%, 52%, 1);
377
- --colors-feedback-information-action-text-primary-default-low-contrast: hsla(190, 100%, 39%, 1);
378
- --colors-feedback-information-action-text-primary-default-high-contrast: hsla(180, 100%, 97%, 1);
379
- --colors-feedback-information-action-text-primary-hover-low-contrast: hsla(190, 100%, 39%, 1);
380
- --colors-feedback-information-action-text-primary-hover-high-contrast: hsla(180, 100%, 97%, 1);
381
- --colors-feedback-information-action-text-primary-focus-low-contrast: hsla(190, 100%, 39%, 1);
382
- --colors-feedback-information-action-text-primary-focus-high-contrast: hsla(180, 100%, 97%, 1);
383
- --colors-feedback-information-action-text-primary-active-low-contrast: hsla(190, 100%, 39%, 1);
384
- --colors-feedback-information-action-text-primary-active-high-contrast: hsla(180, 100%, 97%, 1);
385
- --colors-feedback-information-action-text-primary-disabled-low-contrast: hsla(197, 100%, 23%, 1);
386
- --colors-feedback-information-action-text-primary-disabled-high-contrast: hsla(187, 68%, 52%, 1);
387
- --colors-feedback-information-action-text-link-default-low-contrast: hsla(190, 100%, 39%, 1);
388
- --colors-feedback-information-action-text-link-default-high-contrast: hsla(180, 100%, 97%, 1);
389
- --colors-feedback-information-action-text-link-hover-low-contrast: hsla(187, 68%, 52%, 1);
390
- --colors-feedback-information-action-text-link-hover-high-contrast: hsla(180, 100%, 97%, 1);
391
- --colors-feedback-information-action-text-link-focus-low-contrast: hsla(193, 100%, 35%, 1);
392
- --colors-feedback-information-action-text-link-focus-high-contrast: hsla(181, 75%, 85%, 1);
393
- --colors-feedback-information-action-text-link-active-low-contrast: hsla(193, 100%, 35%, 1);
394
- --colors-feedback-information-action-text-link-active-high-contrast: hsla(181, 75%, 85%, 1);
395
- --colors-feedback-information-action-text-link-disabled-low-contrast: hsla(197, 100%, 23%, 1);
396
- --colors-feedback-information-action-text-link-disabled-high-contrast: hsla(187, 68%, 52%, 1);
397
- --colors-feedback-information-action-icon-primary-default-low-contrast: hsla(190, 100%, 39%, 1);
398
- --colors-feedback-information-action-icon-primary-default-high-contrast: hsla(180, 100%, 97%, 1);
399
- --colors-feedback-information-action-icon-primary-hover-low-contrast: hsla(190, 100%, 39%, 1);
400
- --colors-feedback-information-action-icon-primary-hover-high-contrast: hsla(180, 100%, 97%, 1);
401
- --colors-feedback-information-action-icon-primary-focus-low-contrast: hsla(190, 100%, 39%, 1);
402
- --colors-feedback-information-action-icon-primary-focus-high-contrast: hsla(180, 100%, 97%, 1);
403
- --colors-feedback-information-action-icon-primary-active-low-contrast: hsla(190, 100%, 39%, 1);
404
- --colors-feedback-information-action-icon-primary-active-high-contrast: hsla(180, 100%, 97%, 1);
405
- --colors-feedback-information-action-icon-primary-disabled-low-contrast: hsla(197, 100%, 23%, 1);
406
- --colors-feedback-information-action-icon-primary-disabled-high-contrast: hsla(187, 68%, 52%, 1);
407
- --colors-feedback-information-action-icon-link-default-low-contrast: hsla(190, 100%, 39%, 1);
408
- --colors-feedback-information-action-icon-link-default-high-contrast: hsla(180, 100%, 97%, 1);
409
- --colors-feedback-information-action-icon-link-hover-low-contrast: hsla(187, 68%, 52%, 1);
410
- --colors-feedback-information-action-icon-link-hover-high-contrast: hsla(180, 100%, 97%, 1);
411
- --colors-feedback-information-action-icon-link-focus-low-contrast: hsla(193, 100%, 35%, 1);
412
- --colors-feedback-information-action-icon-link-focus-high-contrast: hsla(181, 75%, 85%, 1);
413
- --colors-feedback-information-action-icon-link-active-low-contrast: hsla(193, 100%, 35%, 1);
414
- --colors-feedback-information-action-icon-link-active-high-contrast: hsla(181, 75%, 85%, 1);
415
- --colors-feedback-information-action-icon-link-disabled-low-contrast: hsla(197, 100%, 23%, 1);
416
- --colors-feedback-information-action-icon-link-disabled-high-contrast: hsla(187, 68%, 52%, 1);
417
- --colors-action-background-primary-default: hsla(213, 89%, 56%, 1);
418
- --colors-action-background-primary-hover: hsla(218, 89%, 51%, 1);
419
- --colors-action-background-primary-focus: hsla(223, 95%, 48%, 1);
420
- --colors-action-background-primary-active: hsla(227, 100%, 45%, 1);
421
- --colors-action-background-primary-disabled: hsla(220, 23%, 29%, 1);
422
- --colors-action-background-secondary-default: hsla(218, 89%, 51%, 0);
423
- --colors-action-background-secondary-hover: hsla(218, 89%, 51%, 0.09);
424
- --colors-action-background-secondary-focus: hsla(218, 89%, 51%, 0.18);
425
- --colors-action-background-secondary-active: hsla(218, 89%, 51%, 0.32);
426
- --colors-action-background-secondary-disabled: hsla(220, 11%, 84%, 0);
427
- --colors-action-background-tertiary-default: hsla(218, 49%, 17%, 1);
428
- --colors-action-background-tertiary-hover: hsla(218, 49%, 17%, 1);
429
- --colors-action-background-tertiary-focus: hsla(218, 52%, 16%, 1);
430
- --colors-action-background-tertiary-active: hsla(216, 44%, 23%, 1);
431
- --colors-action-background-tertiary-disabled: hsla(219, 41%, 19%, 1);
432
- --colors-action-border-primary-default: hsla(213, 89%, 56%, 1);
433
- --colors-action-border-primary-hover: hsla(218, 89%, 51%, 1);
434
- --colors-action-border-primary-focus: hsla(223, 95%, 48%, 1);
435
- --colors-action-border-primary-active: hsla(227, 100%, 45%, 1);
436
- --colors-action-border-primary-disabled: hsla(220, 23%, 29%, 1);
437
- --colors-action-border-secondary-default: hsla(213, 91%, 66%, 1);
438
- --colors-action-border-secondary-hover: hsla(213, 91%, 66%, 1);
439
- --colors-action-border-secondary-focus: hsla(213, 91%, 66%, 1);
440
- --colors-action-border-secondary-active: hsla(213, 91%, 66%, 1);
441
- --colors-action-border-secondary-disabled: hsla(220, 16%, 37%, 1);
442
- --colors-action-border-tertiary-default: hsla(219, 12%, 45%, 1);
443
- --colors-action-border-tertiary-hover: hsla(219, 12%, 45%, 1);
444
- --colors-action-border-tertiary-focus: hsla(219, 12%, 45%, 1);
445
- --colors-action-border-tertiary-active: hsla(219, 12%, 45%, 1);
446
- --colors-action-border-tertiary-disabled: hsla(220, 23%, 29%, 1);
447
- --colors-action-text-primary-default: hsla(0, 0%, 99%, 1);
448
- --colors-action-text-primary-hover: hsla(0, 0%, 99%, 1);
449
- --colors-action-text-primary-focus: hsla(0, 0%, 99%, 1);
450
- --colors-action-text-primary-active: hsla(0, 0%, 99%, 1);
451
- --colors-action-text-primary-disabled: hsla(219, 10%, 60%, 1);
452
- --colors-action-text-secondary-default: hsla(213, 91%, 66%, 1);
453
- --colors-action-text-secondary-hover: hsla(213, 91%, 66%, 1);
454
- --colors-action-text-secondary-focus: hsla(213, 91%, 66%, 1);
455
- --colors-action-text-secondary-active: hsla(213, 91%, 66%, 1);
456
- --colors-action-text-secondary-disabled: hsla(220, 16%, 37%, 1);
457
- --colors-action-text-tertiary-default: hsla(218, 11%, 84%, 1);
458
- --colors-action-text-tertiary-hover: hsla(218, 11%, 84%, 1);
459
- --colors-action-text-tertiary-focus: hsla(218, 11%, 84%, 1);
460
- --colors-action-text-tertiary-active: hsla(218, 11%, 84%, 1);
461
- --colors-action-text-tertiary-disabled: hsla(219, 12%, 45%, 1);
462
- --colors-action-text-link-default: hsla(215, 91%, 74%, 1);
463
- --colors-action-text-link-hover: hsla(213, 91%, 66%, 1);
464
- --colors-action-text-link-focus: hsla(213, 89%, 56%, 1);
465
- --colors-action-text-link-active: hsla(213, 89%, 56%, 1);
466
- --colors-action-text-link-disabled: hsla(219, 12%, 45%, 1);
467
- --colors-action-text-link-visited: hsla(267, 100%, 83%, 1);
468
- --colors-action-icon-primary-default: hsla(0, 0%, 99%, 1);
469
- --colors-action-icon-primary-hover: hsla(0, 0%, 99%, 1);
470
- --colors-action-icon-primary-focus: hsla(0, 0%, 99%, 1);
471
- --colors-action-icon-primary-active: hsla(0, 0%, 99%, 1);
472
- --colors-action-icon-primary-disabled: hsla(219, 10%, 60%, 1);
473
- --colors-action-icon-secondary-default: hsla(213, 91%, 66%, 1);
474
- --colors-action-icon-secondary-hover: hsla(213, 91%, 66%, 1);
475
- --colors-action-icon-secondary-focus: hsla(213, 91%, 66%, 1);
476
- --colors-action-icon-secondary-active: hsla(213, 91%, 66%, 1);
477
- --colors-action-icon-secondary-disabled: hsla(220, 16%, 37%, 1);
478
- --colors-action-icon-tertiary-default: hsla(218, 11%, 84%, 1);
479
- --colors-action-icon-tertiary-hover: hsla(218, 11%, 84%, 1);
480
- --colors-action-icon-tertiary-focus: hsla(216, 33%, 29%, 1);
481
- --colors-action-icon-tertiary-active: hsla(218, 11%, 84%, 1);
482
- --colors-action-icon-tertiary-disabled: hsla(219, 12%, 45%, 1);
483
- --colors-action-icon-link-default: hsla(215, 91%, 74%, 1);
484
- --colors-action-icon-link-hover: hsla(213, 91%, 66%, 1);
485
- --colors-action-icon-link-focus: hsla(213, 89%, 56%, 1);
486
- --colors-action-icon-link-active: hsla(213, 89%, 56%, 1);
487
- --colors-action-icon-link-disabled: hsla(219, 12%, 45%, 1);
488
- --colors-action-icon-link-visited: hsla(267, 100%, 83%, 1);
489
- --colors-badge-background-blue-low-contrast: hsla(218, 89%, 51%, 0.18);
490
- --colors-badge-background-blue-high-contrast: hsla(218, 89%, 51%, 1);
491
- --colors-badge-border-blue-low-contrast: hsla(218, 89%, 51%, 0.32);
492
- --colors-badge-border-blue-high-contrast: hsla(218, 89%, 51%, 1);
493
- --colors-badge-text-blue-low-contrast: hsla(213, 91%, 66%, 1);
494
- --colors-badge-text-blue-high-contrast: hsla(0, 0%, 99%, 1);
495
- --colors-badge-icon-blue-low-contrast: hsla(213, 91%, 66%, 1);
496
- --colors-badge-icon-blue-high-contrast: hsla(0, 0%, 99%, 1);
497
- --motion-delay-2xshort: 70ms;
498
- --motion-delay-xshort: 120ms;
499
- --motion-delay-short: 180ms;
500
- --motion-delay-long: 3000ms;
501
- --motion-delay-xlong: 5000ms;
502
- --motion-duration-2xquick: 70ms;
503
- --motion-duration-xquick: 150ms;
504
- --motion-duration-quick: 200ms;
505
- --motion-duration-moderate: 250ms;
506
- --motion-duration-xmoderate: 300ms;
507
- --motion-duration-gentle: 400ms;
508
- --motion-duration-xgentle: 600ms;
509
- --motion-duration-2xgentle: 900ms;
510
- --motion-easing-standard-attentive: cubic-bezier(0.5, 0, 0.3, 1.5);
511
- --motion-easing-standard-effective: cubic-bezier(0.3, 0, 0.2, 1);
512
- --motion-easing-standard-revealing: cubic-bezier(0.5, 0, 0, 1);
513
- --motion-easing-standard-wary: cubic-bezier(1, 0.5, 0, 0.5);
514
- --motion-easing-entrance-attentive: cubic-bezier(0.5, 0, 0.3, 1.5);
515
- --motion-easing-entrance-effective: cubic-bezier(0, 0, 0.2, 1);
516
- --motion-easing-entrance-revealing: cubic-bezier(0, 0, 0, 1);
517
- --motion-easing-exit-attentive: cubic-bezier(0.7, 0, 0.5, 1);
518
- --motion-easing-exit-effective: cubic-bezier(0.17, 0, 1, 1);
519
- --motion-easing-exit-revealing: cubic-bezier(0.5, 0, 1, 1);
520
- --spacing-0: 0px;
521
- --spacing-1: 2px;
522
- --spacing-2: 4px;
523
- --spacing-3: 8px;
524
- --spacing-4: 12px;
525
- --spacing-5: 16px;
526
- --spacing-6: 20px;
527
- --spacing-7: 24px;
528
- --spacing-8: 32px;
529
- --spacing-9: 40px;
530
- --spacing-10: 48px;
531
- --spacing-11: 56px;
532
- --shadows-offset-x-level-1: 0;
533
- --shadows-offset-x-level-2: 0;
534
- --shadows-offset-x-level-3: 0;
535
- --shadows-offset-x-level-4: 0;
536
- --shadows-offset-x-level-5: 0;
537
- --shadows-offset-y-level-1: 1;
538
- --shadows-offset-y-level-2: 3;
539
- --shadows-offset-y-level-3: 8;
540
- --shadows-offset-y-level-4: 10;
541
- --shadows-offset-y-level-5: 18;
542
- --shadows-blur-radius-level-1: 2;
543
- --shadows-blur-radius-level-2: 8;
544
- --shadows-blur-radius-level-3: 12;
545
- --shadows-blur-radius-level-4: 18;
546
- --shadows-blur-radius-level-5: 28;
547
- --shadows-color-level-1: hsla(220, 11%, 84%, 0.18);
548
- --shadows-color-level-2: hsla(220, 11%, 84%, 0.18);
549
- --shadows-color-level-3: hsla(220, 11%, 84%, 0.18);
550
- --shadows-color-level-4: hsla(220, 11%, 84%, 0.18);
551
- --shadows-color-level-5: hsla(220, 11%, 84%, 0.18);
552
- --shadows-android-elevation-level-1: 5;
553
- --shadows-android-elevation-level-2: 5;
554
- --shadows-android-elevation-level-3: 5;
555
- --shadows-android-elevation-level-4: 5;
556
- --shadows-android-elevation-level-5: 5;
557
- --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
558
- --typography-fonts-family-code: monospace;
559
- --typography-fonts-size-10: 0.5625rem;
560
- --typography-fonts-size-25: 0.625rem;
561
- --typography-fonts-size-50: 0.6875rem;
562
- --typography-fonts-size-75: 0.75rem;
563
- --typography-fonts-size-100: 0.875rem;
564
- --typography-fonts-size-200: 1rem;
565
- --typography-fonts-size-300: 1rem;
566
- --typography-fonts-size-400: 1.125rem;
567
- --typography-fonts-size-500: 1.25rem;
568
- --typography-fonts-size-600: 1.25rem;
569
- --typography-fonts-size-700: 1.5rem;
570
- --typography-fonts-size-800: 1.75rem;
571
- --typography-fonts-size-900: 2rem;
572
- --typography-fonts-size-1000: 2rem;
573
- --typography-fonts-weight-regular: 400;
574
- --typography-fonts-weight-bold: 700;
575
- --typography-line-heights-0: 0rem;
576
- --typography-line-heights-25: 0.875rem;
577
- --typography-line-heights-50: 1rem;
578
- --typography-line-heights-75: 1.125rem;
579
- --typography-line-heights-100: 1.25rem;
580
- --typography-line-heights-200: 1.25rem;
581
- --typography-line-heights-300: 1.5rem;
582
- --typography-line-heights-400: 1.5rem;
583
- --typography-line-heights-500: 1.75rem;
584
- --typography-line-heights-600: 2rem;
585
- --typography-line-heights-700: 2.5rem;
586
- --typography-line-heights-800: 2.5rem;
587
- }