@transferwise/neptune-css 0.0.0-experimental-9fc22a2 → 0.0.0-experimental-234dc9e
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/neptune-core.css +0 -2
- package/dist/css/neptune.css +392 -400
- package/package.json +1 -1
- package/src/less/core/_scaffolding.less +0 -2
- package/src/less/neptune.bundle.less +2 -245
package/dist/css/neptune.css
CHANGED
|
@@ -1,3 +1,395 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Wed, 15 Oct 2025 12:29:55 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--color-content-primary: #37517e;
|
|
8
|
+
--color-content-secondary: #5d7079;
|
|
9
|
+
--color-content-tertiary: #768e9c;
|
|
10
|
+
--color-content-accent: #0097c7;
|
|
11
|
+
--color-content-accent-hover: #0084b3;
|
|
12
|
+
--color-content-accent-active: #0077a5;
|
|
13
|
+
--color-content-positive: #008026;
|
|
14
|
+
--color-content-positive-hover: #006d13;
|
|
15
|
+
--color-content-positive-active: #006002;
|
|
16
|
+
--color-content-negative: #cf2929;
|
|
17
|
+
--color-content-negative-hover: #b80419;
|
|
18
|
+
--color-content-negative-active: #a7000d;
|
|
19
|
+
--color-content-warning: #9a6500;
|
|
20
|
+
--color-content-warning-hover: #855400;
|
|
21
|
+
--color-content-warning-active: #764700;
|
|
22
|
+
--color-interactive-accent: #00a2dd;
|
|
23
|
+
--color-interactive-accent-hover: #008fc9;
|
|
24
|
+
--color-interactive-accent-active: #0081ba;
|
|
25
|
+
--color-interactive-positive: #2ead4b;
|
|
26
|
+
--color-interactive-positive-hover: #069939;
|
|
27
|
+
--color-interactive-positive-active: #008b2b;
|
|
28
|
+
--color-interactive-negative: #e74848;
|
|
29
|
+
--color-interactive-negative-hover: #d03238;
|
|
30
|
+
--color-interactive-negative-active: #bf1e2c;
|
|
31
|
+
--color-interactive-warning: #df8700;
|
|
32
|
+
--color-interactive-warning-hover: #c97500;
|
|
33
|
+
--color-interactive-warning-active: #b86700;
|
|
34
|
+
--color-interactive-secondary: #c9cbce;
|
|
35
|
+
--color-interactive-secondary-hover: #b5b7ba;
|
|
36
|
+
--color-interactive-secondary-active: #a7a9ab;
|
|
37
|
+
--color-background-screen: #ffffff;
|
|
38
|
+
--color-background-elevated: #ffffff;
|
|
39
|
+
--color-background-neutral: rgba(134,167,189,0.10196);
|
|
40
|
+
--color-background-accent: rgba(56,200,255,0.10196);
|
|
41
|
+
--color-background-positive: rgba(54,199,151,0.10196);
|
|
42
|
+
--color-background-negative: rgba(255,135,135,0.10196);
|
|
43
|
+
--color-background-warning: rgba(255,172,0,0.10196);
|
|
44
|
+
--color-background-overlay: rgba(0,0,0,0.10196);
|
|
45
|
+
--color-border-neutral: rgba(0,0,0,0.10196);
|
|
46
|
+
--color-border-overlay: rgba(0,0,0,0.10196);
|
|
47
|
+
--color-core-contrast: #000000;
|
|
48
|
+
--padding-x-small: 8px;
|
|
49
|
+
--padding-small: 16px;
|
|
50
|
+
--padding-medium: 24px;
|
|
51
|
+
--padding-large: 32px;
|
|
52
|
+
--radius-full: 9999px;
|
|
53
|
+
--radius-small: 10px;
|
|
54
|
+
--radius-medium: 16px;
|
|
55
|
+
--radius-large: 24px;
|
|
56
|
+
--size-4: 4px;
|
|
57
|
+
--size-5: 5px;
|
|
58
|
+
--size-8: 8px;
|
|
59
|
+
--size-10: 10px;
|
|
60
|
+
--size-12: 12px;
|
|
61
|
+
--size-14: 14px;
|
|
62
|
+
--size-16: 16px;
|
|
63
|
+
--size-24: 24px;
|
|
64
|
+
--size-32: 32px;
|
|
65
|
+
--size-40: 40px;
|
|
66
|
+
--size-48: 48px;
|
|
67
|
+
--size-52: 52px;
|
|
68
|
+
--size-56: 56px;
|
|
69
|
+
--size-60: 60px;
|
|
70
|
+
--size-64: 64px;
|
|
71
|
+
--size-72: 72px;
|
|
72
|
+
--size-80: 80px;
|
|
73
|
+
--size-88: 88px;
|
|
74
|
+
--size-96: 96px;
|
|
75
|
+
--size-104: 104px;
|
|
76
|
+
--size-112: 112px;
|
|
77
|
+
--size-120: 120px;
|
|
78
|
+
--size-126: 126px;
|
|
79
|
+
--size-128: 128px;
|
|
80
|
+
--size-146: 146px;
|
|
81
|
+
--size-154: 154px;
|
|
82
|
+
--size-160: 160px;
|
|
83
|
+
--size-x-small: 24px;
|
|
84
|
+
--size-small: 32px;
|
|
85
|
+
--size-medium: 40px;
|
|
86
|
+
--size-large: 48px;
|
|
87
|
+
--size-x-large: 56px;
|
|
88
|
+
--size-2x-large: 72px;
|
|
89
|
+
--space-content-horizontal: 16px;
|
|
90
|
+
--space-small: 16px;
|
|
91
|
+
--space-medium: 32px;
|
|
92
|
+
--space-large: 40px;
|
|
93
|
+
--space-x-large: 56px;
|
|
94
|
+
--font-size-12: 0.75rem;
|
|
95
|
+
--font-size-14: 0.875rem;
|
|
96
|
+
--font-size-16: 1rem;
|
|
97
|
+
--font-size-18: 1.125rem;
|
|
98
|
+
--font-size-20: 1.25rem;
|
|
99
|
+
--font-size-22: 1.375rem;
|
|
100
|
+
--font-size-24: 1.5rem;
|
|
101
|
+
--font-size-26: 1.625rem;
|
|
102
|
+
--font-size-28: 1.75rem;
|
|
103
|
+
--font-size-30: 1.875rem;
|
|
104
|
+
--font-size-32: 2rem;
|
|
105
|
+
--letter-spacing-xxs: 0.005em;
|
|
106
|
+
--letter-spacing-xs: 0.01em;
|
|
107
|
+
--letter-spacing-sm: 0.0125em;
|
|
108
|
+
--letter-spacing-md: 0.015em;
|
|
109
|
+
--letter-spacing-lg: 0.02em;
|
|
110
|
+
--letter-spacing-xl: 0.025em;
|
|
111
|
+
--letter-spacing-negative-xxs: -0.005em;
|
|
112
|
+
--letter-spacing-negative-xs: -0.01em;
|
|
113
|
+
--letter-spacing-negative-sm: -0.0125em;
|
|
114
|
+
--letter-spacing-negative-md: -0.015em;
|
|
115
|
+
--letter-spacing-negative-lg: -0.02em;
|
|
116
|
+
--letter-spacing-negative-xl: -0.025em;
|
|
117
|
+
--letter-spacing-negative-xxl: -0.03em;
|
|
118
|
+
--letter-spacing-negative-xxxl: -0.04em;
|
|
119
|
+
--letter-spacing-negative-xxxxl: -0.05em;
|
|
120
|
+
--line-height-18: 1.125rem;
|
|
121
|
+
--line-height-20: 1.25rem;
|
|
122
|
+
--line-height-22: 1.375rem;
|
|
123
|
+
--line-height-24: 1.5rem;
|
|
124
|
+
--line-height-28: 1.75rem;
|
|
125
|
+
--line-height-30: 1.875rem;
|
|
126
|
+
--line-height-32: 2rem;
|
|
127
|
+
--line-height-34: 2.125rem;
|
|
128
|
+
--line-height-36: 2.25rem;
|
|
129
|
+
--line-height-42: 2.625rem;
|
|
130
|
+
--line-height-48: 3rem;
|
|
131
|
+
--line-height-title: 1.2;
|
|
132
|
+
--line-height-body: 1.5;
|
|
133
|
+
--line-height-control: 1.2;
|
|
134
|
+
--font-weight-light: 300;
|
|
135
|
+
--font-weight-regular: 400;
|
|
136
|
+
--font-weight-medium: 500;
|
|
137
|
+
--font-weight-semi-bold: 600;
|
|
138
|
+
--font-weight-bold: 700;
|
|
139
|
+
--font-weight-black: 900;
|
|
140
|
+
--font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
|
|
141
|
+
--font-family-display: 'Wise Sans', 'Inter', sans-serif;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
/**
|
|
145
|
+
* Do not edit directly
|
|
146
|
+
* Generated on Wed, 15 Oct 2025 12:29:55 GMT
|
|
147
|
+
*/
|
|
148
|
+
|
|
149
|
+
.np-theme-personal {
|
|
150
|
+
--color-bright-yellow: #ffeb69;
|
|
151
|
+
--color-bright-orange: #ffc091;
|
|
152
|
+
--color-dark-purple: #260a2f;
|
|
153
|
+
--color-dark-gold: #3a341c;
|
|
154
|
+
--color-bright-blue: #a0e1e1;
|
|
155
|
+
--color-dark-charcoal: #21231d;
|
|
156
|
+
--color-white: #ffffff;
|
|
157
|
+
--color-black: #000000;
|
|
158
|
+
--color-bright-green: #9fe870;
|
|
159
|
+
--color-forest-green: #163300;
|
|
160
|
+
--color-bright-pink: #ffd7ef;
|
|
161
|
+
--color-dark-maroon: #320707;
|
|
162
|
+
--color-content-primary: #0e0f0c;
|
|
163
|
+
--color-content-secondary: #454745;
|
|
164
|
+
--color-content-tertiary: #6a6c6a;
|
|
165
|
+
--color-content-link: #163300;
|
|
166
|
+
--color-content-link-hover: #0d1f00;
|
|
167
|
+
--color-content-link-active: #0e0f0c;
|
|
168
|
+
--color-interactive-primary: #163300;
|
|
169
|
+
--color-interactive-primary-hover: #0d1f00;
|
|
170
|
+
--color-interactive-primary-active: #0e0f0c;
|
|
171
|
+
--color-interactive-secondary: #868685;
|
|
172
|
+
--color-interactive-secondary-hover: #6c6c6b;
|
|
173
|
+
--color-interactive-secondary-active: #525251;
|
|
174
|
+
--color-interactive-accent: #9fe870;
|
|
175
|
+
--color-interactive-accent-hover: #80e142;
|
|
176
|
+
--color-interactive-accent-active: #65cf21;
|
|
177
|
+
--color-interactive-control: #163300;
|
|
178
|
+
--color-interactive-control-hover: #0d1f00;
|
|
179
|
+
--color-interactive-control-active: #0e0f0c;
|
|
180
|
+
--color-interactive-contrast: #9fe870;
|
|
181
|
+
--color-interactive-contrast-hover: #cdffad;
|
|
182
|
+
--color-interactive-contrast-active: #ecffe0;
|
|
183
|
+
--color-interactive-neutral: #e2f6d5;
|
|
184
|
+
--color-interactive-neutral-hover: #d3f2c0;
|
|
185
|
+
--color-interactive-neutral-active: #c5edab;
|
|
186
|
+
--color-border-neutral: rgba(14,15,12,0.12157);
|
|
187
|
+
--color-border-overlay: rgba(14,15,12,0.12157);
|
|
188
|
+
--color-background-screen: #ffffff;
|
|
189
|
+
--color-background-screen-hover: rgba(22,51,0,0.07843);
|
|
190
|
+
--color-background-screen-active: rgba(22,51,0,0.12941);
|
|
191
|
+
--color-background-elevated: #ffffff;
|
|
192
|
+
--color-background-neutral: rgba(22,51,0,0.07843);
|
|
193
|
+
--color-background-neutral-hover: rgba(22,51,0,0.12941);
|
|
194
|
+
--color-background-neutral-active: rgba(22,51,0,0.18039);
|
|
195
|
+
--color-background-overlay: rgba(22,51,0,0.07843);
|
|
196
|
+
--color-sentiment-negative: #cb272f;
|
|
197
|
+
--color-sentiment-negative-hover: #b8232b;
|
|
198
|
+
--color-sentiment-negative-active: #a72027;
|
|
199
|
+
--color-sentiment-negative-primary: #cb272f;
|
|
200
|
+
--color-sentiment-negative-primary-hover: #b8232b;
|
|
201
|
+
--color-sentiment-negative-primary-active: #a72027;
|
|
202
|
+
--color-sentiment-negative-secondary: #fbeaea;
|
|
203
|
+
--color-sentiment-negative-secondary-hover: #f9e1e1;
|
|
204
|
+
--color-sentiment-negative-secondary-active: #f8d8d8;
|
|
205
|
+
--color-sentiment-positive: #054d28;
|
|
206
|
+
--color-sentiment-positive-hover: #043a1e;
|
|
207
|
+
--color-sentiment-positive-active: #022614;
|
|
208
|
+
--color-sentiment-positive-primary: #054d28;
|
|
209
|
+
--color-sentiment-positive-primary-hover: #043a1e;
|
|
210
|
+
--color-sentiment-positive-primary-active: #022614;
|
|
211
|
+
--color-sentiment-positive-secondary: #e2f6d5;
|
|
212
|
+
--color-sentiment-positive-secondary-hover: #d3f2c0;
|
|
213
|
+
--color-sentiment-positive-secondary-active: #c5edab;
|
|
214
|
+
--color-sentiment-warning: #ffd11a;
|
|
215
|
+
--color-sentiment-warning-hover: #ffd11a;
|
|
216
|
+
--color-sentiment-warning-active: #ffd11a;
|
|
217
|
+
--color-sentiment-warning-primary: #ffd11a;
|
|
218
|
+
--color-sentiment-warning-primary-hover: #ffd11a;
|
|
219
|
+
--color-sentiment-warning-primary-active: #ffd11a;
|
|
220
|
+
--color-sentiment-warning-secondary: #fff7d7;
|
|
221
|
+
--color-sentiment-warning-secondary-hover: #fff7d7;
|
|
222
|
+
--color-sentiment-warning-secondary-active: #fff7d7;
|
|
223
|
+
--color-sentiment-warning-content: #4a3b1c;
|
|
224
|
+
--color-sentiment-warning-content-hover: #3b2f16;
|
|
225
|
+
--color-sentiment-warning-content-active: #2c2311;
|
|
226
|
+
--color-contrast: #ffffff;
|
|
227
|
+
--color-light: #ffffff;
|
|
228
|
+
--color-dark: #121511;
|
|
229
|
+
--color-contrast-overlay: #ffffff;
|
|
230
|
+
--color-contrast-theme: #121511;
|
|
231
|
+
--padding-x-small: 8px;
|
|
232
|
+
--padding-small: 16px;
|
|
233
|
+
--padding-medium: 24px;
|
|
234
|
+
--padding-large: 32px;
|
|
235
|
+
--radius-full: 9999px;
|
|
236
|
+
--radius-small: 10px;
|
|
237
|
+
--radius-medium: 16px;
|
|
238
|
+
--radius-large: 24px;
|
|
239
|
+
--size-4: 4px;
|
|
240
|
+
--size-5: 5px;
|
|
241
|
+
--size-8: 8px;
|
|
242
|
+
--size-10: 10px;
|
|
243
|
+
--size-12: 12px;
|
|
244
|
+
--size-14: 14px;
|
|
245
|
+
--size-16: 16px;
|
|
246
|
+
--size-24: 24px;
|
|
247
|
+
--size-32: 32px;
|
|
248
|
+
--size-40: 40px;
|
|
249
|
+
--size-48: 48px;
|
|
250
|
+
--size-52: 52px;
|
|
251
|
+
--size-56: 56px;
|
|
252
|
+
--size-60: 60px;
|
|
253
|
+
--size-64: 64px;
|
|
254
|
+
--size-72: 72px;
|
|
255
|
+
--size-80: 80px;
|
|
256
|
+
--size-88: 88px;
|
|
257
|
+
--size-96: 96px;
|
|
258
|
+
--size-104: 104px;
|
|
259
|
+
--size-112: 112px;
|
|
260
|
+
--size-120: 120px;
|
|
261
|
+
--size-126: 126px;
|
|
262
|
+
--size-128: 128px;
|
|
263
|
+
--size-146: 146px;
|
|
264
|
+
--size-154: 154px;
|
|
265
|
+
--size-160: 160px;
|
|
266
|
+
--size-x-small: 24px;
|
|
267
|
+
--size-small: 32px;
|
|
268
|
+
--size-medium: 40px;
|
|
269
|
+
--size-large: 48px;
|
|
270
|
+
--size-x-large: 56px;
|
|
271
|
+
--size-2x-large: 72px;
|
|
272
|
+
--space-content-horizontal: 16px;
|
|
273
|
+
--space-small: 16px;
|
|
274
|
+
--space-medium: 32px;
|
|
275
|
+
--space-large: 40px;
|
|
276
|
+
--space-x-large: 56px;
|
|
277
|
+
--font-size-12: 0.75rem;
|
|
278
|
+
--font-size-14: 0.875rem;
|
|
279
|
+
--font-size-16: 1rem;
|
|
280
|
+
--font-size-18: 1.125rem;
|
|
281
|
+
--font-size-20: 1.25rem;
|
|
282
|
+
--font-size-22: 1.375rem;
|
|
283
|
+
--font-size-24: 1.5rem;
|
|
284
|
+
--font-size-26: 1.625rem;
|
|
285
|
+
--font-size-28: 1.75rem;
|
|
286
|
+
--font-size-30: 1.875rem;
|
|
287
|
+
--font-size-32: 2rem;
|
|
288
|
+
--letter-spacing-xxs: 0.005em;
|
|
289
|
+
--letter-spacing-xs: 0.01em;
|
|
290
|
+
--letter-spacing-sm: 0.0125em;
|
|
291
|
+
--letter-spacing-md: 0.015em;
|
|
292
|
+
--letter-spacing-lg: 0.02em;
|
|
293
|
+
--letter-spacing-xl: 0.025em;
|
|
294
|
+
--letter-spacing-negative-xxs: -0.005em;
|
|
295
|
+
--letter-spacing-negative-xs: -0.01em;
|
|
296
|
+
--letter-spacing-negative-sm: -0.0125em;
|
|
297
|
+
--letter-spacing-negative-md: -0.015em;
|
|
298
|
+
--letter-spacing-negative-lg: -0.02em;
|
|
299
|
+
--letter-spacing-negative-xl: -0.025em;
|
|
300
|
+
--letter-spacing-negative-xxl: -0.03em;
|
|
301
|
+
--letter-spacing-negative-xxxl: -0.04em;
|
|
302
|
+
--letter-spacing-negative-xxxxl: -0.05em;
|
|
303
|
+
--line-height-18: 1.125rem;
|
|
304
|
+
--line-height-20: 1.25rem;
|
|
305
|
+
--line-height-22: 1.375rem;
|
|
306
|
+
--line-height-24: 1.5rem;
|
|
307
|
+
--line-height-28: 1.75rem;
|
|
308
|
+
--line-height-30: 1.875rem;
|
|
309
|
+
--line-height-32: 2rem;
|
|
310
|
+
--line-height-34: 2.125rem;
|
|
311
|
+
--line-height-36: 2.25rem;
|
|
312
|
+
--line-height-42: 2.625rem;
|
|
313
|
+
--line-height-48: 3rem;
|
|
314
|
+
--line-height-title: 1.2;
|
|
315
|
+
--line-height-body: 1.5;
|
|
316
|
+
--line-height-control: 1.2;
|
|
317
|
+
--font-weight-light: 300;
|
|
318
|
+
--font-weight-regular: 400;
|
|
319
|
+
--font-weight-medium: 500;
|
|
320
|
+
--font-weight-semi-bold: 600;
|
|
321
|
+
--font-weight-bold: 700;
|
|
322
|
+
--font-weight-black: 900;
|
|
323
|
+
--font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
|
|
324
|
+
--font-family-display: 'Wise Sans', 'Inter', sans-serif;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
/**
|
|
328
|
+
* We added new shape theme into tokens to prevent breaking changes. This is a temporary measure.
|
|
329
|
+
*
|
|
330
|
+
* We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
|
|
331
|
+
*/
|
|
332
|
+
|
|
333
|
+
@media (max-width: 320px) {
|
|
334
|
+
.np-theme-personal {
|
|
335
|
+
--delta: 2;
|
|
336
|
+
--size-4: calc(4px / var(--delta));
|
|
337
|
+
--size-5: calc(5px / var(--delta));
|
|
338
|
+
--size-8: calc(8px / var(--delta));
|
|
339
|
+
--size-10: calc(10px / var(--delta));
|
|
340
|
+
--size-12: calc(12px / var(--delta));
|
|
341
|
+
--size-14: calc(14px / var(--delta));
|
|
342
|
+
--size-16: calc(16px / var(--delta));
|
|
343
|
+
--size-24: calc(24px / var(--delta));
|
|
344
|
+
--size-32: calc(32px / var(--delta));
|
|
345
|
+
--size-40: calc(40px / var(--delta));
|
|
346
|
+
--size-48: calc(48px / var(--delta));
|
|
347
|
+
--size-52: calc(52px / var(--delta));
|
|
348
|
+
--size-56: calc(56px / var(--delta));
|
|
349
|
+
--size-60: calc(60px / var(--delta));
|
|
350
|
+
--size-64: calc(64px / var(--delta));
|
|
351
|
+
--size-72: calc(72px / var(--delta));
|
|
352
|
+
--size-80: calc(80px / var(--delta));
|
|
353
|
+
--size-88: calc(88px / var(--delta));
|
|
354
|
+
--size-96: calc(96px / var(--delta));
|
|
355
|
+
--size-104: calc(104px / var(--delta));
|
|
356
|
+
--size-112: calc(112px / var(--delta));
|
|
357
|
+
--size-120: calc(120px / var(--delta));
|
|
358
|
+
--size-126: calc(126px / var(--delta));
|
|
359
|
+
--size-128: calc(128px / var(--delta));
|
|
360
|
+
--size-146: calc(146px / var(--delta));
|
|
361
|
+
--size-154: calc(154px / var(--delta));
|
|
362
|
+
--size-x-small: calc(24px / var(--delta));
|
|
363
|
+
--size-small: calc(32px / var(--delta));
|
|
364
|
+
--size-medium: calc(40px / var(--delta));
|
|
365
|
+
--size-large: calc(48px / var(--delta));
|
|
366
|
+
--size-x-large: calc(56px / var(--delta));
|
|
367
|
+
--size-2x-large: calc(72px / var(--delta));
|
|
368
|
+
--space-content-horizontal: calc(16px / var(--delta));
|
|
369
|
+
--space-small: calc(16px / var(--delta));
|
|
370
|
+
--space-medium: calc(32px / var(--delta));
|
|
371
|
+
--space-large: calc(40px / var(--delta));
|
|
372
|
+
--space-x-large: calc(56px / var(--delta));
|
|
373
|
+
--padding-x-small: var(--size-8);
|
|
374
|
+
--padding-small: var(--size-16);
|
|
375
|
+
--padding-medium: var(--size-24);
|
|
376
|
+
--padding-large: var(--size-32);
|
|
377
|
+
--input-height-base: var(--size-32);
|
|
378
|
+
--input-height-large: var(--input-height-small);
|
|
379
|
+
--input-padding: var(--input-padding-small);
|
|
380
|
+
--input-padding-large: var(--input-padding-small);
|
|
381
|
+
--input-group-addon-padding: var(--input-group-addon-sm-padding);
|
|
382
|
+
--input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
|
|
383
|
+
--btn-height: var(--input-height-base);
|
|
384
|
+
--btn-lg-height: var(--btn-height);
|
|
385
|
+
--btn-sm-height: var(--btn-height);
|
|
386
|
+
--btn-padding: var(--input-padding);
|
|
387
|
+
--btn-sm-padding: var(--btn-padding);
|
|
388
|
+
--btn-lg-padding: var(--btn-padding);
|
|
389
|
+
--dropdown-link-padding: var(--size-12) var(--size-16);
|
|
390
|
+
}
|
|
391
|
+
}
|
|
392
|
+
|
|
1
393
|
/**
|
|
2
394
|
* Do not edit directly
|
|
3
395
|
* Generated on Wed, 15 Oct 2025 12:29:55 GMT
|
|
@@ -1847,252 +2239,6 @@
|
|
|
1847
2239
|
--font-family-display: 'Wise Sans', 'Inter', sans-serif;
|
|
1848
2240
|
}
|
|
1849
2241
|
|
|
1850
|
-
:root,
|
|
1851
|
-
.np-theme-personal {
|
|
1852
|
-
--color-bright-yellow: #ffeb69;
|
|
1853
|
-
--color-bright-orange: #ffc091;
|
|
1854
|
-
--color-dark-purple: #260a2f;
|
|
1855
|
-
--color-dark-gold: #3a341c;
|
|
1856
|
-
--color-bright-blue: #a0e1e1;
|
|
1857
|
-
--color-dark-charcoal: #21231d;
|
|
1858
|
-
--color-white: #ffffff;
|
|
1859
|
-
--color-black: #000000;
|
|
1860
|
-
--color-bright-green: #9fe870;
|
|
1861
|
-
--color-forest-green: #163300;
|
|
1862
|
-
--color-bright-pink: #ffd7ef;
|
|
1863
|
-
--color-dark-maroon: #320707;
|
|
1864
|
-
--color-content-primary: #0e0f0c;
|
|
1865
|
-
--color-content-secondary: #454745;
|
|
1866
|
-
--color-content-tertiary: #6a6c6a;
|
|
1867
|
-
--color-content-link: #163300;
|
|
1868
|
-
--color-content-link-hover: #0d1f00;
|
|
1869
|
-
--color-content-link-active: #0e0f0c;
|
|
1870
|
-
--color-interactive-primary: #163300;
|
|
1871
|
-
--color-interactive-primary-hover: #0d1f00;
|
|
1872
|
-
--color-interactive-primary-active: #0e0f0c;
|
|
1873
|
-
--color-interactive-secondary: #868685;
|
|
1874
|
-
--color-interactive-secondary-hover: #6c6c6b;
|
|
1875
|
-
--color-interactive-secondary-active: #525251;
|
|
1876
|
-
--color-interactive-accent: #9fe870;
|
|
1877
|
-
--color-interactive-accent-hover: #80e142;
|
|
1878
|
-
--color-interactive-accent-active: #65cf21;
|
|
1879
|
-
--color-interactive-control: #163300;
|
|
1880
|
-
--color-interactive-control-hover: #0d1f00;
|
|
1881
|
-
--color-interactive-control-active: #0e0f0c;
|
|
1882
|
-
--color-interactive-contrast: #9fe870;
|
|
1883
|
-
--color-interactive-contrast-hover: #cdffad;
|
|
1884
|
-
--color-interactive-contrast-active: #ecffe0;
|
|
1885
|
-
--color-interactive-neutral: #e2f6d5;
|
|
1886
|
-
--color-interactive-neutral-hover: #d3f2c0;
|
|
1887
|
-
--color-interactive-neutral-active: #c5edab;
|
|
1888
|
-
--color-border-neutral: rgba(14,15,12,0.12157);
|
|
1889
|
-
--color-border-overlay: rgba(14,15,12,0.12157);
|
|
1890
|
-
--color-background-screen: #ffffff;
|
|
1891
|
-
--color-background-screen-hover: rgba(22,51,0,0.07843);
|
|
1892
|
-
--color-background-screen-active: rgba(22,51,0,0.12941);
|
|
1893
|
-
--color-background-elevated: #ffffff;
|
|
1894
|
-
--color-background-neutral: rgba(22,51,0,0.07843);
|
|
1895
|
-
--color-background-neutral-hover: rgba(22,51,0,0.12941);
|
|
1896
|
-
--color-background-neutral-active: rgba(22,51,0,0.18039);
|
|
1897
|
-
--color-background-overlay: rgba(22,51,0,0.07843);
|
|
1898
|
-
--color-sentiment-negative: #cb272f;
|
|
1899
|
-
--color-sentiment-negative-hover: #b8232b;
|
|
1900
|
-
--color-sentiment-negative-active: #a72027;
|
|
1901
|
-
--color-sentiment-negative-primary: #cb272f;
|
|
1902
|
-
--color-sentiment-negative-primary-hover: #b8232b;
|
|
1903
|
-
--color-sentiment-negative-primary-active: #a72027;
|
|
1904
|
-
--color-sentiment-negative-secondary: #fbeaea;
|
|
1905
|
-
--color-sentiment-negative-secondary-hover: #f9e1e1;
|
|
1906
|
-
--color-sentiment-negative-secondary-active: #f8d8d8;
|
|
1907
|
-
--color-sentiment-positive: #054d28;
|
|
1908
|
-
--color-sentiment-positive-hover: #043a1e;
|
|
1909
|
-
--color-sentiment-positive-active: #022614;
|
|
1910
|
-
--color-sentiment-positive-primary: #054d28;
|
|
1911
|
-
--color-sentiment-positive-primary-hover: #043a1e;
|
|
1912
|
-
--color-sentiment-positive-primary-active: #022614;
|
|
1913
|
-
--color-sentiment-positive-secondary: #e2f6d5;
|
|
1914
|
-
--color-sentiment-positive-secondary-hover: #d3f2c0;
|
|
1915
|
-
--color-sentiment-positive-secondary-active: #c5edab;
|
|
1916
|
-
--color-sentiment-warning: #ffd11a;
|
|
1917
|
-
--color-sentiment-warning-hover: #ffd11a;
|
|
1918
|
-
--color-sentiment-warning-active: #ffd11a;
|
|
1919
|
-
--color-sentiment-warning-primary: #ffd11a;
|
|
1920
|
-
--color-sentiment-warning-primary-hover: #ffd11a;
|
|
1921
|
-
--color-sentiment-warning-primary-active: #ffd11a;
|
|
1922
|
-
--color-sentiment-warning-secondary: #fff7d7;
|
|
1923
|
-
--color-sentiment-warning-secondary-hover: #fff7d7;
|
|
1924
|
-
--color-sentiment-warning-secondary-active: #fff7d7;
|
|
1925
|
-
--color-sentiment-warning-content: #4a3b1c;
|
|
1926
|
-
--color-sentiment-warning-content-hover: #3b2f16;
|
|
1927
|
-
--color-sentiment-warning-content-active: #2c2311;
|
|
1928
|
-
--color-contrast: #ffffff;
|
|
1929
|
-
--color-light: #ffffff;
|
|
1930
|
-
--color-dark: #121511;
|
|
1931
|
-
--color-contrast-overlay: #ffffff;
|
|
1932
|
-
--color-contrast-theme: #121511;
|
|
1933
|
-
--padding-x-small: 8px;
|
|
1934
|
-
--padding-small: 16px;
|
|
1935
|
-
--padding-medium: 24px;
|
|
1936
|
-
--padding-large: 32px;
|
|
1937
|
-
--radius-full: 9999px;
|
|
1938
|
-
--radius-small: 10px;
|
|
1939
|
-
--radius-medium: 16px;
|
|
1940
|
-
--radius-large: 24px;
|
|
1941
|
-
--size-4: 4px;
|
|
1942
|
-
--size-5: 5px;
|
|
1943
|
-
--size-8: 8px;
|
|
1944
|
-
--size-10: 10px;
|
|
1945
|
-
--size-12: 12px;
|
|
1946
|
-
--size-14: 14px;
|
|
1947
|
-
--size-16: 16px;
|
|
1948
|
-
--size-24: 24px;
|
|
1949
|
-
--size-32: 32px;
|
|
1950
|
-
--size-40: 40px;
|
|
1951
|
-
--size-48: 48px;
|
|
1952
|
-
--size-52: 52px;
|
|
1953
|
-
--size-56: 56px;
|
|
1954
|
-
--size-60: 60px;
|
|
1955
|
-
--size-64: 64px;
|
|
1956
|
-
--size-72: 72px;
|
|
1957
|
-
--size-80: 80px;
|
|
1958
|
-
--size-88: 88px;
|
|
1959
|
-
--size-96: 96px;
|
|
1960
|
-
--size-104: 104px;
|
|
1961
|
-
--size-112: 112px;
|
|
1962
|
-
--size-120: 120px;
|
|
1963
|
-
--size-126: 126px;
|
|
1964
|
-
--size-128: 128px;
|
|
1965
|
-
--size-146: 146px;
|
|
1966
|
-
--size-154: 154px;
|
|
1967
|
-
--size-160: 160px;
|
|
1968
|
-
--size-x-small: 24px;
|
|
1969
|
-
--size-small: 32px;
|
|
1970
|
-
--size-medium: 40px;
|
|
1971
|
-
--size-large: 48px;
|
|
1972
|
-
--size-x-large: 56px;
|
|
1973
|
-
--size-2x-large: 72px;
|
|
1974
|
-
--space-content-horizontal: 16px;
|
|
1975
|
-
--space-small: 16px;
|
|
1976
|
-
--space-medium: 32px;
|
|
1977
|
-
--space-large: 40px;
|
|
1978
|
-
--space-x-large: 56px;
|
|
1979
|
-
--font-size-12: 0.75rem;
|
|
1980
|
-
--font-size-14: 0.875rem;
|
|
1981
|
-
--font-size-16: 1rem;
|
|
1982
|
-
--font-size-18: 1.125rem;
|
|
1983
|
-
--font-size-20: 1.25rem;
|
|
1984
|
-
--font-size-22: 1.375rem;
|
|
1985
|
-
--font-size-24: 1.5rem;
|
|
1986
|
-
--font-size-26: 1.625rem;
|
|
1987
|
-
--font-size-28: 1.75rem;
|
|
1988
|
-
--font-size-30: 1.875rem;
|
|
1989
|
-
--font-size-32: 2rem;
|
|
1990
|
-
--letter-spacing-xxs: 0.005em;
|
|
1991
|
-
--letter-spacing-xs: 0.01em;
|
|
1992
|
-
--letter-spacing-sm: 0.0125em;
|
|
1993
|
-
--letter-spacing-md: 0.015em;
|
|
1994
|
-
--letter-spacing-lg: 0.02em;
|
|
1995
|
-
--letter-spacing-xl: 0.025em;
|
|
1996
|
-
--letter-spacing-negative-xxs: -0.005em;
|
|
1997
|
-
--letter-spacing-negative-xs: -0.01em;
|
|
1998
|
-
--letter-spacing-negative-sm: -0.0125em;
|
|
1999
|
-
--letter-spacing-negative-md: -0.015em;
|
|
2000
|
-
--letter-spacing-negative-lg: -0.02em;
|
|
2001
|
-
--letter-spacing-negative-xl: -0.025em;
|
|
2002
|
-
--letter-spacing-negative-xxl: -0.03em;
|
|
2003
|
-
--letter-spacing-negative-xxxl: -0.04em;
|
|
2004
|
-
--letter-spacing-negative-xxxxl: -0.05em;
|
|
2005
|
-
--line-height-18: 1.125rem;
|
|
2006
|
-
--line-height-20: 1.25rem;
|
|
2007
|
-
--line-height-22: 1.375rem;
|
|
2008
|
-
--line-height-24: 1.5rem;
|
|
2009
|
-
--line-height-28: 1.75rem;
|
|
2010
|
-
--line-height-30: 1.875rem;
|
|
2011
|
-
--line-height-32: 2rem;
|
|
2012
|
-
--line-height-34: 2.125rem;
|
|
2013
|
-
--line-height-36: 2.25rem;
|
|
2014
|
-
--line-height-42: 2.625rem;
|
|
2015
|
-
--line-height-48: 3rem;
|
|
2016
|
-
--line-height-title: 1.2;
|
|
2017
|
-
--line-height-body: 1.5;
|
|
2018
|
-
--line-height-control: 1.2;
|
|
2019
|
-
--font-weight-light: 300;
|
|
2020
|
-
--font-weight-regular: 400;
|
|
2021
|
-
--font-weight-medium: 500;
|
|
2022
|
-
--font-weight-semi-bold: 600;
|
|
2023
|
-
--font-weight-bold: 700;
|
|
2024
|
-
--font-weight-black: 900;
|
|
2025
|
-
--font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
|
|
2026
|
-
--font-family-display: 'Wise Sans', 'Inter', sans-serif;
|
|
2027
|
-
}
|
|
2028
|
-
|
|
2029
|
-
/**
|
|
2030
|
-
* We added new shape theme into tokens to prevent breaking changes. This is a temporary measure.
|
|
2031
|
-
*
|
|
2032
|
-
* We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
|
|
2033
|
-
*/
|
|
2034
|
-
|
|
2035
|
-
@media (max-width: 320px) {
|
|
2036
|
-
:root,
|
|
2037
|
-
.np-theme-personal {
|
|
2038
|
-
--delta: 2;
|
|
2039
|
-
--size-4: calc(4px / var(--delta));
|
|
2040
|
-
--size-5: calc(5px / var(--delta));
|
|
2041
|
-
--size-8: calc(8px / var(--delta));
|
|
2042
|
-
--size-10: calc(10px / var(--delta));
|
|
2043
|
-
--size-12: calc(12px / var(--delta));
|
|
2044
|
-
--size-14: calc(14px / var(--delta));
|
|
2045
|
-
--size-16: calc(16px / var(--delta));
|
|
2046
|
-
--size-24: calc(24px / var(--delta));
|
|
2047
|
-
--size-32: calc(32px / var(--delta));
|
|
2048
|
-
--size-40: calc(40px / var(--delta));
|
|
2049
|
-
--size-48: calc(48px / var(--delta));
|
|
2050
|
-
--size-52: calc(52px / var(--delta));
|
|
2051
|
-
--size-56: calc(56px / var(--delta));
|
|
2052
|
-
--size-60: calc(60px / var(--delta));
|
|
2053
|
-
--size-64: calc(64px / var(--delta));
|
|
2054
|
-
--size-72: calc(72px / var(--delta));
|
|
2055
|
-
--size-80: calc(80px / var(--delta));
|
|
2056
|
-
--size-88: calc(88px / var(--delta));
|
|
2057
|
-
--size-96: calc(96px / var(--delta));
|
|
2058
|
-
--size-104: calc(104px / var(--delta));
|
|
2059
|
-
--size-112: calc(112px / var(--delta));
|
|
2060
|
-
--size-120: calc(120px / var(--delta));
|
|
2061
|
-
--size-126: calc(126px / var(--delta));
|
|
2062
|
-
--size-128: calc(128px / var(--delta));
|
|
2063
|
-
--size-146: calc(146px / var(--delta));
|
|
2064
|
-
--size-154: calc(154px / var(--delta));
|
|
2065
|
-
--size-x-small: calc(24px / var(--delta));
|
|
2066
|
-
--size-small: calc(32px / var(--delta));
|
|
2067
|
-
--size-medium: calc(40px / var(--delta));
|
|
2068
|
-
--size-large: calc(48px / var(--delta));
|
|
2069
|
-
--size-x-large: calc(56px / var(--delta));
|
|
2070
|
-
--size-2x-large: calc(72px / var(--delta));
|
|
2071
|
-
--space-content-horizontal: calc(16px / var(--delta));
|
|
2072
|
-
--space-small: calc(16px / var(--delta));
|
|
2073
|
-
--space-medium: calc(32px / var(--delta));
|
|
2074
|
-
--space-large: calc(40px / var(--delta));
|
|
2075
|
-
--space-x-large: calc(56px / var(--delta));
|
|
2076
|
-
--padding-x-small: var(--size-8);
|
|
2077
|
-
--padding-small: var(--size-16);
|
|
2078
|
-
--padding-medium: var(--size-24);
|
|
2079
|
-
--padding-large: var(--size-32);
|
|
2080
|
-
--input-height-base: var(--size-32);
|
|
2081
|
-
--input-height-large: var(--input-height-small);
|
|
2082
|
-
--input-padding: var(--input-padding-small);
|
|
2083
|
-
--input-padding-large: var(--input-padding-small);
|
|
2084
|
-
--input-group-addon-padding: var(--input-group-addon-sm-padding);
|
|
2085
|
-
--input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
|
|
2086
|
-
--btn-height: var(--input-height-base);
|
|
2087
|
-
--btn-lg-height: var(--btn-height);
|
|
2088
|
-
--btn-sm-height: var(--btn-height);
|
|
2089
|
-
--btn-padding: var(--input-padding);
|
|
2090
|
-
--btn-sm-padding: var(--btn-padding);
|
|
2091
|
-
--btn-lg-padding: var(--btn-padding);
|
|
2092
|
-
--dropdown-link-padding: var(--size-12) var(--size-16);
|
|
2093
|
-
}
|
|
2094
|
-
}
|
|
2095
|
-
|
|
2096
2242
|
/* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
|
|
2097
2243
|
|
|
2098
2244
|
@font-face {
|
|
@@ -2461,9 +2607,6 @@ summary {
|
|
|
2461
2607
|
--btn-radius-base: 9999px;
|
|
2462
2608
|
--btn-sm-radius-base: var(--btn-radius-base);
|
|
2463
2609
|
--btn-lg-radius-base: var(--btn-radius-base);
|
|
2464
|
-
}
|
|
2465
|
-
|
|
2466
|
-
[class*='np-theme-'] {
|
|
2467
2610
|
color: #5d7079;
|
|
2468
2611
|
color: var(--color-content-secondary);
|
|
2469
2612
|
background-color: #ffffff;
|
|
@@ -2494,14 +2637,12 @@ pre {
|
|
|
2494
2637
|
}
|
|
2495
2638
|
|
|
2496
2639
|
.np-theme-personal::-moz-selection {
|
|
2497
|
-
background-color: rgba(22,51,0,0.18039);
|
|
2498
2640
|
background-color: var(--color-background-neutral-active);
|
|
2499
2641
|
color: #37517e;
|
|
2500
2642
|
color: var(--color-content-primary);
|
|
2501
2643
|
}
|
|
2502
2644
|
|
|
2503
2645
|
.np-theme-personal::selection {
|
|
2504
|
-
background-color: rgba(22,51,0,0.18039);
|
|
2505
2646
|
background-color: var(--color-background-neutral-active);
|
|
2506
2647
|
color: #37517e;
|
|
2507
2648
|
color: var(--color-content-primary);
|
|
@@ -2515,7 +2656,6 @@ pre {
|
|
|
2515
2656
|
a,
|
|
2516
2657
|
.np-text-link-default,
|
|
2517
2658
|
.np-text-link-large {
|
|
2518
|
-
color: #163300;
|
|
2519
2659
|
color: var(--color-content-link);
|
|
2520
2660
|
}
|
|
2521
2661
|
|
|
@@ -2552,7 +2692,6 @@ a:hover,
|
|
|
2552
2692
|
a:focus,
|
|
2553
2693
|
.np-text-link-default:focus,
|
|
2554
2694
|
.np-text-link-large:focus {
|
|
2555
|
-
color: #0d1f00;
|
|
2556
2695
|
color: var(--color-content-link-hover);
|
|
2557
2696
|
-webkit-text-decoration: underline;
|
|
2558
2697
|
text-decoration: underline;
|
|
@@ -2562,7 +2701,6 @@ a:focus,
|
|
|
2562
2701
|
a:active,
|
|
2563
2702
|
.np-text-link-default:active,
|
|
2564
2703
|
.np-text-link-large:active {
|
|
2565
|
-
color: #0e0f0c;
|
|
2566
2704
|
color: var(--color-content-link-active);
|
|
2567
2705
|
}
|
|
2568
2706
|
|
|
@@ -4358,7 +4496,6 @@ a.text-success:focus {
|
|
|
4358
4496
|
.text-info {
|
|
4359
4497
|
color: #0097c7 !important;
|
|
4360
4498
|
color: var(--color-content-accent) !important;
|
|
4361
|
-
color: #163300 !important;
|
|
4362
4499
|
color: var(--color-interactive-primary) !important;
|
|
4363
4500
|
}
|
|
4364
4501
|
|
|
@@ -4392,7 +4529,6 @@ a.text-warning:focus {
|
|
|
4392
4529
|
|
|
4393
4530
|
.text-negative,
|
|
4394
4531
|
.text-danger {
|
|
4395
|
-
color: #cb272f !important;
|
|
4396
4532
|
color: var(--color-sentiment-negative) !important;
|
|
4397
4533
|
}
|
|
4398
4534
|
|
|
@@ -4400,7 +4536,6 @@ a.text-negative:hover,
|
|
|
4400
4536
|
a.text-danger:hover,
|
|
4401
4537
|
a.text-negative:focus,
|
|
4402
4538
|
a.text-danger:focus {
|
|
4403
|
-
color: #b8232b !important;
|
|
4404
4539
|
color: var(--color-sentiment-negative-hover) !important;
|
|
4405
4540
|
}
|
|
4406
4541
|
|
|
@@ -6748,7 +6883,6 @@ tbody.collapse.in {
|
|
|
6748
6883
|
}
|
|
6749
6884
|
|
|
6750
6885
|
.np-theme-personal .chevron-color {
|
|
6751
|
-
color: #163300;
|
|
6752
6886
|
color: var(--color-interactive-primary);
|
|
6753
6887
|
}
|
|
6754
6888
|
|
|
@@ -7559,7 +7693,6 @@ input:focus ~ .alert-focus,
|
|
|
7559
7693
|
.bg-primary .np-theme-personal .alert-warning .close:focus,
|
|
7560
7694
|
.bg-primary .np-theme-personal .alert-danger .close:focus,
|
|
7561
7695
|
.bg-primary .np-theme-personal .alert-negative .close:focus {
|
|
7562
|
-
color: #0d1f00;
|
|
7563
7696
|
color: var(--color-content-link-hover);
|
|
7564
7697
|
}
|
|
7565
7698
|
|
|
@@ -7570,7 +7703,6 @@ input:focus ~ .alert-focus,
|
|
|
7570
7703
|
.np-theme-personal .alert-warning .np-link,
|
|
7571
7704
|
.np-theme-personal .alert-danger .np-link,
|
|
7572
7705
|
.np-theme-personal .alert-negative .np-link {
|
|
7573
|
-
color: #163300;
|
|
7574
7706
|
color: var(--color-content-link);
|
|
7575
7707
|
}
|
|
7576
7708
|
|
|
@@ -7588,7 +7720,6 @@ input:focus ~ .alert-focus,
|
|
|
7588
7720
|
.np-theme-personal .alert-warning .np-link:focus,
|
|
7589
7721
|
.np-theme-personal .alert-danger .np-link:focus,
|
|
7590
7722
|
.np-theme-personal .alert-negative .np-link:focus {
|
|
7591
|
-
color: #0d1f00;
|
|
7592
7723
|
color: var(--color-content-link-hover);
|
|
7593
7724
|
}
|
|
7594
7725
|
|
|
@@ -7605,7 +7736,6 @@ input:focus ~ .alert-focus,
|
|
|
7605
7736
|
}
|
|
7606
7737
|
|
|
7607
7738
|
.np-theme-personal .bg--dark {
|
|
7608
|
-
background-color: #163300;
|
|
7609
7739
|
background-color: var(--color-forest-green);
|
|
7610
7740
|
background-image: none;
|
|
7611
7741
|
color: #daffc0;
|
|
@@ -7718,7 +7848,6 @@ a.badge:focus {
|
|
|
7718
7848
|
}
|
|
7719
7849
|
|
|
7720
7850
|
.np-theme-personal .badge-success {
|
|
7721
|
-
background: #054d28;
|
|
7722
7851
|
background: var(--color-sentiment-positive);
|
|
7723
7852
|
}
|
|
7724
7853
|
|
|
@@ -7798,13 +7927,11 @@ a.badge:focus {
|
|
|
7798
7927
|
|
|
7799
7928
|
.np-theme-personal .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus-visible.btn-negative,
|
|
7800
7929
|
.np-theme-personal .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus.btn-negative {
|
|
7801
|
-
outline-color: #cb272f;
|
|
7802
7930
|
outline-color: var(--color-sentiment-negative);
|
|
7803
7931
|
}
|
|
7804
7932
|
|
|
7805
7933
|
.np-theme-personal .critical-comms--cta .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus-visible.btn-negative,
|
|
7806
7934
|
.np-theme-personal .critical-comms--cta .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus.btn-negative {
|
|
7807
|
-
outline-color: #ffffff;
|
|
7808
7935
|
outline-color: var(--color-contrast);
|
|
7809
7936
|
}
|
|
7810
7937
|
|
|
@@ -7814,7 +7941,6 @@ a.badge:focus {
|
|
|
7814
7941
|
|
|
7815
7942
|
.np-theme-personal .btn.btn-negative:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus,
|
|
7816
7943
|
.np-theme-personal .btn.btn-negative:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus {
|
|
7817
|
-
outline-color: #cb272f;
|
|
7818
7944
|
outline-color: var(--color-sentiment-negative);
|
|
7819
7945
|
}
|
|
7820
7946
|
|
|
@@ -7889,7 +8015,6 @@ fieldset[disabled] a.btn {
|
|
|
7889
8015
|
}
|
|
7890
8016
|
|
|
7891
8017
|
.np-theme-personal .btn-default {
|
|
7892
|
-
color: #163300;
|
|
7893
8018
|
color: var(--color-interactive-control);
|
|
7894
8019
|
background-color: #00a2dd;
|
|
7895
8020
|
background-color: var(--color-interactive-accent);
|
|
@@ -7899,7 +8024,6 @@ fieldset[disabled] a.btn {
|
|
|
7899
8024
|
}
|
|
7900
8025
|
|
|
7901
8026
|
.np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
7902
|
-
color: #163300;
|
|
7903
8027
|
color: var(--color-interactive-control);
|
|
7904
8028
|
background-color: #008fc9;
|
|
7905
8029
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -7910,7 +8034,6 @@ fieldset[disabled] a.btn {
|
|
|
7910
8034
|
.np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
|
|
7911
8035
|
.np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
7912
8036
|
.open > .dropdown-toggle.np-theme-personal .btn-default {
|
|
7913
|
-
color: #163300;
|
|
7914
8037
|
color: var(--color-interactive-control);
|
|
7915
8038
|
background-color: #0081ba;
|
|
7916
8039
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -7921,7 +8044,6 @@ fieldset[disabled] a.btn {
|
|
|
7921
8044
|
.np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
|
|
7922
8045
|
.np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
7923
8046
|
.open > .dropdown-toggle.np-theme-personal .btn-default:not(.disabled):not(:disabled):hover {
|
|
7924
|
-
color: #163300;
|
|
7925
8047
|
color: var(--color-interactive-control);
|
|
7926
8048
|
background-color: #0081ba;
|
|
7927
8049
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -7937,21 +8059,17 @@ fieldset[disabled] a.btn {
|
|
|
7937
8059
|
.np-theme-personal .btn-default .badge {
|
|
7938
8060
|
color: #00a2dd;
|
|
7939
8061
|
color: var(--color-interactive-accent);
|
|
7940
|
-
background-color: #163300;
|
|
7941
8062
|
background-color: var(--color-interactive-control);
|
|
7942
8063
|
}
|
|
7943
8064
|
|
|
7944
8065
|
.np-theme-personal .btn-default.btn-priority-2 {
|
|
7945
|
-
color: #163300;
|
|
7946
8066
|
color: var(--color-interactive-primary);
|
|
7947
8067
|
background-color: transparent;
|
|
7948
|
-
border-color: #163300;
|
|
7949
8068
|
border-color: var(--color-interactive-primary);
|
|
7950
8069
|
transition: color, background-color 0.15s ease-in-out;
|
|
7951
8070
|
}
|
|
7952
8071
|
|
|
7953
8072
|
.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
7954
|
-
color: #163300;
|
|
7955
8073
|
color: var(--color-interactive-control);
|
|
7956
8074
|
background-color: #008fc9;
|
|
7957
8075
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -7962,7 +8080,6 @@ fieldset[disabled] a.btn {
|
|
|
7962
8080
|
.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
|
|
7963
8081
|
.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
7964
8082
|
.open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2 {
|
|
7965
|
-
color: #163300;
|
|
7966
8083
|
color: var(--color-interactive-control);
|
|
7967
8084
|
background-color: #0081ba;
|
|
7968
8085
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -7973,7 +8090,6 @@ fieldset[disabled] a.btn {
|
|
|
7973
8090
|
.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
|
|
7974
8091
|
.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
7975
8092
|
.open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):hover {
|
|
7976
|
-
color: #163300;
|
|
7977
8093
|
color: var(--color-interactive-control);
|
|
7978
8094
|
background-color: #0081ba;
|
|
7979
8095
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -7988,7 +8104,6 @@ fieldset[disabled] a.btn {
|
|
|
7988
8104
|
|
|
7989
8105
|
.np-theme-personal .btn-default.btn-priority-2 .badge {
|
|
7990
8106
|
color: transparent;
|
|
7991
|
-
background-color: #163300;
|
|
7992
8107
|
background-color: var(--color-interactive-primary);
|
|
7993
8108
|
}
|
|
7994
8109
|
|
|
@@ -8112,7 +8227,6 @@ fieldset[disabled] a.btn {
|
|
|
8112
8227
|
|
|
8113
8228
|
.np-theme-personal .btn-accent,
|
|
8114
8229
|
.np-theme-personal .btn-primary {
|
|
8115
|
-
color: #163300;
|
|
8116
8230
|
color: var(--color-interactive-control);
|
|
8117
8231
|
background-color: #00a2dd;
|
|
8118
8232
|
background-color: var(--color-interactive-accent);
|
|
@@ -8123,7 +8237,6 @@ fieldset[disabled] a.btn {
|
|
|
8123
8237
|
|
|
8124
8238
|
.np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8125
8239
|
.np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
8126
|
-
color: #163300;
|
|
8127
8240
|
color: var(--color-interactive-control);
|
|
8128
8241
|
background-color: #008fc9;
|
|
8129
8242
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -8137,7 +8250,6 @@ fieldset[disabled] a.btn {
|
|
|
8137
8250
|
.np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8138
8251
|
.open > .dropdown-toggle.np-theme-personal .btn-accent,
|
|
8139
8252
|
.open > .dropdown-toggle.np-theme-personal .btn-primary {
|
|
8140
|
-
color: #163300;
|
|
8141
8253
|
color: var(--color-interactive-control);
|
|
8142
8254
|
background-color: #0081ba;
|
|
8143
8255
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8151,7 +8263,6 @@ fieldset[disabled] a.btn {
|
|
|
8151
8263
|
.np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8152
8264
|
.open > .dropdown-toggle.np-theme-personal .btn-accent:not(.disabled):not(:disabled):hover,
|
|
8153
8265
|
.open > .dropdown-toggle.np-theme-personal .btn-primary:not(.disabled):not(:disabled):hover {
|
|
8154
|
-
color: #163300;
|
|
8155
8266
|
color: var(--color-interactive-control);
|
|
8156
8267
|
background-color: #0081ba;
|
|
8157
8268
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8170,23 +8281,19 @@ fieldset[disabled] a.btn {
|
|
|
8170
8281
|
.np-theme-personal .btn-primary .badge {
|
|
8171
8282
|
color: #00a2dd;
|
|
8172
8283
|
color: var(--color-interactive-accent);
|
|
8173
|
-
background-color: #163300;
|
|
8174
8284
|
background-color: var(--color-interactive-control);
|
|
8175
8285
|
}
|
|
8176
8286
|
|
|
8177
8287
|
.np-theme-personal .btn-accent.btn-priority-2,
|
|
8178
8288
|
.np-theme-personal .btn-primary.btn-priority-2 {
|
|
8179
|
-
color: #163300;
|
|
8180
8289
|
color: var(--color-interactive-primary);
|
|
8181
8290
|
background-color: transparent;
|
|
8182
|
-
border-color: #163300;
|
|
8183
8291
|
border-color: var(--color-interactive-primary);
|
|
8184
8292
|
transition: color, background-color 0.15s ease-in-out;
|
|
8185
8293
|
}
|
|
8186
8294
|
|
|
8187
8295
|
.np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8188
8296
|
.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
8189
|
-
color: #163300;
|
|
8190
8297
|
color: var(--color-interactive-control);
|
|
8191
8298
|
background-color: #008fc9;
|
|
8192
8299
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -8200,7 +8307,6 @@ fieldset[disabled] a.btn {
|
|
|
8200
8307
|
.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8201
8308
|
.open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2,
|
|
8202
8309
|
.open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2 {
|
|
8203
|
-
color: #163300;
|
|
8204
8310
|
color: var(--color-interactive-control);
|
|
8205
8311
|
background-color: #0081ba;
|
|
8206
8312
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8214,7 +8320,6 @@ fieldset[disabled] a.btn {
|
|
|
8214
8320
|
.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8215
8321
|
.open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
|
|
8216
8322
|
.open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
|
|
8217
|
-
color: #163300;
|
|
8218
8323
|
color: var(--color-interactive-control);
|
|
8219
8324
|
background-color: #0081ba;
|
|
8220
8325
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8232,7 +8337,6 @@ fieldset[disabled] a.btn {
|
|
|
8232
8337
|
.np-theme-personal .btn-accent.btn-priority-2 .badge,
|
|
8233
8338
|
.np-theme-personal .btn-primary.btn-priority-2 .badge {
|
|
8234
8339
|
color: transparent;
|
|
8235
|
-
background-color: #163300;
|
|
8236
8340
|
background-color: var(--color-interactive-primary);
|
|
8237
8341
|
}
|
|
8238
8342
|
|
|
@@ -8278,7 +8382,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8278
8382
|
|
|
8279
8383
|
.np-theme-personal .btn-link,
|
|
8280
8384
|
.np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
8281
|
-
color: #163300;
|
|
8282
8385
|
color: var(--color-interactive-primary);
|
|
8283
8386
|
border-color: transparent;
|
|
8284
8387
|
-webkit-text-decoration: underline;
|
|
@@ -8290,16 +8393,13 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8290
8393
|
.np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8291
8394
|
.np-theme-personal .btn-link:not(.disabled):not(:disabled):focus-visible,
|
|
8292
8395
|
.np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):focus-visible {
|
|
8293
|
-
color: #0d1f00;
|
|
8294
8396
|
color: var(--color-interactive-primary-hover);
|
|
8295
8397
|
border-color: transparent;
|
|
8296
8398
|
}
|
|
8297
8399
|
|
|
8298
8400
|
.np-theme-personal .btn-link:not(.disabled):not(:disabled):not(.btn-loading):active,
|
|
8299
8401
|
.np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):active {
|
|
8300
|
-
color: #0e0f0c;
|
|
8301
8402
|
color: var(--color-interactive-primary-active);
|
|
8302
|
-
background-color: rgba(22,51,0,0.12941) !important;
|
|
8303
8403
|
background-color: var(--color-background-screen-active) !important;
|
|
8304
8404
|
}
|
|
8305
8405
|
|
|
@@ -8440,7 +8540,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8440
8540
|
|
|
8441
8541
|
.np-theme-personal .btn-positive,
|
|
8442
8542
|
.np-theme-personal .btn-success {
|
|
8443
|
-
color: #163300;
|
|
8444
8543
|
color: var(--color-interactive-control);
|
|
8445
8544
|
background-color: #00a2dd;
|
|
8446
8545
|
background-color: var(--color-interactive-accent);
|
|
@@ -8451,7 +8550,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8451
8550
|
|
|
8452
8551
|
.np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8453
8552
|
.np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
8454
|
-
color: #163300;
|
|
8455
8553
|
color: var(--color-interactive-control);
|
|
8456
8554
|
background-color: #008fc9;
|
|
8457
8555
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -8465,7 +8563,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8465
8563
|
.np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8466
8564
|
.open > .dropdown-toggle.np-theme-personal .btn-positive,
|
|
8467
8565
|
.open > .dropdown-toggle.np-theme-personal .btn-success {
|
|
8468
|
-
color: #163300;
|
|
8469
8566
|
color: var(--color-interactive-control);
|
|
8470
8567
|
background-color: #0081ba;
|
|
8471
8568
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8479,7 +8576,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8479
8576
|
.np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8480
8577
|
.open > .dropdown-toggle.np-theme-personal .btn-positive:not(.disabled):not(:disabled):hover,
|
|
8481
8578
|
.open > .dropdown-toggle.np-theme-personal .btn-success:not(.disabled):not(:disabled):hover {
|
|
8482
|
-
color: #163300;
|
|
8483
8579
|
color: var(--color-interactive-control);
|
|
8484
8580
|
background-color: #0081ba;
|
|
8485
8581
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8498,23 +8594,19 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8498
8594
|
.np-theme-personal .btn-success .badge {
|
|
8499
8595
|
color: #00a2dd;
|
|
8500
8596
|
color: var(--color-interactive-accent);
|
|
8501
|
-
background-color: #163300;
|
|
8502
8597
|
background-color: var(--color-interactive-control);
|
|
8503
8598
|
}
|
|
8504
8599
|
|
|
8505
8600
|
.np-theme-personal .btn-positive.btn-priority-2,
|
|
8506
8601
|
.np-theme-personal .btn-success.btn-priority-2 {
|
|
8507
|
-
color: #163300;
|
|
8508
8602
|
color: var(--color-interactive-primary);
|
|
8509
8603
|
background-color: transparent;
|
|
8510
|
-
border-color: #163300;
|
|
8511
8604
|
border-color: var(--color-interactive-primary);
|
|
8512
8605
|
transition: color, background-color 0.15s ease-in-out;
|
|
8513
8606
|
}
|
|
8514
8607
|
|
|
8515
8608
|
.np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8516
8609
|
.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
8517
|
-
color: #163300;
|
|
8518
8610
|
color: var(--color-interactive-control);
|
|
8519
8611
|
background-color: #008fc9;
|
|
8520
8612
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -8528,7 +8620,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8528
8620
|
.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8529
8621
|
.open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2,
|
|
8530
8622
|
.open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2 {
|
|
8531
|
-
color: #163300;
|
|
8532
8623
|
color: var(--color-interactive-control);
|
|
8533
8624
|
background-color: #0081ba;
|
|
8534
8625
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8542,7 +8633,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8542
8633
|
.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8543
8634
|
.open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
|
|
8544
8635
|
.open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
|
|
8545
|
-
color: #163300;
|
|
8546
8636
|
color: var(--color-interactive-control);
|
|
8547
8637
|
background-color: #0081ba;
|
|
8548
8638
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8560,7 +8650,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8560
8650
|
.np-theme-personal .btn-positive.btn-priority-2 .badge,
|
|
8561
8651
|
.np-theme-personal .btn-success.btn-priority-2 .badge {
|
|
8562
8652
|
color: transparent;
|
|
8563
|
-
background-color: #163300;
|
|
8564
8653
|
background-color: var(--color-interactive-primary);
|
|
8565
8654
|
}
|
|
8566
8655
|
|
|
@@ -8762,22 +8851,16 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8762
8851
|
|
|
8763
8852
|
.np-theme-personal .btn-danger,
|
|
8764
8853
|
.np-theme-personal .btn-negative {
|
|
8765
|
-
color: #ffffff;
|
|
8766
8854
|
color: var(--color-contrast);
|
|
8767
|
-
background-color: #cb272f;
|
|
8768
8855
|
background-color: var(--color-sentiment-negative);
|
|
8769
|
-
border-color: #cb272f;
|
|
8770
8856
|
border-color: var(--color-sentiment-negative);
|
|
8771
8857
|
transition: color, background-color 0.15s ease-in-out;
|
|
8772
8858
|
}
|
|
8773
8859
|
|
|
8774
8860
|
.np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8775
8861
|
.np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
8776
|
-
color: #ffffff;
|
|
8777
8862
|
color: var(--color-contrast);
|
|
8778
|
-
background-color: #b8232b;
|
|
8779
8863
|
background-color: var(--color-sentiment-negative-hover);
|
|
8780
|
-
border-color: #b8232b;
|
|
8781
8864
|
border-color: var(--color-sentiment-negative-hover);
|
|
8782
8865
|
}
|
|
8783
8866
|
|
|
@@ -8787,11 +8870,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8787
8870
|
.np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8788
8871
|
.open > .dropdown-toggle.np-theme-personal .btn-danger,
|
|
8789
8872
|
.open > .dropdown-toggle.np-theme-personal .btn-negative {
|
|
8790
|
-
color: #ffffff;
|
|
8791
8873
|
color: var(--color-contrast);
|
|
8792
|
-
background-color: #a72027;
|
|
8793
8874
|
background-color: var(--color-sentiment-negative-active);
|
|
8794
|
-
border-color: #a72027;
|
|
8795
8875
|
border-color: var(--color-sentiment-negative-active);
|
|
8796
8876
|
}
|
|
8797
8877
|
|
|
@@ -8801,11 +8881,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8801
8881
|
.np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8802
8882
|
.open > .dropdown-toggle.np-theme-personal .btn-danger:not(.disabled):not(:disabled):hover,
|
|
8803
8883
|
.open > .dropdown-toggle.np-theme-personal .btn-negative:not(.disabled):not(:disabled):hover {
|
|
8804
|
-
color: #ffffff;
|
|
8805
8884
|
color: var(--color-contrast);
|
|
8806
|
-
background-color: #a72027;
|
|
8807
8885
|
background-color: var(--color-sentiment-negative-active);
|
|
8808
|
-
border-color: #a72027;
|
|
8809
8886
|
border-color: var(--color-sentiment-negative-active);
|
|
8810
8887
|
}
|
|
8811
8888
|
|
|
@@ -8818,29 +8895,22 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8818
8895
|
|
|
8819
8896
|
.np-theme-personal .btn-danger .badge,
|
|
8820
8897
|
.np-theme-personal .btn-negative .badge {
|
|
8821
|
-
color: #cb272f;
|
|
8822
8898
|
color: var(--color-sentiment-negative);
|
|
8823
|
-
background-color: #ffffff;
|
|
8824
8899
|
background-color: var(--color-contrast);
|
|
8825
8900
|
}
|
|
8826
8901
|
|
|
8827
8902
|
.np-theme-personal .btn-danger.btn-priority-2,
|
|
8828
8903
|
.np-theme-personal .btn-negative.btn-priority-2 {
|
|
8829
|
-
color: #cb272f;
|
|
8830
8904
|
color: var(--color-sentiment-negative);
|
|
8831
8905
|
background-color: transparent;
|
|
8832
|
-
border-color: #cb272f;
|
|
8833
8906
|
border-color: var(--color-sentiment-negative);
|
|
8834
8907
|
transition: color, background-color 0.15s ease-in-out;
|
|
8835
8908
|
}
|
|
8836
8909
|
|
|
8837
8910
|
.np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8838
8911
|
.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
8839
|
-
color: #ffffff;
|
|
8840
8912
|
color: var(--color-contrast);
|
|
8841
|
-
background-color: #b8232b;
|
|
8842
8913
|
background-color: var(--color-sentiment-negative-hover);
|
|
8843
|
-
border-color: #b8232b;
|
|
8844
8914
|
border-color: var(--color-sentiment-negative-hover);
|
|
8845
8915
|
}
|
|
8846
8916
|
|
|
@@ -8850,11 +8920,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8850
8920
|
.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8851
8921
|
.open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2,
|
|
8852
8922
|
.open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2 {
|
|
8853
|
-
color: #ffffff;
|
|
8854
8923
|
color: var(--color-contrast);
|
|
8855
|
-
background-color: #a72027;
|
|
8856
8924
|
background-color: var(--color-sentiment-negative-active);
|
|
8857
|
-
border-color: #a72027;
|
|
8858
8925
|
border-color: var(--color-sentiment-negative-active);
|
|
8859
8926
|
}
|
|
8860
8927
|
|
|
@@ -8864,11 +8931,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8864
8931
|
.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8865
8932
|
.open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
|
|
8866
8933
|
.open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
|
|
8867
|
-
color: #ffffff;
|
|
8868
8934
|
color: var(--color-contrast);
|
|
8869
|
-
background-color: #a72027;
|
|
8870
8935
|
background-color: var(--color-sentiment-negative-active);
|
|
8871
|
-
border-color: #a72027;
|
|
8872
8936
|
border-color: var(--color-sentiment-negative-active);
|
|
8873
8937
|
}
|
|
8874
8938
|
|
|
@@ -8882,7 +8946,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8882
8946
|
.np-theme-personal .btn-danger.btn-priority-2 .badge,
|
|
8883
8947
|
.np-theme-personal .btn-negative.btn-priority-2 .badge {
|
|
8884
8948
|
color: transparent;
|
|
8885
|
-
background-color: #cb272f;
|
|
8886
8949
|
background-color: var(--color-sentiment-negative);
|
|
8887
8950
|
}
|
|
8888
8951
|
|
|
@@ -10242,7 +10305,6 @@ textarea.form-control {
|
|
|
10242
10305
|
}
|
|
10243
10306
|
|
|
10244
10307
|
.np-theme-personal .form-control:not(.disabled):not(:disabled):focus {
|
|
10245
|
-
border-color: #163300;
|
|
10246
10308
|
border-color: var(--color-interactive-primary);
|
|
10247
10309
|
outline: 0;
|
|
10248
10310
|
}
|
|
@@ -10253,7 +10315,6 @@ textarea.form-control {
|
|
|
10253
10315
|
}
|
|
10254
10316
|
|
|
10255
10317
|
.np-theme-personal .form-control:focus {
|
|
10256
|
-
border-color: #163300;
|
|
10257
10318
|
border-color: var(--color-interactive-primary);
|
|
10258
10319
|
}
|
|
10259
10320
|
|
|
@@ -10857,7 +10918,6 @@ select[multiple].input-lg {
|
|
|
10857
10918
|
}
|
|
10858
10919
|
|
|
10859
10920
|
.np-theme-personal .has-success {
|
|
10860
|
-
border-color: #054d28 !important;
|
|
10861
10921
|
border-color: var(--color-sentiment-positive) !important;
|
|
10862
10922
|
}
|
|
10863
10923
|
|
|
@@ -10877,7 +10937,6 @@ select[multiple].input-lg {
|
|
|
10877
10937
|
.np-theme-personal .has-success .input-group-addon {
|
|
10878
10938
|
color: #37517e !important;
|
|
10879
10939
|
color: var(--color-content-primary) !important;
|
|
10880
|
-
border-color: #054d28 !important;
|
|
10881
10940
|
border-color: var(--color-sentiment-positive) !important;
|
|
10882
10941
|
}
|
|
10883
10942
|
|
|
@@ -10887,7 +10946,6 @@ select[multiple].input-lg {
|
|
|
10887
10946
|
.np-theme-personal .has-success .btn-input:not(.disabled):not(:disabled):hover,
|
|
10888
10947
|
.np-theme-personal .has-success .input-group-addon,
|
|
10889
10948
|
.np-theme-personal .has-success .alert {
|
|
10890
|
-
border-color: #054d28 !important;
|
|
10891
10949
|
border-color: var(--color-sentiment-positive) !important;
|
|
10892
10950
|
}
|
|
10893
10951
|
|
|
@@ -10912,7 +10970,6 @@ select[multiple].input-lg {
|
|
|
10912
10970
|
.np-theme-personal .has-success:active .alert,
|
|
10913
10971
|
.np-theme-personal .has-success:focus .alert,
|
|
10914
10972
|
.np-theme-personal .has-success:focus-within .alert {
|
|
10915
|
-
border-color: #054d28 !important;
|
|
10916
10973
|
border-color: var(--color-sentiment-positive) !important;
|
|
10917
10974
|
}
|
|
10918
10975
|
|
|
@@ -10920,7 +10977,6 @@ select[multiple].input-lg {
|
|
|
10920
10977
|
.np-theme-personal .has-success:not(.disabled):not(:disabled):hover.checkbox label,
|
|
10921
10978
|
.np-theme-personal .has-success:not(.disabled):not(:disabled):hover .btn-input,
|
|
10922
10979
|
.np-theme-personal .has-success:not(.disabled):not(:disabled):hover .alert {
|
|
10923
|
-
border-color: #054d28 !important;
|
|
10924
10980
|
border-color: var(--color-sentiment-positive) !important;
|
|
10925
10981
|
}
|
|
10926
10982
|
|
|
@@ -10931,7 +10987,6 @@ select[multiple].input-lg {
|
|
|
10931
10987
|
|
|
10932
10988
|
.np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled),
|
|
10933
10989
|
.np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled) {
|
|
10934
|
-
border-color: #054d28;
|
|
10935
10990
|
border-color: var(--color-sentiment-positive);
|
|
10936
10991
|
color: #37517e;
|
|
10937
10992
|
color: var(--color-content-primary);
|
|
@@ -10941,7 +10996,6 @@ select[multiple].input-lg {
|
|
|
10941
10996
|
.np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover,
|
|
10942
10997
|
.np-theme-personal .has-success .radio > label:focus-within,
|
|
10943
10998
|
.np-theme-personal .has-success.checkbox > label:focus-within {
|
|
10944
|
-
border-color: #054d28 !important;
|
|
10945
10999
|
border-color: var(--color-sentiment-positive) !important;
|
|
10946
11000
|
}
|
|
10947
11001
|
|
|
@@ -10953,7 +11007,6 @@ select[multiple].input-lg {
|
|
|
10953
11007
|
.np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
|
|
10954
11008
|
.np-theme-personal .has-success .radio > label:focus-within .tw-radio-button,
|
|
10955
11009
|
.np-theme-personal .has-success.checkbox > label:focus-within .tw-radio-button {
|
|
10956
|
-
border-color: #054d28 !important;
|
|
10957
11010
|
border-color: var(--color-sentiment-positive) !important;
|
|
10958
11011
|
}
|
|
10959
11012
|
|
|
@@ -10961,7 +11014,6 @@ select[multiple].input-lg {
|
|
|
10961
11014
|
.np-theme-personal .has-success.checkbox .tw-checkbox-button,
|
|
10962
11015
|
.np-theme-personal .has-success .radio .tw-radio-button,
|
|
10963
11016
|
.np-theme-personal .has-success.checkbox .tw-radio-button {
|
|
10964
|
-
border-color: #054d28;
|
|
10965
11017
|
border-color: var(--color-sentiment-positive);
|
|
10966
11018
|
}
|
|
10967
11019
|
|
|
@@ -11284,7 +11336,6 @@ select[multiple].input-lg {
|
|
|
11284
11336
|
}
|
|
11285
11337
|
|
|
11286
11338
|
.np-theme-personal .has-warning {
|
|
11287
|
-
border-color: #ffd11a !important;
|
|
11288
11339
|
border-color: var(--color-sentiment-warning) !important;
|
|
11289
11340
|
}
|
|
11290
11341
|
|
|
@@ -11304,7 +11355,6 @@ select[multiple].input-lg {
|
|
|
11304
11355
|
.np-theme-personal .has-warning .input-group-addon {
|
|
11305
11356
|
color: #37517e !important;
|
|
11306
11357
|
color: var(--color-content-primary) !important;
|
|
11307
|
-
border-color: #ffd11a !important;
|
|
11308
11358
|
border-color: var(--color-sentiment-warning) !important;
|
|
11309
11359
|
}
|
|
11310
11360
|
|
|
@@ -11314,7 +11364,6 @@ select[multiple].input-lg {
|
|
|
11314
11364
|
.np-theme-personal .has-warning .btn-input:not(.disabled):not(:disabled):hover,
|
|
11315
11365
|
.np-theme-personal .has-warning .input-group-addon,
|
|
11316
11366
|
.np-theme-personal .has-warning .alert {
|
|
11317
|
-
border-color: #ffd11a !important;
|
|
11318
11367
|
border-color: var(--color-sentiment-warning) !important;
|
|
11319
11368
|
}
|
|
11320
11369
|
|
|
@@ -11339,7 +11388,6 @@ select[multiple].input-lg {
|
|
|
11339
11388
|
.np-theme-personal .has-warning:active .alert,
|
|
11340
11389
|
.np-theme-personal .has-warning:focus .alert,
|
|
11341
11390
|
.np-theme-personal .has-warning:focus-within .alert {
|
|
11342
|
-
border-color: #ffd11a !important;
|
|
11343
11391
|
border-color: var(--color-sentiment-warning) !important;
|
|
11344
11392
|
}
|
|
11345
11393
|
|
|
@@ -11347,7 +11395,6 @@ select[multiple].input-lg {
|
|
|
11347
11395
|
.np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.checkbox label,
|
|
11348
11396
|
.np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .btn-input,
|
|
11349
11397
|
.np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .alert {
|
|
11350
|
-
border-color: #ffd11a !important;
|
|
11351
11398
|
border-color: var(--color-sentiment-warning) !important;
|
|
11352
11399
|
}
|
|
11353
11400
|
|
|
@@ -11358,7 +11405,6 @@ select[multiple].input-lg {
|
|
|
11358
11405
|
|
|
11359
11406
|
.np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled),
|
|
11360
11407
|
.np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled) {
|
|
11361
|
-
border-color: #ffd11a;
|
|
11362
11408
|
border-color: var(--color-sentiment-warning);
|
|
11363
11409
|
color: #37517e;
|
|
11364
11410
|
color: var(--color-content-primary);
|
|
@@ -11368,7 +11414,6 @@ select[multiple].input-lg {
|
|
|
11368
11414
|
.np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
|
|
11369
11415
|
.np-theme-personal .has-warning .radio > label:focus-within,
|
|
11370
11416
|
.np-theme-personal .has-warning.checkbox > label:focus-within {
|
|
11371
|
-
border-color: #ffd11a !important;
|
|
11372
11417
|
border-color: var(--color-sentiment-warning) !important;
|
|
11373
11418
|
}
|
|
11374
11419
|
|
|
@@ -11380,7 +11425,6 @@ select[multiple].input-lg {
|
|
|
11380
11425
|
.np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
|
|
11381
11426
|
.np-theme-personal .has-warning .radio > label:focus-within .tw-radio-button,
|
|
11382
11427
|
.np-theme-personal .has-warning.checkbox > label:focus-within .tw-radio-button {
|
|
11383
|
-
border-color: #ffd11a !important;
|
|
11384
11428
|
border-color: var(--color-sentiment-warning) !important;
|
|
11385
11429
|
}
|
|
11386
11430
|
|
|
@@ -11388,7 +11432,6 @@ select[multiple].input-lg {
|
|
|
11388
11432
|
.np-theme-personal .has-warning.checkbox .tw-checkbox-button,
|
|
11389
11433
|
.np-theme-personal .has-warning .radio .tw-radio-button,
|
|
11390
11434
|
.np-theme-personal .has-warning.checkbox .tw-radio-button {
|
|
11391
|
-
border-color: #ffd11a;
|
|
11392
11435
|
border-color: var(--color-sentiment-warning);
|
|
11393
11436
|
}
|
|
11394
11437
|
|
|
@@ -11502,7 +11545,6 @@ select[multiple].input-lg {
|
|
|
11502
11545
|
}
|
|
11503
11546
|
|
|
11504
11547
|
.np-theme-personal .has-error {
|
|
11505
|
-
border-color: #cb272f !important;
|
|
11506
11548
|
border-color: var(--color-sentiment-negative) !important;
|
|
11507
11549
|
}
|
|
11508
11550
|
|
|
@@ -11522,7 +11564,6 @@ select[multiple].input-lg {
|
|
|
11522
11564
|
.np-theme-personal .has-error .input-group-addon {
|
|
11523
11565
|
color: #37517e !important;
|
|
11524
11566
|
color: var(--color-content-primary) !important;
|
|
11525
|
-
border-color: #cb272f !important;
|
|
11526
11567
|
border-color: var(--color-sentiment-negative) !important;
|
|
11527
11568
|
}
|
|
11528
11569
|
|
|
@@ -11532,7 +11573,6 @@ select[multiple].input-lg {
|
|
|
11532
11573
|
.np-theme-personal .has-error .btn-input:not(.disabled):not(:disabled):hover,
|
|
11533
11574
|
.np-theme-personal .has-error .input-group-addon,
|
|
11534
11575
|
.np-theme-personal .has-error .alert {
|
|
11535
|
-
border-color: #cb272f !important;
|
|
11536
11576
|
border-color: var(--color-sentiment-negative) !important;
|
|
11537
11577
|
}
|
|
11538
11578
|
|
|
@@ -11557,7 +11597,6 @@ select[multiple].input-lg {
|
|
|
11557
11597
|
.np-theme-personal .has-error:active .alert,
|
|
11558
11598
|
.np-theme-personal .has-error:focus .alert,
|
|
11559
11599
|
.np-theme-personal .has-error:focus-within .alert {
|
|
11560
|
-
border-color: #b8232b !important;
|
|
11561
11600
|
border-color: var(--color-sentiment-negative-hover) !important;
|
|
11562
11601
|
}
|
|
11563
11602
|
|
|
@@ -11565,7 +11604,6 @@ select[multiple].input-lg {
|
|
|
11565
11604
|
.np-theme-personal .has-error:not(.disabled):not(:disabled):hover.checkbox label,
|
|
11566
11605
|
.np-theme-personal .has-error:not(.disabled):not(:disabled):hover .btn-input,
|
|
11567
11606
|
.np-theme-personal .has-error:not(.disabled):not(:disabled):hover .alert {
|
|
11568
|
-
border-color: #b8232b !important;
|
|
11569
11607
|
border-color: var(--color-sentiment-negative-hover) !important;
|
|
11570
11608
|
}
|
|
11571
11609
|
|
|
@@ -11576,7 +11614,6 @@ select[multiple].input-lg {
|
|
|
11576
11614
|
|
|
11577
11615
|
.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled),
|
|
11578
11616
|
.np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled) {
|
|
11579
|
-
border-color: #cb272f;
|
|
11580
11617
|
border-color: var(--color-sentiment-negative);
|
|
11581
11618
|
color: #37517e;
|
|
11582
11619
|
color: var(--color-content-primary);
|
|
@@ -11586,7 +11623,6 @@ select[multiple].input-lg {
|
|
|
11586
11623
|
.np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover,
|
|
11587
11624
|
.np-theme-personal .has-error .radio > label:focus-within,
|
|
11588
11625
|
.np-theme-personal .has-error.checkbox > label:focus-within {
|
|
11589
|
-
border-color: #b8232b !important;
|
|
11590
11626
|
border-color: var(--color-sentiment-negative-hover) !important;
|
|
11591
11627
|
}
|
|
11592
11628
|
|
|
@@ -11598,7 +11634,6 @@ select[multiple].input-lg {
|
|
|
11598
11634
|
.np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
|
|
11599
11635
|
.np-theme-personal .has-error .radio > label:focus-within .tw-radio-button,
|
|
11600
11636
|
.np-theme-personal .has-error.checkbox > label:focus-within .tw-radio-button {
|
|
11601
|
-
border-color: #b8232b !important;
|
|
11602
11637
|
border-color: var(--color-sentiment-negative-hover) !important;
|
|
11603
11638
|
}
|
|
11604
11639
|
|
|
@@ -11606,7 +11641,6 @@ select[multiple].input-lg {
|
|
|
11606
11641
|
.np-theme-personal .has-error.checkbox .tw-checkbox-button,
|
|
11607
11642
|
.np-theme-personal .has-error .radio .tw-radio-button,
|
|
11608
11643
|
.np-theme-personal .has-error.checkbox .tw-radio-button {
|
|
11609
|
-
border-color: #cb272f;
|
|
11610
11644
|
border-color: var(--color-sentiment-negative);
|
|
11611
11645
|
}
|
|
11612
11646
|
|
|
@@ -11870,9 +11904,7 @@ input[type="checkbox"]:indeterminate + .tw-checkbox-button {
|
|
|
11870
11904
|
.np-theme-personal .tw-checkbox-button.checked,
|
|
11871
11905
|
.np-theme-personal input[type="checkbox"]:checked + .tw-checkbox-button,
|
|
11872
11906
|
.np-theme-personal input[type="checkbox"]:indeterminate + .tw-checkbox-button {
|
|
11873
|
-
background-color: #163300;
|
|
11874
11907
|
background-color: var(--color-interactive-primary);
|
|
11875
|
-
box-shadow: inset 0 0 0 1px #163300;
|
|
11876
11908
|
box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
|
|
11877
11909
|
}
|
|
11878
11910
|
|
|
@@ -11900,11 +11932,8 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-c
|
|
|
11900
11932
|
.np-theme-personal .tw-checkbox-button.checked:hover,
|
|
11901
11933
|
.np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button,
|
|
11902
11934
|
.np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-checkbox-button {
|
|
11903
|
-
border-color: #0d1f00 !important;
|
|
11904
11935
|
border-color: var(--color-interactive-primary-hover) !important;
|
|
11905
|
-
background-color: #0d1f00;
|
|
11906
11936
|
background-color: var(--color-interactive-primary-hover);
|
|
11907
|
-
box-shadow: inset 0 0 0 1px #0d1f00;
|
|
11908
11937
|
box-shadow: inset 0 0 0 1px var(--color-interactive-primary-hover);
|
|
11909
11938
|
}
|
|
11910
11939
|
|
|
@@ -11922,11 +11951,8 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
|
|
|
11922
11951
|
.np-theme-personal .tw-checkbox-button.checked:active,
|
|
11923
11952
|
.np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button,
|
|
11924
11953
|
.np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-checkbox-button {
|
|
11925
|
-
border-color: #0e0f0c !important;
|
|
11926
11954
|
border-color: var(--color-interactive-primary-active) !important;
|
|
11927
|
-
background-color: #0e0f0c;
|
|
11928
11955
|
background-color: var(--color-interactive-primary-active);
|
|
11929
|
-
box-shadow: inset 0 0 0 1px #0e0f0c;
|
|
11930
11956
|
box-shadow: inset 0 0 0 1px var(--color-interactive-primary-active);
|
|
11931
11957
|
}
|
|
11932
11958
|
|
|
@@ -12019,7 +12045,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
|
|
|
12019
12045
|
.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked,
|
|
12020
12046
|
.np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked,
|
|
12021
12047
|
.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked {
|
|
12022
|
-
box-shadow: inset 0 0 0 1px #163300;
|
|
12023
12048
|
box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
|
|
12024
12049
|
}
|
|
12025
12050
|
|
|
@@ -12027,7 +12052,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
|
|
|
12027
12052
|
.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked .tw-radio-check,
|
|
12028
12053
|
.np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked .tw-radio-check,
|
|
12029
12054
|
.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked .tw-radio-check {
|
|
12030
|
-
background-color: #0d1f00;
|
|
12031
12055
|
background-color: var(--color-interactive-primary-hover);
|
|
12032
12056
|
}
|
|
12033
12057
|
|
|
@@ -12056,13 +12080,11 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
|
|
|
12056
12080
|
.np-theme-personal .tw-radio-button:checked,
|
|
12057
12081
|
.np-theme-personal .tw-radio-button.checked {
|
|
12058
12082
|
border-color: transparent !important;
|
|
12059
|
-
box-shadow: inset 0 0 0 1px #163300;
|
|
12060
12083
|
box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
|
|
12061
12084
|
}
|
|
12062
12085
|
|
|
12063
12086
|
.np-theme-personal .tw-radio-button:checked .tw-radio-check,
|
|
12064
12087
|
.np-theme-personal .tw-radio-button.checked .tw-radio-check {
|
|
12065
|
-
background-color: #163300;
|
|
12066
12088
|
background-color: var(--color-interactive-primary);
|
|
12067
12089
|
max-height: 12px;
|
|
12068
12090
|
max-width: 12px;
|
|
@@ -12563,7 +12585,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12563
12585
|
.np-theme-personal .form-control:not(.disabled):not(:disabled):hover:has(:checked, .checked),
|
|
12564
12586
|
.np-theme-personal .radio > label:not(.disabled):not(:disabled):hover:has(:checked, .checked),
|
|
12565
12587
|
.np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover:has(:checked, .checked) {
|
|
12566
|
-
box-shadow: inset 0 0 0 2px #0d1f00;
|
|
12567
12588
|
box-shadow: inset 0 0 0 2px var(--color-interactive-primary-hover);
|
|
12568
12589
|
}
|
|
12569
12590
|
|
|
@@ -12577,7 +12598,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12577
12598
|
.np-theme-personal .radio > label:not(.disabled):not(:disabled):has(:focus-visible),
|
|
12578
12599
|
.np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-visible,
|
|
12579
12600
|
.np-theme-personal .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
|
|
12580
|
-
box-shadow: inset 0 0 0 3px #163300;
|
|
12581
12601
|
box-shadow: inset 0 0 0 3px var(--color-interactive-primary);
|
|
12582
12602
|
}
|
|
12583
12603
|
|
|
@@ -12586,7 +12606,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12586
12606
|
.np-theme-personal .has-error .form-control,
|
|
12587
12607
|
.np-theme-personal .has-error .radio > label,
|
|
12588
12608
|
.np-theme-personal .has-error .checkbox > label {
|
|
12589
|
-
box-shadow: inset 0 0 0 2px #cb272f;
|
|
12590
12609
|
box-shadow: inset 0 0 0 2px var(--color-sentiment-negative);
|
|
12591
12610
|
}
|
|
12592
12611
|
|
|
@@ -12594,7 +12613,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12594
12613
|
.np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):hover,
|
|
12595
12614
|
.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
|
|
12596
12615
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):hover {
|
|
12597
|
-
box-shadow: inset 0 0 0 2px #b8232b;
|
|
12598
12616
|
box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
|
|
12599
12617
|
}
|
|
12600
12618
|
|
|
@@ -12610,22 +12628,18 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12610
12628
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active,
|
|
12611
12629
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible,
|
|
12612
12630
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
|
|
12613
|
-
box-shadow: inset 0 0 0 3px #cb272f;
|
|
12614
12631
|
box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
|
|
12615
12632
|
}
|
|
12616
12633
|
|
|
12617
12634
|
.np-theme-personal .has-error .tw-radio-button {
|
|
12618
|
-
border-color: #cb272f !important;
|
|
12619
12635
|
border-color: var(--color-sentiment-negative) !important;
|
|
12620
12636
|
}
|
|
12621
12637
|
|
|
12622
12638
|
.np-theme-personal .has-error .tw-radio-button.checked {
|
|
12623
|
-
box-shadow: inset 0 0 0 1px #cb272f;
|
|
12624
12639
|
box-shadow: inset 0 0 0 1px var(--color-sentiment-negative);
|
|
12625
12640
|
}
|
|
12626
12641
|
|
|
12627
12642
|
.np-theme-personal .has-error .tw-radio-button.checked .tw-radio-check {
|
|
12628
|
-
background: #cb272f !important;
|
|
12629
12643
|
background: var(--color-sentiment-negative) !important;
|
|
12630
12644
|
}
|
|
12631
12645
|
|
|
@@ -12635,7 +12649,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12635
12649
|
.np-theme-personal .has-error input[type=checkbox]:hover + .tw-checkbox-button,
|
|
12636
12650
|
.np-theme-personal .has-error input[type=radio]:not(.disabled):not(:disabled):hover + .tw-radio-button,
|
|
12637
12651
|
.np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
|
|
12638
|
-
box-shadow: inset 0 0 0 2px #b8232b;
|
|
12639
12652
|
box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
|
|
12640
12653
|
}
|
|
12641
12654
|
|
|
@@ -12645,16 +12658,13 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12645
12658
|
.np-theme-personal .has-error .tw-checkbox-button.checked:hover,
|
|
12646
12659
|
.np-theme-personal .has-error .tw-checkbox-button:checked:hover,
|
|
12647
12660
|
.np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
|
|
12648
|
-
box-shadow: inset 0 0 0 3px #cb272f;
|
|
12649
12661
|
box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
|
|
12650
|
-
background: #cb272f;
|
|
12651
12662
|
background: var(--color-sentiment-negative);
|
|
12652
12663
|
}
|
|
12653
12664
|
|
|
12654
12665
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type=checkbox] + .tw-checkbox-button,
|
|
12655
12666
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type=checkbox] + .tw-checkbox-button,
|
|
12656
12667
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type=checkbox] + .tw-checkbox-button {
|
|
12657
|
-
box-shadow: inset 0 0 0 2px #a72027;
|
|
12658
12668
|
box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
|
|
12659
12669
|
}
|
|
12660
12670
|
|
|
@@ -12709,7 +12719,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12709
12719
|
|
|
12710
12720
|
.np-theme-personal .has-error .error-messages,
|
|
12711
12721
|
.np-theme-personal .has-error .alert-detach.alert-danger {
|
|
12712
|
-
color: #cb272f;
|
|
12713
12722
|
color: var(--color-sentiment-negative);
|
|
12714
12723
|
}
|
|
12715
12724
|
|
|
@@ -12726,7 +12735,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12726
12735
|
}
|
|
12727
12736
|
|
|
12728
12737
|
.np-theme-personal .has-required::after {
|
|
12729
|
-
color: #cb272f;
|
|
12730
12738
|
color: var(--color-sentiment-negative);
|
|
12731
12739
|
}
|
|
12732
12740
|
|
|
@@ -13991,7 +13999,6 @@ li > a > .currency-flag:first-child {
|
|
|
13991
13999
|
}
|
|
13992
14000
|
|
|
13993
14001
|
.np-theme-personal .decision:not(.disabled):hover {
|
|
13994
|
-
background-color: rgba(22,51,0,0.07843);
|
|
13995
14002
|
background-color: var(--color-background-screen-hover);
|
|
13996
14003
|
}
|
|
13997
14004
|
|
|
@@ -14591,7 +14598,6 @@ li > a > .currency-flag:first-child {
|
|
|
14591
14598
|
}
|
|
14592
14599
|
|
|
14593
14600
|
.np-theme-personal .droppable-area.droppable-negative {
|
|
14594
|
-
border: 2px solid #cb272f !important;
|
|
14595
14601
|
border: 2px solid var(--color-sentiment-negative) !important;
|
|
14596
14602
|
background-color: #ffffff;
|
|
14597
14603
|
background-color: var(--color-background-screen);
|
|
@@ -14609,7 +14615,6 @@ li > a > .currency-flag:first-child {
|
|
|
14609
14615
|
}
|
|
14610
14616
|
|
|
14611
14617
|
.np-theme-personal .droppable-area .droppable-dropping-card {
|
|
14612
|
-
background-color: rgba(22,51,0,0.12941);
|
|
14613
14618
|
background-color: var(--color-background-neutral-hover);
|
|
14614
14619
|
}
|
|
14615
14620
|
|
|
@@ -14618,7 +14623,6 @@ li > a > .currency-flag:first-child {
|
|
|
14618
14623
|
}
|
|
14619
14624
|
|
|
14620
14625
|
.np-theme-personal .droppable-area .circle {
|
|
14621
|
-
background-color: #ffffff;
|
|
14622
14626
|
background-color: var(--color-contrast);
|
|
14623
14627
|
color: #37517e !important;
|
|
14624
14628
|
color: var(--color-content-primary) !important;
|
|
@@ -14656,7 +14660,6 @@ li > a > .currency-flag:first-child {
|
|
|
14656
14660
|
}
|
|
14657
14661
|
|
|
14658
14662
|
.np-theme-personal .droppable-dropping {
|
|
14659
|
-
border-color: rgba(22,51,0,0.12941) !important;
|
|
14660
14663
|
border-color: var(--color-background-neutral-hover) !important;
|
|
14661
14664
|
border-style: solid;
|
|
14662
14665
|
}
|
|
@@ -21009,7 +21012,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
|
|
|
21009
21012
|
}
|
|
21010
21013
|
|
|
21011
21014
|
.np-theme-personal .close {
|
|
21012
|
-
color: #163300;
|
|
21013
21015
|
color: var(--color-interactive-primary);
|
|
21014
21016
|
}
|
|
21015
21017
|
|
|
@@ -21022,7 +21024,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
|
|
|
21022
21024
|
}
|
|
21023
21025
|
|
|
21024
21026
|
.np-theme-personal .close:hover {
|
|
21025
|
-
color: #0d1f00;
|
|
21026
21027
|
color: var(--color-interactive-primary-hover);
|
|
21027
21028
|
}
|
|
21028
21029
|
|
|
@@ -22576,7 +22577,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
|
|
|
22576
22577
|
}
|
|
22577
22578
|
|
|
22578
22579
|
.np-theme-personal .popover-close {
|
|
22579
|
-
color: #163300;
|
|
22580
22580
|
color: var(--color-interactive-primary);
|
|
22581
22581
|
}
|
|
22582
22582
|
|
|
@@ -22589,7 +22589,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
|
|
|
22589
22589
|
}
|
|
22590
22590
|
|
|
22591
22591
|
.np-theme-personal .popover-close:hover {
|
|
22592
|
-
color: #0d1f00;
|
|
22593
22592
|
color: var(--color-interactive-primary-hover);
|
|
22594
22593
|
}
|
|
22595
22594
|
|
|
@@ -22836,7 +22835,6 @@ button.popover-close {
|
|
|
22836
22835
|
.np-theme-personal--forest-green .process-circle,
|
|
22837
22836
|
.np-theme-personal--bright-green .process-circle,
|
|
22838
22837
|
.np-theme-personal--dark .process-circle {
|
|
22839
|
-
stroke: #163300;
|
|
22840
22838
|
stroke: var(--color-interactive-primary);
|
|
22841
22839
|
}
|
|
22842
22840
|
|
|
@@ -22871,7 +22869,6 @@ button.popover-close {
|
|
|
22871
22869
|
}
|
|
22872
22870
|
|
|
22873
22871
|
.np-theme-personal .process-success .process-icon-horizontal {
|
|
22874
|
-
background-color: #054d28;
|
|
22875
22872
|
background-color: var(--color-sentiment-positive);
|
|
22876
22873
|
}
|
|
22877
22874
|
|
|
@@ -22883,7 +22880,6 @@ button.popover-close {
|
|
|
22883
22880
|
}
|
|
22884
22881
|
|
|
22885
22882
|
.np-theme-personal .process-success .process-icon-vertical {
|
|
22886
|
-
background-color: #054d28;
|
|
22887
22883
|
background-color: var(--color-sentiment-positive);
|
|
22888
22884
|
}
|
|
22889
22885
|
|
|
@@ -22893,7 +22889,6 @@ button.popover-close {
|
|
|
22893
22889
|
}
|
|
22894
22890
|
|
|
22895
22891
|
.np-theme-personal .process-success .process-circle {
|
|
22896
|
-
stroke: #054d28;
|
|
22897
22892
|
stroke: var(--color-sentiment-positive);
|
|
22898
22893
|
}
|
|
22899
22894
|
|
|
@@ -22904,7 +22899,6 @@ button.popover-close {
|
|
|
22904
22899
|
}
|
|
22905
22900
|
|
|
22906
22901
|
.np-theme-personal .process-danger .process-icon-horizontal {
|
|
22907
|
-
background-color: #cb272f;
|
|
22908
22902
|
background-color: var(--color-sentiment-negative);
|
|
22909
22903
|
}
|
|
22910
22904
|
|
|
@@ -22915,7 +22909,6 @@ button.popover-close {
|
|
|
22915
22909
|
}
|
|
22916
22910
|
|
|
22917
22911
|
.np-theme-personal .process-danger .process-icon-vertical {
|
|
22918
|
-
background-color: #cb272f;
|
|
22919
22912
|
background-color: var(--color-sentiment-negative);
|
|
22920
22913
|
}
|
|
22921
22914
|
|
|
@@ -22925,7 +22918,6 @@ button.popover-close {
|
|
|
22925
22918
|
}
|
|
22926
22919
|
|
|
22927
22920
|
.np-theme-personal .process-danger .process-circle {
|
|
22928
|
-
stroke: #cb272f;
|
|
22929
22921
|
stroke: var(--color-sentiment-negative);
|
|
22930
22922
|
}
|
|
22931
22923
|
|