vrembem 3.0.13 → 4.0.0-next.0
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/dev/{styles.css → index.css} +772 -1327
- package/dev/index.css.map +1 -0
- package/dev/index.js +2235 -0
- package/dev/index.js.map +1 -0
- package/dev/index.umd.cjs +2239 -0
- package/dev/index.umd.cjs.map +1 -0
- package/dist/index.css +1 -0
- package/dist/index.css.map +1 -0
- package/dist/index.js +2215 -0
- package/dist/index.js.map +1 -0
- package/dist/index.umd.cjs +6 -0
- package/dist/index.umd.cjs.map +1 -0
- package/index.js +5 -5
- package/index.scss +1 -4
- package/package.json +41 -37
- package/LICENSE +0 -21
- package/dev/scripts.esm.js +0 -4641
- package/dev/scripts.esm.js.map +0 -1
- package/dev/scripts.js +0 -4645
- package/dev/scripts.js.map +0 -1
- package/dev/scripts.modern.mjs +0 -4092
- package/dev/scripts.modern.mjs.map +0 -1
- package/dev/scripts.umd.js +0 -4652
- package/dev/scripts.umd.js.map +0 -1
- package/dev/styles.css.map +0 -1
- package/dist/scripts.esm.js +0 -2
- package/dist/scripts.esm.js.map +0 -1
- package/dist/scripts.js +0 -2
- package/dist/scripts.js.map +0 -1
- package/dist/scripts.modern.mjs +0 -2
- package/dist/scripts.modern.mjs.map +0 -1
- package/dist/scripts.umd.js +0 -2
- package/dist/scripts.umd.js.map +0 -1
- package/dist/styles.css +0 -1
- package/dist/styles.css.map +0 -1
|
@@ -1,3 +1,91 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--vrembem-variable-prefix: vb-;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
--vb-breakpoint-xs: 480px;
|
|
7
|
+
--vb-breakpoint-sm: 620px;
|
|
8
|
+
--vb-breakpoint-md: 760px;
|
|
9
|
+
--vb-breakpoint-lg: 990px;
|
|
10
|
+
--vb-breakpoint-xl: 1380px;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
:root {
|
|
14
|
+
--vb-primary-hs: 152deg, 60%;
|
|
15
|
+
--vb-primary: var(--vb-primary-50);
|
|
16
|
+
--vb-primary-0: hsl(var(--vb-primary-hs), 0%);
|
|
17
|
+
--vb-primary-10: hsl(var(--vb-primary-hs), 10%);
|
|
18
|
+
--vb-primary-20: hsl(var(--vb-primary-hs), 20%);
|
|
19
|
+
--vb-primary-30: hsl(var(--vb-primary-hs), 30%);
|
|
20
|
+
--vb-primary-40: hsl(var(--vb-primary-hs), 40%);
|
|
21
|
+
--vb-primary-50: hsl(var(--vb-primary-hs), 50%);
|
|
22
|
+
--vb-primary-60: hsl(var(--vb-primary-hs), 60%);
|
|
23
|
+
--vb-primary-70: hsl(var(--vb-primary-hs), 70%);
|
|
24
|
+
--vb-primary-80: hsl(var(--vb-primary-hs), 80%);
|
|
25
|
+
--vb-primary-90: hsl(var(--vb-primary-hs), 90%);
|
|
26
|
+
--vb-primary-95: hsl(var(--vb-primary-hs), 95%);
|
|
27
|
+
--vb-primary-98: hsl(var(--vb-primary-hs), 98%);
|
|
28
|
+
--vb-primary-100: hsl(var(--vb-primary-hs), 100%);
|
|
29
|
+
--vb-secondary-hs: 214deg, 50%;
|
|
30
|
+
--vb-secondary: var(--vb-secondary-50);
|
|
31
|
+
--vb-secondary-0: hsl(var(--vb-secondary-hs), 0%);
|
|
32
|
+
--vb-secondary-10: hsl(var(--vb-secondary-hs), 10%);
|
|
33
|
+
--vb-secondary-20: hsl(var(--vb-secondary-hs), 20%);
|
|
34
|
+
--vb-secondary-30: hsl(var(--vb-secondary-hs), 30%);
|
|
35
|
+
--vb-secondary-40: hsl(var(--vb-secondary-hs), 40%);
|
|
36
|
+
--vb-secondary-50: hsl(var(--vb-secondary-hs), 50%);
|
|
37
|
+
--vb-secondary-60: hsl(var(--vb-secondary-hs), 60%);
|
|
38
|
+
--vb-secondary-70: hsl(var(--vb-secondary-hs), 70%);
|
|
39
|
+
--vb-secondary-80: hsl(var(--vb-secondary-hs), 80%);
|
|
40
|
+
--vb-secondary-90: hsl(var(--vb-secondary-hs), 90%);
|
|
41
|
+
--vb-secondary-95: hsl(var(--vb-secondary-hs), 95%);
|
|
42
|
+
--vb-secondary-98: hsl(var(--vb-secondary-hs), 98%);
|
|
43
|
+
--vb-secondary-100: hsl(var(--vb-secondary-hs), 100%);
|
|
44
|
+
--vb-neutral-hs: 214deg, 20%;
|
|
45
|
+
--vb-neutral: var(--vb-neutral-50);
|
|
46
|
+
--vb-neutral-0: hsl(var(--vb-neutral-hs), 0%);
|
|
47
|
+
--vb-neutral-10: hsl(var(--vb-neutral-hs), 10%);
|
|
48
|
+
--vb-neutral-20: hsl(var(--vb-neutral-hs), 20%);
|
|
49
|
+
--vb-neutral-30: hsl(var(--vb-neutral-hs), 30%);
|
|
50
|
+
--vb-neutral-40: hsl(var(--vb-neutral-hs), 40%);
|
|
51
|
+
--vb-neutral-50: hsl(var(--vb-neutral-hs), 50%);
|
|
52
|
+
--vb-neutral-60: hsl(var(--vb-neutral-hs), 60%);
|
|
53
|
+
--vb-neutral-70: hsl(var(--vb-neutral-hs), 70%);
|
|
54
|
+
--vb-neutral-80: hsl(var(--vb-neutral-hs), 80%);
|
|
55
|
+
--vb-neutral-90: hsl(var(--vb-neutral-hs), 90%);
|
|
56
|
+
--vb-neutral-95: hsl(var(--vb-neutral-hs), 95%);
|
|
57
|
+
--vb-neutral-98: hsl(var(--vb-neutral-hs), 98%);
|
|
58
|
+
--vb-neutral-100: hsl(var(--vb-neutral-hs), 100%);
|
|
59
|
+
--vb-important-hs: 0deg, 80%;
|
|
60
|
+
--vb-important: var(--vb-important-50);
|
|
61
|
+
--vb-important-0: hsl(var(--vb-important-hs), 0%);
|
|
62
|
+
--vb-important-10: hsl(var(--vb-important-hs), 10%);
|
|
63
|
+
--vb-important-20: hsl(var(--vb-important-hs), 20%);
|
|
64
|
+
--vb-important-30: hsl(var(--vb-important-hs), 30%);
|
|
65
|
+
--vb-important-40: hsl(var(--vb-important-hs), 40%);
|
|
66
|
+
--vb-important-50: hsl(var(--vb-important-hs), 50%);
|
|
67
|
+
--vb-important-60: hsl(var(--vb-important-hs), 60%);
|
|
68
|
+
--vb-important-70: hsl(var(--vb-important-hs), 70%);
|
|
69
|
+
--vb-important-80: hsl(var(--vb-important-hs), 80%);
|
|
70
|
+
--vb-important-90: hsl(var(--vb-important-hs), 90%);
|
|
71
|
+
--vb-important-95: hsl(var(--vb-important-hs), 95%);
|
|
72
|
+
--vb-important-98: hsl(var(--vb-important-hs), 98%);
|
|
73
|
+
--vb-important-100: hsl(var(--vb-important-hs), 100%);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
:root {
|
|
77
|
+
--vb-background: var(--vb-neutral-100, hsl(214, 20%, 100%));
|
|
78
|
+
--vb-background-dark: var(--vb-neutral-98, hsl(214, 20%, 98%));
|
|
79
|
+
--vb-background-darker: var(--vb-neutral-95, hsl(214, 20%, 95%));
|
|
80
|
+
--vb-foreground: var(--vb-neutral-20, hsl(214, 20%, 20%));
|
|
81
|
+
--vb-foreground-light: var(--vb-neutral-40, hsl(214, 20%, 40%));
|
|
82
|
+
--vb-foreground-lighter: var(--vb-neutral-60, hsl(214, 20%, 60%));
|
|
83
|
+
--vb-border-color: rgba(0, 0, 0, 0.1);
|
|
84
|
+
--vb-border-color-dark: rgba(0, 0, 0, 0.2);
|
|
85
|
+
--vb-border-color-darker: rgba(0, 0, 0, 0.3);
|
|
86
|
+
--vb-shadow-color: hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%);
|
|
87
|
+
}
|
|
88
|
+
|
|
1
89
|
*,
|
|
2
90
|
*::before,
|
|
3
91
|
*::after {
|
|
@@ -20,7 +108,8 @@ html {
|
|
|
20
108
|
}
|
|
21
109
|
|
|
22
110
|
body {
|
|
23
|
-
|
|
111
|
+
background: var(--vb-background, var(--vb-neutral-100, hsl(214, 20%, 100%)));
|
|
112
|
+
color: var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%)));
|
|
24
113
|
font-family: blinkmacsystemfont, -apple-system, system-ui, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;
|
|
25
114
|
}
|
|
26
115
|
|
|
@@ -71,7 +160,7 @@ table {
|
|
|
71
160
|
|
|
72
161
|
caption {
|
|
73
162
|
caption-side: bottom;
|
|
74
|
-
color:
|
|
163
|
+
color: var(--vb-foreground-lighter, var(--vb-neutral-60, hsl(214, 20%, 60%)));
|
|
75
164
|
text-align: left;
|
|
76
165
|
}
|
|
77
166
|
|
|
@@ -157,7 +246,7 @@ input::-moz-placeholder {
|
|
|
157
246
|
.blockquote {
|
|
158
247
|
position: relative;
|
|
159
248
|
padding: 1.5em;
|
|
160
|
-
border: 1px solid rgba(0, 0, 0, 0.
|
|
249
|
+
border: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
161
250
|
color: inherit;
|
|
162
251
|
}
|
|
163
252
|
.blockquote > * + * {
|
|
@@ -170,11 +259,11 @@ input::-moz-placeholder {
|
|
|
170
259
|
bottom: -1px;
|
|
171
260
|
left: -1px;
|
|
172
261
|
width: 4px;
|
|
173
|
-
background-color:
|
|
262
|
+
background-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
174
263
|
}
|
|
175
264
|
|
|
176
265
|
.code {
|
|
177
|
-
color:
|
|
266
|
+
color: var(--vb-secondary-50, hsl(214, 50%, 50%));
|
|
178
267
|
font-family: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
|
|
179
268
|
font-size: 0.9em;
|
|
180
269
|
word-break: break-word;
|
|
@@ -240,73 +329,18 @@ input::-moz-placeholder {
|
|
|
240
329
|
}
|
|
241
330
|
|
|
242
331
|
.link {
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
text-decoration: none;
|
|
332
|
+
color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
333
|
+
text-decoration: underline;
|
|
246
334
|
}
|
|
247
335
|
.link:hover {
|
|
248
|
-
|
|
249
|
-
|
|
336
|
+
color: var(--vb-primary-40, hsl(152, 60%, 40%));
|
|
337
|
+
text-decoration: none;
|
|
250
338
|
}
|
|
251
339
|
.link:focus {
|
|
252
340
|
outline: currentcolor dotted 1px;
|
|
253
341
|
outline-offset: 0.125rem;
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
.link_subtle {
|
|
259
|
-
border-color: rgba(0, 0, 0, 0.1);
|
|
260
|
-
color: #9e9e9e;
|
|
261
|
-
}
|
|
262
|
-
.link_subtle:hover, .link_subtle:focus {
|
|
263
|
-
border-color: currentcolor;
|
|
264
|
-
color: #0097a7;
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
.link_invert {
|
|
268
|
-
border-color: rgba(255, 255, 255, 0.5);
|
|
269
|
-
color: #fff;
|
|
270
|
-
}
|
|
271
|
-
.link_invert:hover, .link_invert:focus {
|
|
272
|
-
border-color: currentcolor;
|
|
273
|
-
color: #fff;
|
|
274
|
-
}
|
|
275
|
-
|
|
276
|
-
.link_invert-subtle {
|
|
277
|
-
border-color: rgba(255, 255, 255, 0.5);
|
|
278
|
-
color: rgba(255, 255, 255, 0.6);
|
|
279
|
-
}
|
|
280
|
-
.link_invert-subtle:hover, .link_invert-subtle:focus {
|
|
281
|
-
border-color: currentcolor;
|
|
282
|
-
color: #fff;
|
|
283
|
-
}
|
|
284
|
-
|
|
285
|
-
.type .link_subtle {
|
|
286
|
-
border-color: rgba(0, 0, 0, 0.1);
|
|
287
|
-
color: #9e9e9e;
|
|
288
|
-
}
|
|
289
|
-
.type .link_subtle:hover, .type .link_subtle:focus {
|
|
290
|
-
border-color: currentcolor;
|
|
291
|
-
color: #0097a7;
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
.type .link_invert {
|
|
295
|
-
border-color: rgba(255, 255, 255, 0.5);
|
|
296
|
-
color: #fff;
|
|
297
|
-
}
|
|
298
|
-
.type .link_invert:hover, .type .link_invert:focus {
|
|
299
|
-
border-color: currentcolor;
|
|
300
|
-
color: #fff;
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
.type .link_invert-subtle {
|
|
304
|
-
border-color: rgba(255, 255, 255, 0.5);
|
|
305
|
-
color: rgba(255, 255, 255, 0.6);
|
|
306
|
-
}
|
|
307
|
-
.type .link_invert-subtle:hover, .type .link_invert-subtle:focus {
|
|
308
|
-
border-color: currentcolor;
|
|
309
|
-
color: #fff;
|
|
342
|
+
color: var(--vb-primary-40, hsl(152, 60%, 40%));
|
|
343
|
+
text-decoration: none;
|
|
310
344
|
}
|
|
311
345
|
|
|
312
346
|
.list {
|
|
@@ -321,12 +355,16 @@ input::-moz-placeholder {
|
|
|
321
355
|
margin-top: 0.5em;
|
|
322
356
|
}
|
|
323
357
|
|
|
358
|
+
.list-style-none {
|
|
359
|
+
list-style: none !important;
|
|
360
|
+
}
|
|
361
|
+
|
|
324
362
|
.pre {
|
|
325
363
|
padding: 1em;
|
|
326
364
|
overflow: auto;
|
|
327
365
|
border-radius: 0.25rem;
|
|
328
|
-
background:
|
|
329
|
-
color:
|
|
366
|
+
background: var(--vb-background-dark, var(--vb-neutral-98, hsl(214, 20%, 98%)));
|
|
367
|
+
color: var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%)));
|
|
330
368
|
font-family: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
|
|
331
369
|
}
|
|
332
370
|
.pre code {
|
|
@@ -348,14 +386,7 @@ input::-moz-placeholder {
|
|
|
348
386
|
display: block;
|
|
349
387
|
height: 0;
|
|
350
388
|
border: none;
|
|
351
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
352
|
-
}
|
|
353
|
-
|
|
354
|
-
.sep-invert {
|
|
355
|
-
display: block;
|
|
356
|
-
height: 0;
|
|
357
|
-
border: none;
|
|
358
|
-
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
389
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
359
390
|
}
|
|
360
391
|
|
|
361
392
|
.type h1,
|
|
@@ -391,25 +422,24 @@ input::-moz-placeholder {
|
|
|
391
422
|
}
|
|
392
423
|
.type > a,
|
|
393
424
|
.type > :not(div) a {
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
text-decoration: none;
|
|
425
|
+
color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
426
|
+
text-decoration: underline;
|
|
397
427
|
}
|
|
398
428
|
.type > a:hover,
|
|
399
429
|
.type > :not(div) a:hover {
|
|
400
|
-
|
|
401
|
-
|
|
430
|
+
color: var(--vb-primary-40, hsl(152, 60%, 40%));
|
|
431
|
+
text-decoration: none;
|
|
402
432
|
}
|
|
403
433
|
.type > a:focus,
|
|
404
434
|
.type > :not(div) a:focus {
|
|
405
435
|
outline: currentcolor dotted 1px;
|
|
406
436
|
outline-offset: 0.125rem;
|
|
407
|
-
|
|
408
|
-
|
|
437
|
+
color: var(--vb-primary-40, hsl(152, 60%, 40%));
|
|
438
|
+
text-decoration: none;
|
|
409
439
|
}
|
|
410
440
|
.type > code,
|
|
411
441
|
.type > :not(div) code {
|
|
412
|
-
color:
|
|
442
|
+
color: var(--vb-secondary-50, hsl(214, 50%, 50%));
|
|
413
443
|
font-family: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
|
|
414
444
|
font-size: 0.9em;
|
|
415
445
|
word-break: break-word;
|
|
@@ -418,7 +448,7 @@ input::-moz-placeholder {
|
|
|
418
448
|
display: block;
|
|
419
449
|
height: 0;
|
|
420
450
|
border: none;
|
|
421
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
451
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
422
452
|
}
|
|
423
453
|
.type > ul,
|
|
424
454
|
.type > ol {
|
|
@@ -439,7 +469,7 @@ input::-moz-placeholder {
|
|
|
439
469
|
.type > blockquote {
|
|
440
470
|
position: relative;
|
|
441
471
|
padding: 1.5em;
|
|
442
|
-
border: 1px solid rgba(0, 0, 0, 0.
|
|
472
|
+
border: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
443
473
|
color: inherit;
|
|
444
474
|
}
|
|
445
475
|
.type > blockquote > * + * {
|
|
@@ -452,14 +482,14 @@ input::-moz-placeholder {
|
|
|
452
482
|
bottom: -1px;
|
|
453
483
|
left: -1px;
|
|
454
484
|
width: 4px;
|
|
455
|
-
background-color:
|
|
485
|
+
background-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
456
486
|
}
|
|
457
487
|
.type > pre {
|
|
458
488
|
padding: 1em;
|
|
459
489
|
overflow: auto;
|
|
460
490
|
border-radius: 0.25rem;
|
|
461
|
-
background:
|
|
462
|
-
color:
|
|
491
|
+
background: var(--vb-background-dark, var(--vb-neutral-98, hsl(214, 20%, 98%)));
|
|
492
|
+
color: var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%)));
|
|
463
493
|
font-family: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
|
|
464
494
|
}
|
|
465
495
|
.type > pre code {
|
|
@@ -470,89 +500,6 @@ input::-moz-placeholder {
|
|
|
470
500
|
font-size: 1em;
|
|
471
501
|
}
|
|
472
502
|
|
|
473
|
-
.type_invert {
|
|
474
|
-
color: #fff;
|
|
475
|
-
}
|
|
476
|
-
.type_invert > hr {
|
|
477
|
-
display: block;
|
|
478
|
-
height: 0;
|
|
479
|
-
border: none;
|
|
480
|
-
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
481
|
-
}
|
|
482
|
-
.type_invert > blockquote {
|
|
483
|
-
border-color: rgba(255, 255, 255, 0.1);
|
|
484
|
-
}
|
|
485
|
-
.type_invert > a,
|
|
486
|
-
.type_invert > :not(div) a {
|
|
487
|
-
border-color: rgba(255, 255, 255, 0.5);
|
|
488
|
-
color: #fff;
|
|
489
|
-
}
|
|
490
|
-
.type_invert > a:hover, .type_invert > a:focus,
|
|
491
|
-
.type_invert > :not(div) a:hover,
|
|
492
|
-
.type_invert > :not(div) a:focus {
|
|
493
|
-
border-color: currentcolor;
|
|
494
|
-
color: #fff;
|
|
495
|
-
}
|
|
496
|
-
.type_invert > code,
|
|
497
|
-
.type_invert > :not(div) code {
|
|
498
|
-
color: #f06292;
|
|
499
|
-
}
|
|
500
|
-
.type_invert > pre {
|
|
501
|
-
color: #212121;
|
|
502
|
-
}
|
|
503
|
-
.type_invert > pre code {
|
|
504
|
-
color: inherit;
|
|
505
|
-
}
|
|
506
|
-
|
|
507
|
-
.breadcrumb {
|
|
508
|
-
display: inline-flex;
|
|
509
|
-
flex-wrap: wrap;
|
|
510
|
-
align-items: center;
|
|
511
|
-
color: #9e9e9e;
|
|
512
|
-
list-style: none;
|
|
513
|
-
}
|
|
514
|
-
|
|
515
|
-
.breadcrumb__item {
|
|
516
|
-
display: flex;
|
|
517
|
-
align-items: center;
|
|
518
|
-
margin: 0;
|
|
519
|
-
}
|
|
520
|
-
.breadcrumb__item > * + * {
|
|
521
|
-
margin-left: 0.5em;
|
|
522
|
-
}
|
|
523
|
-
.breadcrumb__item::after {
|
|
524
|
-
content: "/";
|
|
525
|
-
padding: 0 0.5em;
|
|
526
|
-
color: rgba(0, 0, 0, 0.2);
|
|
527
|
-
}
|
|
528
|
-
.breadcrumb__item:last-child::after {
|
|
529
|
-
content: none;
|
|
530
|
-
}
|
|
531
|
-
|
|
532
|
-
.breadcrumb__link {
|
|
533
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
534
|
-
color: #00bcd4;
|
|
535
|
-
}
|
|
536
|
-
.breadcrumb__link:focus, .breadcrumb__link:hover {
|
|
537
|
-
border-bottom: 1px solid #0097a7;
|
|
538
|
-
color: #0097a7;
|
|
539
|
-
}
|
|
540
|
-
|
|
541
|
-
.breadcrumb_invert {
|
|
542
|
-
color: rgba(255, 255, 255, 0.6);
|
|
543
|
-
}
|
|
544
|
-
.breadcrumb_invert .breadcrumb__item::after {
|
|
545
|
-
color: rgba(255, 255, 255, 0.2);
|
|
546
|
-
}
|
|
547
|
-
.breadcrumb_invert .breadcrumb__link {
|
|
548
|
-
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
549
|
-
color: #fff;
|
|
550
|
-
}
|
|
551
|
-
.breadcrumb_invert .breadcrumb__link:focus, .breadcrumb_invert .breadcrumb__link:hover {
|
|
552
|
-
border-bottom: 1px solid #fff;
|
|
553
|
-
color: #fff;
|
|
554
|
-
}
|
|
555
|
-
|
|
556
503
|
.button {
|
|
557
504
|
position: relative;
|
|
558
505
|
display: inline-flex;
|
|
@@ -565,12 +512,12 @@ input::-moz-placeholder {
|
|
|
565
512
|
transition-duration: 0.15s;
|
|
566
513
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
567
514
|
outline: none;
|
|
568
|
-
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
515
|
+
border: 1px solid var(--vb-border-color-dark, rgba(0, 0, 0, 0.2));
|
|
569
516
|
border-radius: 0.25rem;
|
|
570
517
|
background: transparent;
|
|
571
518
|
background-clip: border-box;
|
|
572
519
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
|
573
|
-
color:
|
|
520
|
+
color: var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%)));
|
|
574
521
|
font-family: inherit;
|
|
575
522
|
font-size: 1em;
|
|
576
523
|
font-weight: inherit;
|
|
@@ -587,11 +534,11 @@ input::-moz-placeholder {
|
|
|
587
534
|
pointer-events: none;
|
|
588
535
|
}
|
|
589
536
|
.button:hover {
|
|
590
|
-
border-color: rgba(0, 0, 0, 0.
|
|
537
|
+
border-color: var(--vb-border-color-darker, rgba(0, 0, 0, 0.3));
|
|
591
538
|
background-color: transparent;
|
|
592
539
|
}
|
|
593
540
|
.button:focus {
|
|
594
|
-
border-color: rgba(0, 0, 0, 0.
|
|
541
|
+
border-color: var(--vb-border-color-darker, rgba(0, 0, 0, 0.3));
|
|
595
542
|
background-color: transparent;
|
|
596
543
|
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.15);
|
|
597
544
|
}
|
|
@@ -612,7 +559,7 @@ input::-moz-placeholder {
|
|
|
612
559
|
animation: spin 0.6s infinite linear;
|
|
613
560
|
border: 2px solid;
|
|
614
561
|
border-radius: 9999px;
|
|
615
|
-
border-color:
|
|
562
|
+
border-color: var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%))) var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%))) transparent transparent;
|
|
616
563
|
}
|
|
617
564
|
|
|
618
565
|
@keyframes spin {
|
|
@@ -685,503 +632,122 @@ input::-moz-placeholder {
|
|
|
685
632
|
}
|
|
686
633
|
.button_color_primary {
|
|
687
634
|
border-color: transparent;
|
|
688
|
-
background-color:
|
|
689
|
-
box-shadow: 0 0 0 0 rgba(
|
|
690
|
-
color:
|
|
635
|
+
background-color: hsl(152, 60%, 50%);
|
|
636
|
+
box-shadow: 0 0 0 0 rgba(51, 204, 133, 0);
|
|
637
|
+
color: white;
|
|
691
638
|
}
|
|
692
639
|
.button_color_primary:hover {
|
|
693
640
|
border-color: transparent;
|
|
694
|
-
background-color: #
|
|
641
|
+
background-color: #2eb877;
|
|
695
642
|
}
|
|
696
643
|
.button_color_primary:focus {
|
|
697
644
|
border-color: transparent;
|
|
698
|
-
background-color: #
|
|
699
|
-
box-shadow: 0 0 0 0.2rem rgba(
|
|
645
|
+
background-color: #2eb877;
|
|
646
|
+
box-shadow: 0 0 0 0.2rem rgba(51, 204, 133, 0.5);
|
|
700
647
|
}
|
|
701
648
|
.button_color_primary:active {
|
|
702
649
|
border-color: transparent;
|
|
703
|
-
background-color: #
|
|
650
|
+
background-color: #29a36a;
|
|
704
651
|
}
|
|
705
652
|
.button_color_primary.is-loading::after {
|
|
706
|
-
border-color:
|
|
653
|
+
border-color: white white transparent transparent;
|
|
707
654
|
}
|
|
708
655
|
|
|
709
656
|
.button_color_secondary {
|
|
710
657
|
border-color: transparent;
|
|
711
|
-
background-color:
|
|
712
|
-
box-shadow: 0 0 0 0 rgba(
|
|
713
|
-
color:
|
|
658
|
+
background-color: hsl(214, 50%, 50%);
|
|
659
|
+
box-shadow: 0 0 0 0 rgba(64, 119, 191, 0);
|
|
660
|
+
color: white;
|
|
714
661
|
}
|
|
715
662
|
.button_color_secondary:hover {
|
|
716
663
|
border-color: transparent;
|
|
717
|
-
background-color: #
|
|
664
|
+
background-color: #396bac;
|
|
718
665
|
}
|
|
719
666
|
.button_color_secondary:focus {
|
|
720
667
|
border-color: transparent;
|
|
721
|
-
background-color: #
|
|
722
|
-
box-shadow: 0 0 0 0.2rem rgba(
|
|
668
|
+
background-color: #396bac;
|
|
669
|
+
box-shadow: 0 0 0 0.2rem rgba(64, 119, 191, 0.5);
|
|
723
670
|
}
|
|
724
671
|
.button_color_secondary:active {
|
|
725
672
|
border-color: transparent;
|
|
726
|
-
background-color: #
|
|
673
|
+
background-color: #335f99;
|
|
727
674
|
}
|
|
728
675
|
.button_color_secondary.is-loading::after {
|
|
729
|
-
border-color:
|
|
730
|
-
}
|
|
731
|
-
|
|
732
|
-
.button_icon {
|
|
733
|
-
padding: calc(0.5em - 1px);
|
|
734
|
-
}
|
|
735
|
-
.button_icon.button_size_sm {
|
|
736
|
-
padding: calc(0.25rem - 1px);
|
|
737
|
-
}
|
|
738
|
-
.button_icon.button_size_lg {
|
|
739
|
-
padding: calc(0.648rem - 1px);
|
|
740
|
-
}
|
|
741
|
-
|
|
742
|
-
.button_invert {
|
|
743
|
-
border-color: rgba(255, 255, 255, 0.2);
|
|
744
|
-
background-color: transparent;
|
|
745
|
-
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
|
|
746
|
-
color: #fff;
|
|
747
|
-
}
|
|
748
|
-
.button_invert:hover {
|
|
749
|
-
border-color: rgba(255, 255, 255, 0.5);
|
|
750
|
-
background-color: transparent;
|
|
751
|
-
}
|
|
752
|
-
.button_invert:focus {
|
|
753
|
-
border-color: rgba(255, 255, 255, 0.5);
|
|
754
|
-
background-color: transparent;
|
|
755
|
-
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.15);
|
|
756
|
-
}
|
|
757
|
-
.button_invert:active {
|
|
758
|
-
border-color: rgba(255, 255, 255, 0.5);
|
|
759
|
-
background-color: rgba(255, 255, 255, 0.05);
|
|
760
|
-
}
|
|
761
|
-
.button_invert.is-loading::after {
|
|
762
|
-
border-color: #fff #fff transparent transparent;
|
|
763
|
-
}
|
|
764
|
-
|
|
765
|
-
.button_size_sm {
|
|
766
|
-
min-width: 1.875rem;
|
|
767
|
-
height: 1.875rem;
|
|
768
|
-
padding: calc(0.25rem - 1px) 0.5rem;
|
|
769
|
-
font-size: 0.875rem;
|
|
770
|
-
line-height: 1.375;
|
|
771
|
-
}
|
|
772
|
-
|
|
773
|
-
.button_size_lg {
|
|
774
|
-
min-width: 3.125rem;
|
|
775
|
-
height: 3.125rem;
|
|
776
|
-
padding: calc(0.648rem - 1px) 1.5rem;
|
|
777
|
-
font-size: 1.125rem;
|
|
778
|
-
line-height: 1.625;
|
|
676
|
+
border-color: white white transparent transparent;
|
|
779
677
|
}
|
|
780
678
|
|
|
781
|
-
.
|
|
679
|
+
.button_color_neutral {
|
|
782
680
|
border-color: transparent;
|
|
783
|
-
background-color:
|
|
784
|
-
box-shadow: 0 0 0 0 rgba(
|
|
785
|
-
color:
|
|
681
|
+
background-color: hsl(214, 20%, 50%);
|
|
682
|
+
box-shadow: 0 0 0 0 rgba(102, 124, 153, 0);
|
|
683
|
+
color: white;
|
|
786
684
|
}
|
|
787
|
-
.
|
|
685
|
+
.button_color_neutral:hover {
|
|
788
686
|
border-color: transparent;
|
|
789
|
-
background-color: #
|
|
687
|
+
background-color: #5c708a;
|
|
790
688
|
}
|
|
791
|
-
.
|
|
689
|
+
.button_color_neutral:focus {
|
|
792
690
|
border-color: transparent;
|
|
793
|
-
background-color: #
|
|
794
|
-
box-shadow: 0 0 0 0.2rem rgba(
|
|
691
|
+
background-color: #5c708a;
|
|
692
|
+
box-shadow: 0 0 0 0.2rem rgba(102, 124, 153, 0.5);
|
|
795
693
|
}
|
|
796
|
-
.
|
|
694
|
+
.button_color_neutral:active {
|
|
797
695
|
border-color: transparent;
|
|
798
|
-
background-color: #
|
|
696
|
+
background-color: #52637a;
|
|
799
697
|
}
|
|
800
|
-
.
|
|
801
|
-
border-color:
|
|
698
|
+
.button_color_neutral.is-loading::after {
|
|
699
|
+
border-color: white white transparent transparent;
|
|
802
700
|
}
|
|
803
701
|
|
|
804
|
-
.
|
|
702
|
+
.button_color_important {
|
|
805
703
|
border-color: transparent;
|
|
806
|
-
background-color:
|
|
807
|
-
box-shadow: 0 0 0 0 rgba(
|
|
808
|
-
color:
|
|
704
|
+
background-color: hsl(0, 80%, 50%);
|
|
705
|
+
box-shadow: 0 0 0 0 rgba(230, 26, 26, 0);
|
|
706
|
+
color: white;
|
|
809
707
|
}
|
|
810
|
-
.
|
|
708
|
+
.button_color_important:hover {
|
|
811
709
|
border-color: transparent;
|
|
812
|
-
background-color: #
|
|
710
|
+
background-color: #cf1717;
|
|
813
711
|
}
|
|
814
|
-
.
|
|
712
|
+
.button_color_important:focus {
|
|
815
713
|
border-color: transparent;
|
|
816
|
-
background-color: #
|
|
817
|
-
box-shadow: 0 0 0 0.2rem rgba(
|
|
714
|
+
background-color: #cf1717;
|
|
715
|
+
box-shadow: 0 0 0 0.2rem rgba(230, 26, 26, 0.5);
|
|
818
716
|
}
|
|
819
|
-
.
|
|
717
|
+
.button_color_important:active {
|
|
820
718
|
border-color: transparent;
|
|
821
|
-
background-color: #
|
|
822
|
-
}
|
|
823
|
-
.button_state_success.is-loading::after {
|
|
824
|
-
border-color: #fff #fff transparent transparent;
|
|
825
|
-
}
|
|
826
|
-
|
|
827
|
-
.button_state_caution {
|
|
828
|
-
border-color: transparent;
|
|
829
|
-
background-color: #ff9800;
|
|
830
|
-
box-shadow: 0 0 0 0 rgba(255, 152, 0, 0);
|
|
831
|
-
color: #fff;
|
|
832
|
-
}
|
|
833
|
-
.button_state_caution:hover {
|
|
834
|
-
border-color: transparent;
|
|
835
|
-
background-color: #e68900;
|
|
836
|
-
}
|
|
837
|
-
.button_state_caution:focus {
|
|
838
|
-
border-color: transparent;
|
|
839
|
-
background-color: #e68900;
|
|
840
|
-
box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5);
|
|
841
|
-
}
|
|
842
|
-
.button_state_caution:active {
|
|
843
|
-
border-color: transparent;
|
|
844
|
-
background-color: #cc7a00;
|
|
845
|
-
}
|
|
846
|
-
.button_state_caution.is-loading::after {
|
|
847
|
-
border-color: #fff #fff transparent transparent;
|
|
848
|
-
}
|
|
849
|
-
|
|
850
|
-
.button_state_danger {
|
|
851
|
-
border-color: transparent;
|
|
852
|
-
background-color: #f44336;
|
|
853
|
-
box-shadow: 0 0 0 0 rgba(244, 67, 54, 0);
|
|
854
|
-
color: #fff;
|
|
855
|
-
}
|
|
856
|
-
.button_state_danger:hover {
|
|
857
|
-
border-color: transparent;
|
|
858
|
-
background-color: #f2291a;
|
|
859
|
-
}
|
|
860
|
-
.button_state_danger:focus {
|
|
861
|
-
border-color: transparent;
|
|
862
|
-
background-color: #f2291a;
|
|
863
|
-
box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5);
|
|
864
|
-
}
|
|
865
|
-
.button_state_danger:active {
|
|
866
|
-
border-color: transparent;
|
|
867
|
-
background-color: #e21b0c;
|
|
868
|
-
}
|
|
869
|
-
.button_state_danger.is-loading::after {
|
|
870
|
-
border-color: #fff #fff transparent transparent;
|
|
871
|
-
}
|
|
872
|
-
|
|
873
|
-
.button_subtle {
|
|
874
|
-
border-color: transparent;
|
|
875
|
-
background-color: transparent;
|
|
876
|
-
box-shadow: 0 0 0 0 rgba(33, 33, 33, 0);
|
|
877
|
-
color: #9e9e9e;
|
|
878
|
-
}
|
|
879
|
-
.button_subtle:hover {
|
|
880
|
-
border-color: transparent;
|
|
881
|
-
background-color: transparent;
|
|
882
|
-
color: #212121;
|
|
883
|
-
}
|
|
884
|
-
.button_subtle:focus {
|
|
885
|
-
border-color: rgba(0, 0, 0, 0.2);
|
|
886
|
-
background-color: transparent;
|
|
887
|
-
box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.05);
|
|
888
|
-
color: #212121;
|
|
889
|
-
}
|
|
890
|
-
.button_subtle:active {
|
|
891
|
-
border-color: rgba(0, 0, 0, 0.5);
|
|
892
|
-
background-color: transparent;
|
|
893
|
-
}
|
|
894
|
-
.button_subtle.is-loading::after {
|
|
895
|
-
border-color: #9e9e9e #9e9e9e transparent transparent;
|
|
896
|
-
}
|
|
897
|
-
.button_subtle.button_invert {
|
|
898
|
-
border-color: transparent;
|
|
899
|
-
background-color: transparent;
|
|
900
|
-
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
|
|
901
|
-
color: rgba(255, 255, 255, 0.6);
|
|
902
|
-
}
|
|
903
|
-
.button_subtle.button_invert:hover {
|
|
904
|
-
border-color: transparent;
|
|
905
|
-
background-color: transparent;
|
|
906
|
-
color: #fff;
|
|
907
|
-
}
|
|
908
|
-
.button_subtle.button_invert:focus {
|
|
909
|
-
border-color: rgba(255, 255, 255, 0.2);
|
|
910
|
-
background-color: transparent;
|
|
911
|
-
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.05);
|
|
912
|
-
color: #fff;
|
|
913
|
-
}
|
|
914
|
-
.button_subtle.button_invert:active {
|
|
915
|
-
border-color: rgba(255, 255, 255, 0.5);
|
|
916
|
-
background-color: transparent;
|
|
917
|
-
}
|
|
918
|
-
.button_subtle.button_invert.is-loading::after {
|
|
919
|
-
border-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.6) transparent transparent;
|
|
920
|
-
}
|
|
921
|
-
|
|
922
|
-
.button-group {
|
|
923
|
-
margin-top: -0.5em;
|
|
924
|
-
margin-left: -0.5em;
|
|
925
|
-
display: inline-flex;
|
|
926
|
-
flex-wrap: wrap;
|
|
927
|
-
align-items: center;
|
|
719
|
+
background-color: #b81414;
|
|
928
720
|
}
|
|
929
|
-
.
|
|
930
|
-
|
|
931
|
-
margin-left: 0.5em;
|
|
932
|
-
}
|
|
933
|
-
.button-group + .button-group {
|
|
934
|
-
margin-top: 0;
|
|
935
|
-
}
|
|
936
|
-
.button-group > * {
|
|
937
|
-
z-index: 1;
|
|
938
|
-
flex: 0 0 auto;
|
|
939
|
-
border-radius: 0.25rem;
|
|
940
|
-
}
|
|
941
|
-
.button-group > *:hover {
|
|
942
|
-
z-index: 2;
|
|
943
|
-
}
|
|
944
|
-
.button-group > *:focus {
|
|
945
|
-
z-index: 3;
|
|
946
|
-
}
|
|
947
|
-
.button-group > *:active {
|
|
948
|
-
z-index: 4;
|
|
949
|
-
}
|
|
950
|
-
.button-group > *.is-active {
|
|
951
|
-
z-index: 5;
|
|
721
|
+
.button_color_important.is-loading::after {
|
|
722
|
+
border-color: white white transparent transparent;
|
|
952
723
|
}
|
|
953
724
|
|
|
954
|
-
.
|
|
955
|
-
|
|
956
|
-
align-items: stretch;
|
|
957
|
-
}
|
|
958
|
-
.button-group_full > * {
|
|
959
|
-
flex: 1 1 auto;
|
|
960
|
-
}
|
|
961
|
-
|
|
962
|
-
@media (max-width: 479px) {
|
|
963
|
-
.button-group_full_xs {
|
|
964
|
-
display: flex;
|
|
965
|
-
align-items: stretch;
|
|
966
|
-
}
|
|
967
|
-
.button-group_full_xs > * {
|
|
968
|
-
flex: 1 1 auto;
|
|
969
|
-
}
|
|
970
|
-
}
|
|
971
|
-
@media (max-width: 619px) {
|
|
972
|
-
.button-group_full_sm {
|
|
973
|
-
display: flex;
|
|
974
|
-
align-items: stretch;
|
|
975
|
-
}
|
|
976
|
-
.button-group_full_sm > * {
|
|
977
|
-
flex: 1 1 auto;
|
|
978
|
-
}
|
|
979
|
-
}
|
|
980
|
-
@media (max-width: 759px) {
|
|
981
|
-
.button-group_full_md {
|
|
982
|
-
display: flex;
|
|
983
|
-
align-items: stretch;
|
|
984
|
-
}
|
|
985
|
-
.button-group_full_md > * {
|
|
986
|
-
flex: 1 1 auto;
|
|
987
|
-
}
|
|
988
|
-
}
|
|
989
|
-
@media (max-width: 989px) {
|
|
990
|
-
.button-group_full_lg {
|
|
991
|
-
display: flex;
|
|
992
|
-
align-items: stretch;
|
|
993
|
-
}
|
|
994
|
-
.button-group_full_lg > * {
|
|
995
|
-
flex: 1 1 auto;
|
|
996
|
-
}
|
|
997
|
-
}
|
|
998
|
-
@media (max-width: 1379px) {
|
|
999
|
-
.button-group_full_xl {
|
|
1000
|
-
display: flex;
|
|
1001
|
-
align-items: stretch;
|
|
1002
|
-
}
|
|
1003
|
-
.button-group_full_xl > * {
|
|
1004
|
-
flex: 1 1 auto;
|
|
1005
|
-
}
|
|
1006
|
-
}
|
|
1007
|
-
.button-group_gap_none {
|
|
1008
|
-
margin-top: 0;
|
|
1009
|
-
margin-left: 0;
|
|
1010
|
-
}
|
|
1011
|
-
.button-group_gap_none > * {
|
|
1012
|
-
margin-top: 0;
|
|
1013
|
-
margin-left: 0;
|
|
1014
|
-
}
|
|
1015
|
-
|
|
1016
|
-
.button-group_gap_xs {
|
|
1017
|
-
margin-top: -1px;
|
|
1018
|
-
margin-left: -1px;
|
|
1019
|
-
}
|
|
1020
|
-
.button-group_gap_xs > * {
|
|
1021
|
-
margin-top: 1px;
|
|
1022
|
-
margin-left: 1px;
|
|
1023
|
-
}
|
|
1024
|
-
|
|
1025
|
-
.button-group_gap_sm {
|
|
1026
|
-
margin-top: -0.25em;
|
|
1027
|
-
margin-left: -0.25em;
|
|
1028
|
-
}
|
|
1029
|
-
.button-group_gap_sm > * {
|
|
1030
|
-
margin-top: 0.25em;
|
|
1031
|
-
margin-left: 0.25em;
|
|
1032
|
-
}
|
|
1033
|
-
|
|
1034
|
-
.button-group_gap_md {
|
|
1035
|
-
margin-top: -0.5em;
|
|
1036
|
-
margin-left: -0.5em;
|
|
1037
|
-
}
|
|
1038
|
-
.button-group_gap_md > * {
|
|
1039
|
-
margin-top: 0.5em;
|
|
1040
|
-
margin-left: 0.5em;
|
|
1041
|
-
}
|
|
1042
|
-
|
|
1043
|
-
.button-group_gap_lg {
|
|
1044
|
-
margin-top: -1em;
|
|
1045
|
-
margin-left: -1em;
|
|
1046
|
-
}
|
|
1047
|
-
.button-group_gap_lg > * {
|
|
1048
|
-
margin-top: 1em;
|
|
1049
|
-
margin-left: 1em;
|
|
1050
|
-
}
|
|
1051
|
-
|
|
1052
|
-
.button-group_gap_xl {
|
|
1053
|
-
margin-top: -1.5em;
|
|
1054
|
-
margin-left: -1.5em;
|
|
1055
|
-
}
|
|
1056
|
-
.button-group_gap_xl > * {
|
|
1057
|
-
margin-top: 1.5em;
|
|
1058
|
-
margin-left: 1.5em;
|
|
1059
|
-
}
|
|
1060
|
-
|
|
1061
|
-
.button-group_join {
|
|
1062
|
-
margin-top: 1px;
|
|
1063
|
-
margin-left: 1px;
|
|
1064
|
-
}
|
|
1065
|
-
.button-group_join > * {
|
|
1066
|
-
margin-top: -1px;
|
|
1067
|
-
margin-left: -1px;
|
|
1068
|
-
border-radius: 0;
|
|
725
|
+
.button_icon {
|
|
726
|
+
padding: calc(0.5em - 1px);
|
|
1069
727
|
}
|
|
1070
|
-
.
|
|
1071
|
-
|
|
1072
|
-
border-bottom-left-radius: 0.25rem;
|
|
728
|
+
.button_icon.button_size_sm {
|
|
729
|
+
padding: calc(0.25rem - 1px);
|
|
1073
730
|
}
|
|
1074
|
-
.
|
|
1075
|
-
|
|
1076
|
-
border-bottom-right-radius: 0.25rem;
|
|
731
|
+
.button_icon.button_size_lg {
|
|
732
|
+
padding: calc(0.648rem - 1px);
|
|
1077
733
|
}
|
|
1078
734
|
|
|
1079
|
-
.
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
.
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
}
|
|
1086
|
-
.button-group_join.button-group_stack > *:last-child {
|
|
1087
|
-
border-bottom-left-radius: 0.25rem;
|
|
1088
|
-
border-bottom-right-radius: 0.25rem;
|
|
735
|
+
.button_size_sm {
|
|
736
|
+
min-width: 1.875rem;
|
|
737
|
+
height: 1.875rem;
|
|
738
|
+
padding: calc(0.25rem - 1px) 0.5rem;
|
|
739
|
+
font-size: 0.875rem;
|
|
740
|
+
line-height: 1.375;
|
|
1089
741
|
}
|
|
1090
742
|
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
border-top-right-radius: 0.25rem;
|
|
1098
|
-
}
|
|
1099
|
-
.button-group_join.button-group_stack_xs > *:last-child {
|
|
1100
|
-
border-bottom-left-radius: 0.25rem;
|
|
1101
|
-
border-bottom-right-radius: 0.25rem;
|
|
1102
|
-
}
|
|
1103
|
-
}
|
|
1104
|
-
@media (max-width: 619px) {
|
|
1105
|
-
.button-group_join.button-group_stack_sm > * {
|
|
1106
|
-
border-radius: 0;
|
|
1107
|
-
}
|
|
1108
|
-
.button-group_join.button-group_stack_sm > *:first-child {
|
|
1109
|
-
border-top-left-radius: 0.25rem;
|
|
1110
|
-
border-top-right-radius: 0.25rem;
|
|
1111
|
-
}
|
|
1112
|
-
.button-group_join.button-group_stack_sm > *:last-child {
|
|
1113
|
-
border-bottom-left-radius: 0.25rem;
|
|
1114
|
-
border-bottom-right-radius: 0.25rem;
|
|
1115
|
-
}
|
|
1116
|
-
}
|
|
1117
|
-
@media (max-width: 759px) {
|
|
1118
|
-
.button-group_join.button-group_stack_md > * {
|
|
1119
|
-
border-radius: 0;
|
|
1120
|
-
}
|
|
1121
|
-
.button-group_join.button-group_stack_md > *:first-child {
|
|
1122
|
-
border-top-left-radius: 0.25rem;
|
|
1123
|
-
border-top-right-radius: 0.25rem;
|
|
1124
|
-
}
|
|
1125
|
-
.button-group_join.button-group_stack_md > *:last-child {
|
|
1126
|
-
border-bottom-left-radius: 0.25rem;
|
|
1127
|
-
border-bottom-right-radius: 0.25rem;
|
|
1128
|
-
}
|
|
1129
|
-
}
|
|
1130
|
-
@media (max-width: 989px) {
|
|
1131
|
-
.button-group_join.button-group_stack_lg > * {
|
|
1132
|
-
border-radius: 0;
|
|
1133
|
-
}
|
|
1134
|
-
.button-group_join.button-group_stack_lg > *:first-child {
|
|
1135
|
-
border-top-left-radius: 0.25rem;
|
|
1136
|
-
border-top-right-radius: 0.25rem;
|
|
1137
|
-
}
|
|
1138
|
-
.button-group_join.button-group_stack_lg > *:last-child {
|
|
1139
|
-
border-bottom-left-radius: 0.25rem;
|
|
1140
|
-
border-bottom-right-radius: 0.25rem;
|
|
1141
|
-
}
|
|
1142
|
-
}
|
|
1143
|
-
@media (max-width: 1379px) {
|
|
1144
|
-
.button-group_join.button-group_stack_xl > * {
|
|
1145
|
-
border-radius: 0;
|
|
1146
|
-
}
|
|
1147
|
-
.button-group_join.button-group_stack_xl > *:first-child {
|
|
1148
|
-
border-top-left-radius: 0.25rem;
|
|
1149
|
-
border-top-right-radius: 0.25rem;
|
|
1150
|
-
}
|
|
1151
|
-
.button-group_join.button-group_stack_xl > *:last-child {
|
|
1152
|
-
border-bottom-left-radius: 0.25rem;
|
|
1153
|
-
border-bottom-right-radius: 0.25rem;
|
|
1154
|
-
}
|
|
1155
|
-
}
|
|
1156
|
-
.button-group_stack {
|
|
1157
|
-
flex-direction: column;
|
|
743
|
+
.button_size_lg {
|
|
744
|
+
min-width: 3.125rem;
|
|
745
|
+
height: 3.125rem;
|
|
746
|
+
padding: calc(0.648rem - 1px) 1.5rem;
|
|
747
|
+
font-size: 1.125rem;
|
|
748
|
+
line-height: 1.625;
|
|
1158
749
|
}
|
|
1159
750
|
|
|
1160
|
-
@media (max-width: 479px) {
|
|
1161
|
-
.button-group_stack_xs {
|
|
1162
|
-
flex-direction: column;
|
|
1163
|
-
}
|
|
1164
|
-
}
|
|
1165
|
-
@media (max-width: 619px) {
|
|
1166
|
-
.button-group_stack_sm {
|
|
1167
|
-
flex-direction: column;
|
|
1168
|
-
}
|
|
1169
|
-
}
|
|
1170
|
-
@media (max-width: 759px) {
|
|
1171
|
-
.button-group_stack_md {
|
|
1172
|
-
flex-direction: column;
|
|
1173
|
-
}
|
|
1174
|
-
}
|
|
1175
|
-
@media (max-width: 989px) {
|
|
1176
|
-
.button-group_stack_lg {
|
|
1177
|
-
flex-direction: column;
|
|
1178
|
-
}
|
|
1179
|
-
}
|
|
1180
|
-
@media (max-width: 1379px) {
|
|
1181
|
-
.button-group_stack_xl {
|
|
1182
|
-
flex-direction: column;
|
|
1183
|
-
}
|
|
1184
|
-
}
|
|
1185
751
|
.card {
|
|
1186
752
|
position: relative;
|
|
1187
753
|
display: flex;
|
|
@@ -1191,8 +757,8 @@ input::-moz-placeholder {
|
|
|
1191
757
|
transition-duration: 0.3s;
|
|
1192
758
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1193
759
|
border-radius: 0.25rem;
|
|
1194
|
-
background:
|
|
1195
|
-
box-shadow: 0
|
|
760
|
+
background: white;
|
|
761
|
+
box-shadow: 0 1px 3px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%));
|
|
1196
762
|
}
|
|
1197
763
|
|
|
1198
764
|
.card__header,
|
|
@@ -1213,7 +779,7 @@ input::-moz-placeholder {
|
|
|
1213
779
|
flex: 1 1 auto;
|
|
1214
780
|
}
|
|
1215
781
|
.card__body + .card__body {
|
|
1216
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
782
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
1217
783
|
}
|
|
1218
784
|
|
|
1219
785
|
.card__image {
|
|
@@ -1231,7 +797,7 @@ input::-moz-placeholder {
|
|
|
1231
797
|
}
|
|
1232
798
|
|
|
1233
799
|
.card__header {
|
|
1234
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
800
|
+
border-bottom: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
1235
801
|
}
|
|
1236
802
|
.card__header:first-child {
|
|
1237
803
|
border-top-left-radius: 0.25rem;
|
|
@@ -1239,7 +805,7 @@ input::-moz-placeholder {
|
|
|
1239
805
|
}
|
|
1240
806
|
|
|
1241
807
|
.card__footer {
|
|
1242
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
808
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
1243
809
|
}
|
|
1244
810
|
.card__footer:last-child {
|
|
1245
811
|
border-bottom-left-radius: 0.25rem;
|
|
@@ -1258,10 +824,7 @@ input::-moz-placeholder {
|
|
|
1258
824
|
width: 100%;
|
|
1259
825
|
height: 100%;
|
|
1260
826
|
position: absolute;
|
|
1261
|
-
|
|
1262
|
-
right: 0;
|
|
1263
|
-
bottom: 0;
|
|
1264
|
-
left: 0;
|
|
827
|
+
inset: 0;
|
|
1265
828
|
transition-property: background-color, border-color, box-shadow, transform;
|
|
1266
829
|
transition-duration: 0.3s;
|
|
1267
830
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -1275,7 +838,7 @@ input::-moz-placeholder {
|
|
|
1275
838
|
|
|
1276
839
|
.card__screen {
|
|
1277
840
|
z-index: 2;
|
|
1278
|
-
background:
|
|
841
|
+
background: var(--vb-neutral-10, hsl(214, 20%, 10%));
|
|
1279
842
|
opacity: 0.7;
|
|
1280
843
|
}
|
|
1281
844
|
|
|
@@ -1300,26 +863,13 @@ input::-moz-placeholder {
|
|
|
1300
863
|
opacity: 0.7;
|
|
1301
864
|
}
|
|
1302
865
|
}
|
|
1303
|
-
.card_invert {
|
|
1304
|
-
background: #424242;
|
|
1305
|
-
color: #fff;
|
|
1306
|
-
}
|
|
1307
|
-
.card_invert .card__body,
|
|
1308
|
-
.card_invert .card__header,
|
|
1309
|
-
.card_invert .card__footer {
|
|
1310
|
-
border-color: rgba(255, 255, 255, 0.1);
|
|
1311
|
-
}
|
|
1312
|
-
.card_invert .card__screen {
|
|
1313
|
-
background: #424242;
|
|
1314
|
-
}
|
|
1315
|
-
|
|
1316
866
|
.card_link {
|
|
1317
867
|
transform: translate(0, 0);
|
|
1318
|
-
box-shadow: 0
|
|
868
|
+
box-shadow: 0 2px 6px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%));
|
|
1319
869
|
}
|
|
1320
870
|
.card_link:hover, .card_link:focus, .card_link:focus-within {
|
|
1321
871
|
transform: translate(0, -0.25em);
|
|
1322
|
-
box-shadow: 0
|
|
872
|
+
box-shadow: 0 4px 12px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%));
|
|
1323
873
|
}
|
|
1324
874
|
|
|
1325
875
|
.card_zoom .card__background {
|
|
@@ -1356,9 +906,9 @@ input::-moz-placeholder {
|
|
|
1356
906
|
display: flex;
|
|
1357
907
|
align-items: center;
|
|
1358
908
|
justify-content: center;
|
|
1359
|
-
border: 2px solid
|
|
909
|
+
border: 2px solid var(--vb-neutral-50, hsl(214, 20%, 50%));
|
|
1360
910
|
border-radius: 0.25rem;
|
|
1361
|
-
background-color:
|
|
911
|
+
background-color: white;
|
|
1362
912
|
color: transparent;
|
|
1363
913
|
}
|
|
1364
914
|
|
|
@@ -1383,26 +933,26 @@ input::-moz-placeholder {
|
|
|
1383
933
|
cursor: pointer;
|
|
1384
934
|
}
|
|
1385
935
|
.checkbox__native:hover + .checkbox__background {
|
|
1386
|
-
background-color: rgba(
|
|
936
|
+
background-color: rgba(var(--vb-primary-50, hsl(152, 60%, 50%)), 0.1);
|
|
1387
937
|
}
|
|
1388
938
|
.checkbox__native:hover + .checkbox__background .checkbox__box {
|
|
1389
|
-
border-color:
|
|
939
|
+
border-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
1390
940
|
}
|
|
1391
941
|
.checkbox__native:focus + .checkbox__background {
|
|
1392
|
-
background-color: rgba(
|
|
942
|
+
background-color: rgba(var(--vb-primary-50, hsl(152, 60%, 50%)), 0.1);
|
|
1393
943
|
}
|
|
1394
944
|
.checkbox__native:focus + .checkbox__background .checkbox__box {
|
|
1395
|
-
border-color:
|
|
945
|
+
border-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
1396
946
|
}
|
|
1397
947
|
.checkbox__native:focus-visible + .checkbox__background, .checkbox__native:active + .checkbox__background {
|
|
1398
|
-
background-color: rgba(
|
|
948
|
+
background-color: rgba(var(--vb-primary-50, hsl(152, 60%, 50%)), 0.2);
|
|
1399
949
|
}
|
|
1400
950
|
.checkbox__native:focus-visible + .checkbox__background .checkbox__box, .checkbox__native:active + .checkbox__background .checkbox__box {
|
|
1401
|
-
border-color:
|
|
951
|
+
border-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
1402
952
|
}
|
|
1403
953
|
.checkbox__native:checked + .checkbox__background .checkbox__box {
|
|
1404
|
-
border-color:
|
|
1405
|
-
background-color:
|
|
954
|
+
border-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
955
|
+
background-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
1406
956
|
}
|
|
1407
957
|
.checkbox__native:checked + .checkbox__background .checkbox__icon {
|
|
1408
958
|
transition-property: opacity, background-position;
|
|
@@ -1412,8 +962,8 @@ input::-moz-placeholder {
|
|
|
1412
962
|
opacity: 1;
|
|
1413
963
|
}
|
|
1414
964
|
.checkbox__native:indeterminate + .checkbox__background .checkbox__box {
|
|
1415
|
-
border-color:
|
|
1416
|
-
background-color:
|
|
965
|
+
border-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
966
|
+
background-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
1417
967
|
}
|
|
1418
968
|
.checkbox__native:indeterminate + .checkbox__background .checkbox__icon {
|
|
1419
969
|
transition-property: opacity, background-position;
|
|
@@ -1467,9 +1017,9 @@ input::-moz-placeholder {
|
|
|
1467
1017
|
flex-direction: column;
|
|
1468
1018
|
overflow: auto;
|
|
1469
1019
|
border-radius: 0.25rem;
|
|
1470
|
-
background:
|
|
1020
|
+
background: white;
|
|
1471
1021
|
background-clip: padding-box;
|
|
1472
|
-
box-shadow: 0
|
|
1022
|
+
box-shadow: 0 8px 18px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%));
|
|
1473
1023
|
-webkit-overflow-scrolling: touch;
|
|
1474
1024
|
}
|
|
1475
1025
|
|
|
@@ -1486,7 +1036,7 @@ input::-moz-placeholder {
|
|
|
1486
1036
|
z-index: 1;
|
|
1487
1037
|
display: flex;
|
|
1488
1038
|
align-items: center;
|
|
1489
|
-
background:
|
|
1039
|
+
background: white;
|
|
1490
1040
|
vertical-align: middle;
|
|
1491
1041
|
}
|
|
1492
1042
|
.dialog__header > * + *,
|
|
@@ -1496,19 +1046,19 @@ input::-moz-placeholder {
|
|
|
1496
1046
|
|
|
1497
1047
|
.dialog__header {
|
|
1498
1048
|
top: 0;
|
|
1499
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
1049
|
+
border-bottom: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
1500
1050
|
}
|
|
1501
1051
|
|
|
1502
1052
|
.dialog__body {
|
|
1503
1053
|
flex-grow: 1;
|
|
1504
1054
|
}
|
|
1505
1055
|
.dialog__body + .dialog__body {
|
|
1506
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
1056
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
1507
1057
|
}
|
|
1508
1058
|
|
|
1509
1059
|
.dialog__footer {
|
|
1510
1060
|
bottom: 0;
|
|
1511
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
1061
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
1512
1062
|
}
|
|
1513
1063
|
|
|
1514
1064
|
.dialog__title {
|
|
@@ -1569,17 +1119,17 @@ input::-moz-placeholder {
|
|
|
1569
1119
|
height: 100%;
|
|
1570
1120
|
overflow: auto;
|
|
1571
1121
|
border-radius: 0;
|
|
1572
|
-
background:
|
|
1122
|
+
background: var(--vb-background-darker, var(--vb-neutral-95, hsl(214, 20%, 95%)));
|
|
1573
1123
|
box-shadow: none;
|
|
1574
1124
|
opacity: 0;
|
|
1575
1125
|
-webkit-overflow-scrolling: touch;
|
|
1576
1126
|
}
|
|
1577
1127
|
.drawer__dialog .dialog__header,
|
|
1578
1128
|
.drawer__dialog .dialog__footer {
|
|
1579
|
-
background:
|
|
1129
|
+
background: var(--vb-background-darker, var(--vb-neutral-95, hsl(214, 20%, 95%)));
|
|
1580
1130
|
}
|
|
1581
1131
|
.drawer__dialog .dialog__body {
|
|
1582
|
-
background:
|
|
1132
|
+
background: var(--vb-background-darker, var(--vb-neutral-95, hsl(214, 20%, 95%)));
|
|
1583
1133
|
}
|
|
1584
1134
|
|
|
1585
1135
|
/**
|
|
@@ -1632,15 +1182,15 @@ input::-moz-placeholder {
|
|
|
1632
1182
|
z-index: 901;
|
|
1633
1183
|
width: 18em;
|
|
1634
1184
|
max-width: 80%;
|
|
1635
|
-
background-color:
|
|
1636
|
-
box-shadow: 0
|
|
1185
|
+
background-color: white;
|
|
1186
|
+
box-shadow: 0 12px 24px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%));
|
|
1637
1187
|
}
|
|
1638
1188
|
.drawer_modal .dialog__header,
|
|
1639
1189
|
.drawer_modal .dialog__footer {
|
|
1640
|
-
background:
|
|
1190
|
+
background: white;
|
|
1641
1191
|
}
|
|
1642
1192
|
.drawer_modal .dialog__body {
|
|
1643
|
-
background:
|
|
1193
|
+
background: white;
|
|
1644
1194
|
}
|
|
1645
1195
|
|
|
1646
1196
|
.drawer_modal.is-opening,
|
|
@@ -1658,11 +1208,11 @@ input::-moz-placeholder {
|
|
|
1658
1208
|
|
|
1659
1209
|
.drawer_modal.is-opening,
|
|
1660
1210
|
.drawer_modal.is-opened {
|
|
1661
|
-
background-color: rgba(
|
|
1211
|
+
background-color: rgba(var(--vb-neutral-10, hsl(214, 20%, 10%)), 0.8);
|
|
1662
1212
|
}
|
|
1663
1213
|
|
|
1664
1214
|
.drawer_modal.is-closing {
|
|
1665
|
-
background-color: rgba(
|
|
1215
|
+
background-color: rgba(var(--vb-neutral-10, hsl(214, 20%, 10%)), 0);
|
|
1666
1216
|
}
|
|
1667
1217
|
|
|
1668
1218
|
.drawer:not(.drawer_switch) {
|
|
@@ -2354,7 +1904,7 @@ input::-moz-placeholder {
|
|
|
2354
1904
|
background: rgba(0, 0, 0, 0.4);
|
|
2355
1905
|
background-clip: border-box;
|
|
2356
1906
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
|
2357
|
-
color:
|
|
1907
|
+
color: var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%)));
|
|
2358
1908
|
cursor: pointer;
|
|
2359
1909
|
}
|
|
2360
1910
|
.icon-action:disabled:not(.is-loading) {
|
|
@@ -2389,7 +1939,7 @@ input::-moz-placeholder {
|
|
|
2389
1939
|
animation: spin 0.6s infinite linear;
|
|
2390
1940
|
border: 2px solid;
|
|
2391
1941
|
border-radius: 9999px;
|
|
2392
|
-
border-color:
|
|
1942
|
+
border-color: var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%))) var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%))) transparent transparent;
|
|
2393
1943
|
}
|
|
2394
1944
|
|
|
2395
1945
|
@keyframes spin {
|
|
@@ -2400,166 +1950,6 @@ input::-moz-placeholder {
|
|
|
2400
1950
|
transform: rotate(360deg);
|
|
2401
1951
|
}
|
|
2402
1952
|
}
|
|
2403
|
-
.icon-action_invert {
|
|
2404
|
-
border-color: transparent;
|
|
2405
|
-
background-color: rgba(255, 255, 255, 0.5);
|
|
2406
|
-
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
|
|
2407
|
-
color: #212121;
|
|
2408
|
-
}
|
|
2409
|
-
.icon-action_invert:hover {
|
|
2410
|
-
border-color: transparent;
|
|
2411
|
-
background-color: rgba(255, 255, 255, 0.6);
|
|
2412
|
-
}
|
|
2413
|
-
.icon-action_invert:focus {
|
|
2414
|
-
border-color: transparent;
|
|
2415
|
-
background-color: rgba(255, 255, 255, 0.6);
|
|
2416
|
-
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
|
|
2417
|
-
}
|
|
2418
|
-
.icon-action_invert:active {
|
|
2419
|
-
border-color: transparent;
|
|
2420
|
-
background-color: rgba(255, 255, 255, 0.7);
|
|
2421
|
-
}
|
|
2422
|
-
.icon-action_invert.is-loading::after {
|
|
2423
|
-
border-color: #212121 #212121 transparent transparent;
|
|
2424
|
-
}
|
|
2425
|
-
|
|
2426
|
-
.icon-action_state_info {
|
|
2427
|
-
border-color: transparent;
|
|
2428
|
-
background-color: #03a9f4;
|
|
2429
|
-
box-shadow: 0 0 0 0 rgba(3, 169, 244, 0);
|
|
2430
|
-
color: #fff;
|
|
2431
|
-
}
|
|
2432
|
-
.icon-action_state_info:hover {
|
|
2433
|
-
border-color: transparent;
|
|
2434
|
-
background-color: #0398dc;
|
|
2435
|
-
}
|
|
2436
|
-
.icon-action_state_info:focus {
|
|
2437
|
-
border-color: transparent;
|
|
2438
|
-
background-color: #0398dc;
|
|
2439
|
-
box-shadow: 0 0 0 0.2rem rgba(3, 169, 244, 0.5);
|
|
2440
|
-
}
|
|
2441
|
-
.icon-action_state_info:active {
|
|
2442
|
-
border-color: transparent;
|
|
2443
|
-
background-color: #0287c3;
|
|
2444
|
-
}
|
|
2445
|
-
.icon-action_state_info.is-loading::after {
|
|
2446
|
-
border-color: #fff #fff transparent transparent;
|
|
2447
|
-
}
|
|
2448
|
-
|
|
2449
|
-
.icon-action_state_success {
|
|
2450
|
-
border-color: transparent;
|
|
2451
|
-
background-color: #4caf50;
|
|
2452
|
-
box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
|
|
2453
|
-
color: #fff;
|
|
2454
|
-
}
|
|
2455
|
-
.icon-action_state_success:hover {
|
|
2456
|
-
border-color: transparent;
|
|
2457
|
-
background-color: #449e48;
|
|
2458
|
-
}
|
|
2459
|
-
.icon-action_state_success:focus {
|
|
2460
|
-
border-color: transparent;
|
|
2461
|
-
background-color: #449e48;
|
|
2462
|
-
box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5);
|
|
2463
|
-
}
|
|
2464
|
-
.icon-action_state_success:active {
|
|
2465
|
-
border-color: transparent;
|
|
2466
|
-
background-color: #3d8c40;
|
|
2467
|
-
}
|
|
2468
|
-
.icon-action_state_success.is-loading::after {
|
|
2469
|
-
border-color: #fff #fff transparent transparent;
|
|
2470
|
-
}
|
|
2471
|
-
|
|
2472
|
-
.icon-action_state_caution {
|
|
2473
|
-
border-color: transparent;
|
|
2474
|
-
background-color: #ff9800;
|
|
2475
|
-
box-shadow: 0 0 0 0 rgba(255, 152, 0, 0);
|
|
2476
|
-
color: #fff;
|
|
2477
|
-
}
|
|
2478
|
-
.icon-action_state_caution:hover {
|
|
2479
|
-
border-color: transparent;
|
|
2480
|
-
background-color: #e68900;
|
|
2481
|
-
}
|
|
2482
|
-
.icon-action_state_caution:focus {
|
|
2483
|
-
border-color: transparent;
|
|
2484
|
-
background-color: #e68900;
|
|
2485
|
-
box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5);
|
|
2486
|
-
}
|
|
2487
|
-
.icon-action_state_caution:active {
|
|
2488
|
-
border-color: transparent;
|
|
2489
|
-
background-color: #cc7a00;
|
|
2490
|
-
}
|
|
2491
|
-
.icon-action_state_caution.is-loading::after {
|
|
2492
|
-
border-color: #fff #fff transparent transparent;
|
|
2493
|
-
}
|
|
2494
|
-
|
|
2495
|
-
.icon-action_state_danger {
|
|
2496
|
-
border-color: transparent;
|
|
2497
|
-
background-color: #f44336;
|
|
2498
|
-
box-shadow: 0 0 0 0 rgba(244, 67, 54, 0);
|
|
2499
|
-
color: #fff;
|
|
2500
|
-
}
|
|
2501
|
-
.icon-action_state_danger:hover {
|
|
2502
|
-
border-color: transparent;
|
|
2503
|
-
background-color: #f2291a;
|
|
2504
|
-
}
|
|
2505
|
-
.icon-action_state_danger:focus {
|
|
2506
|
-
border-color: transparent;
|
|
2507
|
-
background-color: #f2291a;
|
|
2508
|
-
box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5);
|
|
2509
|
-
}
|
|
2510
|
-
.icon-action_state_danger:active {
|
|
2511
|
-
border-color: transparent;
|
|
2512
|
-
background-color: #e21b0c;
|
|
2513
|
-
}
|
|
2514
|
-
.icon-action_state_danger.is-loading::after {
|
|
2515
|
-
border-color: #fff #fff transparent transparent;
|
|
2516
|
-
}
|
|
2517
|
-
|
|
2518
|
-
.icon-action_subtle {
|
|
2519
|
-
border-color: transparent;
|
|
2520
|
-
background-color: transparent;
|
|
2521
|
-
box-shadow: none;
|
|
2522
|
-
color: #212121;
|
|
2523
|
-
}
|
|
2524
|
-
.icon-action_subtle:hover {
|
|
2525
|
-
border-color: transparent;
|
|
2526
|
-
background-color: rgba(33, 33, 33, 0.1);
|
|
2527
|
-
}
|
|
2528
|
-
.icon-action_subtle:focus {
|
|
2529
|
-
border-color: transparent;
|
|
2530
|
-
background-color: rgba(33, 33, 33, 0.1);
|
|
2531
|
-
box-shadow: none;
|
|
2532
|
-
}
|
|
2533
|
-
.icon-action_subtle:active {
|
|
2534
|
-
border-color: transparent;
|
|
2535
|
-
background-color: rgba(33, 33, 33, 0.15);
|
|
2536
|
-
}
|
|
2537
|
-
.icon-action_subtle.is-loading::after {
|
|
2538
|
-
border-color: #212121 #212121 transparent transparent;
|
|
2539
|
-
}
|
|
2540
|
-
.icon-action_subtle.icon-action_invert {
|
|
2541
|
-
border-color: transparent;
|
|
2542
|
-
background-color: transparent;
|
|
2543
|
-
box-shadow: none;
|
|
2544
|
-
color: #fff;
|
|
2545
|
-
}
|
|
2546
|
-
.icon-action_subtle.icon-action_invert:hover {
|
|
2547
|
-
border-color: transparent;
|
|
2548
|
-
background-color: rgba(255, 255, 255, 0.1);
|
|
2549
|
-
}
|
|
2550
|
-
.icon-action_subtle.icon-action_invert:focus {
|
|
2551
|
-
border-color: transparent;
|
|
2552
|
-
background-color: rgba(255, 255, 255, 0.1);
|
|
2553
|
-
box-shadow: none;
|
|
2554
|
-
}
|
|
2555
|
-
.icon-action_subtle.icon-action_invert:active {
|
|
2556
|
-
border-color: transparent;
|
|
2557
|
-
background-color: rgba(255, 255, 255, 0.15);
|
|
2558
|
-
}
|
|
2559
|
-
.icon-action_subtle.icon-action_invert.is-loading::after {
|
|
2560
|
-
border-color: #fff #fff transparent transparent;
|
|
2561
|
-
}
|
|
2562
|
-
|
|
2563
1953
|
.input {
|
|
2564
1954
|
position: relative;
|
|
2565
1955
|
display: block;
|
|
@@ -2571,11 +1961,11 @@ input::-moz-placeholder {
|
|
|
2571
1961
|
transition-duration: 0.15s;
|
|
2572
1962
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2573
1963
|
outline: none;
|
|
2574
|
-
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
1964
|
+
border: 1px solid var(--vb-border-color-dark, rgba(0, 0, 0, 0.2));
|
|
2575
1965
|
border-radius: 0.25rem;
|
|
2576
|
-
background:
|
|
2577
|
-
box-shadow: 0 0 0 0 rgba(
|
|
2578
|
-
color:
|
|
1966
|
+
background: white;
|
|
1967
|
+
box-shadow: 0 0 0 0 rgba(var(--vb-primary-50, hsl(152, 60%, 50%)), 0), inset 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
|
|
1968
|
+
color: var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%)));
|
|
2579
1969
|
font-family: blinkmacsystemfont, -apple-system, system-ui, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;
|
|
2580
1970
|
font-size: 16px;
|
|
2581
1971
|
line-height: 1.5;
|
|
@@ -2584,21 +1974,21 @@ input::-moz-placeholder {
|
|
|
2584
1974
|
appearance: none;
|
|
2585
1975
|
}
|
|
2586
1976
|
.input:hover {
|
|
2587
|
-
border-color: rgba(0, 0, 0, 0.
|
|
1977
|
+
border-color: var(--vb-border-color-darker, rgba(0, 0, 0, 0.3));
|
|
2588
1978
|
}
|
|
2589
1979
|
.input:focus {
|
|
2590
|
-
border-color:
|
|
2591
|
-
box-shadow: 0 0 0 0.2rem rgba(
|
|
1980
|
+
border-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
1981
|
+
box-shadow: 0 0 0 0.2rem rgba(var(--vb-primary-50, hsl(152, 60%, 50%)), 0.5), inset 0 0 0 rgba(0, 0, 0, 0);
|
|
2592
1982
|
}
|
|
2593
1983
|
.input:disabled {
|
|
2594
|
-
background-color:
|
|
1984
|
+
background-color: var(--vb-background-darker, var(--vb-neutral-95, hsl(214, 20%, 95%)));
|
|
2595
1985
|
pointer-events: none;
|
|
2596
1986
|
}
|
|
2597
1987
|
.input:read-only {
|
|
2598
|
-
background-color:
|
|
1988
|
+
background-color: var(--vb-background-darker, var(--vb-neutral-95, hsl(214, 20%, 95%)));
|
|
2599
1989
|
}
|
|
2600
1990
|
.input::placeholder {
|
|
2601
|
-
color:
|
|
1991
|
+
color: var(--vb-foreground-lighter, var(--vb-neutral-60, hsl(214, 20%, 60%)));
|
|
2602
1992
|
}
|
|
2603
1993
|
|
|
2604
1994
|
.input_auto {
|
|
@@ -2619,70 +2009,31 @@ input::-moz-placeholder {
|
|
|
2619
2009
|
line-height: 1.625;
|
|
2620
2010
|
}
|
|
2621
2011
|
|
|
2622
|
-
.
|
|
2623
|
-
border-color:
|
|
2624
|
-
box-shadow: 0 0 0 0 rgba(
|
|
2625
|
-
color:
|
|
2626
|
-
}
|
|
2627
|
-
.input_state_info:hover {
|
|
2628
|
-
border-color: #03a9f4;
|
|
2629
|
-
}
|
|
2630
|
-
.input_state_info:focus {
|
|
2631
|
-
border-color: #03a9f4;
|
|
2632
|
-
box-shadow: 0 0 0 0.2rem rgba(3, 169, 244, 0.5), inset 0 0 0 rgba(0, 0, 0, 0);
|
|
2633
|
-
}
|
|
2634
|
-
|
|
2635
|
-
.input_state_success {
|
|
2636
|
-
border-color: #4caf50;
|
|
2637
|
-
box-shadow: 0 0 0 0 rgba(76, 175, 80, 0), inset 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
|
|
2638
|
-
color: #212121;
|
|
2639
|
-
}
|
|
2640
|
-
.input_state_success:hover {
|
|
2641
|
-
border-color: #4caf50;
|
|
2642
|
-
}
|
|
2643
|
-
.input_state_success:focus {
|
|
2644
|
-
border-color: #4caf50;
|
|
2645
|
-
box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5), inset 0 0 0 rgba(0, 0, 0, 0);
|
|
2646
|
-
}
|
|
2647
|
-
|
|
2648
|
-
.input_state_caution {
|
|
2649
|
-
border-color: #ff9800;
|
|
2650
|
-
box-shadow: 0 0 0 0 rgba(255, 152, 0, 0), inset 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
|
|
2651
|
-
color: #212121;
|
|
2652
|
-
}
|
|
2653
|
-
.input_state_caution:hover {
|
|
2654
|
-
border-color: #ff9800;
|
|
2655
|
-
}
|
|
2656
|
-
.input_state_caution:focus {
|
|
2657
|
-
border-color: #ff9800;
|
|
2658
|
-
box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5), inset 0 0 0 rgba(0, 0, 0, 0);
|
|
2659
|
-
}
|
|
2660
|
-
|
|
2661
|
-
.input_state_danger {
|
|
2662
|
-
border-color: #f44336;
|
|
2663
|
-
box-shadow: 0 0 0 0 rgba(244, 67, 54, 0), inset 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
|
|
2664
|
-
color: #212121;
|
|
2012
|
+
.input_error {
|
|
2013
|
+
border-color: hsl(0, 80%, 50%);
|
|
2014
|
+
box-shadow: 0 0 0 0 rgba(230, 26, 26, 0), inset 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
|
|
2015
|
+
color: var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%)));
|
|
2665
2016
|
}
|
|
2666
|
-
.
|
|
2667
|
-
border-color:
|
|
2017
|
+
.input_error:hover {
|
|
2018
|
+
border-color: hsl(0, 80%, 50%);
|
|
2668
2019
|
}
|
|
2669
|
-
.
|
|
2670
|
-
border-color:
|
|
2671
|
-
box-shadow: 0 0 0 0.2rem rgba(
|
|
2020
|
+
.input_error:focus {
|
|
2021
|
+
border-color: hsl(0, 80%, 50%);
|
|
2022
|
+
box-shadow: 0 0 0 0.2rem rgba(230, 26, 26, 0.5), inset 0 0 0 rgba(0, 0, 0, 0);
|
|
2672
2023
|
}
|
|
2673
2024
|
|
|
2674
2025
|
.input_type_select {
|
|
2675
2026
|
padding-right: 2em;
|
|
2676
|
-
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="12" fill="%
|
|
2027
|
+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="12" fill="%23667C99"><polyline points="0 8 3.5 12 7 8"></polyline><polyline points="0 4 3.5 0 7 4"></polyline></svg>');
|
|
2677
2028
|
background-repeat: no-repeat;
|
|
2678
2029
|
background-position: 100% center;
|
|
2679
2030
|
cursor: pointer;
|
|
2680
2031
|
}
|
|
2681
2032
|
.input_type_select:read-only {
|
|
2682
|
-
background-color:
|
|
2033
|
+
background-color: white;
|
|
2683
2034
|
}
|
|
2684
2035
|
.input_type_select:disabled {
|
|
2685
|
-
background-color:
|
|
2036
|
+
background-color: var(--vb-background-darker, var(--vb-neutral-95, hsl(214, 20%, 95%)));
|
|
2686
2037
|
}
|
|
2687
2038
|
|
|
2688
2039
|
.input_type_textarea {
|
|
@@ -3254,7 +2605,7 @@ input::-moz-placeholder {
|
|
|
3254
2605
|
width: auto;
|
|
3255
2606
|
height: 1px;
|
|
3256
2607
|
margin: 0.5em 0;
|
|
3257
|
-
background: rgba(0, 0, 0, 0.1);
|
|
2608
|
+
background: var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
3258
2609
|
}
|
|
3259
2610
|
.menu__sep:first-child {
|
|
3260
2611
|
margin-top: 0;
|
|
@@ -3274,7 +2625,7 @@ input::-moz-placeholder {
|
|
|
3274
2625
|
padding: 0.5em 1em;
|
|
3275
2626
|
border-radius: 0.25rem;
|
|
3276
2627
|
background: none;
|
|
3277
|
-
color:
|
|
2628
|
+
color: var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%)));
|
|
3278
2629
|
white-space: normal;
|
|
3279
2630
|
}
|
|
3280
2631
|
.menu__action > * {
|
|
@@ -3298,21 +2649,21 @@ input::-moz-placeholder {
|
|
|
3298
2649
|
}
|
|
3299
2650
|
.menu__action.is-active, .menu__action.is-active[disabled] {
|
|
3300
2651
|
background: none;
|
|
3301
|
-
color:
|
|
2652
|
+
color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
3302
2653
|
cursor: pointer;
|
|
3303
2654
|
}
|
|
3304
2655
|
.menu__action.is-active:hover, .menu__action.is-active:focus, .menu__action.is-active:active, .menu__action.is-active[disabled]:hover, .menu__action.is-active[disabled]:focus, .menu__action.is-active[disabled]:active {
|
|
3305
2656
|
background: none;
|
|
3306
|
-
color:
|
|
2657
|
+
color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
3307
2658
|
}
|
|
3308
2659
|
.menu__action.is-disabled, .menu__action[disabled] {
|
|
3309
2660
|
background: none;
|
|
3310
|
-
color:
|
|
2661
|
+
color: var(--vb-foreground-lighter, var(--vb-neutral-60, hsl(214, 20%, 60%)));
|
|
3311
2662
|
cursor: default;
|
|
3312
2663
|
}
|
|
3313
2664
|
.menu__action.is-disabled:hover, .menu__action.is-disabled:focus, .menu__action.is-disabled:active, .menu__action[disabled]:hover, .menu__action[disabled]:focus, .menu__action[disabled]:active {
|
|
3314
2665
|
background: none;
|
|
3315
|
-
color:
|
|
2666
|
+
color: var(--vb-foreground-lighter, var(--vb-neutral-60, hsl(214, 20%, 60%)));
|
|
3316
2667
|
}
|
|
3317
2668
|
|
|
3318
2669
|
.menu__text {
|
|
@@ -3515,38 +2866,6 @@ input::-moz-placeholder {
|
|
|
3515
2866
|
white-space: nowrap;
|
|
3516
2867
|
}
|
|
3517
2868
|
}
|
|
3518
|
-
.menu_invert .menu__sep {
|
|
3519
|
-
background: rgba(255, 255, 255, 0.1);
|
|
3520
|
-
}
|
|
3521
|
-
.menu_invert .menu__action {
|
|
3522
|
-
color: #fff;
|
|
3523
|
-
}
|
|
3524
|
-
.menu_invert .menu__action:hover {
|
|
3525
|
-
background: rgba(255, 255, 255, 0.05);
|
|
3526
|
-
}
|
|
3527
|
-
.menu_invert .menu__action:focus {
|
|
3528
|
-
background: rgba(255, 255, 255, 0.05);
|
|
3529
|
-
}
|
|
3530
|
-
.menu_invert .menu__action:active {
|
|
3531
|
-
background: rgba(255, 255, 255, 0.1);
|
|
3532
|
-
}
|
|
3533
|
-
.menu_invert .menu__action.is-active, .menu_invert .menu__action.is-active[disabled] {
|
|
3534
|
-
background: none;
|
|
3535
|
-
color: #00bcd4;
|
|
3536
|
-
}
|
|
3537
|
-
.menu_invert .menu__action.is-active:hover, .menu_invert .menu__action.is-active:focus, .menu_invert .menu__action.is-active:active, .menu_invert .menu__action.is-active[disabled]:hover, .menu_invert .menu__action.is-active[disabled]:focus, .menu_invert .menu__action.is-active[disabled]:active {
|
|
3538
|
-
background: none;
|
|
3539
|
-
color: #00bcd4;
|
|
3540
|
-
}
|
|
3541
|
-
.menu_invert .menu__action.is-disabled, .menu_invert .menu__action[disabled] {
|
|
3542
|
-
background: none;
|
|
3543
|
-
color: rgba(255, 255, 255, 0.5);
|
|
3544
|
-
}
|
|
3545
|
-
.menu_invert .menu__action.is-disabled:hover, .menu_invert .menu__action.is-disabled:focus, .menu_invert .menu__action.is-disabled:active, .menu_invert .menu__action[disabled]:hover, .menu_invert .menu__action[disabled]:focus, .menu_invert .menu__action[disabled]:active {
|
|
3546
|
-
background: none;
|
|
3547
|
-
color: rgba(255, 255, 255, 0.5);
|
|
3548
|
-
}
|
|
3549
|
-
|
|
3550
2869
|
.menu_size_sm {
|
|
3551
2870
|
font-size: 0.875rem;
|
|
3552
2871
|
line-height: 1.375;
|
|
@@ -3586,7 +2905,15 @@ input::-moz-placeholder {
|
|
|
3586
2905
|
width: 0;
|
|
3587
2906
|
height: 0;
|
|
3588
2907
|
overflow: hidden;
|
|
3589
|
-
|
|
2908
|
+
}
|
|
2909
|
+
.modal::before {
|
|
2910
|
+
content: "";
|
|
2911
|
+
position: absolute;
|
|
2912
|
+
inset: 0;
|
|
2913
|
+
width: 100%;
|
|
2914
|
+
height: 100%;
|
|
2915
|
+
background-color: var(--vb-neutral-10, hsl(214, 20%, 10%));
|
|
2916
|
+
opacity: 0;
|
|
3590
2917
|
}
|
|
3591
2918
|
|
|
3592
2919
|
.modal__dialog {
|
|
@@ -3597,15 +2924,15 @@ input::-moz-placeholder {
|
|
|
3597
2924
|
transition-property: outline;
|
|
3598
2925
|
transition-duration: 0.3s;
|
|
3599
2926
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3600
|
-
outline: 0 solid
|
|
3601
|
-
box-shadow: 0
|
|
2927
|
+
outline: 0 solid transparent;
|
|
2928
|
+
box-shadow: 0 12px 24px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%));
|
|
3602
2929
|
opacity: 0;
|
|
3603
2930
|
}
|
|
3604
2931
|
.modal__dialog:focus {
|
|
3605
|
-
outline: 4px solid
|
|
2932
|
+
outline: 4px solid var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
3606
2933
|
}
|
|
3607
2934
|
.modal__dialog[role=alertdialog]:focus {
|
|
3608
|
-
outline: 4px solid
|
|
2935
|
+
outline: 4px solid var(--vb-important-50, hsl(0, 80%, 50%));
|
|
3609
2936
|
}
|
|
3610
2937
|
|
|
3611
2938
|
.modal.is-closed {
|
|
@@ -3620,11 +2947,11 @@ input::-moz-placeholder {
|
|
|
3620
2947
|
height: 100%;
|
|
3621
2948
|
padding: 1em;
|
|
3622
2949
|
}
|
|
3623
|
-
|
|
3624
|
-
.modal.is-opening,
|
|
3625
|
-
.modal.is-closing {
|
|
3626
|
-
transition:
|
|
3627
|
-
}
|
|
2950
|
+
|
|
2951
|
+
.modal.is-opening::before,
|
|
2952
|
+
.modal.is-closing::before {
|
|
2953
|
+
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
2954
|
+
}
|
|
3628
2955
|
.modal.is-opening .modal__dialog,
|
|
3629
2956
|
.modal.is-closing .modal__dialog {
|
|
3630
2957
|
transition-property: opacity, transform;
|
|
@@ -3632,9 +2959,9 @@ input::-moz-placeholder {
|
|
|
3632
2959
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3633
2960
|
}
|
|
3634
2961
|
|
|
3635
|
-
.modal.is-opening,
|
|
3636
|
-
.modal.is-opened {
|
|
3637
|
-
|
|
2962
|
+
.modal.is-opening::before,
|
|
2963
|
+
.modal.is-opened::before {
|
|
2964
|
+
opacity: 0.8;
|
|
3638
2965
|
}
|
|
3639
2966
|
.modal.is-opening .modal__dialog,
|
|
3640
2967
|
.modal.is-opened .modal__dialog {
|
|
@@ -3724,7 +3051,7 @@ input::-moz-placeholder {
|
|
|
3724
3051
|
.notice {
|
|
3725
3052
|
padding: 1em;
|
|
3726
3053
|
border-radius: 0.25rem;
|
|
3727
|
-
background:
|
|
3054
|
+
background: var(--vb-background-dark, var(--vb-neutral-98, hsl(214, 20%, 98%)));
|
|
3728
3055
|
}
|
|
3729
3056
|
.notice > * + * {
|
|
3730
3057
|
margin-top: 0.5em;
|
|
@@ -3736,28 +3063,24 @@ input::-moz-placeholder {
|
|
|
3736
3063
|
line-height: 1.625;
|
|
3737
3064
|
}
|
|
3738
3065
|
|
|
3739
|
-
.
|
|
3740
|
-
background-color:
|
|
3741
|
-
color:
|
|
3742
|
-
}
|
|
3743
|
-
|
|
3744
|
-
.notice_state_success {
|
|
3745
|
-
background-color: #e8f5e9;
|
|
3746
|
-
color: #1b5e20;
|
|
3066
|
+
.notice_theme_primary {
|
|
3067
|
+
background-color: var(--vb-primary-90, hsl(152, 60%, 90%));
|
|
3068
|
+
color: var(--vb-primary-30, hsl(152, 60%, 30%));
|
|
3747
3069
|
}
|
|
3748
3070
|
|
|
3749
|
-
.
|
|
3750
|
-
background-color:
|
|
3751
|
-
color:
|
|
3071
|
+
.notice_theme_secondary {
|
|
3072
|
+
background-color: var(--vb-secondary-90, hsl(214, 50%, 90%));
|
|
3073
|
+
color: var(--vb-secondary-30, hsl(214, 50%, 30%));
|
|
3752
3074
|
}
|
|
3753
3075
|
|
|
3754
|
-
.
|
|
3755
|
-
background-color:
|
|
3756
|
-
color:
|
|
3076
|
+
.notice_theme_neutral {
|
|
3077
|
+
background-color: var(--vb-neutral-90, hsl(214, 20%, 90%));
|
|
3078
|
+
color: var(--vb-neutral-30, hsl(214, 20%, 30%));
|
|
3757
3079
|
}
|
|
3758
3080
|
|
|
3759
|
-
|
|
3760
|
-
--
|
|
3081
|
+
.notice_theme_important {
|
|
3082
|
+
background-color: var(--vb-important-90, hsl(0, 80%, 90%));
|
|
3083
|
+
color: var(--vb-important-30, hsl(0, 80%, 30%));
|
|
3761
3084
|
}
|
|
3762
3085
|
|
|
3763
3086
|
:root {
|
|
@@ -3778,18 +3101,15 @@ input::-moz-placeholder {
|
|
|
3778
3101
|
margin: calc(var(--vb-popover-offset) * 1px) 0 0;
|
|
3779
3102
|
padding: 0.5em;
|
|
3780
3103
|
border-radius: 0.25rem;
|
|
3781
|
-
background:
|
|
3104
|
+
background: white;
|
|
3782
3105
|
background-clip: padding-box;
|
|
3783
|
-
box-shadow: 0
|
|
3106
|
+
box-shadow: 0 2px 6px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%));
|
|
3784
3107
|
font-size: 0.875rem;
|
|
3785
3108
|
}
|
|
3786
3109
|
.popover::before {
|
|
3787
3110
|
content: "";
|
|
3788
3111
|
position: absolute;
|
|
3789
|
-
|
|
3790
|
-
right: 0;
|
|
3791
|
-
bottom: 100%;
|
|
3792
|
-
left: 0;
|
|
3112
|
+
inset: auto 0 100%;
|
|
3793
3113
|
width: 100%;
|
|
3794
3114
|
height: calc((var(--vb-popover-offset) + 1) * 1px);
|
|
3795
3115
|
}
|
|
@@ -3805,10 +3125,7 @@ input::-moz-placeholder {
|
|
|
3805
3125
|
margin: 0 0 calc(var(--vb-popover-offset) * 1px) 0;
|
|
3806
3126
|
}
|
|
3807
3127
|
.popover[data-popper-placement^=top]::before {
|
|
3808
|
-
|
|
3809
|
-
right: 0;
|
|
3810
|
-
bottom: auto;
|
|
3811
|
-
left: 0;
|
|
3128
|
+
inset: 100% 0 auto;
|
|
3812
3129
|
width: 100%;
|
|
3813
3130
|
height: calc((var(--vb-popover-offset) + 1) * 1px);
|
|
3814
3131
|
}
|
|
@@ -3817,10 +3134,7 @@ input::-moz-placeholder {
|
|
|
3817
3134
|
margin: calc(var(--vb-popover-offset) * 1px) 0 0 0;
|
|
3818
3135
|
}
|
|
3819
3136
|
.popover[data-popper-placement^=bottom]::before {
|
|
3820
|
-
|
|
3821
|
-
right: 0;
|
|
3822
|
-
bottom: 100%;
|
|
3823
|
-
left: 0;
|
|
3137
|
+
inset: auto 0 100%;
|
|
3824
3138
|
width: 100%;
|
|
3825
3139
|
height: calc((var(--vb-popover-offset) + 1) * 1px);
|
|
3826
3140
|
}
|
|
@@ -3829,10 +3143,7 @@ input::-moz-placeholder {
|
|
|
3829
3143
|
margin: 0 calc(var(--vb-popover-offset) * 1px) 0 0;
|
|
3830
3144
|
}
|
|
3831
3145
|
.popover[data-popper-placement^=left]::before {
|
|
3832
|
-
|
|
3833
|
-
right: auto;
|
|
3834
|
-
bottom: 0;
|
|
3835
|
-
left: 100%;
|
|
3146
|
+
inset: 0 auto 0 100%;
|
|
3836
3147
|
width: calc((var(--vb-popover-offset) + 1) * 1px);
|
|
3837
3148
|
height: 100%;
|
|
3838
3149
|
}
|
|
@@ -3841,10 +3152,7 @@ input::-moz-placeholder {
|
|
|
3841
3152
|
margin: 0 0 0 calc(var(--vb-popover-offset) * 1px);
|
|
3842
3153
|
}
|
|
3843
3154
|
.popover[data-popper-placement^=right]::before {
|
|
3844
|
-
|
|
3845
|
-
right: 100%;
|
|
3846
|
-
bottom: 0;
|
|
3847
|
-
left: auto;
|
|
3155
|
+
inset: 0 100% 0 auto;
|
|
3848
3156
|
width: calc((var(--vb-popover-offset) + 1) * 1px);
|
|
3849
3157
|
height: 100%;
|
|
3850
3158
|
}
|
|
@@ -3863,7 +3171,7 @@ input::-moz-placeholder {
|
|
|
3863
3171
|
content: "";
|
|
3864
3172
|
visibility: visible;
|
|
3865
3173
|
transform: rotate(45deg);
|
|
3866
|
-
border: var(--vb-popover-arrow-border, 1px solid rgba(0, 0, 0, 0.
|
|
3174
|
+
border: var(--vb-popover-arrow-border, 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1)));
|
|
3867
3175
|
border-right-color: transparent;
|
|
3868
3176
|
border-bottom-color: transparent;
|
|
3869
3177
|
background-clip: padding-box;
|
|
@@ -3917,8 +3225,8 @@ input::-moz-placeholder {
|
|
|
3917
3225
|
width: auto;
|
|
3918
3226
|
max-width: 16rem;
|
|
3919
3227
|
padding: 0.5rem 0.75rem;
|
|
3920
|
-
background:
|
|
3921
|
-
color:
|
|
3228
|
+
background: var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%)));
|
|
3229
|
+
color: var(--vb-background, var(--vb-neutral-100, hsl(214, 20%, 100%)));
|
|
3922
3230
|
font-size: 0.75em;
|
|
3923
3231
|
}
|
|
3924
3232
|
|
|
@@ -3949,9 +3257,9 @@ input::-moz-placeholder {
|
|
|
3949
3257
|
display: flex;
|
|
3950
3258
|
align-items: center;
|
|
3951
3259
|
justify-content: center;
|
|
3952
|
-
border: 2px solid
|
|
3260
|
+
border: 2px solid var(--vb-neutral-50, hsl(214, 20%, 50%));
|
|
3953
3261
|
border-radius: 20px;
|
|
3954
|
-
background-color:
|
|
3262
|
+
background-color: white;
|
|
3955
3263
|
color: transparent;
|
|
3956
3264
|
}
|
|
3957
3265
|
|
|
@@ -3959,7 +3267,7 @@ input::-moz-placeholder {
|
|
|
3959
3267
|
width: 0;
|
|
3960
3268
|
height: 0;
|
|
3961
3269
|
border-radius: 8px;
|
|
3962
|
-
background-color:
|
|
3270
|
+
background-color: white;
|
|
3963
3271
|
opacity: 0;
|
|
3964
3272
|
}
|
|
3965
3273
|
|
|
@@ -3974,26 +3282,26 @@ input::-moz-placeholder {
|
|
|
3974
3282
|
cursor: pointer;
|
|
3975
3283
|
}
|
|
3976
3284
|
.radio__native:hover + .radio__background {
|
|
3977
|
-
background-color: rgba(
|
|
3285
|
+
background-color: rgba(var(--vb-primary-50, hsl(152, 60%, 50%)), 0.1);
|
|
3978
3286
|
}
|
|
3979
3287
|
.radio__native:hover + .radio__background .radio__circle {
|
|
3980
|
-
border-color:
|
|
3288
|
+
border-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
3981
3289
|
}
|
|
3982
3290
|
.radio__native:focus + .radio__background {
|
|
3983
|
-
background-color: rgba(
|
|
3291
|
+
background-color: rgba(var(--vb-primary-50, hsl(152, 60%, 50%)), 0.1);
|
|
3984
3292
|
}
|
|
3985
3293
|
.radio__native:focus + .radio__background .radio__circle {
|
|
3986
|
-
border-color:
|
|
3294
|
+
border-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
3987
3295
|
}
|
|
3988
3296
|
.radio__native:focus-visible + .radio__background, .radio__native:active + .radio__background {
|
|
3989
|
-
background-color: rgba(
|
|
3297
|
+
background-color: rgba(var(--vb-primary-50, hsl(152, 60%, 50%)), 0.2);
|
|
3990
3298
|
}
|
|
3991
3299
|
.radio__native:focus-visible + .radio__background .radio__circle, .radio__native:active + .radio__background .radio__circle {
|
|
3992
|
-
border-color:
|
|
3300
|
+
border-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
3993
3301
|
}
|
|
3994
3302
|
.radio__native:checked + .radio__background .radio__circle {
|
|
3995
|
-
border-color:
|
|
3996
|
-
background-color:
|
|
3303
|
+
border-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
3304
|
+
background-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
3997
3305
|
}
|
|
3998
3306
|
.radio__native:checked + .radio__background .radio__dot {
|
|
3999
3307
|
width: 8px;
|
|
@@ -4063,10 +3371,7 @@ input::-moz-placeholder {
|
|
|
4063
3371
|
width: 100%;
|
|
4064
3372
|
height: 100%;
|
|
4065
3373
|
position: absolute;
|
|
4066
|
-
|
|
4067
|
-
right: 0;
|
|
4068
|
-
bottom: 0;
|
|
4069
|
-
left: 0;
|
|
3374
|
+
inset: 0;
|
|
4070
3375
|
}
|
|
4071
3376
|
|
|
4072
3377
|
.section__background {
|
|
@@ -4076,7 +3381,7 @@ input::-moz-placeholder {
|
|
|
4076
3381
|
|
|
4077
3382
|
.section__screen {
|
|
4078
3383
|
z-index: 2;
|
|
4079
|
-
background:
|
|
3384
|
+
background: var(--vb-neutral-10, hsl(214, 20%, 10%));
|
|
4080
3385
|
opacity: 0.7;
|
|
4081
3386
|
}
|
|
4082
3387
|
|
|
@@ -4187,9 +3492,9 @@ input::-moz-placeholder {
|
|
|
4187
3492
|
height: 20px;
|
|
4188
3493
|
position: relative;
|
|
4189
3494
|
display: block;
|
|
4190
|
-
border: 2px solid
|
|
3495
|
+
border: 2px solid var(--vb-neutral-50, hsl(214, 20%, 50%));
|
|
4191
3496
|
border-radius: 9999px;
|
|
4192
|
-
background-color:
|
|
3497
|
+
background-color: var(--vb-neutral-80, hsl(214, 20%, 80%));
|
|
4193
3498
|
}
|
|
4194
3499
|
|
|
4195
3500
|
.switch__thumb {
|
|
@@ -4202,8 +3507,8 @@ input::-moz-placeholder {
|
|
|
4202
3507
|
display: block;
|
|
4203
3508
|
transition: left 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
|
4204
3509
|
border-radius: 9999px;
|
|
4205
|
-
background-color:
|
|
4206
|
-
box-shadow: 0 0 0 2px
|
|
3510
|
+
background-color: white;
|
|
3511
|
+
box-shadow: 0 0 0 2px var(--vb-neutral-50, hsl(214, 20%, 50%));
|
|
4207
3512
|
}
|
|
4208
3513
|
|
|
4209
3514
|
.switch__native {
|
|
@@ -4217,33 +3522,33 @@ input::-moz-placeholder {
|
|
|
4217
3522
|
cursor: pointer;
|
|
4218
3523
|
}
|
|
4219
3524
|
.switch__native:hover + .switch__background::after {
|
|
4220
|
-
background-color: rgba(
|
|
3525
|
+
background-color: rgba(var(--vb-primary-50, hsl(152, 60%, 50%)), 0.1);
|
|
4221
3526
|
}
|
|
4222
3527
|
.switch__native:hover + .switch__background .switch__thumb {
|
|
4223
|
-
box-shadow: 0 0 0 2px
|
|
3528
|
+
box-shadow: 0 0 0 2px var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4224
3529
|
}
|
|
4225
3530
|
.switch__native:focus + .switch__background::after {
|
|
4226
|
-
background-color: rgba(
|
|
3531
|
+
background-color: rgba(var(--vb-primary-50, hsl(152, 60%, 50%)), 0.1);
|
|
4227
3532
|
}
|
|
4228
3533
|
.switch__native:focus + .switch__background .switch__thumb {
|
|
4229
|
-
box-shadow: 0 0 0 2px
|
|
3534
|
+
box-shadow: 0 0 0 2px var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4230
3535
|
}
|
|
4231
3536
|
.switch__native:focus-visible + .switch__background::after, .switch__native:active + .switch__background::after {
|
|
4232
|
-
background-color: rgba(
|
|
3537
|
+
background-color: rgba(var(--vb-primary-50, hsl(152, 60%, 50%)), 0.2);
|
|
4233
3538
|
}
|
|
4234
3539
|
.switch__native:focus-visible + .switch__background .switch__thumb, .switch__native:active + .switch__background .switch__thumb {
|
|
4235
|
-
box-shadow: 0 0 0 2px
|
|
3540
|
+
box-shadow: 0 0 0 2px var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4236
3541
|
}
|
|
4237
3542
|
.switch__native:checked + .switch__background::after {
|
|
4238
3543
|
left: calc(100% - 1.875rem);
|
|
4239
3544
|
}
|
|
4240
3545
|
.switch__native:checked + .switch__background .switch__track {
|
|
4241
|
-
border-color:
|
|
4242
|
-
background-color:
|
|
3546
|
+
border-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
3547
|
+
background-color: var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4243
3548
|
}
|
|
4244
3549
|
.switch__native:checked + .switch__background .switch__thumb {
|
|
4245
3550
|
left: calc(100% - 16px);
|
|
4246
|
-
box-shadow: 0 0 0 2px
|
|
3551
|
+
box-shadow: 0 0 0 2px var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4247
3552
|
}
|
|
4248
3553
|
|
|
4249
3554
|
.switch_size_sm {
|
|
@@ -4267,23 +3572,23 @@ input::-moz-placeholder {
|
|
|
4267
3572
|
.switch_size_sm .switch__thumb {
|
|
4268
3573
|
width: 12px;
|
|
4269
3574
|
height: 12px;
|
|
4270
|
-
box-shadow: 0 0 0 2px
|
|
3575
|
+
box-shadow: 0 0 0 2px var(--vb-neutral-50, hsl(214, 20%, 50%));
|
|
4271
3576
|
}
|
|
4272
3577
|
.switch_size_sm .switch__native:hover + .switch__background .switch__thumb {
|
|
4273
|
-
box-shadow: 0 0 0 2px
|
|
3578
|
+
box-shadow: 0 0 0 2px var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4274
3579
|
}
|
|
4275
3580
|
.switch_size_sm .switch__native:focus + .switch__background .switch__thumb {
|
|
4276
|
-
box-shadow: 0 0 0 2px
|
|
3581
|
+
box-shadow: 0 0 0 2px var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4277
3582
|
}
|
|
4278
3583
|
.switch_size_sm .switch__native:active + .switch__background .switch__thumb {
|
|
4279
|
-
box-shadow: 0 0 0 2px
|
|
3584
|
+
box-shadow: 0 0 0 2px var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4280
3585
|
}
|
|
4281
3586
|
.switch_size_sm .switch__native:checked + .switch__background::after {
|
|
4282
3587
|
left: calc(100% - 1.40625rem);
|
|
4283
3588
|
}
|
|
4284
3589
|
.switch_size_sm .switch__native:checked + .switch__background .switch__thumb {
|
|
4285
3590
|
left: calc(100% - 12px);
|
|
4286
|
-
box-shadow: 0 0 0 2px
|
|
3591
|
+
box-shadow: 0 0 0 2px var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4287
3592
|
}
|
|
4288
3593
|
|
|
4289
3594
|
.switch_size_lg {
|
|
@@ -4307,23 +3612,23 @@ input::-moz-placeholder {
|
|
|
4307
3612
|
.switch_size_lg .switch__thumb {
|
|
4308
3613
|
width: 21px;
|
|
4309
3614
|
height: 21px;
|
|
4310
|
-
box-shadow: 0 0 0 2.5px
|
|
3615
|
+
box-shadow: 0 0 0 2.5px var(--vb-neutral-50, hsl(214, 20%, 50%));
|
|
4311
3616
|
}
|
|
4312
3617
|
.switch_size_lg .switch__native:hover + .switch__background .switch__thumb {
|
|
4313
|
-
box-shadow: 0 0 0 2.5px
|
|
3618
|
+
box-shadow: 0 0 0 2.5px var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4314
3619
|
}
|
|
4315
3620
|
.switch_size_lg .switch__native:focus + .switch__background .switch__thumb {
|
|
4316
|
-
box-shadow: 0 0 0 2.5px
|
|
3621
|
+
box-shadow: 0 0 0 2.5px var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4317
3622
|
}
|
|
4318
3623
|
.switch_size_lg .switch__native:active + .switch__background .switch__thumb {
|
|
4319
|
-
box-shadow: 0 0 0 2.5px
|
|
3624
|
+
box-shadow: 0 0 0 2.5px var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4320
3625
|
}
|
|
4321
3626
|
.switch_size_lg .switch__native:checked + .switch__background::after {
|
|
4322
3627
|
left: calc(100% - 2.34375rem);
|
|
4323
3628
|
}
|
|
4324
3629
|
.switch_size_lg .switch__native:checked + .switch__background .switch__thumb {
|
|
4325
3630
|
left: calc(100% - 21px);
|
|
4326
|
-
box-shadow: 0 0 0 2.5px
|
|
3631
|
+
box-shadow: 0 0 0 2.5px var(--vb-primary-50, hsl(152, 60%, 50%));
|
|
4327
3632
|
}
|
|
4328
3633
|
|
|
4329
3634
|
.table {
|
|
@@ -4361,7 +3666,7 @@ input::-moz-placeholder {
|
|
|
4361
3666
|
.table_hover tbody tr:hover,
|
|
4362
3667
|
.table_hover tbody tr:focus {
|
|
4363
3668
|
z-index: 2;
|
|
4364
|
-
background-color:
|
|
3669
|
+
background-color: hsla(53, 100%, 50%, 0.15);
|
|
4365
3670
|
}
|
|
4366
3671
|
|
|
4367
3672
|
.table_responsive thead,
|
|
@@ -4408,20 +3713,20 @@ input::-moz-placeholder {
|
|
|
4408
3713
|
padding: 0.648rem 1.5rem;
|
|
4409
3714
|
}
|
|
4410
3715
|
.table_responsive.table_style_bordered {
|
|
4411
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
3716
|
+
border: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4412
3717
|
}
|
|
4413
3718
|
.table_responsive.table_style_bordered td {
|
|
4414
3719
|
border: none;
|
|
4415
3720
|
}
|
|
4416
3721
|
.table_responsive.table_style_bordered td + td,
|
|
4417
3722
|
.table_responsive.table_style_bordered th + td {
|
|
4418
|
-
border-top: 1px dotted rgba(0, 0, 0, 0.1);
|
|
3723
|
+
border-top: 1px dotted var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4419
3724
|
}
|
|
4420
3725
|
.table_responsive.table_style_bordered [data-mobile-label]::before {
|
|
4421
|
-
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
|
3726
|
+
border-right: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4422
3727
|
}
|
|
4423
3728
|
.table_responsive.table_style_bordered tr + tr {
|
|
4424
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
3729
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4425
3730
|
}
|
|
4426
3731
|
|
|
4427
3732
|
@media (max-width: 479px) {
|
|
@@ -4469,20 +3774,20 @@ input::-moz-placeholder {
|
|
|
4469
3774
|
padding: 0.648rem 1.5rem;
|
|
4470
3775
|
}
|
|
4471
3776
|
.table_responsive_xs.table_style_bordered {
|
|
4472
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
3777
|
+
border: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4473
3778
|
}
|
|
4474
3779
|
.table_responsive_xs.table_style_bordered td {
|
|
4475
3780
|
border: none;
|
|
4476
3781
|
}
|
|
4477
3782
|
.table_responsive_xs.table_style_bordered td + td,
|
|
4478
3783
|
.table_responsive_xs.table_style_bordered th + td {
|
|
4479
|
-
border-top: 1px dotted rgba(0, 0, 0, 0.1);
|
|
3784
|
+
border-top: 1px dotted var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4480
3785
|
}
|
|
4481
3786
|
.table_responsive_xs.table_style_bordered [data-mobile-label]::before {
|
|
4482
|
-
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
|
3787
|
+
border-right: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4483
3788
|
}
|
|
4484
3789
|
.table_responsive_xs.table_style_bordered tr + tr {
|
|
4485
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
3790
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4486
3791
|
}
|
|
4487
3792
|
}
|
|
4488
3793
|
|
|
@@ -4531,20 +3836,20 @@ input::-moz-placeholder {
|
|
|
4531
3836
|
padding: 0.648rem 1.5rem;
|
|
4532
3837
|
}
|
|
4533
3838
|
.table_responsive_sm.table_style_bordered {
|
|
4534
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
3839
|
+
border: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4535
3840
|
}
|
|
4536
3841
|
.table_responsive_sm.table_style_bordered td {
|
|
4537
3842
|
border: none;
|
|
4538
3843
|
}
|
|
4539
3844
|
.table_responsive_sm.table_style_bordered td + td,
|
|
4540
3845
|
.table_responsive_sm.table_style_bordered th + td {
|
|
4541
|
-
border-top: 1px dotted rgba(0, 0, 0, 0.1);
|
|
3846
|
+
border-top: 1px dotted var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4542
3847
|
}
|
|
4543
3848
|
.table_responsive_sm.table_style_bordered [data-mobile-label]::before {
|
|
4544
|
-
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
|
3849
|
+
border-right: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4545
3850
|
}
|
|
4546
3851
|
.table_responsive_sm.table_style_bordered tr + tr {
|
|
4547
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
3852
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4548
3853
|
}
|
|
4549
3854
|
}
|
|
4550
3855
|
|
|
@@ -4593,20 +3898,20 @@ input::-moz-placeholder {
|
|
|
4593
3898
|
padding: 0.648rem 1.5rem;
|
|
4594
3899
|
}
|
|
4595
3900
|
.table_responsive_md.table_style_bordered {
|
|
4596
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
3901
|
+
border: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4597
3902
|
}
|
|
4598
3903
|
.table_responsive_md.table_style_bordered td {
|
|
4599
3904
|
border: none;
|
|
4600
3905
|
}
|
|
4601
3906
|
.table_responsive_md.table_style_bordered td + td,
|
|
4602
3907
|
.table_responsive_md.table_style_bordered th + td {
|
|
4603
|
-
border-top: 1px dotted rgba(0, 0, 0, 0.1);
|
|
3908
|
+
border-top: 1px dotted var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4604
3909
|
}
|
|
4605
3910
|
.table_responsive_md.table_style_bordered [data-mobile-label]::before {
|
|
4606
|
-
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
|
3911
|
+
border-right: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4607
3912
|
}
|
|
4608
3913
|
.table_responsive_md.table_style_bordered tr + tr {
|
|
4609
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
3914
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4610
3915
|
}
|
|
4611
3916
|
}
|
|
4612
3917
|
|
|
@@ -4655,20 +3960,20 @@ input::-moz-placeholder {
|
|
|
4655
3960
|
padding: 0.648rem 1.5rem;
|
|
4656
3961
|
}
|
|
4657
3962
|
.table_responsive_lg.table_style_bordered {
|
|
4658
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
3963
|
+
border: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4659
3964
|
}
|
|
4660
3965
|
.table_responsive_lg.table_style_bordered td {
|
|
4661
3966
|
border: none;
|
|
4662
3967
|
}
|
|
4663
3968
|
.table_responsive_lg.table_style_bordered td + td,
|
|
4664
3969
|
.table_responsive_lg.table_style_bordered th + td {
|
|
4665
|
-
border-top: 1px dotted rgba(0, 0, 0, 0.1);
|
|
3970
|
+
border-top: 1px dotted var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4666
3971
|
}
|
|
4667
3972
|
.table_responsive_lg.table_style_bordered [data-mobile-label]::before {
|
|
4668
|
-
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
|
3973
|
+
border-right: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4669
3974
|
}
|
|
4670
3975
|
.table_responsive_lg.table_style_bordered tr + tr {
|
|
4671
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
3976
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4672
3977
|
}
|
|
4673
3978
|
}
|
|
4674
3979
|
|
|
@@ -4717,20 +4022,20 @@ input::-moz-placeholder {
|
|
|
4717
4022
|
padding: 0.648rem 1.5rem;
|
|
4718
4023
|
}
|
|
4719
4024
|
.table_responsive_xl.table_style_bordered {
|
|
4720
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
4025
|
+
border: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4721
4026
|
}
|
|
4722
4027
|
.table_responsive_xl.table_style_bordered td {
|
|
4723
4028
|
border: none;
|
|
4724
4029
|
}
|
|
4725
4030
|
.table_responsive_xl.table_style_bordered td + td,
|
|
4726
4031
|
.table_responsive_xl.table_style_bordered th + td {
|
|
4727
|
-
border-top: 1px dotted rgba(0, 0, 0, 0.1);
|
|
4032
|
+
border-top: 1px dotted var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4728
4033
|
}
|
|
4729
4034
|
.table_responsive_xl.table_style_bordered [data-mobile-label]::before {
|
|
4730
|
-
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
|
4035
|
+
border-right: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4731
4036
|
}
|
|
4732
4037
|
.table_responsive_xl.table_style_bordered tr + tr {
|
|
4733
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
4038
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4734
4039
|
}
|
|
4735
4040
|
}
|
|
4736
4041
|
|
|
@@ -4747,22 +4052,22 @@ input::-moz-placeholder {
|
|
|
4747
4052
|
}
|
|
4748
4053
|
|
|
4749
4054
|
.table_style_rowed {
|
|
4750
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
4055
|
+
border-bottom: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4751
4056
|
}
|
|
4752
4057
|
.table_style_rowed tr {
|
|
4753
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
4058
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4754
4059
|
}
|
|
4755
4060
|
|
|
4756
4061
|
.table_style_bordered th,
|
|
4757
4062
|
.table_style_bordered td {
|
|
4758
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
4063
|
+
border: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1));
|
|
4759
4064
|
}
|
|
4760
4065
|
|
|
4761
4066
|
.table_zebra thead tr {
|
|
4762
|
-
background-color:
|
|
4067
|
+
background-color: hsl(var(--vb-neutral-hs, 214deg, 20%), 50%, 3%);
|
|
4763
4068
|
}
|
|
4764
4069
|
.table_zebra tr:nth-child(even) {
|
|
4765
|
-
background-color:
|
|
4070
|
+
background-color: hsl(var(--vb-neutral-hs, 214deg, 20%), 50%, 3%);
|
|
4766
4071
|
}
|
|
4767
4072
|
|
|
4768
4073
|
.background-clip-border {
|
|
@@ -4777,516 +4082,664 @@ input::-moz-placeholder {
|
|
|
4777
4082
|
background-clip: padding-box !important;
|
|
4778
4083
|
}
|
|
4779
4084
|
|
|
4085
|
+
.background {
|
|
4086
|
+
background-color: var(--vb-background, var(--vb-neutral-100, hsl(214, 20%, 100%))) !important;
|
|
4087
|
+
}
|
|
4088
|
+
|
|
4089
|
+
.background-dark {
|
|
4090
|
+
background-color: var(--vb-background-dark, var(--vb-neutral-98, hsl(214, 20%, 98%))) !important;
|
|
4091
|
+
}
|
|
4092
|
+
|
|
4093
|
+
.background-darker {
|
|
4094
|
+
background-color: var(--vb-background-darker, var(--vb-neutral-95, hsl(214, 20%, 95%))) !important;
|
|
4095
|
+
}
|
|
4096
|
+
|
|
4780
4097
|
.background-black {
|
|
4781
|
-
background-color:
|
|
4098
|
+
background-color: black !important;
|
|
4782
4099
|
}
|
|
4783
4100
|
|
|
4784
4101
|
.background-white {
|
|
4785
|
-
background-color:
|
|
4102
|
+
background-color: white !important;
|
|
4786
4103
|
}
|
|
4787
4104
|
|
|
4788
4105
|
.background-transparent {
|
|
4789
4106
|
background-color: transparent !important;
|
|
4790
4107
|
}
|
|
4791
4108
|
|
|
4792
|
-
.background-primary
|
|
4793
|
-
background-color:
|
|
4109
|
+
.background-primary {
|
|
4110
|
+
background-color: var(--vb-primary) !important;
|
|
4794
4111
|
}
|
|
4795
4112
|
|
|
4796
|
-
.background-primary-
|
|
4797
|
-
background-color:
|
|
4113
|
+
.background-primary-0 {
|
|
4114
|
+
background-color: var(--vb-primary-0, hsl(152, 60%, 0%)) !important;
|
|
4798
4115
|
}
|
|
4799
4116
|
|
|
4800
|
-
.background-primary {
|
|
4801
|
-
background-color:
|
|
4117
|
+
.background-primary-10 {
|
|
4118
|
+
background-color: var(--vb-primary-10, hsl(152, 60%, 10%)) !important;
|
|
4119
|
+
}
|
|
4120
|
+
|
|
4121
|
+
.background-primary-20 {
|
|
4122
|
+
background-color: var(--vb-primary-20, hsl(152, 60%, 20%)) !important;
|
|
4802
4123
|
}
|
|
4803
4124
|
|
|
4804
|
-
.background-primary-
|
|
4805
|
-
background-color:
|
|
4125
|
+
.background-primary-30 {
|
|
4126
|
+
background-color: var(--vb-primary-30, hsl(152, 60%, 30%)) !important;
|
|
4806
4127
|
}
|
|
4807
4128
|
|
|
4808
|
-
.background-primary-
|
|
4809
|
-
background-color:
|
|
4129
|
+
.background-primary-40 {
|
|
4130
|
+
background-color: var(--vb-primary-40, hsl(152, 60%, 40%)) !important;
|
|
4810
4131
|
}
|
|
4811
4132
|
|
|
4812
|
-
.background-
|
|
4813
|
-
background-color:
|
|
4133
|
+
.background-primary-50 {
|
|
4134
|
+
background-color: var(--vb-primary-50, hsl(152, 60%, 50%)) !important;
|
|
4814
4135
|
}
|
|
4815
4136
|
|
|
4816
|
-
.background-
|
|
4817
|
-
background-color:
|
|
4137
|
+
.background-primary-60 {
|
|
4138
|
+
background-color: var(--vb-primary-60, hsl(152, 60%, 60%)) !important;
|
|
4139
|
+
}
|
|
4140
|
+
|
|
4141
|
+
.background-primary-70 {
|
|
4142
|
+
background-color: var(--vb-primary-70, hsl(152, 60%, 70%)) !important;
|
|
4143
|
+
}
|
|
4144
|
+
|
|
4145
|
+
.background-primary-80 {
|
|
4146
|
+
background-color: var(--vb-primary-80, hsl(152, 60%, 80%)) !important;
|
|
4147
|
+
}
|
|
4148
|
+
|
|
4149
|
+
.background-primary-90 {
|
|
4150
|
+
background-color: var(--vb-primary-90, hsl(152, 60%, 90%)) !important;
|
|
4151
|
+
}
|
|
4152
|
+
|
|
4153
|
+
.background-primary-95 {
|
|
4154
|
+
background-color: var(--vb-primary-95, hsl(152, 60%, 95%)) !important;
|
|
4155
|
+
}
|
|
4156
|
+
|
|
4157
|
+
.background-primary-98 {
|
|
4158
|
+
background-color: var(--vb-primary-98, hsl(152, 60%, 98%)) !important;
|
|
4159
|
+
}
|
|
4160
|
+
|
|
4161
|
+
.background-primary-100 {
|
|
4162
|
+
background-color: var(--vb-primary-100, hsl(152, 60%, 100%)) !important;
|
|
4818
4163
|
}
|
|
4819
4164
|
|
|
4820
4165
|
.background-secondary {
|
|
4821
|
-
background-color:
|
|
4166
|
+
background-color: var(--vb-secondary) !important;
|
|
4822
4167
|
}
|
|
4823
4168
|
|
|
4824
|
-
.background-secondary-
|
|
4825
|
-
background-color:
|
|
4169
|
+
.background-secondary-0 {
|
|
4170
|
+
background-color: var(--vb-secondary-0, hsl(214, 50%, 0%)) !important;
|
|
4826
4171
|
}
|
|
4827
4172
|
|
|
4828
|
-
.background-secondary-
|
|
4829
|
-
background-color:
|
|
4173
|
+
.background-secondary-10 {
|
|
4174
|
+
background-color: var(--vb-secondary-10, hsl(214, 50%, 10%)) !important;
|
|
4830
4175
|
}
|
|
4831
4176
|
|
|
4832
|
-
.background-
|
|
4833
|
-
background-color:
|
|
4177
|
+
.background-secondary-20 {
|
|
4178
|
+
background-color: var(--vb-secondary-20, hsl(214, 50%, 20%)) !important;
|
|
4834
4179
|
}
|
|
4835
4180
|
|
|
4836
|
-
.background-
|
|
4837
|
-
background-color:
|
|
4181
|
+
.background-secondary-30 {
|
|
4182
|
+
background-color: var(--vb-secondary-30, hsl(214, 50%, 30%)) !important;
|
|
4838
4183
|
}
|
|
4839
4184
|
|
|
4840
|
-
.background-
|
|
4841
|
-
background-color:
|
|
4185
|
+
.background-secondary-40 {
|
|
4186
|
+
background-color: var(--vb-secondary-40, hsl(214, 50%, 40%)) !important;
|
|
4842
4187
|
}
|
|
4843
4188
|
|
|
4844
|
-
.background-
|
|
4845
|
-
background-color:
|
|
4189
|
+
.background-secondary-50 {
|
|
4190
|
+
background-color: var(--vb-secondary-50, hsl(214, 50%, 50%)) !important;
|
|
4846
4191
|
}
|
|
4847
4192
|
|
|
4848
|
-
.background-
|
|
4849
|
-
background-color:
|
|
4193
|
+
.background-secondary-60 {
|
|
4194
|
+
background-color: var(--vb-secondary-60, hsl(214, 50%, 60%)) !important;
|
|
4850
4195
|
}
|
|
4851
4196
|
|
|
4852
|
-
.background-
|
|
4853
|
-
background-color:
|
|
4197
|
+
.background-secondary-70 {
|
|
4198
|
+
background-color: var(--vb-secondary-70, hsl(214, 50%, 70%)) !important;
|
|
4854
4199
|
}
|
|
4855
4200
|
|
|
4856
|
-
.background-
|
|
4857
|
-
background-color:
|
|
4201
|
+
.background-secondary-80 {
|
|
4202
|
+
background-color: var(--vb-secondary-80, hsl(214, 50%, 80%)) !important;
|
|
4858
4203
|
}
|
|
4859
4204
|
|
|
4860
|
-
.background-
|
|
4861
|
-
background-color:
|
|
4205
|
+
.background-secondary-90 {
|
|
4206
|
+
background-color: var(--vb-secondary-90, hsl(214, 50%, 90%)) !important;
|
|
4862
4207
|
}
|
|
4863
4208
|
|
|
4864
|
-
.background-
|
|
4865
|
-
background-color:
|
|
4209
|
+
.background-secondary-95 {
|
|
4210
|
+
background-color: var(--vb-secondary-95, hsl(214, 50%, 95%)) !important;
|
|
4866
4211
|
}
|
|
4867
4212
|
|
|
4868
|
-
.background-
|
|
4869
|
-
background-color:
|
|
4213
|
+
.background-secondary-98 {
|
|
4214
|
+
background-color: var(--vb-secondary-98, hsl(214, 50%, 98%)) !important;
|
|
4870
4215
|
}
|
|
4871
4216
|
|
|
4872
|
-
.background-
|
|
4873
|
-
background-color:
|
|
4217
|
+
.background-secondary-100 {
|
|
4218
|
+
background-color: var(--vb-secondary-100, hsl(214, 50%, 100%)) !important;
|
|
4874
4219
|
}
|
|
4875
4220
|
|
|
4876
|
-
.background-
|
|
4877
|
-
background-color:
|
|
4221
|
+
.background-neutral {
|
|
4222
|
+
background-color: var(--vb-neutral) !important;
|
|
4878
4223
|
}
|
|
4879
4224
|
|
|
4880
|
-
.background-
|
|
4881
|
-
background-color:
|
|
4225
|
+
.background-neutral-0 {
|
|
4226
|
+
background-color: var(--vb-neutral-0, hsl(214, 20%, 0%)) !important;
|
|
4882
4227
|
}
|
|
4883
4228
|
|
|
4884
|
-
.background-
|
|
4885
|
-
background-color:
|
|
4229
|
+
.background-neutral-10 {
|
|
4230
|
+
background-color: var(--vb-neutral-10, hsl(214, 20%, 10%)) !important;
|
|
4886
4231
|
}
|
|
4887
4232
|
|
|
4888
|
-
.background-
|
|
4889
|
-
background-color:
|
|
4233
|
+
.background-neutral-20 {
|
|
4234
|
+
background-color: var(--vb-neutral-20, hsl(214, 20%, 20%)) !important;
|
|
4890
4235
|
}
|
|
4891
4236
|
|
|
4892
|
-
.background-
|
|
4893
|
-
background-color:
|
|
4237
|
+
.background-neutral-30 {
|
|
4238
|
+
background-color: var(--vb-neutral-30, hsl(214, 20%, 30%)) !important;
|
|
4894
4239
|
}
|
|
4895
4240
|
|
|
4896
|
-
.background-
|
|
4897
|
-
background-color:
|
|
4241
|
+
.background-neutral-40 {
|
|
4242
|
+
background-color: var(--vb-neutral-40, hsl(214, 20%, 40%)) !important;
|
|
4898
4243
|
}
|
|
4899
4244
|
|
|
4900
|
-
.background-
|
|
4901
|
-
background-color:
|
|
4245
|
+
.background-neutral-50 {
|
|
4246
|
+
background-color: var(--vb-neutral-50, hsl(214, 20%, 50%)) !important;
|
|
4902
4247
|
}
|
|
4903
4248
|
|
|
4904
|
-
.background-
|
|
4905
|
-
background-color:
|
|
4249
|
+
.background-neutral-60 {
|
|
4250
|
+
background-color: var(--vb-neutral-60, hsl(214, 20%, 60%)) !important;
|
|
4906
4251
|
}
|
|
4907
4252
|
|
|
4908
|
-
.background-
|
|
4909
|
-
background-color:
|
|
4253
|
+
.background-neutral-70 {
|
|
4254
|
+
background-color: var(--vb-neutral-70, hsl(214, 20%, 70%)) !important;
|
|
4910
4255
|
}
|
|
4911
4256
|
|
|
4912
|
-
.background-
|
|
4913
|
-
background-color:
|
|
4257
|
+
.background-neutral-80 {
|
|
4258
|
+
background-color: var(--vb-neutral-80, hsl(214, 20%, 80%)) !important;
|
|
4914
4259
|
}
|
|
4915
4260
|
|
|
4916
|
-
.background-
|
|
4917
|
-
background-color:
|
|
4261
|
+
.background-neutral-90 {
|
|
4262
|
+
background-color: var(--vb-neutral-90, hsl(214, 20%, 90%)) !important;
|
|
4918
4263
|
}
|
|
4919
4264
|
|
|
4920
|
-
.background-
|
|
4921
|
-
background-color:
|
|
4265
|
+
.background-neutral-95 {
|
|
4266
|
+
background-color: var(--vb-neutral-95, hsl(214, 20%, 95%)) !important;
|
|
4922
4267
|
}
|
|
4923
4268
|
|
|
4924
|
-
.background-
|
|
4925
|
-
background-color:
|
|
4269
|
+
.background-neutral-98 {
|
|
4270
|
+
background-color: var(--vb-neutral-98, hsl(214, 20%, 98%)) !important;
|
|
4926
4271
|
}
|
|
4927
4272
|
|
|
4928
|
-
.background-
|
|
4929
|
-
background-color:
|
|
4273
|
+
.background-neutral-100 {
|
|
4274
|
+
background-color: var(--vb-neutral-100, hsl(214, 20%, 100%)) !important;
|
|
4930
4275
|
}
|
|
4931
4276
|
|
|
4932
|
-
.background-
|
|
4933
|
-
background-color:
|
|
4277
|
+
.background-important {
|
|
4278
|
+
background-color: var(--vb-important) !important;
|
|
4934
4279
|
}
|
|
4935
4280
|
|
|
4936
|
-
.
|
|
4937
|
-
|
|
4281
|
+
.background-important-0 {
|
|
4282
|
+
background-color: var(--vb-important-0, hsl(0, 80%, 0%)) !important;
|
|
4938
4283
|
}
|
|
4939
4284
|
|
|
4940
|
-
.
|
|
4941
|
-
|
|
4285
|
+
.background-important-10 {
|
|
4286
|
+
background-color: var(--vb-important-10, hsl(0, 80%, 10%)) !important;
|
|
4942
4287
|
}
|
|
4943
4288
|
|
|
4944
|
-
.
|
|
4945
|
-
|
|
4289
|
+
.background-important-20 {
|
|
4290
|
+
background-color: var(--vb-important-20, hsl(0, 80%, 20%)) !important;
|
|
4946
4291
|
}
|
|
4947
4292
|
|
|
4948
|
-
.
|
|
4949
|
-
|
|
4293
|
+
.background-important-30 {
|
|
4294
|
+
background-color: var(--vb-important-30, hsl(0, 80%, 30%)) !important;
|
|
4950
4295
|
}
|
|
4951
4296
|
|
|
4952
|
-
.
|
|
4953
|
-
|
|
4297
|
+
.background-important-40 {
|
|
4298
|
+
background-color: var(--vb-important-40, hsl(0, 80%, 40%)) !important;
|
|
4954
4299
|
}
|
|
4955
4300
|
|
|
4956
|
-
.
|
|
4957
|
-
|
|
4301
|
+
.background-important-50 {
|
|
4302
|
+
background-color: var(--vb-important-50, hsl(0, 80%, 50%)) !important;
|
|
4958
4303
|
}
|
|
4959
4304
|
|
|
4960
|
-
.
|
|
4961
|
-
|
|
4305
|
+
.background-important-60 {
|
|
4306
|
+
background-color: var(--vb-important-60, hsl(0, 80%, 60%)) !important;
|
|
4962
4307
|
}
|
|
4963
4308
|
|
|
4964
|
-
.
|
|
4965
|
-
|
|
4309
|
+
.background-important-70 {
|
|
4310
|
+
background-color: var(--vb-important-70, hsl(0, 80%, 70%)) !important;
|
|
4966
4311
|
}
|
|
4967
4312
|
|
|
4968
|
-
.
|
|
4969
|
-
|
|
4313
|
+
.background-important-80 {
|
|
4314
|
+
background-color: var(--vb-important-80, hsl(0, 80%, 80%)) !important;
|
|
4970
4315
|
}
|
|
4971
4316
|
|
|
4972
|
-
.
|
|
4973
|
-
|
|
4317
|
+
.background-important-90 {
|
|
4318
|
+
background-color: var(--vb-important-90, hsl(0, 80%, 90%)) !important;
|
|
4974
4319
|
}
|
|
4975
4320
|
|
|
4976
|
-
.
|
|
4977
|
-
|
|
4321
|
+
.background-important-95 {
|
|
4322
|
+
background-color: var(--vb-important-95, hsl(0, 80%, 95%)) !important;
|
|
4978
4323
|
}
|
|
4979
4324
|
|
|
4980
|
-
.
|
|
4981
|
-
|
|
4325
|
+
.background-important-98 {
|
|
4326
|
+
background-color: var(--vb-important-98, hsl(0, 80%, 98%)) !important;
|
|
4982
4327
|
}
|
|
4983
4328
|
|
|
4984
|
-
.
|
|
4985
|
-
|
|
4329
|
+
.background-important-100 {
|
|
4330
|
+
background-color: var(--vb-important-100, hsl(0, 80%, 100%)) !important;
|
|
4986
4331
|
}
|
|
4987
4332
|
|
|
4988
|
-
.
|
|
4989
|
-
|
|
4333
|
+
.foreground {
|
|
4334
|
+
color: var(--vb-foreground, var(--vb-neutral-20, hsl(214, 20%, 20%))) !important;
|
|
4990
4335
|
}
|
|
4991
4336
|
|
|
4992
|
-
.
|
|
4993
|
-
|
|
4337
|
+
.foreground-light {
|
|
4338
|
+
color: var(--vb-foreground-light, var(--vb-neutral-40, hsl(214, 20%, 40%))) !important;
|
|
4994
4339
|
}
|
|
4995
4340
|
|
|
4996
|
-
.
|
|
4997
|
-
|
|
4341
|
+
.foreground-lighter {
|
|
4342
|
+
color: var(--vb-foreground-lighter, var(--vb-neutral-60, hsl(214, 20%, 60%))) !important;
|
|
4998
4343
|
}
|
|
4999
4344
|
|
|
5000
|
-
.
|
|
5001
|
-
|
|
4345
|
+
.foreground-black {
|
|
4346
|
+
color: black !important;
|
|
5002
4347
|
}
|
|
5003
4348
|
|
|
5004
|
-
.
|
|
5005
|
-
|
|
4349
|
+
.foreground-white {
|
|
4350
|
+
color: white !important;
|
|
5006
4351
|
}
|
|
5007
4352
|
|
|
5008
|
-
.
|
|
5009
|
-
|
|
4353
|
+
.foreground-transparent {
|
|
4354
|
+
color: transparent !important;
|
|
5010
4355
|
}
|
|
5011
4356
|
|
|
5012
|
-
.
|
|
5013
|
-
|
|
5014
|
-
.radius-top-left {
|
|
5015
|
-
border-top-left-radius: 0.25rem !important;
|
|
4357
|
+
.foreground-primary {
|
|
4358
|
+
color: var(--vb-primary) !important;
|
|
5016
4359
|
}
|
|
5017
4360
|
|
|
5018
|
-
.
|
|
5019
|
-
|
|
5020
|
-
.radius-top-right {
|
|
5021
|
-
border-top-right-radius: 0.25rem !important;
|
|
4361
|
+
.foreground-primary-0 {
|
|
4362
|
+
color: var(--vb-primary-0, hsl(152, 60%, 0%)) !important;
|
|
5022
4363
|
}
|
|
5023
4364
|
|
|
5024
|
-
.
|
|
5025
|
-
|
|
5026
|
-
.radius-bottom-right {
|
|
5027
|
-
border-bottom-right-radius: 0.25rem !important;
|
|
4365
|
+
.foreground-primary-10 {
|
|
4366
|
+
color: var(--vb-primary-10, hsl(152, 60%, 10%)) !important;
|
|
5028
4367
|
}
|
|
5029
4368
|
|
|
5030
|
-
.
|
|
5031
|
-
|
|
5032
|
-
.radius-bottom-left {
|
|
5033
|
-
border-bottom-left-radius: 0.25rem !important;
|
|
4369
|
+
.foreground-primary-20 {
|
|
4370
|
+
color: var(--vb-primary-20, hsl(152, 60%, 20%)) !important;
|
|
5034
4371
|
}
|
|
5035
4372
|
|
|
5036
|
-
.
|
|
5037
|
-
|
|
4373
|
+
.foreground-primary-30 {
|
|
4374
|
+
color: var(--vb-primary-30, hsl(152, 60%, 30%)) !important;
|
|
5038
4375
|
}
|
|
5039
4376
|
|
|
5040
|
-
.
|
|
5041
|
-
|
|
5042
|
-
.radius-circle-top-left {
|
|
5043
|
-
border-top-left-radius: 9999px !important;
|
|
4377
|
+
.foreground-primary-40 {
|
|
4378
|
+
color: var(--vb-primary-40, hsl(152, 60%, 40%)) !important;
|
|
5044
4379
|
}
|
|
5045
4380
|
|
|
5046
|
-
.
|
|
5047
|
-
|
|
5048
|
-
.radius-circle-top-right {
|
|
5049
|
-
border-top-right-radius: 9999px !important;
|
|
4381
|
+
.foreground-primary-50 {
|
|
4382
|
+
color: var(--vb-primary-50, hsl(152, 60%, 50%)) !important;
|
|
5050
4383
|
}
|
|
5051
4384
|
|
|
5052
|
-
.
|
|
5053
|
-
|
|
5054
|
-
.radius-circle-bottom-right {
|
|
5055
|
-
border-bottom-right-radius: 9999px !important;
|
|
4385
|
+
.foreground-primary-60 {
|
|
4386
|
+
color: var(--vb-primary-60, hsl(152, 60%, 60%)) !important;
|
|
5056
4387
|
}
|
|
5057
4388
|
|
|
5058
|
-
.
|
|
5059
|
-
|
|
5060
|
-
.radius-circle-bottom-left {
|
|
5061
|
-
border-bottom-left-radius: 9999px !important;
|
|
4389
|
+
.foreground-primary-70 {
|
|
4390
|
+
color: var(--vb-primary-70, hsl(152, 60%, 70%)) !important;
|
|
5062
4391
|
}
|
|
5063
4392
|
|
|
5064
|
-
.
|
|
5065
|
-
|
|
4393
|
+
.foreground-primary-80 {
|
|
4394
|
+
color: var(--vb-primary-80, hsl(152, 60%, 80%)) !important;
|
|
5066
4395
|
}
|
|
5067
4396
|
|
|
5068
|
-
.
|
|
5069
|
-
|
|
5070
|
-
.radius-square-top-left {
|
|
5071
|
-
border-top-left-radius: 0 !important;
|
|
4397
|
+
.foreground-primary-90 {
|
|
4398
|
+
color: var(--vb-primary-90, hsl(152, 60%, 90%)) !important;
|
|
5072
4399
|
}
|
|
5073
4400
|
|
|
5074
|
-
.
|
|
5075
|
-
|
|
5076
|
-
.radius-square-top-right {
|
|
5077
|
-
border-top-right-radius: 0 !important;
|
|
4401
|
+
.foreground-primary-95 {
|
|
4402
|
+
color: var(--vb-primary-95, hsl(152, 60%, 95%)) !important;
|
|
5078
4403
|
}
|
|
5079
4404
|
|
|
5080
|
-
.
|
|
5081
|
-
|
|
5082
|
-
.radius-square-bottom-right {
|
|
5083
|
-
border-bottom-right-radius: 0 !important;
|
|
4405
|
+
.foreground-primary-98 {
|
|
4406
|
+
color: var(--vb-primary-98, hsl(152, 60%, 98%)) !important;
|
|
5084
4407
|
}
|
|
5085
4408
|
|
|
5086
|
-
.
|
|
5087
|
-
|
|
5088
|
-
.radius-square-bottom-left {
|
|
5089
|
-
border-bottom-left-radius: 0 !important;
|
|
4409
|
+
.foreground-primary-100 {
|
|
4410
|
+
color: var(--vb-primary-100, hsl(152, 60%, 100%)) !important;
|
|
5090
4411
|
}
|
|
5091
4412
|
|
|
5092
|
-
.
|
|
5093
|
-
|
|
4413
|
+
.foreground-secondary {
|
|
4414
|
+
color: var(--vb-secondary) !important;
|
|
5094
4415
|
}
|
|
5095
4416
|
|
|
5096
|
-
.
|
|
5097
|
-
|
|
4417
|
+
.foreground-secondary-0 {
|
|
4418
|
+
color: var(--vb-secondary-0, hsl(214, 50%, 0%)) !important;
|
|
5098
4419
|
}
|
|
5099
4420
|
|
|
5100
|
-
.
|
|
5101
|
-
|
|
4421
|
+
.foreground-secondary-10 {
|
|
4422
|
+
color: var(--vb-secondary-10, hsl(214, 50%, 10%)) !important;
|
|
5102
4423
|
}
|
|
5103
4424
|
|
|
5104
|
-
.
|
|
5105
|
-
|
|
4425
|
+
.foreground-secondary-20 {
|
|
4426
|
+
color: var(--vb-secondary-20, hsl(214, 50%, 20%)) !important;
|
|
5106
4427
|
}
|
|
5107
4428
|
|
|
5108
|
-
.
|
|
5109
|
-
|
|
4429
|
+
.foreground-secondary-30 {
|
|
4430
|
+
color: var(--vb-secondary-30, hsl(214, 50%, 30%)) !important;
|
|
5110
4431
|
}
|
|
5111
4432
|
|
|
5112
|
-
.
|
|
5113
|
-
|
|
4433
|
+
.foreground-secondary-40 {
|
|
4434
|
+
color: var(--vb-secondary-40, hsl(214, 50%, 40%)) !important;
|
|
5114
4435
|
}
|
|
5115
4436
|
|
|
5116
|
-
.
|
|
5117
|
-
|
|
4437
|
+
.foreground-secondary-50 {
|
|
4438
|
+
color: var(--vb-secondary-50, hsl(214, 50%, 50%)) !important;
|
|
5118
4439
|
}
|
|
5119
4440
|
|
|
5120
|
-
.
|
|
5121
|
-
color:
|
|
4441
|
+
.foreground-secondary-60 {
|
|
4442
|
+
color: var(--vb-secondary-60, hsl(214, 50%, 60%)) !important;
|
|
5122
4443
|
}
|
|
5123
4444
|
|
|
5124
|
-
.
|
|
5125
|
-
color:
|
|
4445
|
+
.foreground-secondary-70 {
|
|
4446
|
+
color: var(--vb-secondary-70, hsl(214, 50%, 70%)) !important;
|
|
5126
4447
|
}
|
|
5127
4448
|
|
|
5128
|
-
.
|
|
5129
|
-
color:
|
|
4449
|
+
.foreground-secondary-80 {
|
|
4450
|
+
color: var(--vb-secondary-80, hsl(214, 50%, 80%)) !important;
|
|
5130
4451
|
}
|
|
5131
4452
|
|
|
5132
|
-
.
|
|
5133
|
-
color:
|
|
4453
|
+
.foreground-secondary-90 {
|
|
4454
|
+
color: var(--vb-secondary-90, hsl(214, 50%, 90%)) !important;
|
|
5134
4455
|
}
|
|
5135
4456
|
|
|
5136
|
-
.
|
|
5137
|
-
color:
|
|
4457
|
+
.foreground-secondary-95 {
|
|
4458
|
+
color: var(--vb-secondary-95, hsl(214, 50%, 95%)) !important;
|
|
5138
4459
|
}
|
|
5139
4460
|
|
|
5140
|
-
.
|
|
5141
|
-
color:
|
|
4461
|
+
.foreground-secondary-98 {
|
|
4462
|
+
color: var(--vb-secondary-98, hsl(214, 50%, 98%)) !important;
|
|
5142
4463
|
}
|
|
5143
4464
|
|
|
5144
|
-
.
|
|
5145
|
-
color:
|
|
4465
|
+
.foreground-secondary-100 {
|
|
4466
|
+
color: var(--vb-secondary-100, hsl(214, 50%, 100%)) !important;
|
|
4467
|
+
}
|
|
4468
|
+
|
|
4469
|
+
.foreground-neutral {
|
|
4470
|
+
color: var(--vb-neutral) !important;
|
|
4471
|
+
}
|
|
4472
|
+
|
|
4473
|
+
.foreground-neutral-0 {
|
|
4474
|
+
color: var(--vb-neutral-0, hsl(214, 20%, 0%)) !important;
|
|
4475
|
+
}
|
|
4476
|
+
|
|
4477
|
+
.foreground-neutral-10 {
|
|
4478
|
+
color: var(--vb-neutral-10, hsl(214, 20%, 10%)) !important;
|
|
4479
|
+
}
|
|
4480
|
+
|
|
4481
|
+
.foreground-neutral-20 {
|
|
4482
|
+
color: var(--vb-neutral-20, hsl(214, 20%, 20%)) !important;
|
|
5146
4483
|
}
|
|
5147
4484
|
|
|
5148
|
-
.
|
|
5149
|
-
color:
|
|
4485
|
+
.foreground-neutral-30 {
|
|
4486
|
+
color: var(--vb-neutral-30, hsl(214, 20%, 30%)) !important;
|
|
5150
4487
|
}
|
|
5151
4488
|
|
|
5152
|
-
.
|
|
5153
|
-
color:
|
|
4489
|
+
.foreground-neutral-40 {
|
|
4490
|
+
color: var(--vb-neutral-40, hsl(214, 20%, 40%)) !important;
|
|
5154
4491
|
}
|
|
5155
4492
|
|
|
5156
|
-
.
|
|
5157
|
-
color:
|
|
4493
|
+
.foreground-neutral-50 {
|
|
4494
|
+
color: var(--vb-neutral-50, hsl(214, 20%, 50%)) !important;
|
|
5158
4495
|
}
|
|
5159
4496
|
|
|
5160
|
-
.
|
|
5161
|
-
color:
|
|
4497
|
+
.foreground-neutral-60 {
|
|
4498
|
+
color: var(--vb-neutral-60, hsl(214, 20%, 60%)) !important;
|
|
5162
4499
|
}
|
|
5163
4500
|
|
|
5164
|
-
.
|
|
5165
|
-
color:
|
|
4501
|
+
.foreground-neutral-70 {
|
|
4502
|
+
color: var(--vb-neutral-70, hsl(214, 20%, 70%)) !important;
|
|
5166
4503
|
}
|
|
5167
4504
|
|
|
5168
|
-
.
|
|
5169
|
-
color:
|
|
4505
|
+
.foreground-neutral-80 {
|
|
4506
|
+
color: var(--vb-neutral-80, hsl(214, 20%, 80%)) !important;
|
|
5170
4507
|
}
|
|
5171
4508
|
|
|
5172
|
-
.
|
|
5173
|
-
color:
|
|
4509
|
+
.foreground-neutral-90 {
|
|
4510
|
+
color: var(--vb-neutral-90, hsl(214, 20%, 90%)) !important;
|
|
5174
4511
|
}
|
|
5175
4512
|
|
|
5176
|
-
.
|
|
5177
|
-
color:
|
|
4513
|
+
.foreground-neutral-95 {
|
|
4514
|
+
color: var(--vb-neutral-95, hsl(214, 20%, 95%)) !important;
|
|
5178
4515
|
}
|
|
5179
4516
|
|
|
5180
|
-
.
|
|
5181
|
-
color:
|
|
4517
|
+
.foreground-neutral-98 {
|
|
4518
|
+
color: var(--vb-neutral-98, hsl(214, 20%, 98%)) !important;
|
|
5182
4519
|
}
|
|
5183
4520
|
|
|
5184
|
-
.
|
|
5185
|
-
color:
|
|
4521
|
+
.foreground-neutral-100 {
|
|
4522
|
+
color: var(--vb-neutral-100, hsl(214, 20%, 100%)) !important;
|
|
5186
4523
|
}
|
|
5187
4524
|
|
|
5188
|
-
.
|
|
5189
|
-
color:
|
|
4525
|
+
.foreground-important {
|
|
4526
|
+
color: var(--vb-important) !important;
|
|
5190
4527
|
}
|
|
5191
4528
|
|
|
5192
|
-
.
|
|
5193
|
-
color:
|
|
4529
|
+
.foreground-important-0 {
|
|
4530
|
+
color: var(--vb-important-0, hsl(0, 80%, 0%)) !important;
|
|
5194
4531
|
}
|
|
5195
4532
|
|
|
5196
|
-
.
|
|
5197
|
-
color:
|
|
4533
|
+
.foreground-important-10 {
|
|
4534
|
+
color: var(--vb-important-10, hsl(0, 80%, 10%)) !important;
|
|
5198
4535
|
}
|
|
5199
4536
|
|
|
5200
|
-
.
|
|
5201
|
-
color:
|
|
4537
|
+
.foreground-important-20 {
|
|
4538
|
+
color: var(--vb-important-20, hsl(0, 80%, 20%)) !important;
|
|
5202
4539
|
}
|
|
5203
4540
|
|
|
5204
|
-
.
|
|
5205
|
-
color:
|
|
4541
|
+
.foreground-important-30 {
|
|
4542
|
+
color: var(--vb-important-30, hsl(0, 80%, 30%)) !important;
|
|
5206
4543
|
}
|
|
5207
4544
|
|
|
5208
|
-
.
|
|
5209
|
-
color:
|
|
4545
|
+
.foreground-important-40 {
|
|
4546
|
+
color: var(--vb-important-40, hsl(0, 80%, 40%)) !important;
|
|
5210
4547
|
}
|
|
5211
4548
|
|
|
5212
|
-
.
|
|
5213
|
-
color:
|
|
4549
|
+
.foreground-important-50 {
|
|
4550
|
+
color: var(--vb-important-50, hsl(0, 80%, 50%)) !important;
|
|
5214
4551
|
}
|
|
5215
4552
|
|
|
5216
|
-
.
|
|
5217
|
-
color:
|
|
4553
|
+
.foreground-important-60 {
|
|
4554
|
+
color: var(--vb-important-60, hsl(0, 80%, 60%)) !important;
|
|
5218
4555
|
}
|
|
5219
4556
|
|
|
5220
|
-
.
|
|
5221
|
-
color:
|
|
4557
|
+
.foreground-important-70 {
|
|
4558
|
+
color: var(--vb-important-70, hsl(0, 80%, 70%)) !important;
|
|
5222
4559
|
}
|
|
5223
4560
|
|
|
5224
|
-
.
|
|
5225
|
-
color:
|
|
4561
|
+
.foreground-important-80 {
|
|
4562
|
+
color: var(--vb-important-80, hsl(0, 80%, 80%)) !important;
|
|
5226
4563
|
}
|
|
5227
4564
|
|
|
5228
|
-
.
|
|
5229
|
-
color:
|
|
4565
|
+
.foreground-important-90 {
|
|
4566
|
+
color: var(--vb-important-90, hsl(0, 80%, 90%)) !important;
|
|
5230
4567
|
}
|
|
5231
4568
|
|
|
5232
|
-
.
|
|
5233
|
-
color:
|
|
4569
|
+
.foreground-important-95 {
|
|
4570
|
+
color: var(--vb-important-95, hsl(0, 80%, 95%)) !important;
|
|
5234
4571
|
}
|
|
5235
4572
|
|
|
5236
|
-
.
|
|
5237
|
-
color:
|
|
4573
|
+
.foreground-important-98 {
|
|
4574
|
+
color: var(--vb-important-98, hsl(0, 80%, 98%)) !important;
|
|
5238
4575
|
}
|
|
5239
4576
|
|
|
5240
|
-
.
|
|
5241
|
-
color:
|
|
4577
|
+
.foreground-important-100 {
|
|
4578
|
+
color: var(--vb-important-100, hsl(0, 80%, 100%)) !important;
|
|
5242
4579
|
}
|
|
5243
4580
|
|
|
5244
|
-
.
|
|
5245
|
-
|
|
4581
|
+
.border {
|
|
4582
|
+
border: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1)) !important;
|
|
4583
|
+
}
|
|
4584
|
+
|
|
4585
|
+
.border-top {
|
|
4586
|
+
border-top: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1)) !important;
|
|
4587
|
+
}
|
|
4588
|
+
|
|
4589
|
+
.border-bottom {
|
|
4590
|
+
border-bottom: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1)) !important;
|
|
4591
|
+
}
|
|
4592
|
+
|
|
4593
|
+
.border-left {
|
|
4594
|
+
border-left: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1)) !important;
|
|
4595
|
+
}
|
|
4596
|
+
|
|
4597
|
+
.border-right {
|
|
4598
|
+
border-right: 1px solid var(--vb-border-color, rgba(0, 0, 0, 0.1)) !important;
|
|
4599
|
+
}
|
|
4600
|
+
|
|
4601
|
+
.border-none {
|
|
4602
|
+
border: 0 !important;
|
|
4603
|
+
}
|
|
4604
|
+
|
|
4605
|
+
.border-top-none {
|
|
4606
|
+
border-top: 0 !important;
|
|
4607
|
+
}
|
|
4608
|
+
|
|
4609
|
+
.border-bottom-none {
|
|
4610
|
+
border-bottom: 0 !important;
|
|
4611
|
+
}
|
|
4612
|
+
|
|
4613
|
+
.border-left-none {
|
|
4614
|
+
border-left: 0 !important;
|
|
4615
|
+
}
|
|
4616
|
+
|
|
4617
|
+
.border-right-none {
|
|
4618
|
+
border-right: 0 !important;
|
|
4619
|
+
}
|
|
4620
|
+
|
|
4621
|
+
.border-color-dark {
|
|
4622
|
+
border-color: var(--vb-border-color-dark, rgba(0, 0, 0, 0.2)) !important;
|
|
4623
|
+
}
|
|
4624
|
+
|
|
4625
|
+
.border-color-darker {
|
|
4626
|
+
border-color: var(--vb-border-color-darker, rgba(0, 0, 0, 0.3)) !important;
|
|
4627
|
+
}
|
|
4628
|
+
|
|
4629
|
+
.border-color-transparent {
|
|
4630
|
+
border-color: transparent !important;
|
|
4631
|
+
}
|
|
4632
|
+
|
|
4633
|
+
.radius {
|
|
4634
|
+
border-radius: 0.25rem !important;
|
|
4635
|
+
}
|
|
4636
|
+
|
|
4637
|
+
.radius-top,
|
|
4638
|
+
.radius-left,
|
|
4639
|
+
.radius-top-left {
|
|
4640
|
+
border-top-left-radius: 0.25rem !important;
|
|
4641
|
+
}
|
|
4642
|
+
|
|
4643
|
+
.radius-top,
|
|
4644
|
+
.radius-right,
|
|
4645
|
+
.radius-top-right {
|
|
4646
|
+
border-top-right-radius: 0.25rem !important;
|
|
4647
|
+
}
|
|
4648
|
+
|
|
4649
|
+
.radius-bottom,
|
|
4650
|
+
.radius-right,
|
|
4651
|
+
.radius-bottom-right {
|
|
4652
|
+
border-bottom-right-radius: 0.25rem !important;
|
|
4653
|
+
}
|
|
4654
|
+
|
|
4655
|
+
.radius-bottom,
|
|
4656
|
+
.radius-left,
|
|
4657
|
+
.radius-bottom-left {
|
|
4658
|
+
border-bottom-left-radius: 0.25rem !important;
|
|
4659
|
+
}
|
|
4660
|
+
|
|
4661
|
+
.radius-circle {
|
|
4662
|
+
border-radius: 9999px !important;
|
|
4663
|
+
}
|
|
4664
|
+
|
|
4665
|
+
.radius-circle-top,
|
|
4666
|
+
.radius-circle-left,
|
|
4667
|
+
.radius-circle-top-left {
|
|
4668
|
+
border-top-left-radius: 9999px !important;
|
|
4669
|
+
}
|
|
4670
|
+
|
|
4671
|
+
.radius-circle-top,
|
|
4672
|
+
.radius-circle-right,
|
|
4673
|
+
.radius-circle-top-right {
|
|
4674
|
+
border-top-right-radius: 9999px !important;
|
|
4675
|
+
}
|
|
4676
|
+
|
|
4677
|
+
.radius-circle-bottom,
|
|
4678
|
+
.radius-circle-right,
|
|
4679
|
+
.radius-circle-bottom-right {
|
|
4680
|
+
border-bottom-right-radius: 9999px !important;
|
|
4681
|
+
}
|
|
4682
|
+
|
|
4683
|
+
.radius-circle-bottom,
|
|
4684
|
+
.radius-circle-left,
|
|
4685
|
+
.radius-circle-bottom-left {
|
|
4686
|
+
border-bottom-left-radius: 9999px !important;
|
|
4687
|
+
}
|
|
4688
|
+
|
|
4689
|
+
.radius-square {
|
|
4690
|
+
border-radius: 0 !important;
|
|
5246
4691
|
}
|
|
5247
4692
|
|
|
5248
|
-
.
|
|
5249
|
-
|
|
4693
|
+
.radius-square-top,
|
|
4694
|
+
.radius-square-left,
|
|
4695
|
+
.radius-square-top-left {
|
|
4696
|
+
border-top-left-radius: 0 !important;
|
|
5250
4697
|
}
|
|
5251
4698
|
|
|
5252
|
-
.
|
|
5253
|
-
|
|
4699
|
+
.radius-square-top,
|
|
4700
|
+
.radius-square-right,
|
|
4701
|
+
.radius-square-top-right {
|
|
4702
|
+
border-top-right-radius: 0 !important;
|
|
5254
4703
|
}
|
|
5255
4704
|
|
|
5256
|
-
.
|
|
5257
|
-
|
|
4705
|
+
.radius-square-bottom,
|
|
4706
|
+
.radius-square-right,
|
|
4707
|
+
.radius-square-bottom-right {
|
|
4708
|
+
border-bottom-right-radius: 0 !important;
|
|
5258
4709
|
}
|
|
5259
4710
|
|
|
5260
|
-
.
|
|
5261
|
-
|
|
4711
|
+
.radius-square-bottom,
|
|
4712
|
+
.radius-square-left,
|
|
4713
|
+
.radius-square-bottom-left {
|
|
4714
|
+
border-bottom-left-radius: 0 !important;
|
|
5262
4715
|
}
|
|
5263
4716
|
|
|
5264
|
-
.
|
|
5265
|
-
|
|
4717
|
+
.shadow {
|
|
4718
|
+
box-shadow: 0 2px 6px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%)) !important;
|
|
5266
4719
|
}
|
|
5267
4720
|
|
|
5268
|
-
.
|
|
5269
|
-
|
|
4721
|
+
.shadow-flat {
|
|
4722
|
+
box-shadow: 0 0 0 0 transparent !important;
|
|
5270
4723
|
}
|
|
5271
4724
|
|
|
5272
|
-
.
|
|
5273
|
-
|
|
4725
|
+
.shadow-1 {
|
|
4726
|
+
box-shadow: 0 1px 3px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%)) !important;
|
|
5274
4727
|
}
|
|
5275
4728
|
|
|
5276
|
-
.
|
|
5277
|
-
|
|
4729
|
+
.shadow-2 {
|
|
4730
|
+
box-shadow: 0 2px 6px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%)) !important;
|
|
5278
4731
|
}
|
|
5279
4732
|
|
|
5280
|
-
.
|
|
5281
|
-
|
|
4733
|
+
.shadow-3 {
|
|
4734
|
+
box-shadow: 0 4px 12px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%)) !important;
|
|
5282
4735
|
}
|
|
5283
4736
|
|
|
5284
|
-
.
|
|
5285
|
-
|
|
4737
|
+
.shadow-4 {
|
|
4738
|
+
box-shadow: 0 8px 18px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%)) !important;
|
|
5286
4739
|
}
|
|
5287
4740
|
|
|
5288
|
-
.
|
|
5289
|
-
|
|
4741
|
+
.shadow-5 {
|
|
4742
|
+
box-shadow: 0 12px 24px var(--vb-shadow-color, hsl(var(--vb-neutral-hs, 214deg, 20%), 20%, 20%)) !important;
|
|
5290
4743
|
}
|
|
5291
4744
|
|
|
5292
4745
|
.display-inline {
|
|
@@ -6492,12 +5945,4 @@ input::-moz-placeholder {
|
|
|
6492
5945
|
white-space: nowrap !important;
|
|
6493
5946
|
}
|
|
6494
5947
|
|
|
6495
|
-
|
|
6496
|
-
--vb-breakpoint-xs: 480px;
|
|
6497
|
-
--vb-breakpoint-sm: 620px;
|
|
6498
|
-
--vb-breakpoint-md: 760px;
|
|
6499
|
-
--vb-breakpoint-lg: 990px;
|
|
6500
|
-
--vb-breakpoint-xl: 1380px;
|
|
6501
|
-
}
|
|
6502
|
-
|
|
6503
|
-
/*# sourceMappingURL=styles.css.map */
|
|
5948
|
+
/*# sourceMappingURL=index.css.map */
|