@transferwise/neptune-css 0.0.0-experimental-4c688cd → 0.0.0-experimental-5405b30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/css/accordion.css +1 -235
  2. package/dist/css/alerts.css +1 -761
  3. package/dist/css/background.css +1 -20
  4. package/dist/css/badge.css +1 -90
  5. package/dist/css/border-radius.css +1 -3
  6. package/dist/css/breadcrumbs.css +1 -20
  7. package/dist/css/button-groups.css +1 -412
  8. package/dist/css/buttons.css +1 -1382
  9. package/dist/css/chevron.css +1 -35
  10. package/dist/css/circles.css +1 -284
  11. package/dist/css/close.css +1 -47
  12. package/dist/css/column-layout.css +1 -164
  13. package/dist/css/currency-flags.css +1 -45
  14. package/dist/css/decision.css +1 -95
  15. package/dist/css/dropdowns.css +1 -413
  16. package/dist/css/droppable.css +1 -207
  17. package/dist/css/flex.css +1 -598
  18. package/dist/css/footer.css +1 -118
  19. package/dist/css/grid.css +1 -2369
  20. package/dist/css/input-groups.css +1 -2706
  21. package/dist/css/link-callout.css +1 -20
  22. package/dist/css/list-group.css +1 -267
  23. package/dist/css/loaders.css +1 -76
  24. package/dist/css/media.css +1 -74
  25. package/dist/css/modals.css +1 -185
  26. package/dist/css/navbar-base.css +1 -1385
  27. package/dist/css/navbar.css +1 -2397
  28. package/dist/css/navs.css +1 -296
  29. package/dist/css/neptune-addons.css +1 -1829
  30. package/dist/css/neptune-core.css +2 -2037
  31. package/dist/css/neptune-social-media.css +1 -144
  32. package/dist/css/neptune.css +2 -24374
  33. package/dist/css/panels.css +1 -528
  34. package/dist/css/popovers.css +1 -538
  35. package/dist/css/process.css +1 -483
  36. package/dist/css/progress-bars.css +1 -76
  37. package/dist/css/ring.css +1 -59
  38. package/dist/css/select.css +1 -99
  39. package/dist/css/sequences.css +1 -855
  40. package/dist/css/table.css +1 -446
  41. package/dist/css/tick.css +1 -32
  42. package/dist/css/tooltip.css +1 -142
  43. package/dist/css/utilities.css +1 -145
  44. package/dist/css/wells.css +1 -74
  45. package/package.json +2 -3
  46. package/src/less/buttons.less +6 -2
  47. package/src/less/core/_scaffolding.less +1 -3
  48. package/scripts/analyze-css-selectors.js +0 -39
package/dist/css/flex.css CHANGED
@@ -1,598 +1 @@
1
- .d-flex {
2
- display: flex;
3
- }
4
- .d-inline-flex {
5
- display: inline-flex;
6
- }
7
- .flex-column {
8
- flex-direction: column;
9
- }
10
- .flex-row {
11
- flex-direction: row;
12
- }
13
- .justify-content-start {
14
- justify-content: flex-start;
15
- }
16
- .justify-content-end {
17
- justify-content: flex-end;
18
- }
19
- .justify-content-center {
20
- justify-content: center;
21
- }
22
- .justify-content-between {
23
- justify-content: space-between;
24
- }
25
- .justify-content-around {
26
- justify-content: space-around;
27
- }
28
- .align-items-start {
29
- align-items: flex-start;
30
- }
31
- .align-items-end {
32
- align-items: flex-end;
33
- }
34
- .align-items-center {
35
- align-items: center;
36
- }
37
- .align-items-baseline {
38
- align-items: baseline;
39
- }
40
- .align-items-stretch {
41
- align-items: stretch;
42
- }
43
- .align-self-start {
44
- align-self: flex-start;
45
- }
46
- .align-self-end {
47
- align-self: flex-end;
48
- }
49
- .align-self-center {
50
- align-self: center;
51
- }
52
- .align-self-baseline {
53
- align-self: baseline;
54
- }
55
- .align-self-stretch {
56
- align-self: stretch;
57
- }
58
- .flex-nowrap {
59
- flex-wrap: nowrap;
60
- }
61
- .flex-wrap {
62
- flex-wrap: wrap;
63
- }
64
- .order-0 {
65
- order: 0;
66
- }
67
- .order-1 {
68
- order: 1;
69
- }
70
- .order-2 {
71
- order: 2;
72
- }
73
- .order-3 {
74
- order: 3;
75
- }
76
- .flex-grow-1 {
77
- flex-grow: 1;
78
- }
79
- @media (min-width: 576px) {
80
- .d-flex--sm {
81
- display: flex;
82
- }
83
- .d-inline-flex--sm {
84
- display: inline-flex;
85
- }
86
- .flex-column--sm {
87
- flex-direction: column;
88
- }
89
- .flex-row--sm {
90
- flex-direction: row;
91
- }
92
- .justify-content-start--sm {
93
- justify-content: flex-start;
94
- }
95
- .justify-content-end--sm {
96
- justify-content: flex-end;
97
- }
98
- .justify-content-center--sm {
99
- justify-content: center;
100
- }
101
- .justify-content-between--sm {
102
- justify-content: space-between;
103
- }
104
- .justify-content-around--sm {
105
- justify-content: space-around;
106
- }
107
- .align-items-start--sm {
108
- align-items: flex-start;
109
- }
110
- .align-items-end--sm {
111
- align-items: flex-end;
112
- }
113
- .align-items-center--sm {
114
- align-items: center;
115
- }
116
- .align-items-baseline--sm {
117
- align-items: baseline;
118
- }
119
- .align-items-stretch--sm {
120
- align-items: stretch;
121
- }
122
- .align-self-start--sm {
123
- align-self: flex-start;
124
- }
125
- .align-self-end--sm {
126
- align-self: flex-end;
127
- }
128
- .align-self-center--sm {
129
- align-self: center;
130
- }
131
- .align-self-baseline--sm {
132
- align-self: baseline;
133
- }
134
- .align-self-stretch--sm {
135
- align-self: stretch;
136
- }
137
- .flex-nowrap--sm {
138
- flex-wrap: nowrap;
139
- }
140
- .flex-wrap--sm {
141
- flex-wrap: wrap;
142
- }
143
- .order-0--sm {
144
- order: 0;
145
- }
146
- .order-1--sm {
147
- order: 1;
148
- }
149
- .order-2--sm {
150
- order: 2;
151
- }
152
- .order-3--sm {
153
- order: 3;
154
- }
155
- .flex-grow-1--sm {
156
- flex-grow: 1;
157
- }
158
- }
159
- @media (min-width: 768px) {
160
- .d-flex--md {
161
- display: flex;
162
- }
163
- .d-inline-flex--md {
164
- display: inline-flex;
165
- }
166
- .flex-column--md {
167
- flex-direction: column;
168
- }
169
- .flex-row--md {
170
- flex-direction: row;
171
- }
172
- .justify-content-start--md {
173
- justify-content: flex-start;
174
- }
175
- .justify-content-end--md {
176
- justify-content: flex-end;
177
- }
178
- .justify-content-center--md {
179
- justify-content: center;
180
- }
181
- .justify-content-between--md {
182
- justify-content: space-between;
183
- }
184
- .justify-content-around--md {
185
- justify-content: space-around;
186
- }
187
- .align-items-start--md {
188
- align-items: flex-start;
189
- }
190
- .align-items-end--md {
191
- align-items: flex-end;
192
- }
193
- .align-items-center--md {
194
- align-items: center;
195
- }
196
- .align-items-baseline--md {
197
- align-items: baseline;
198
- }
199
- .align-items-stretch--md {
200
- align-items: stretch;
201
- }
202
- .align-self-start--md {
203
- align-self: flex-start;
204
- }
205
- .align-self-end--md {
206
- align-self: flex-end;
207
- }
208
- .align-self-center--md {
209
- align-self: center;
210
- }
211
- .align-self-baseline--md {
212
- align-self: baseline;
213
- }
214
- .align-self-stretch--md {
215
- align-self: stretch;
216
- }
217
- .flex-nowrap--md {
218
- flex-wrap: nowrap;
219
- }
220
- .flex-wrap--md {
221
- flex-wrap: wrap;
222
- }
223
- .order-0--md {
224
- order: 0;
225
- }
226
- .order-1--md {
227
- order: 1;
228
- }
229
- .order-2--md {
230
- order: 2;
231
- }
232
- .order-3--md {
233
- order: 3;
234
- }
235
- .flex-grow-1--md {
236
- flex-grow: 1;
237
- }
238
- }
239
- @media (min-width: 992px) {
240
- .d-flex--lg {
241
- display: flex;
242
- }
243
- .d-inline-flex--lg {
244
- display: inline-flex;
245
- }
246
- .flex-column--lg {
247
- flex-direction: column;
248
- }
249
- .flex-row--lg {
250
- flex-direction: row;
251
- }
252
- .justify-content-start--lg {
253
- justify-content: flex-start;
254
- }
255
- .justify-content-end--lg {
256
- justify-content: flex-end;
257
- }
258
- .justify-content-center--lg {
259
- justify-content: center;
260
- }
261
- .justify-content-between--lg {
262
- justify-content: space-between;
263
- }
264
- .justify-content-around--lg {
265
- justify-content: space-around;
266
- }
267
- .align-items-start--lg {
268
- align-items: flex-start;
269
- }
270
- .align-items-end--lg {
271
- align-items: flex-end;
272
- }
273
- .align-items-center--lg {
274
- align-items: center;
275
- }
276
- .align-items-baseline--lg {
277
- align-items: baseline;
278
- }
279
- .align-items-stretch--lg {
280
- align-items: stretch;
281
- }
282
- .align-self-start--lg {
283
- align-self: flex-start;
284
- }
285
- .align-self-end--lg {
286
- align-self: flex-end;
287
- }
288
- .align-self-center--lg {
289
- align-self: center;
290
- }
291
- .align-self-baseline--lg {
292
- align-self: baseline;
293
- }
294
- .align-self-stretch--lg {
295
- align-self: stretch;
296
- }
297
- .flex-nowrap--lg {
298
- flex-wrap: nowrap;
299
- }
300
- .flex-wrap--lg {
301
- flex-wrap: wrap;
302
- }
303
- .order-0--lg {
304
- order: 0;
305
- }
306
- .order-1--lg {
307
- order: 1;
308
- }
309
- .order-2--lg {
310
- order: 2;
311
- }
312
- .order-3--lg {
313
- order: 3;
314
- }
315
- .flex-grow-1--lg {
316
- flex-grow: 1;
317
- }
318
- }
319
- @media (min-width: 1200px) {
320
- .d-flex--xl {
321
- display: flex;
322
- }
323
- .d-inline-flex--xl {
324
- display: inline-flex;
325
- }
326
- .flex-column--xl {
327
- flex-direction: column;
328
- }
329
- .flex-row--xl {
330
- flex-direction: row;
331
- }
332
- .justify-content-start--xl {
333
- justify-content: flex-start;
334
- }
335
- .justify-content-end--xl {
336
- justify-content: flex-end;
337
- }
338
- .justify-content-center--xl {
339
- justify-content: center;
340
- }
341
- .justify-content-between--xl {
342
- justify-content: space-between;
343
- }
344
- .justify-content-around--xl {
345
- justify-content: space-around;
346
- }
347
- .align-items-start--xl {
348
- align-items: flex-start;
349
- }
350
- .align-items-end--xl {
351
- align-items: flex-end;
352
- }
353
- .align-items-center--xl {
354
- align-items: center;
355
- }
356
- .align-items-baseline--xl {
357
- align-items: baseline;
358
- }
359
- .align-items-stretch--xl {
360
- align-items: stretch;
361
- }
362
- .align-self-start--xl {
363
- align-self: flex-start;
364
- }
365
- .align-self-end--xl {
366
- align-self: flex-end;
367
- }
368
- .align-self-center--xl {
369
- align-self: center;
370
- }
371
- .align-self-baseline--xl {
372
- align-self: baseline;
373
- }
374
- .align-self-stretch--xl {
375
- align-self: stretch;
376
- }
377
- .flex-nowrap--xl {
378
- flex-wrap: nowrap;
379
- }
380
- .flex-wrap--xl {
381
- flex-wrap: wrap;
382
- }
383
- .order-0--xl {
384
- order: 0;
385
- }
386
- .order-1--xl {
387
- order: 1;
388
- }
389
- .order-2--xl {
390
- order: 2;
391
- }
392
- .order-3--xl {
393
- order: 3;
394
- }
395
- .flex-grow-1--xl {
396
- flex-grow: 1;
397
- }
398
- }
399
- /* Items */
400
- .flex__inner {
401
- display: flex;
402
- flex: 1;
403
- flex-wrap: wrap;
404
- margin-right: calc(-1 * 16px);
405
- margin-right: calc(-1 * var(--size-16));
406
- margin-left: calc(-1 * 16px);
407
- margin-left: calc(-1 * var(--size-16));
408
- }
409
- [dir="rtl"] .flex__inner {
410
- margin-left: calc(-1 * 16px);
411
- margin-left: calc(-1 * var(--size-16));
412
- margin-right: 0;
413
- margin-right: initial;
414
- }
415
- [dir="rtl"] .flex__inner {
416
- margin-right: calc(-1 * 16px);
417
- margin-right: calc(-1 * var(--size-16));
418
- margin-left: 0;
419
- margin-left: initial;
420
- }
421
- @media (min-width: 576px) {
422
- .flex__inner {
423
- margin-right: calc(-1 * 24px);
424
- margin-right: calc(-1 * var(--size-24));
425
- margin-left: calc(-1 * 24px);
426
- margin-left: calc(-1 * var(--size-24));
427
- }
428
- [dir="rtl"] .flex__inner {
429
- margin-left: calc(-1 * 24px);
430
- margin-left: calc(-1 * var(--size-24));
431
- margin-right: 0;
432
- margin-right: initial;
433
- }
434
- [dir="rtl"] .flex__inner {
435
- margin-right: calc(-1 * 24px);
436
- margin-right: calc(-1 * var(--size-24));
437
- margin-left: 0;
438
- margin-left: initial;
439
- }
440
- }
441
- @media (min-width: 768px) {
442
- .flex__inner {
443
- margin-right: calc(-1 * 32px);
444
- margin-right: calc(-1 * var(--size-32));
445
- margin-left: calc(-1 * 32px);
446
- margin-left: calc(-1 * var(--size-32));
447
- }
448
- [dir="rtl"] .flex__inner {
449
- margin-left: calc(-1 * 32px);
450
- margin-left: calc(-1 * var(--size-32));
451
- margin-right: 0;
452
- margin-right: initial;
453
- }
454
- [dir="rtl"] .flex__inner {
455
- margin-right: calc(-1 * 32px);
456
- margin-right: calc(-1 * var(--size-32));
457
- margin-left: 0;
458
- margin-left: initial;
459
- }
460
- }
461
- @media (min-width: 992px) {
462
- .flex__inner {
463
- margin-right: calc(-1 * 48px);
464
- margin-right: calc(-1 * var(--size-48));
465
- margin-left: calc(-1 * 48px);
466
- margin-left: calc(-1 * var(--size-48));
467
- }
468
- [dir="rtl"] .flex__inner {
469
- margin-left: calc(-1 * 48px);
470
- margin-left: calc(-1 * var(--size-48));
471
- margin-right: 0;
472
- margin-right: initial;
473
- }
474
- [dir="rtl"] .flex__inner {
475
- margin-right: calc(-1 * 48px);
476
- margin-right: calc(-1 * var(--size-48));
477
- margin-left: 0;
478
- margin-left: initial;
479
- }
480
- }
481
- .flex__item {
482
- padding-right: 16px;
483
- padding-right: var(--size-16);
484
- padding-left: 16px;
485
- padding-left: var(--size-16);
486
- }
487
- [dir="rtl"] .flex__item {
488
- padding-left: 16px;
489
- padding-left: var(--size-16);
490
- padding-right: 0;
491
- padding-right: initial;
492
- }
493
- [dir="rtl"] .flex__item {
494
- padding-right: 16px;
495
- padding-right: var(--size-16);
496
- padding-left: 0;
497
- padding-left: initial;
498
- }
499
- @media (min-width: 576px) {
500
- .flex__item {
501
- padding-right: 24px;
502
- padding-right: var(--size-24);
503
- padding-left: 24px;
504
- padding-left: var(--size-24);
505
- }
506
- [dir="rtl"] .flex__item {
507
- padding-left: 24px;
508
- padding-left: var(--size-24);
509
- padding-right: 0;
510
- padding-right: initial;
511
- }
512
- [dir="rtl"] .flex__item {
513
- padding-right: 24px;
514
- padding-right: var(--size-24);
515
- padding-left: 0;
516
- padding-left: initial;
517
- }
518
- }
519
- @media (min-width: 768px) {
520
- .flex__item {
521
- padding-right: 32px;
522
- padding-right: var(--size-32);
523
- padding-left: 32px;
524
- padding-left: var(--size-32);
525
- }
526
- [dir="rtl"] .flex__item {
527
- padding-left: 32px;
528
- padding-left: var(--size-32);
529
- padding-right: 0;
530
- padding-right: initial;
531
- }
532
- [dir="rtl"] .flex__item {
533
- padding-right: 32px;
534
- padding-right: var(--size-32);
535
- padding-left: 0;
536
- padding-left: initial;
537
- }
538
- }
539
- @media (min-width: 992px) {
540
- .flex__item {
541
- padding-right: 48px;
542
- padding-right: var(--size-48);
543
- padding-left: 48px;
544
- padding-left: var(--size-48);
545
- }
546
- [dir="rtl"] .flex__item {
547
- padding-left: 48px;
548
- padding-left: var(--size-48);
549
- padding-right: 0;
550
- padding-right: initial;
551
- }
552
- [dir="rtl"] .flex__item {
553
- padding-right: 48px;
554
- padding-right: var(--size-48);
555
- padding-left: 0;
556
- padding-left: initial;
557
- }
558
- }
559
- .flex__item--4 {
560
- flex: 0 0 calc(100% / 3);
561
- max-width: calc(100% / 3);
562
- }
563
- @media (max-width: 767px) {
564
- .flex__item--4--md {
565
- flex: 0 0 calc(100% / 3);
566
- max-width: calc(100% / 3);
567
- }
568
- }
569
- .flex__item--8 {
570
- flex: 0 0 calc(100% / 1.5);
571
- max-width: calc(100% / 1.5);
572
- }
573
- @media (max-width: 767px) {
574
- .flex__item--8--md {
575
- flex: 0 0 calc(100% / 1.5);
576
- max-width: calc(100% / 1.5);
577
- }
578
- }
579
- .flex__item--6 {
580
- flex: 0 0 50%;
581
- max-width: 50%;
582
- }
583
- @media (max-width: 767px) {
584
- .flex__item--6--md {
585
- flex: 0 0 50%;
586
- max-width: 50%;
587
- }
588
- }
589
- .flex__item--12 {
590
- flex: 0 0 100%;
591
- max-width: 100%;
592
- }
593
- @media (max-width: 767px) {
594
- .flex__item--12--md {
595
- flex: 0 0 100%;
596
- max-width: 100%;
597
- }
598
- }
1
+ .d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.align-items-stretch{align-items:stretch}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.align-self-baseline{align-self:baseline}.align-self-stretch{align-self:stretch}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.flex-grow-1{flex-grow:1}@media (min-width:576px){.d-flex--sm{display:flex}.d-inline-flex--sm{display:inline-flex}.flex-column--sm{flex-direction:column}.flex-row--sm{flex-direction:row}.justify-content-start--sm{justify-content:flex-start}.justify-content-end--sm{justify-content:flex-end}.justify-content-center--sm{justify-content:center}.justify-content-between--sm{justify-content:space-between}.justify-content-around--sm{justify-content:space-around}.align-items-start--sm{align-items:flex-start}.align-items-end--sm{align-items:flex-end}.align-items-center--sm{align-items:center}.align-items-baseline--sm{align-items:baseline}.align-items-stretch--sm{align-items:stretch}.align-self-start--sm{align-self:flex-start}.align-self-end--sm{align-self:flex-end}.align-self-center--sm{align-self:center}.align-self-baseline--sm{align-self:baseline}.align-self-stretch--sm{align-self:stretch}.flex-nowrap--sm{flex-wrap:nowrap}.flex-wrap--sm{flex-wrap:wrap}.order-0--sm{order:0}.order-1--sm{order:1}.order-2--sm{order:2}.order-3--sm{order:3}.flex-grow-1--sm{flex-grow:1}}@media (min-width:768px){.d-flex--md{display:flex}.d-inline-flex--md{display:inline-flex}.flex-column--md{flex-direction:column}.flex-row--md{flex-direction:row}.justify-content-start--md{justify-content:flex-start}.justify-content-end--md{justify-content:flex-end}.justify-content-center--md{justify-content:center}.justify-content-between--md{justify-content:space-between}.justify-content-around--md{justify-content:space-around}.align-items-start--md{align-items:flex-start}.align-items-end--md{align-items:flex-end}.align-items-center--md{align-items:center}.align-items-baseline--md{align-items:baseline}.align-items-stretch--md{align-items:stretch}.align-self-start--md{align-self:flex-start}.align-self-end--md{align-self:flex-end}.align-self-center--md{align-self:center}.align-self-baseline--md{align-self:baseline}.align-self-stretch--md{align-self:stretch}.flex-nowrap--md{flex-wrap:nowrap}.flex-wrap--md{flex-wrap:wrap}.order-0--md{order:0}.order-1--md{order:1}.order-2--md{order:2}.order-3--md{order:3}.flex-grow-1--md{flex-grow:1}}@media (min-width:992px){.d-flex--lg{display:flex}.d-inline-flex--lg{display:inline-flex}.flex-column--lg{flex-direction:column}.flex-row--lg{flex-direction:row}.justify-content-start--lg{justify-content:flex-start}.justify-content-end--lg{justify-content:flex-end}.justify-content-center--lg{justify-content:center}.justify-content-between--lg{justify-content:space-between}.justify-content-around--lg{justify-content:space-around}.align-items-start--lg{align-items:flex-start}.align-items-end--lg{align-items:flex-end}.align-items-center--lg{align-items:center}.align-items-baseline--lg{align-items:baseline}.align-items-stretch--lg{align-items:stretch}.align-self-start--lg{align-self:flex-start}.align-self-end--lg{align-self:flex-end}.align-self-center--lg{align-self:center}.align-self-baseline--lg{align-self:baseline}.align-self-stretch--lg{align-self:stretch}.flex-nowrap--lg{flex-wrap:nowrap}.flex-wrap--lg{flex-wrap:wrap}.order-0--lg{order:0}.order-1--lg{order:1}.order-2--lg{order:2}.order-3--lg{order:3}.flex-grow-1--lg{flex-grow:1}}@media (min-width:1200px){.d-flex--xl{display:flex}.d-inline-flex--xl{display:inline-flex}.flex-column--xl{flex-direction:column}.flex-row--xl{flex-direction:row}.justify-content-start--xl{justify-content:flex-start}.justify-content-end--xl{justify-content:flex-end}.justify-content-center--xl{justify-content:center}.justify-content-between--xl{justify-content:space-between}.justify-content-around--xl{justify-content:space-around}.align-items-start--xl{align-items:flex-start}.align-items-end--xl{align-items:flex-end}.align-items-center--xl{align-items:center}.align-items-baseline--xl{align-items:baseline}.align-items-stretch--xl{align-items:stretch}.align-self-start--xl{align-self:flex-start}.align-self-end--xl{align-self:flex-end}.align-self-center--xl{align-self:center}.align-self-baseline--xl{align-self:baseline}.align-self-stretch--xl{align-self:stretch}.flex-nowrap--xl{flex-wrap:nowrap}.flex-wrap--xl{flex-wrap:wrap}.order-0--xl{order:0}.order-1--xl{order:1}.order-2--xl{order:2}.order-3--xl{order:3}.flex-grow-1--xl{flex-grow:1}}.flex__inner{display:flex;flex:1;flex-wrap:wrap;margin-right:-16px;margin-right:calc(var(--size-16)*-1)}.flex__inner,[dir=rtl] .flex__inner{margin-left:-16px;margin-left:calc(var(--size-16)*-1)}[dir=rtl] .flex__inner{margin-left:0;margin-right:0;margin-right:-16px;margin-right:calc(var(--size-16)*-1)}@media (min-width:576px){.flex__inner{margin-right:-24px;margin-right:calc(var(--size-24)*-1)}.flex__inner,[dir=rtl] .flex__inner{margin-left:-24px;margin-left:calc(var(--size-24)*-1)}[dir=rtl] .flex__inner{margin-left:0;margin-right:0;margin-right:-24px;margin-right:calc(var(--size-24)*-1)}}@media (min-width:768px){.flex__inner{margin-right:-32px;margin-right:calc(var(--size-32)*-1)}.flex__inner,[dir=rtl] .flex__inner{margin-left:-32px;margin-left:calc(var(--size-32)*-1)}[dir=rtl] .flex__inner{margin-left:0;margin-right:0;margin-right:-32px;margin-right:calc(var(--size-32)*-1)}}@media (min-width:992px){.flex__inner{margin-right:-48px;margin-right:calc(var(--size-48)*-1)}.flex__inner,[dir=rtl] .flex__inner{margin-left:-48px;margin-left:calc(var(--size-48)*-1)}[dir=rtl] .flex__inner{margin-left:0;margin-right:0;margin-right:-48px;margin-right:calc(var(--size-48)*-1)}}.flex__item{padding-right:16px;padding-right:var(--size-16)}.flex__item,[dir=rtl] .flex__item{padding-left:16px;padding-left:var(--size-16)}[dir=rtl] .flex__item{padding-left:0;padding-right:0;padding-right:16px;padding-right:var(--size-16)}@media (min-width:576px){.flex__item{padding-right:24px;padding-right:var(--size-24)}.flex__item,[dir=rtl] .flex__item{padding-left:24px;padding-left:var(--size-24)}[dir=rtl] .flex__item{padding-left:0;padding-right:0;padding-right:24px;padding-right:var(--size-24)}}@media (min-width:768px){.flex__item{padding-right:32px;padding-right:var(--size-32)}.flex__item,[dir=rtl] .flex__item{padding-left:32px;padding-left:var(--size-32)}[dir=rtl] .flex__item{padding-left:0;padding-right:0;padding-right:32px;padding-right:var(--size-32)}}@media (min-width:992px){.flex__item{padding-right:48px;padding-right:var(--size-48)}.flex__item,[dir=rtl] .flex__item{padding-left:48px;padding-left:var(--size-48)}[dir=rtl] .flex__item{padding-left:0;padding-right:0;padding-right:48px;padding-right:var(--size-48)}}.flex__item--4{flex:0 0 33.33333%;max-width:33.33333%}@media (max-width:767px){.flex__item--4--md{flex:0 0 33.33333%;max-width:33.33333%}}.flex__item--8{flex:0 0 66.66667%;max-width:66.66667%}@media (max-width:767px){.flex__item--8--md{flex:0 0 66.66667%;max-width:66.66667%}}.flex__item--6{flex:0 0 50%;max-width:50%}@media (max-width:767px){.flex__item--6--md{flex:0 0 50%;max-width:50%}}.flex__item--12{flex:0 0 100%;max-width:100%}@media (max-width:767px){.flex__item--12--md{flex:0 0 100%;max-width:100%}}