@transferwise/neptune-css 14.28.2 → 14.29.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.
Files changed (44) hide show
  1. package/dist/css/accordion.css +24 -46
  2. package/dist/css/alerts.css +56 -124
  3. package/dist/css/badge.css +20 -30
  4. package/dist/css/breadcrumbs.css +6 -4
  5. package/dist/css/button-groups.css +116 -254
  6. package/dist/css/buttons.css +51 -90
  7. package/dist/css/circles.css +38 -76
  8. package/dist/css/close.css +1 -4
  9. package/dist/css/column-layout.css +38 -60
  10. package/dist/css/currency-flags.css +4 -17
  11. package/dist/css/decision.css +14 -12
  12. package/dist/css/dropdowns.css +59 -210
  13. package/dist/css/droppable.css +43 -38
  14. package/dist/css/flex.css +40 -136
  15. package/dist/css/footer.css +15 -14
  16. package/dist/css/grid.css +383 -1430
  17. package/dist/css/input-groups.css +254 -542
  18. package/dist/css/link-callout.css +2 -8
  19. package/dist/css/list-group.css +57 -92
  20. package/dist/css/loaders.css +11 -11
  21. package/dist/css/media.css +10 -34
  22. package/dist/css/modals.css +49 -59
  23. package/dist/css/navbar.css +372 -812
  24. package/dist/css/navs.css +59 -124
  25. package/dist/css/neptune-addons.css +687 -1234
  26. package/dist/css/neptune-core.css +123 -229
  27. package/dist/css/neptune-social-media.css +9 -33
  28. package/dist/css/neptune.css +3039 -6483
  29. package/dist/css/panels.css +143 -243
  30. package/dist/css/popovers.css +114 -295
  31. package/dist/css/process.css +64 -77
  32. package/dist/css/progress-bars.css +13 -19
  33. package/dist/css/select.css +21 -53
  34. package/dist/css/sequences.css +99 -219
  35. package/dist/css/table.css +48 -43
  36. package/dist/css/tick.css +10 -10
  37. package/dist/css/tooltip.css +49 -82
  38. package/dist/css/utilities.css +12 -40
  39. package/dist/css/wells.css +16 -16
  40. package/package.json +2 -2
  41. package/src/less/addons/_spacing-utilities.less +4 -4
  42. package/src/less/mixins/_logical-properties-IE-friendly.less +1 -0
  43. package/src/less/mixins/_logical-properties-modern-browsers.less +80 -41
  44. package/src/less/mixins/_logical-properties.less +3 -3
@@ -232,1579 +232,1031 @@
232
232
  outline: none;
233
233
  }
234
234
  .m-a-0 {
235
- margin-top: 0 !important;
236
- margin-bottom: 0 !important;
237
- }
238
- [dir="rtl"] .m-a-0 {
239
- margin-left: 0 !important;
240
- }
241
- html:not([dir="rtl"]) .m-a-0 {
242
- margin-right: 0 !important;
243
- }
244
- [dir="rtl"] .m-a-0 {
245
- margin-right: 0 !important;
246
- }
247
- html:not([dir="rtl"]) .m-a-0 {
248
- margin-left: 0 !important;
235
+ margin-block-start: 0 !important;
236
+ margin-inline-end: 0 !important;
237
+ margin-block-end: 0 !important;
238
+ margin-inline-start: 0 !important;
249
239
  }
250
240
  .p-a-0 {
251
- padding-top: 0 !important;
252
- padding-bottom: 0 !important;
253
- }
254
- [dir="rtl"] .p-a-0 {
255
- padding-left: 0 !important;
256
- }
257
- html:not([dir="rtl"]) .p-a-0 {
258
- padding-right: 0 !important;
259
- }
260
- [dir="rtl"] .p-a-0 {
261
- padding-right: 0 !important;
262
- }
263
- html:not([dir="rtl"]) .p-a-0 {
264
- padding-left: 0 !important;
241
+ padding-block-start: 0 !important;
242
+ padding-inline-end: 0 !important;
243
+ padding-block-end: 0 !important;
244
+ padding-inline-start: 0 !important;
265
245
  }
266
246
  .m-t-0 {
267
- margin-top: 0 !important;
247
+ margin-block-start: 0 !important;
268
248
  }
269
249
  .m-b-0 {
270
- margin-bottom: 0 !important;
250
+ margin-block-end: 0 !important;
271
251
  }
272
252
  .m-y-0 {
273
- margin-top: 0 !important;
274
- margin-bottom: 0 !important;
253
+ margin-block-start: 0 !important;
254
+ margin-block-end: 0 !important;
275
255
  }
276
256
  .p-t-0 {
277
- padding-top: 0 !important;
257
+ padding-block-start: 0 !important;
278
258
  }
279
259
  .p-b-0 {
280
- padding-bottom: 0 !important;
260
+ padding-block-end: 0 !important;
281
261
  }
282
262
  .p-y-0 {
283
- padding-top: 0 !important;
284
- padding-bottom: 0 !important;
285
- }
286
- [dir="rtl"] .m-l-0 {
287
- margin-right: 0 !important;
288
- }
289
- html:not([dir="rtl"]) .m-l-0 {
290
- margin-left: 0 !important;
291
- }
292
- [dir="rtl"] .m-r-0 {
293
- margin-left: 0 !important;
294
- }
295
- html:not([dir="rtl"]) .m-r-0 {
296
- margin-right: 0 !important;
297
- }
298
- [dir="rtl"] .m-x-0 {
299
- margin-right: 0 !important;
263
+ padding-block-start: 0 !important;
264
+ padding-block-end: 0 !important;
300
265
  }
301
- html:not([dir="rtl"]) .m-x-0 {
302
- margin-left: 0 !important;
266
+ .m-l-0 {
267
+ margin-inline-start: 0 !important;
303
268
  }
304
- [dir="rtl"] .m-x-0 {
305
- margin-left: 0 !important;
269
+ .m-r-0 {
270
+ margin-inline-end: 0 !important;
306
271
  }
307
- html:not([dir="rtl"]) .m-x-0 {
308
- margin-right: 0 !important;
272
+ .m-x-0 {
273
+ margin-inline-start: 0 !important;
274
+ margin-inline-end: 0 !important;
309
275
  }
310
- [dir="rtl"] .p-l-0 {
311
- padding-right: 0 !important;
276
+ .p-l-0 {
277
+ padding-inline-start: 0 !important;
312
278
  }
313
- html:not([dir="rtl"]) .p-l-0 {
314
- padding-left: 0 !important;
279
+ .p-r-0 {
280
+ padding-inline-end: 0 !important;
315
281
  }
316
- [dir="rtl"] .p-r-0 {
317
- padding-left: 0 !important;
318
- }
319
- html:not([dir="rtl"]) .p-r-0 {
320
- padding-right: 0 !important;
321
- }
322
- [dir="rtl"] .p-x-0 {
323
- padding-right: 0 !important;
324
- }
325
- html:not([dir="rtl"]) .p-x-0 {
326
- padding-left: 0 !important;
327
- }
328
- [dir="rtl"] .p-x-0 {
329
- padding-left: 0 !important;
330
- }
331
- html:not([dir="rtl"]) .p-x-0 {
332
- padding-right: 0 !important;
282
+ .p-x-0 {
283
+ padding-inline-start: 0 !important;
284
+ padding-inline-end: 0 !important;
333
285
  }
334
286
  .m-a-1 {
335
- margin-top: 8px !important;
336
- margin-top: var(--size-8) !important;
337
- margin-bottom: 8px !important;
338
- margin-bottom: var(--size-8) !important;
339
- }
340
- [dir="rtl"] .m-a-1 {
341
- margin-left: 8px !important;
342
- margin-left: var(--size-8) !important;
343
- }
344
- html:not([dir="rtl"]) .m-a-1 {
345
- margin-right: 8px !important;
346
- margin-right: var(--size-8) !important;
347
- }
348
- [dir="rtl"] .m-a-1 {
349
- margin-right: 8px !important;
350
- margin-right: var(--size-8) !important;
351
- }
352
- html:not([dir="rtl"]) .m-a-1 {
353
- margin-left: 8px !important;
354
- margin-left: var(--size-8) !important;
287
+ margin-block-start: 8px !important;
288
+ margin-block-start: var(--size-8) !important;
289
+ margin-inline-end: 8px !important;
290
+ margin-inline-end: var(--size-8) !important;
291
+ margin-block-end: 8px !important;
292
+ margin-block-end: var(--size-8) !important;
293
+ margin-inline-start: 8px !important;
294
+ margin-inline-start: var(--size-8) !important;
355
295
  }
356
296
  .p-a-1 {
357
- padding-top: 8px !important;
358
- padding-top: var(--size-8) !important;
359
- padding-bottom: 8px !important;
360
- padding-bottom: var(--size-8) !important;
361
- }
362
- [dir="rtl"] .p-a-1 {
363
- padding-left: 8px !important;
364
- padding-left: var(--size-8) !important;
365
- }
366
- html:not([dir="rtl"]) .p-a-1 {
367
- padding-right: 8px !important;
368
- padding-right: var(--size-8) !important;
369
- }
370
- [dir="rtl"] .p-a-1 {
371
- padding-right: 8px !important;
372
- padding-right: var(--size-8) !important;
373
- }
374
- html:not([dir="rtl"]) .p-a-1 {
375
- padding-left: 8px !important;
376
- padding-left: var(--size-8) !important;
297
+ padding-block-start: 8px !important;
298
+ padding-block-start: var(--size-8) !important;
299
+ padding-inline-end: 8px !important;
300
+ padding-inline-end: var(--size-8) !important;
301
+ padding-block-end: 8px !important;
302
+ padding-block-end: var(--size-8) !important;
303
+ padding-inline-start: 8px !important;
304
+ padding-inline-start: var(--size-8) !important;
377
305
  }
378
306
  .m-t-1 {
379
- margin-top: 8px !important;
380
- margin-top: var(--size-8) !important;
307
+ margin-block-start: 8px !important;
308
+ margin-block-start: var(--size-8) !important;
381
309
  }
382
310
  .m-b-1 {
383
- margin-bottom: 8px !important;
384
- margin-bottom: var(--size-8) !important;
311
+ margin-block-end: 8px !important;
312
+ margin-block-end: var(--size-8) !important;
385
313
  }
386
314
  .m-y-1 {
387
- margin-top: 8px !important;
388
- margin-top: var(--size-8) !important;
389
- margin-bottom: 8px !important;
390
- margin-bottom: var(--size-8) !important;
315
+ margin-block-start: 8px !important;
316
+ margin-block-start: var(--size-8) !important;
317
+ margin-block-end: 8px !important;
318
+ margin-block-end: var(--size-8) !important;
391
319
  }
392
320
  .p-t-1 {
393
- padding-top: 8px !important;
394
- padding-top: var(--size-8) !important;
321
+ padding-block-start: 8px !important;
322
+ padding-block-start: var(--size-8) !important;
395
323
  }
396
324
  .p-b-1 {
397
- padding-bottom: 8px !important;
398
- padding-bottom: var(--size-8) !important;
325
+ padding-block-end: 8px !important;
326
+ padding-block-end: var(--size-8) !important;
399
327
  }
400
328
  .p-y-1 {
401
- padding-top: 8px !important;
402
- padding-top: var(--size-8) !important;
403
- padding-bottom: 8px !important;
404
- padding-bottom: var(--size-8) !important;
405
- }
406
- [dir="rtl"] .m-l-1 {
407
- margin-right: 8px !important;
408
- margin-right: var(--size-8) !important;
409
- }
410
- html:not([dir="rtl"]) .m-l-1 {
411
- margin-left: 8px !important;
412
- margin-left: var(--size-8) !important;
413
- }
414
- [dir="rtl"] .m-r-1 {
415
- margin-left: 8px !important;
416
- margin-left: var(--size-8) !important;
417
- }
418
- html:not([dir="rtl"]) .m-r-1 {
419
- margin-right: 8px !important;
420
- margin-right: var(--size-8) !important;
421
- }
422
- [dir="rtl"] .m-x-1 {
423
- margin-right: 8px !important;
424
- margin-right: var(--size-8) !important;
425
- }
426
- html:not([dir="rtl"]) .m-x-1 {
427
- margin-left: 8px !important;
428
- margin-left: var(--size-8) !important;
429
- }
430
- [dir="rtl"] .m-x-1 {
431
- margin-left: 8px !important;
432
- margin-left: var(--size-8) !important;
433
- }
434
- html:not([dir="rtl"]) .m-x-1 {
435
- margin-right: 8px !important;
436
- margin-right: var(--size-8) !important;
437
- }
438
- [dir="rtl"] .p-l-1 {
439
- padding-right: 8px !important;
440
- padding-right: var(--size-8) !important;
441
- }
442
- html:not([dir="rtl"]) .p-l-1 {
443
- padding-left: 8px !important;
444
- padding-left: var(--size-8) !important;
445
- }
446
- [dir="rtl"] .p-r-1 {
447
- padding-left: 8px !important;
448
- padding-left: var(--size-8) !important;
449
- }
450
- html:not([dir="rtl"]) .p-r-1 {
451
- padding-right: 8px !important;
452
- padding-right: var(--size-8) !important;
453
- }
454
- [dir="rtl"] .p-x-1 {
455
- padding-right: 8px !important;
456
- padding-right: var(--size-8) !important;
457
- }
458
- html:not([dir="rtl"]) .p-x-1 {
459
- padding-left: 8px !important;
460
- padding-left: var(--size-8) !important;
461
- }
462
- [dir="rtl"] .p-x-1 {
463
- padding-left: 8px !important;
464
- padding-left: var(--size-8) !important;
465
- }
466
- html:not([dir="rtl"]) .p-x-1 {
467
- padding-right: 8px !important;
468
- padding-right: var(--size-8) !important;
329
+ padding-block-start: 8px !important;
330
+ padding-block-start: var(--size-8) !important;
331
+ padding-block-end: 8px !important;
332
+ padding-block-end: var(--size-8) !important;
333
+ }
334
+ .m-l-1 {
335
+ margin-inline-start: 8px !important;
336
+ margin-inline-start: var(--size-8) !important;
337
+ }
338
+ .m-r-1 {
339
+ margin-inline-end: 8px !important;
340
+ margin-inline-end: var(--size-8) !important;
341
+ }
342
+ .m-x-1 {
343
+ margin-inline-start: 8px !important;
344
+ margin-inline-start: var(--size-8) !important;
345
+ margin-inline-end: 8px !important;
346
+ margin-inline-end: var(--size-8) !important;
347
+ }
348
+ .p-l-1 {
349
+ padding-inline-start: 8px !important;
350
+ padding-inline-start: var(--size-8) !important;
351
+ }
352
+ .p-r-1 {
353
+ padding-inline-end: 8px !important;
354
+ padding-inline-end: var(--size-8) !important;
355
+ }
356
+ .p-x-1 {
357
+ padding-inline-start: 8px !important;
358
+ padding-inline-start: var(--size-8) !important;
359
+ padding-inline-end: 8px !important;
360
+ padding-inline-end: var(--size-8) !important;
469
361
  }
470
362
  .m-a-2 {
471
- margin-top: 16px !important;
472
- margin-top: var(--size-16) !important;
473
- margin-bottom: 16px !important;
474
- margin-bottom: var(--size-16) !important;
475
- }
476
- [dir="rtl"] .m-a-2 {
477
- margin-left: 16px !important;
478
- margin-left: var(--size-16) !important;
479
- }
480
- html:not([dir="rtl"]) .m-a-2 {
481
- margin-right: 16px !important;
482
- margin-right: var(--size-16) !important;
483
- }
484
- [dir="rtl"] .m-a-2 {
485
- margin-right: 16px !important;
486
- margin-right: var(--size-16) !important;
487
- }
488
- html:not([dir="rtl"]) .m-a-2 {
489
- margin-left: 16px !important;
490
- margin-left: var(--size-16) !important;
363
+ margin-block-start: 16px !important;
364
+ margin-block-start: var(--size-16) !important;
365
+ margin-inline-end: 16px !important;
366
+ margin-inline-end: var(--size-16) !important;
367
+ margin-block-end: 16px !important;
368
+ margin-block-end: var(--size-16) !important;
369
+ margin-inline-start: 16px !important;
370
+ margin-inline-start: var(--size-16) !important;
491
371
  }
492
372
  .p-a-2 {
493
- padding-top: 16px !important;
494
- padding-top: var(--size-16) !important;
495
- padding-bottom: 16px !important;
496
- padding-bottom: var(--size-16) !important;
497
- }
498
- [dir="rtl"] .p-a-2 {
499
- padding-left: 16px !important;
500
- padding-left: var(--size-16) !important;
501
- }
502
- html:not([dir="rtl"]) .p-a-2 {
503
- padding-right: 16px !important;
504
- padding-right: var(--size-16) !important;
505
- }
506
- [dir="rtl"] .p-a-2 {
507
- padding-right: 16px !important;
508
- padding-right: var(--size-16) !important;
509
- }
510
- html:not([dir="rtl"]) .p-a-2 {
511
- padding-left: 16px !important;
512
- padding-left: var(--size-16) !important;
373
+ padding-block-start: 16px !important;
374
+ padding-block-start: var(--size-16) !important;
375
+ padding-inline-end: 16px !important;
376
+ padding-inline-end: var(--size-16) !important;
377
+ padding-block-end: 16px !important;
378
+ padding-block-end: var(--size-16) !important;
379
+ padding-inline-start: 16px !important;
380
+ padding-inline-start: var(--size-16) !important;
513
381
  }
514
382
  .m-t-2 {
515
- margin-top: 16px !important;
516
- margin-top: var(--size-16) !important;
383
+ margin-block-start: 16px !important;
384
+ margin-block-start: var(--size-16) !important;
517
385
  }
518
386
  .m-b-2 {
519
- margin-bottom: 16px !important;
520
- margin-bottom: var(--size-16) !important;
387
+ margin-block-end: 16px !important;
388
+ margin-block-end: var(--size-16) !important;
521
389
  }
522
390
  .m-y-2 {
523
- margin-top: 16px !important;
524
- margin-top: var(--size-16) !important;
525
- margin-bottom: 16px !important;
526
- margin-bottom: var(--size-16) !important;
391
+ margin-block-start: 16px !important;
392
+ margin-block-start: var(--size-16) !important;
393
+ margin-block-end: 16px !important;
394
+ margin-block-end: var(--size-16) !important;
527
395
  }
528
396
  .p-t-2 {
529
- padding-top: 16px !important;
530
- padding-top: var(--size-16) !important;
397
+ padding-block-start: 16px !important;
398
+ padding-block-start: var(--size-16) !important;
531
399
  }
532
400
  .p-b-2 {
533
- padding-bottom: 16px !important;
534
- padding-bottom: var(--size-16) !important;
401
+ padding-block-end: 16px !important;
402
+ padding-block-end: var(--size-16) !important;
535
403
  }
536
404
  .p-y-2 {
537
- padding-top: 16px !important;
538
- padding-top: var(--size-16) !important;
539
- padding-bottom: 16px !important;
540
- padding-bottom: var(--size-16) !important;
541
- }
542
- [dir="rtl"] .m-l-2 {
543
- margin-right: 16px !important;
544
- margin-right: var(--size-16) !important;
545
- }
546
- html:not([dir="rtl"]) .m-l-2 {
547
- margin-left: 16px !important;
548
- margin-left: var(--size-16) !important;
549
- }
550
- [dir="rtl"] .m-r-2 {
551
- margin-left: 16px !important;
552
- margin-left: var(--size-16) !important;
553
- }
554
- html:not([dir="rtl"]) .m-r-2 {
555
- margin-right: 16px !important;
556
- margin-right: var(--size-16) !important;
557
- }
558
- [dir="rtl"] .m-x-2 {
559
- margin-right: 16px !important;
560
- margin-right: var(--size-16) !important;
561
- }
562
- html:not([dir="rtl"]) .m-x-2 {
563
- margin-left: 16px !important;
564
- margin-left: var(--size-16) !important;
565
- }
566
- [dir="rtl"] .m-x-2 {
567
- margin-left: 16px !important;
568
- margin-left: var(--size-16) !important;
569
- }
570
- html:not([dir="rtl"]) .m-x-2 {
571
- margin-right: 16px !important;
572
- margin-right: var(--size-16) !important;
573
- }
574
- [dir="rtl"] .p-l-2 {
575
- padding-right: 16px !important;
576
- padding-right: var(--size-16) !important;
577
- }
578
- html:not([dir="rtl"]) .p-l-2 {
579
- padding-left: 16px !important;
580
- padding-left: var(--size-16) !important;
581
- }
582
- [dir="rtl"] .p-r-2 {
583
- padding-left: 16px !important;
584
- padding-left: var(--size-16) !important;
585
- }
586
- html:not([dir="rtl"]) .p-r-2 {
587
- padding-right: 16px !important;
588
- padding-right: var(--size-16) !important;
589
- }
590
- [dir="rtl"] .p-x-2 {
591
- padding-right: 16px !important;
592
- padding-right: var(--size-16) !important;
593
- }
594
- html:not([dir="rtl"]) .p-x-2 {
595
- padding-left: 16px !important;
596
- padding-left: var(--size-16) !important;
597
- }
598
- [dir="rtl"] .p-x-2 {
599
- padding-left: 16px !important;
600
- padding-left: var(--size-16) !important;
601
- }
602
- html:not([dir="rtl"]) .p-x-2 {
603
- padding-right: 16px !important;
604
- padding-right: var(--size-16) !important;
405
+ padding-block-start: 16px !important;
406
+ padding-block-start: var(--size-16) !important;
407
+ padding-block-end: 16px !important;
408
+ padding-block-end: var(--size-16) !important;
409
+ }
410
+ .m-l-2 {
411
+ margin-inline-start: 16px !important;
412
+ margin-inline-start: var(--size-16) !important;
413
+ }
414
+ .m-r-2 {
415
+ margin-inline-end: 16px !important;
416
+ margin-inline-end: var(--size-16) !important;
417
+ }
418
+ .m-x-2 {
419
+ margin-inline-start: 16px !important;
420
+ margin-inline-start: var(--size-16) !important;
421
+ margin-inline-end: 16px !important;
422
+ margin-inline-end: var(--size-16) !important;
423
+ }
424
+ .p-l-2 {
425
+ padding-inline-start: 16px !important;
426
+ padding-inline-start: var(--size-16) !important;
427
+ }
428
+ .p-r-2 {
429
+ padding-inline-end: 16px !important;
430
+ padding-inline-end: var(--size-16) !important;
431
+ }
432
+ .p-x-2 {
433
+ padding-inline-start: 16px !important;
434
+ padding-inline-start: var(--size-16) !important;
435
+ padding-inline-end: 16px !important;
436
+ padding-inline-end: var(--size-16) !important;
605
437
  }
606
438
  .m-a-3 {
607
- margin-top: 24px !important;
608
- margin-top: var(--size-24) !important;
609
- margin-bottom: 24px !important;
610
- margin-bottom: var(--size-24) !important;
611
- }
612
- [dir="rtl"] .m-a-3 {
613
- margin-left: 24px !important;
614
- margin-left: var(--size-24) !important;
615
- }
616
- html:not([dir="rtl"]) .m-a-3 {
617
- margin-right: 24px !important;
618
- margin-right: var(--size-24) !important;
619
- }
620
- [dir="rtl"] .m-a-3 {
621
- margin-right: 24px !important;
622
- margin-right: var(--size-24) !important;
623
- }
624
- html:not([dir="rtl"]) .m-a-3 {
625
- margin-left: 24px !important;
626
- margin-left: var(--size-24) !important;
439
+ margin-block-start: 24px !important;
440
+ margin-block-start: var(--size-24) !important;
441
+ margin-inline-end: 24px !important;
442
+ margin-inline-end: var(--size-24) !important;
443
+ margin-block-end: 24px !important;
444
+ margin-block-end: var(--size-24) !important;
445
+ margin-inline-start: 24px !important;
446
+ margin-inline-start: var(--size-24) !important;
627
447
  }
628
448
  .p-a-3 {
629
- padding-top: 24px !important;
630
- padding-top: var(--size-24) !important;
631
- padding-bottom: 24px !important;
632
- padding-bottom: var(--size-24) !important;
633
- }
634
- [dir="rtl"] .p-a-3 {
635
- padding-left: 24px !important;
636
- padding-left: var(--size-24) !important;
637
- }
638
- html:not([dir="rtl"]) .p-a-3 {
639
- padding-right: 24px !important;
640
- padding-right: var(--size-24) !important;
641
- }
642
- [dir="rtl"] .p-a-3 {
643
- padding-right: 24px !important;
644
- padding-right: var(--size-24) !important;
645
- }
646
- html:not([dir="rtl"]) .p-a-3 {
647
- padding-left: 24px !important;
648
- padding-left: var(--size-24) !important;
449
+ padding-block-start: 24px !important;
450
+ padding-block-start: var(--size-24) !important;
451
+ padding-inline-end: 24px !important;
452
+ padding-inline-end: var(--size-24) !important;
453
+ padding-block-end: 24px !important;
454
+ padding-block-end: var(--size-24) !important;
455
+ padding-inline-start: 24px !important;
456
+ padding-inline-start: var(--size-24) !important;
649
457
  }
650
458
  .m-t-3 {
651
- margin-top: 24px !important;
652
- margin-top: var(--size-24) !important;
459
+ margin-block-start: 24px !important;
460
+ margin-block-start: var(--size-24) !important;
653
461
  }
654
462
  .m-b-3 {
655
- margin-bottom: 24px !important;
656
- margin-bottom: var(--size-24) !important;
463
+ margin-block-end: 24px !important;
464
+ margin-block-end: var(--size-24) !important;
657
465
  }
658
466
  .m-y-3 {
659
- margin-top: 24px !important;
660
- margin-top: var(--size-24) !important;
661
- margin-bottom: 24px !important;
662
- margin-bottom: var(--size-24) !important;
467
+ margin-block-start: 24px !important;
468
+ margin-block-start: var(--size-24) !important;
469
+ margin-block-end: 24px !important;
470
+ margin-block-end: var(--size-24) !important;
663
471
  }
664
472
  .p-t-3 {
665
- padding-top: 24px !important;
666
- padding-top: var(--size-24) !important;
473
+ padding-block-start: 24px !important;
474
+ padding-block-start: var(--size-24) !important;
667
475
  }
668
476
  .p-b-3 {
669
- padding-bottom: 24px !important;
670
- padding-bottom: var(--size-24) !important;
477
+ padding-block-end: 24px !important;
478
+ padding-block-end: var(--size-24) !important;
671
479
  }
672
480
  .p-y-3 {
673
- padding-top: 24px !important;
674
- padding-top: var(--size-24) !important;
675
- padding-bottom: 24px !important;
676
- padding-bottom: var(--size-24) !important;
677
- }
678
- [dir="rtl"] .m-l-3 {
679
- margin-right: 24px !important;
680
- margin-right: var(--size-24) !important;
681
- }
682
- html:not([dir="rtl"]) .m-l-3 {
683
- margin-left: 24px !important;
684
- margin-left: var(--size-24) !important;
685
- }
686
- [dir="rtl"] .m-r-3 {
687
- margin-left: 24px !important;
688
- margin-left: var(--size-24) !important;
689
- }
690
- html:not([dir="rtl"]) .m-r-3 {
691
- margin-right: 24px !important;
692
- margin-right: var(--size-24) !important;
693
- }
694
- [dir="rtl"] .m-x-3 {
695
- margin-right: 24px !important;
696
- margin-right: var(--size-24) !important;
697
- }
698
- html:not([dir="rtl"]) .m-x-3 {
699
- margin-left: 24px !important;
700
- margin-left: var(--size-24) !important;
701
- }
702
- [dir="rtl"] .m-x-3 {
703
- margin-left: 24px !important;
704
- margin-left: var(--size-24) !important;
705
- }
706
- html:not([dir="rtl"]) .m-x-3 {
707
- margin-right: 24px !important;
708
- margin-right: var(--size-24) !important;
709
- }
710
- [dir="rtl"] .p-l-3 {
711
- padding-right: 24px !important;
712
- padding-right: var(--size-24) !important;
713
- }
714
- html:not([dir="rtl"]) .p-l-3 {
715
- padding-left: 24px !important;
716
- padding-left: var(--size-24) !important;
717
- }
718
- [dir="rtl"] .p-r-3 {
719
- padding-left: 24px !important;
720
- padding-left: var(--size-24) !important;
721
- }
722
- html:not([dir="rtl"]) .p-r-3 {
723
- padding-right: 24px !important;
724
- padding-right: var(--size-24) !important;
725
- }
726
- [dir="rtl"] .p-x-3 {
727
- padding-right: 24px !important;
728
- padding-right: var(--size-24) !important;
729
- }
730
- html:not([dir="rtl"]) .p-x-3 {
731
- padding-left: 24px !important;
732
- padding-left: var(--size-24) !important;
733
- }
734
- [dir="rtl"] .p-x-3 {
735
- padding-left: 24px !important;
736
- padding-left: var(--size-24) !important;
737
- }
738
- html:not([dir="rtl"]) .p-x-3 {
739
- padding-right: 24px !important;
740
- padding-right: var(--size-24) !important;
481
+ padding-block-start: 24px !important;
482
+ padding-block-start: var(--size-24) !important;
483
+ padding-block-end: 24px !important;
484
+ padding-block-end: var(--size-24) !important;
485
+ }
486
+ .m-l-3 {
487
+ margin-inline-start: 24px !important;
488
+ margin-inline-start: var(--size-24) !important;
489
+ }
490
+ .m-r-3 {
491
+ margin-inline-end: 24px !important;
492
+ margin-inline-end: var(--size-24) !important;
493
+ }
494
+ .m-x-3 {
495
+ margin-inline-start: 24px !important;
496
+ margin-inline-start: var(--size-24) !important;
497
+ margin-inline-end: 24px !important;
498
+ margin-inline-end: var(--size-24) !important;
499
+ }
500
+ .p-l-3 {
501
+ padding-inline-start: 24px !important;
502
+ padding-inline-start: var(--size-24) !important;
503
+ }
504
+ .p-r-3 {
505
+ padding-inline-end: 24px !important;
506
+ padding-inline-end: var(--size-24) !important;
507
+ }
508
+ .p-x-3 {
509
+ padding-inline-start: 24px !important;
510
+ padding-inline-start: var(--size-24) !important;
511
+ padding-inline-end: 24px !important;
512
+ padding-inline-end: var(--size-24) !important;
741
513
  }
742
514
  .m-a-4 {
743
- margin-top: 32px !important;
744
- margin-top: var(--size-32) !important;
745
- margin-bottom: 32px !important;
746
- margin-bottom: var(--size-32) !important;
747
- }
748
- [dir="rtl"] .m-a-4 {
749
- margin-left: 32px !important;
750
- margin-left: var(--size-32) !important;
751
- }
752
- html:not([dir="rtl"]) .m-a-4 {
753
- margin-right: 32px !important;
754
- margin-right: var(--size-32) !important;
755
- }
756
- [dir="rtl"] .m-a-4 {
757
- margin-right: 32px !important;
758
- margin-right: var(--size-32) !important;
759
- }
760
- html:not([dir="rtl"]) .m-a-4 {
761
- margin-left: 32px !important;
762
- margin-left: var(--size-32) !important;
515
+ margin-block-start: 32px !important;
516
+ margin-block-start: var(--size-32) !important;
517
+ margin-inline-end: 32px !important;
518
+ margin-inline-end: var(--size-32) !important;
519
+ margin-block-end: 32px !important;
520
+ margin-block-end: var(--size-32) !important;
521
+ margin-inline-start: 32px !important;
522
+ margin-inline-start: var(--size-32) !important;
763
523
  }
764
524
  .p-a-4 {
765
- padding-top: 32px !important;
766
- padding-top: var(--size-32) !important;
767
- padding-bottom: 32px !important;
768
- padding-bottom: var(--size-32) !important;
769
- }
770
- [dir="rtl"] .p-a-4 {
771
- padding-left: 32px !important;
772
- padding-left: var(--size-32) !important;
773
- }
774
- html:not([dir="rtl"]) .p-a-4 {
775
- padding-right: 32px !important;
776
- padding-right: var(--size-32) !important;
777
- }
778
- [dir="rtl"] .p-a-4 {
779
- padding-right: 32px !important;
780
- padding-right: var(--size-32) !important;
781
- }
782
- html:not([dir="rtl"]) .p-a-4 {
783
- padding-left: 32px !important;
784
- padding-left: var(--size-32) !important;
525
+ padding-block-start: 32px !important;
526
+ padding-block-start: var(--size-32) !important;
527
+ padding-inline-end: 32px !important;
528
+ padding-inline-end: var(--size-32) !important;
529
+ padding-block-end: 32px !important;
530
+ padding-block-end: var(--size-32) !important;
531
+ padding-inline-start: 32px !important;
532
+ padding-inline-start: var(--size-32) !important;
785
533
  }
786
534
  .m-t-4 {
787
- margin-top: 32px !important;
788
- margin-top: var(--size-32) !important;
535
+ margin-block-start: 32px !important;
536
+ margin-block-start: var(--size-32) !important;
789
537
  }
790
538
  .m-b-4 {
791
- margin-bottom: 32px !important;
792
- margin-bottom: var(--size-32) !important;
539
+ margin-block-end: 32px !important;
540
+ margin-block-end: var(--size-32) !important;
793
541
  }
794
542
  .m-y-4 {
795
- margin-top: 32px !important;
796
- margin-top: var(--size-32) !important;
797
- margin-bottom: 32px !important;
798
- margin-bottom: var(--size-32) !important;
543
+ margin-block-start: 32px !important;
544
+ margin-block-start: var(--size-32) !important;
545
+ margin-block-end: 32px !important;
546
+ margin-block-end: var(--size-32) !important;
799
547
  }
800
548
  .p-t-4 {
801
- padding-top: 32px !important;
802
- padding-top: var(--size-32) !important;
549
+ padding-block-start: 32px !important;
550
+ padding-block-start: var(--size-32) !important;
803
551
  }
804
552
  .p-b-4 {
805
- padding-bottom: 32px !important;
806
- padding-bottom: var(--size-32) !important;
553
+ padding-block-end: 32px !important;
554
+ padding-block-end: var(--size-32) !important;
807
555
  }
808
556
  .p-y-4 {
809
- padding-top: 32px !important;
810
- padding-top: var(--size-32) !important;
811
- padding-bottom: 32px !important;
812
- padding-bottom: var(--size-32) !important;
813
- }
814
- [dir="rtl"] .m-l-4 {
815
- margin-right: 32px !important;
816
- margin-right: var(--size-32) !important;
817
- }
818
- html:not([dir="rtl"]) .m-l-4 {
819
- margin-left: 32px !important;
820
- margin-left: var(--size-32) !important;
821
- }
822
- [dir="rtl"] .m-r-4 {
823
- margin-left: 32px !important;
824
- margin-left: var(--size-32) !important;
825
- }
826
- html:not([dir="rtl"]) .m-r-4 {
827
- margin-right: 32px !important;
828
- margin-right: var(--size-32) !important;
829
- }
830
- [dir="rtl"] .m-x-4 {
831
- margin-right: 32px !important;
832
- margin-right: var(--size-32) !important;
833
- }
834
- html:not([dir="rtl"]) .m-x-4 {
835
- margin-left: 32px !important;
836
- margin-left: var(--size-32) !important;
837
- }
838
- [dir="rtl"] .m-x-4 {
839
- margin-left: 32px !important;
840
- margin-left: var(--size-32) !important;
841
- }
842
- html:not([dir="rtl"]) .m-x-4 {
843
- margin-right: 32px !important;
844
- margin-right: var(--size-32) !important;
845
- }
846
- [dir="rtl"] .p-l-4 {
847
- padding-right: 32px !important;
848
- padding-right: var(--size-32) !important;
849
- }
850
- html:not([dir="rtl"]) .p-l-4 {
851
- padding-left: 32px !important;
852
- padding-left: var(--size-32) !important;
853
- }
854
- [dir="rtl"] .p-r-4 {
855
- padding-left: 32px !important;
856
- padding-left: var(--size-32) !important;
857
- }
858
- html:not([dir="rtl"]) .p-r-4 {
859
- padding-right: 32px !important;
860
- padding-right: var(--size-32) !important;
861
- }
862
- [dir="rtl"] .p-x-4 {
863
- padding-right: 32px !important;
864
- padding-right: var(--size-32) !important;
865
- }
866
- html:not([dir="rtl"]) .p-x-4 {
867
- padding-left: 32px !important;
868
- padding-left: var(--size-32) !important;
869
- }
870
- [dir="rtl"] .p-x-4 {
871
- padding-left: 32px !important;
872
- padding-left: var(--size-32) !important;
873
- }
874
- html:not([dir="rtl"]) .p-x-4 {
875
- padding-right: 32px !important;
876
- padding-right: var(--size-32) !important;
557
+ padding-block-start: 32px !important;
558
+ padding-block-start: var(--size-32) !important;
559
+ padding-block-end: 32px !important;
560
+ padding-block-end: var(--size-32) !important;
561
+ }
562
+ .m-l-4 {
563
+ margin-inline-start: 32px !important;
564
+ margin-inline-start: var(--size-32) !important;
565
+ }
566
+ .m-r-4 {
567
+ margin-inline-end: 32px !important;
568
+ margin-inline-end: var(--size-32) !important;
569
+ }
570
+ .m-x-4 {
571
+ margin-inline-start: 32px !important;
572
+ margin-inline-start: var(--size-32) !important;
573
+ margin-inline-end: 32px !important;
574
+ margin-inline-end: var(--size-32) !important;
575
+ }
576
+ .p-l-4 {
577
+ padding-inline-start: 32px !important;
578
+ padding-inline-start: var(--size-32) !important;
579
+ }
580
+ .p-r-4 {
581
+ padding-inline-end: 32px !important;
582
+ padding-inline-end: var(--size-32) !important;
583
+ }
584
+ .p-x-4 {
585
+ padding-inline-start: 32px !important;
586
+ padding-inline-start: var(--size-32) !important;
587
+ padding-inline-end: 32px !important;
588
+ padding-inline-end: var(--size-32) !important;
877
589
  }
878
590
  .m-a-5 {
879
- margin-top: 40px !important;
880
- margin-top: var(--size-40) !important;
881
- margin-bottom: 40px !important;
882
- margin-bottom: var(--size-40) !important;
883
- }
884
- [dir="rtl"] .m-a-5 {
885
- margin-left: 40px !important;
886
- margin-left: var(--size-40) !important;
887
- }
888
- html:not([dir="rtl"]) .m-a-5 {
889
- margin-right: 40px !important;
890
- margin-right: var(--size-40) !important;
891
- }
892
- [dir="rtl"] .m-a-5 {
893
- margin-right: 40px !important;
894
- margin-right: var(--size-40) !important;
895
- }
896
- html:not([dir="rtl"]) .m-a-5 {
897
- margin-left: 40px !important;
898
- margin-left: var(--size-40) !important;
591
+ margin-block-start: 40px !important;
592
+ margin-block-start: var(--size-40) !important;
593
+ margin-inline-end: 40px !important;
594
+ margin-inline-end: var(--size-40) !important;
595
+ margin-block-end: 40px !important;
596
+ margin-block-end: var(--size-40) !important;
597
+ margin-inline-start: 40px !important;
598
+ margin-inline-start: var(--size-40) !important;
899
599
  }
900
600
  .p-a-5 {
901
- padding-top: 40px !important;
902
- padding-top: var(--size-40) !important;
903
- padding-bottom: 40px !important;
904
- padding-bottom: var(--size-40) !important;
905
- }
906
- [dir="rtl"] .p-a-5 {
907
- padding-left: 40px !important;
908
- padding-left: var(--size-40) !important;
909
- }
910
- html:not([dir="rtl"]) .p-a-5 {
911
- padding-right: 40px !important;
912
- padding-right: var(--size-40) !important;
913
- }
914
- [dir="rtl"] .p-a-5 {
915
- padding-right: 40px !important;
916
- padding-right: var(--size-40) !important;
917
- }
918
- html:not([dir="rtl"]) .p-a-5 {
919
- padding-left: 40px !important;
920
- padding-left: var(--size-40) !important;
601
+ padding-block-start: 40px !important;
602
+ padding-block-start: var(--size-40) !important;
603
+ padding-inline-end: 40px !important;
604
+ padding-inline-end: var(--size-40) !important;
605
+ padding-block-end: 40px !important;
606
+ padding-block-end: var(--size-40) !important;
607
+ padding-inline-start: 40px !important;
608
+ padding-inline-start: var(--size-40) !important;
921
609
  }
922
610
  .m-t-5 {
923
- margin-top: 40px !important;
924
- margin-top: var(--size-40) !important;
611
+ margin-block-start: 40px !important;
612
+ margin-block-start: var(--size-40) !important;
925
613
  }
926
614
  .m-b-5 {
927
- margin-bottom: 40px !important;
928
- margin-bottom: var(--size-40) !important;
615
+ margin-block-end: 40px !important;
616
+ margin-block-end: var(--size-40) !important;
929
617
  }
930
618
  .m-y-5 {
931
- margin-top: 40px !important;
932
- margin-top: var(--size-40) !important;
933
- margin-bottom: 40px !important;
934
- margin-bottom: var(--size-40) !important;
619
+ margin-block-start: 40px !important;
620
+ margin-block-start: var(--size-40) !important;
621
+ margin-block-end: 40px !important;
622
+ margin-block-end: var(--size-40) !important;
935
623
  }
936
624
  .p-t-5 {
937
- padding-top: 40px !important;
938
- padding-top: var(--size-40) !important;
625
+ padding-block-start: 40px !important;
626
+ padding-block-start: var(--size-40) !important;
939
627
  }
940
628
  .p-b-5 {
941
- padding-bottom: 40px !important;
942
- padding-bottom: var(--size-40) !important;
629
+ padding-block-end: 40px !important;
630
+ padding-block-end: var(--size-40) !important;
943
631
  }
944
632
  .p-y-5 {
945
- padding-top: 40px !important;
946
- padding-top: var(--size-40) !important;
947
- padding-bottom: 40px !important;
948
- padding-bottom: var(--size-40) !important;
949
- }
950
- [dir="rtl"] .m-l-5 {
951
- margin-right: 40px !important;
952
- margin-right: var(--size-40) !important;
953
- }
954
- html:not([dir="rtl"]) .m-l-5 {
955
- margin-left: 40px !important;
956
- margin-left: var(--size-40) !important;
957
- }
958
- [dir="rtl"] .m-r-5 {
959
- margin-left: 40px !important;
960
- margin-left: var(--size-40) !important;
961
- }
962
- html:not([dir="rtl"]) .m-r-5 {
963
- margin-right: 40px !important;
964
- margin-right: var(--size-40) !important;
965
- }
966
- [dir="rtl"] .m-x-5 {
967
- margin-right: 40px !important;
968
- margin-right: var(--size-40) !important;
969
- }
970
- html:not([dir="rtl"]) .m-x-5 {
971
- margin-left: 40px !important;
972
- margin-left: var(--size-40) !important;
973
- }
974
- [dir="rtl"] .m-x-5 {
975
- margin-left: 40px !important;
976
- margin-left: var(--size-40) !important;
977
- }
978
- html:not([dir="rtl"]) .m-x-5 {
979
- margin-right: 40px !important;
980
- margin-right: var(--size-40) !important;
981
- }
982
- [dir="rtl"] .p-l-5 {
983
- padding-right: 40px !important;
984
- padding-right: var(--size-40) !important;
985
- }
986
- html:not([dir="rtl"]) .p-l-5 {
987
- padding-left: 40px !important;
988
- padding-left: var(--size-40) !important;
989
- }
990
- [dir="rtl"] .p-r-5 {
991
- padding-left: 40px !important;
992
- padding-left: var(--size-40) !important;
993
- }
994
- html:not([dir="rtl"]) .p-r-5 {
995
- padding-right: 40px !important;
996
- padding-right: var(--size-40) !important;
997
- }
998
- [dir="rtl"] .p-x-5 {
999
- padding-right: 40px !important;
1000
- padding-right: var(--size-40) !important;
1001
- }
1002
- html:not([dir="rtl"]) .p-x-5 {
1003
- padding-left: 40px !important;
1004
- padding-left: var(--size-40) !important;
1005
- }
1006
- [dir="rtl"] .p-x-5 {
1007
- padding-left: 40px !important;
1008
- padding-left: var(--size-40) !important;
1009
- }
1010
- html:not([dir="rtl"]) .p-x-5 {
1011
- padding-right: 40px !important;
1012
- padding-right: var(--size-40) !important;
633
+ padding-block-start: 40px !important;
634
+ padding-block-start: var(--size-40) !important;
635
+ padding-block-end: 40px !important;
636
+ padding-block-end: var(--size-40) !important;
637
+ }
638
+ .m-l-5 {
639
+ margin-inline-start: 40px !important;
640
+ margin-inline-start: var(--size-40) !important;
641
+ }
642
+ .m-r-5 {
643
+ margin-inline-end: 40px !important;
644
+ margin-inline-end: var(--size-40) !important;
645
+ }
646
+ .m-x-5 {
647
+ margin-inline-start: 40px !important;
648
+ margin-inline-start: var(--size-40) !important;
649
+ margin-inline-end: 40px !important;
650
+ margin-inline-end: var(--size-40) !important;
651
+ }
652
+ .p-l-5 {
653
+ padding-inline-start: 40px !important;
654
+ padding-inline-start: var(--size-40) !important;
655
+ }
656
+ .p-r-5 {
657
+ padding-inline-end: 40px !important;
658
+ padding-inline-end: var(--size-40) !important;
659
+ }
660
+ .p-x-5 {
661
+ padding-inline-start: 40px !important;
662
+ padding-inline-start: var(--size-40) !important;
663
+ padding-inline-end: 40px !important;
664
+ padding-inline-end: var(--size-40) !important;
1013
665
  }
1014
666
  .m-t-4 {
1015
- margin-top: 32px !important;
1016
- margin-top: var(--size-32) !important;
667
+ margin-block-start: 32px !important;
668
+ margin-block-start: var(--size-32) !important;
1017
669
  }
1018
670
  .m-b-4 {
1019
- margin-bottom: 32px !important;
1020
- margin-bottom: var(--size-32) !important;
671
+ margin-block-end: 32px !important;
672
+ margin-block-end: var(--size-32) !important;
1021
673
  }
1022
674
  .m-y-4 {
1023
- margin-top: 32px !important;
1024
- margin-top: var(--size-32) !important;
1025
- margin-bottom: 32px !important;
1026
- margin-bottom: var(--size-32) !important;
675
+ margin-block-start: 32px !important;
676
+ margin-block-start: var(--size-32) !important;
677
+ margin-block-end: 32px !important;
678
+ margin-block-end: var(--size-32) !important;
1027
679
  }
1028
680
  .p-t-4 {
1029
- padding-top: 32px !important;
1030
- padding-top: var(--size-32) !important;
681
+ padding-block-start: 32px !important;
682
+ padding-block-start: var(--size-32) !important;
1031
683
  }
1032
684
  .p-b-4 {
1033
- padding-bottom: 32px !important;
1034
- padding-bottom: var(--size-32) !important;
685
+ padding-block-end: 32px !important;
686
+ padding-block-end: var(--size-32) !important;
1035
687
  }
1036
688
  .p-y-4 {
1037
- padding-top: 32px !important;
1038
- padding-top: var(--size-32) !important;
1039
- padding-bottom: 32px !important;
1040
- padding-bottom: var(--size-32) !important;
689
+ padding-block-start: 32px !important;
690
+ padding-block-start: var(--size-32) !important;
691
+ padding-block-end: 32px !important;
692
+ padding-block-end: var(--size-32) !important;
1041
693
  }
1042
694
  .m-t-5 {
1043
- margin-top: 40px !important;
1044
- margin-top: var(--size-40) !important;
695
+ margin-block-start: 40px !important;
696
+ margin-block-start: var(--size-40) !important;
1045
697
  }
1046
698
  .m-b-5 {
1047
- margin-bottom: 40px !important;
1048
- margin-bottom: var(--size-40) !important;
699
+ margin-block-end: 40px !important;
700
+ margin-block-end: var(--size-40) !important;
1049
701
  }
1050
702
  .m-y-5 {
1051
- margin-top: 40px !important;
1052
- margin-top: var(--size-40) !important;
1053
- margin-bottom: 40px !important;
1054
- margin-bottom: var(--size-40) !important;
703
+ margin-block-start: 40px !important;
704
+ margin-block-start: var(--size-40) !important;
705
+ margin-block-end: 40px !important;
706
+ margin-block-end: var(--size-40) !important;
1055
707
  }
1056
708
  .p-t-5 {
1057
- padding-top: 40px !important;
1058
- padding-top: var(--size-40) !important;
709
+ padding-block-start: 40px !important;
710
+ padding-block-start: var(--size-40) !important;
1059
711
  }
1060
712
  .p-b-5 {
1061
- padding-bottom: 40px !important;
1062
- padding-bottom: var(--size-40) !important;
713
+ padding-block-end: 40px !important;
714
+ padding-block-end: var(--size-40) !important;
1063
715
  }
1064
716
  .p-y-5 {
1065
- padding-top: 40px !important;
1066
- padding-top: var(--size-40) !important;
1067
- padding-bottom: 40px !important;
1068
- padding-bottom: var(--size-40) !important;
717
+ padding-block-start: 40px !important;
718
+ padding-block-start: var(--size-40) !important;
719
+ padding-block-end: 40px !important;
720
+ padding-block-end: var(--size-40) !important;
1069
721
  }
1070
722
  .gap-y-1 {
1071
723
  row-gap: 8px;
1072
724
  row-gap: var(--size-8);
1073
725
  }
1074
726
  .m-a-panel {
1075
- margin-top: 16px !important;
1076
- margin-top: var(--size-16) !important;
1077
- margin-bottom: 16px !important;
1078
- margin-bottom: var(--size-16) !important;
1079
- }
1080
- [dir="rtl"] .m-a-panel {
1081
- margin-left: 16px !important;
1082
- margin-left: var(--size-16) !important;
1083
- }
1084
- html:not([dir="rtl"]) .m-a-panel {
1085
- margin-right: 16px !important;
1086
- margin-right: var(--size-16) !important;
1087
- }
1088
- [dir="rtl"] .m-a-panel {
1089
- margin-right: 16px !important;
1090
- margin-right: var(--size-16) !important;
1091
- }
1092
- html:not([dir="rtl"]) .m-a-panel {
1093
- margin-left: 16px !important;
1094
- margin-left: var(--size-16) !important;
727
+ margin-block-start: 16px !important;
728
+ margin-block-start: var(--size-16) !important;
729
+ margin-inline-end: 16px !important;
730
+ margin-inline-end: var(--size-16) !important;
731
+ margin-block-end: 16px !important;
732
+ margin-block-end: var(--size-16) !important;
733
+ margin-inline-start: 16px !important;
734
+ margin-inline-start: var(--size-16) !important;
1095
735
  }
1096
736
  .p-a-panel {
1097
- padding-top: 16px !important;
1098
- padding-top: var(--size-16) !important;
1099
- padding-bottom: 16px !important;
1100
- padding-bottom: var(--size-16) !important;
1101
- }
1102
- [dir="rtl"] .p-a-panel {
1103
- padding-left: 16px !important;
1104
- padding-left: var(--size-16) !important;
1105
- }
1106
- html:not([dir="rtl"]) .p-a-panel {
1107
- padding-right: 16px !important;
1108
- padding-right: var(--size-16) !important;
1109
- }
1110
- [dir="rtl"] .p-a-panel {
1111
- padding-right: 16px !important;
1112
- padding-right: var(--size-16) !important;
1113
- }
1114
- html:not([dir="rtl"]) .p-a-panel {
1115
- padding-left: 16px !important;
1116
- padding-left: var(--size-16) !important;
737
+ padding-block-start: 16px !important;
738
+ padding-block-start: var(--size-16) !important;
739
+ padding-inline-end: 16px !important;
740
+ padding-inline-end: var(--size-16) !important;
741
+ padding-block-end: 16px !important;
742
+ padding-block-end: var(--size-16) !important;
743
+ padding-inline-start: 16px !important;
744
+ padding-inline-start: var(--size-16) !important;
1117
745
  }
1118
746
  @media (min-width: 600px) {
1119
747
  .m-a-panel {
1120
- margin-top: 24px !important;
1121
- margin-top: var(--size-24) !important;
1122
- margin-bottom: 24px !important;
1123
- margin-bottom: var(--size-24) !important;
1124
- }
1125
- [dir="rtl"] .m-a-panel {
1126
- margin-left: 24px !important;
1127
- margin-left: var(--size-24) !important;
1128
- }
1129
- html:not([dir="rtl"]) .m-a-panel {
1130
- margin-right: 24px !important;
1131
- margin-right: var(--size-24) !important;
1132
- }
1133
- [dir="rtl"] .m-a-panel {
1134
- margin-right: 24px !important;
1135
- margin-right: var(--size-24) !important;
1136
- }
1137
- html:not([dir="rtl"]) .m-a-panel {
1138
- margin-left: 24px !important;
1139
- margin-left: var(--size-24) !important;
748
+ margin-block-start: 24px !important;
749
+ margin-block-start: var(--size-24) !important;
750
+ margin-inline-end: 24px !important;
751
+ margin-inline-end: var(--size-24) !important;
752
+ margin-block-end: 24px !important;
753
+ margin-block-end: var(--size-24) !important;
754
+ margin-inline-start: 24px !important;
755
+ margin-inline-start: var(--size-24) !important;
1140
756
  }
1141
757
  .p-a-panel {
1142
- padding-top: 24px !important;
1143
- padding-top: var(--size-24) !important;
1144
- padding-bottom: 24px !important;
1145
- padding-bottom: var(--size-24) !important;
1146
- }
1147
- [dir="rtl"] .p-a-panel {
1148
- padding-left: 24px !important;
1149
- padding-left: var(--size-24) !important;
1150
- }
1151
- html:not([dir="rtl"]) .p-a-panel {
1152
- padding-right: 24px !important;
1153
- padding-right: var(--size-24) !important;
1154
- }
1155
- [dir="rtl"] .p-a-panel {
1156
- padding-right: 24px !important;
1157
- padding-right: var(--size-24) !important;
1158
- }
1159
- html:not([dir="rtl"]) .p-a-panel {
1160
- padding-left: 24px !important;
1161
- padding-left: var(--size-24) !important;
758
+ padding-block-start: 24px !important;
759
+ padding-block-start: var(--size-24) !important;
760
+ padding-inline-end: 24px !important;
761
+ padding-inline-end: var(--size-24) !important;
762
+ padding-block-end: 24px !important;
763
+ padding-block-end: var(--size-24) !important;
764
+ padding-inline-start: 24px !important;
765
+ padding-inline-start: var(--size-24) !important;
1162
766
  }
1163
767
  }
1164
768
  @media (min-width: 1160px) {
1165
769
  .m-a-panel {
1166
- margin-top: 32px !important;
1167
- margin-top: var(--size-32) !important;
1168
- margin-bottom: 32px !important;
1169
- margin-bottom: var(--size-32) !important;
1170
- }
1171
- [dir="rtl"] .m-a-panel {
1172
- margin-left: 32px !important;
1173
- margin-left: var(--size-32) !important;
1174
- }
1175
- html:not([dir="rtl"]) .m-a-panel {
1176
- margin-right: 32px !important;
1177
- margin-right: var(--size-32) !important;
1178
- }
1179
- [dir="rtl"] .m-a-panel {
1180
- margin-right: 32px !important;
1181
- margin-right: var(--size-32) !important;
1182
- }
1183
- html:not([dir="rtl"]) .m-a-panel {
1184
- margin-left: 32px !important;
1185
- margin-left: var(--size-32) !important;
770
+ margin-block-start: 32px !important;
771
+ margin-block-start: var(--size-32) !important;
772
+ margin-inline-end: 32px !important;
773
+ margin-inline-end: var(--size-32) !important;
774
+ margin-block-end: 32px !important;
775
+ margin-block-end: var(--size-32) !important;
776
+ margin-inline-start: 32px !important;
777
+ margin-inline-start: var(--size-32) !important;
1186
778
  }
1187
779
  .p-a-panel {
1188
- padding-top: 32px !important;
1189
- padding-top: var(--size-32) !important;
1190
- padding-bottom: 32px !important;
1191
- padding-bottom: var(--size-32) !important;
1192
- }
1193
- [dir="rtl"] .p-a-panel {
1194
- padding-left: 32px !important;
1195
- padding-left: var(--size-32) !important;
1196
- }
1197
- html:not([dir="rtl"]) .p-a-panel {
1198
- padding-right: 32px !important;
1199
- padding-right: var(--size-32) !important;
1200
- }
1201
- [dir="rtl"] .p-a-panel {
1202
- padding-right: 32px !important;
1203
- padding-right: var(--size-32) !important;
1204
- }
1205
- html:not([dir="rtl"]) .p-a-panel {
1206
- padding-left: 32px !important;
1207
- padding-left: var(--size-32) !important;
780
+ padding-block-start: 32px !important;
781
+ padding-block-start: var(--size-32) !important;
782
+ padding-inline-end: 32px !important;
783
+ padding-inline-end: var(--size-32) !important;
784
+ padding-block-end: 32px !important;
785
+ padding-block-end: var(--size-32) !important;
786
+ padding-inline-start: 32px !important;
787
+ padding-inline-start: var(--size-32) !important;
1208
788
  }
1209
789
  }
1210
790
  .m-t-panel {
1211
- margin-top: 16px !important;
1212
- margin-top: var(--size-16) !important;
791
+ margin-block-start: 16px !important;
792
+ margin-block-start: var(--size-16) !important;
1213
793
  }
1214
794
  .m-b-panel {
1215
- margin-bottom: 16px !important;
1216
- margin-bottom: var(--size-16) !important;
795
+ margin-block-end: 16px !important;
796
+ margin-block-end: var(--size-16) !important;
1217
797
  }
1218
798
  .m-y-panel {
1219
- margin-top: 16px !important;
1220
- margin-top: var(--size-16) !important;
1221
- margin-bottom: 16px !important;
1222
- margin-bottom: var(--size-16) !important;
799
+ margin-block-start: 16px !important;
800
+ margin-block-start: var(--size-16) !important;
801
+ margin-block-end: 16px !important;
802
+ margin-block-end: var(--size-16) !important;
1223
803
  }
1224
804
  .p-t-panel {
1225
- padding-top: 16px !important;
1226
- padding-top: var(--size-16) !important;
805
+ padding-block-start: 16px !important;
806
+ padding-block-start: var(--size-16) !important;
1227
807
  }
1228
808
  .p-b-panel {
1229
- padding-bottom: 16px !important;
1230
- padding-bottom: var(--size-16) !important;
809
+ padding-block-end: 16px !important;
810
+ padding-block-end: var(--size-16) !important;
1231
811
  }
1232
812
  .p-y-panel {
1233
- padding-top: 16px !important;
1234
- padding-top: var(--size-16) !important;
1235
- padding-bottom: 16px !important;
1236
- padding-bottom: var(--size-16) !important;
813
+ padding-block-start: 16px !important;
814
+ padding-block-start: var(--size-16) !important;
815
+ padding-block-end: 16px !important;
816
+ padding-block-end: var(--size-16) !important;
1237
817
  }
1238
818
  @media (min-width: 600px) {
1239
819
  .m-t-panel {
1240
- margin-top: 24px !important;
1241
- margin-top: var(--size-24) !important;
820
+ margin-block-start: 24px !important;
821
+ margin-block-start: var(--size-24) !important;
1242
822
  }
1243
823
  .m-b-panel {
1244
- margin-bottom: 24px !important;
1245
- margin-bottom: var(--size-24) !important;
824
+ margin-block-end: 24px !important;
825
+ margin-block-end: var(--size-24) !important;
1246
826
  }
1247
827
  .m-y-panel {
1248
- margin-top: 24px !important;
1249
- margin-top: var(--size-24) !important;
1250
- margin-bottom: 24px !important;
1251
- margin-bottom: var(--size-24) !important;
828
+ margin-block-start: 24px !important;
829
+ margin-block-start: var(--size-24) !important;
830
+ margin-block-end: 24px !important;
831
+ margin-block-end: var(--size-24) !important;
1252
832
  }
1253
833
  .p-t-panel {
1254
- padding-top: 24px !important;
1255
- padding-top: var(--size-24) !important;
834
+ padding-block-start: 24px !important;
835
+ padding-block-start: var(--size-24) !important;
1256
836
  }
1257
837
  .p-b-panel {
1258
- padding-bottom: 24px !important;
1259
- padding-bottom: var(--size-24) !important;
838
+ padding-block-end: 24px !important;
839
+ padding-block-end: var(--size-24) !important;
1260
840
  }
1261
841
  .p-y-panel {
1262
- padding-top: 24px !important;
1263
- padding-top: var(--size-24) !important;
1264
- padding-bottom: 24px !important;
1265
- padding-bottom: var(--size-24) !important;
842
+ padding-block-start: 24px !important;
843
+ padding-block-start: var(--size-24) !important;
844
+ padding-block-end: 24px !important;
845
+ padding-block-end: var(--size-24) !important;
1266
846
  }
1267
847
  }
1268
848
  @media (min-width: 1160px) {
1269
849
  .m-t-panel {
1270
- margin-top: 32px !important;
1271
- margin-top: var(--size-32) !important;
850
+ margin-block-start: 32px !important;
851
+ margin-block-start: var(--size-32) !important;
1272
852
  }
1273
853
  .m-b-panel {
1274
- margin-bottom: 32px !important;
1275
- margin-bottom: var(--size-32) !important;
854
+ margin-block-end: 32px !important;
855
+ margin-block-end: var(--size-32) !important;
1276
856
  }
1277
857
  .m-y-panel {
1278
- margin-top: 32px !important;
1279
- margin-top: var(--size-32) !important;
1280
- margin-bottom: 32px !important;
1281
- margin-bottom: var(--size-32) !important;
858
+ margin-block-start: 32px !important;
859
+ margin-block-start: var(--size-32) !important;
860
+ margin-block-end: 32px !important;
861
+ margin-block-end: var(--size-32) !important;
1282
862
  }
1283
863
  .p-t-panel {
1284
- padding-top: 32px !important;
1285
- padding-top: var(--size-32) !important;
864
+ padding-block-start: 32px !important;
865
+ padding-block-start: var(--size-32) !important;
1286
866
  }
1287
867
  .p-b-panel {
1288
- padding-bottom: 32px !important;
1289
- padding-bottom: var(--size-32) !important;
868
+ padding-block-end: 32px !important;
869
+ padding-block-end: var(--size-32) !important;
1290
870
  }
1291
871
  .p-y-panel {
1292
- padding-top: 32px !important;
1293
- padding-top: var(--size-32) !important;
1294
- padding-bottom: 32px !important;
1295
- padding-bottom: var(--size-32) !important;
872
+ padding-block-start: 32px !important;
873
+ padding-block-start: var(--size-32) !important;
874
+ padding-block-end: 32px !important;
875
+ padding-block-end: var(--size-32) !important;
1296
876
  }
1297
877
  }
1298
- [dir="rtl"] .m-l-panel {
1299
- margin-right: 16px !important;
1300
- margin-right: var(--size-16) !important;
1301
- }
1302
- html:not([dir="rtl"]) .m-l-panel {
1303
- margin-left: 16px !important;
1304
- margin-left: var(--size-16) !important;
1305
- }
1306
- [dir="rtl"] .m-r-panel {
1307
- margin-left: 16px !important;
1308
- margin-left: var(--size-16) !important;
1309
- }
1310
- html:not([dir="rtl"]) .m-r-panel {
1311
- margin-right: 16px !important;
1312
- margin-right: var(--size-16) !important;
1313
- }
1314
- [dir="rtl"] .m-x-panel {
1315
- margin-right: 16px !important;
1316
- margin-right: var(--size-16) !important;
1317
- }
1318
- html:not([dir="rtl"]) .m-x-panel {
1319
- margin-left: 16px !important;
1320
- margin-left: var(--size-16) !important;
1321
- }
1322
- [dir="rtl"] .m-x-panel {
1323
- margin-left: 16px !important;
1324
- margin-left: var(--size-16) !important;
1325
- }
1326
- html:not([dir="rtl"]) .m-x-panel {
1327
- margin-right: 16px !important;
1328
- margin-right: var(--size-16) !important;
1329
- }
1330
- [dir="rtl"] .p-l-panel {
1331
- padding-right: 16px !important;
1332
- padding-right: var(--size-16) !important;
1333
- }
1334
- html:not([dir="rtl"]) .p-l-panel {
1335
- padding-left: 16px !important;
1336
- padding-left: var(--size-16) !important;
1337
- }
1338
- [dir="rtl"] .p-r-panel {
1339
- padding-left: 16px !important;
1340
- padding-left: var(--size-16) !important;
878
+ .m-l-panel {
879
+ margin-inline-start: 16px !important;
880
+ margin-inline-start: var(--size-16) !important;
1341
881
  }
1342
- html:not([dir="rtl"]) .p-r-panel {
1343
- padding-right: 16px !important;
1344
- padding-right: var(--size-16) !important;
882
+ .m-r-panel {
883
+ margin-inline-end: 16px !important;
884
+ margin-inline-end: var(--size-16) !important;
1345
885
  }
1346
- [dir="rtl"] .p-x-panel {
1347
- padding-right: 16px !important;
1348
- padding-right: var(--size-16) !important;
886
+ .m-x-panel {
887
+ margin-inline-start: 16px !important;
888
+ margin-inline-start: var(--size-16) !important;
889
+ margin-inline-end: 16px !important;
890
+ margin-inline-end: var(--size-16) !important;
1349
891
  }
1350
- html:not([dir="rtl"]) .p-x-panel {
1351
- padding-left: 16px !important;
1352
- padding-left: var(--size-16) !important;
892
+ .p-l-panel {
893
+ padding-inline-start: 16px !important;
894
+ padding-inline-start: var(--size-16) !important;
1353
895
  }
1354
- [dir="rtl"] .p-x-panel {
1355
- padding-left: 16px !important;
1356
- padding-left: var(--size-16) !important;
896
+ .p-r-panel {
897
+ padding-inline-end: 16px !important;
898
+ padding-inline-end: var(--size-16) !important;
1357
899
  }
1358
- html:not([dir="rtl"]) .p-x-panel {
1359
- padding-right: 16px !important;
1360
- padding-right: var(--size-16) !important;
900
+ .p-x-panel {
901
+ padding-inline-start: 16px !important;
902
+ padding-inline-start: var(--size-16) !important;
903
+ padding-inline-end: 16px !important;
904
+ padding-inline-end: var(--size-16) !important;
1361
905
  }
1362
906
  @media (min-width: 600px) {
1363
- [dir="rtl"] .m-l-panel {
1364
- margin-right: 24px !important;
1365
- margin-right: var(--size-24) !important;
907
+ .m-l-panel {
908
+ margin-inline-start: 24px !important;
909
+ margin-inline-start: var(--size-24) !important;
1366
910
  }
1367
- html:not([dir="rtl"]) .m-l-panel {
1368
- margin-left: 24px !important;
1369
- margin-left: var(--size-24) !important;
911
+ .m-r-panel {
912
+ margin-inline-end: 24px !important;
913
+ margin-inline-end: var(--size-24) !important;
1370
914
  }
1371
- [dir="rtl"] .m-r-panel {
1372
- margin-left: 24px !important;
1373
- margin-left: var(--size-24) !important;
915
+ .m-x-panel {
916
+ margin-inline-start: 24px !important;
917
+ margin-inline-start: var(--size-24) !important;
918
+ margin-inline-end: 24px !important;
919
+ margin-inline-end: var(--size-24) !important;
1374
920
  }
1375
- html:not([dir="rtl"]) .m-r-panel {
1376
- margin-right: 24px !important;
1377
- margin-right: var(--size-24) !important;
921
+ .p-l-panel {
922
+ padding-inline-start: 24px !important;
923
+ padding-inline-start: var(--size-24) !important;
1378
924
  }
1379
- [dir="rtl"] .m-x-panel {
1380
- margin-right: 24px !important;
1381
- margin-right: var(--size-24) !important;
925
+ .p-r-panel {
926
+ padding-inline-end: 24px !important;
927
+ padding-inline-end: var(--size-24) !important;
1382
928
  }
1383
- html:not([dir="rtl"]) .m-x-panel {
1384
- margin-left: 24px !important;
1385
- margin-left: var(--size-24) !important;
1386
- }
1387
- [dir="rtl"] .m-x-panel {
1388
- margin-left: 24px !important;
1389
- margin-left: var(--size-24) !important;
1390
- }
1391
- html:not([dir="rtl"]) .m-x-panel {
1392
- margin-right: 24px !important;
1393
- margin-right: var(--size-24) !important;
1394
- }
1395
- [dir="rtl"] .p-l-panel {
1396
- padding-right: 24px !important;
1397
- padding-right: var(--size-24) !important;
1398
- }
1399
- html:not([dir="rtl"]) .p-l-panel {
1400
- padding-left: 24px !important;
1401
- padding-left: var(--size-24) !important;
1402
- }
1403
- [dir="rtl"] .p-r-panel {
1404
- padding-left: 24px !important;
1405
- padding-left: var(--size-24) !important;
1406
- }
1407
- html:not([dir="rtl"]) .p-r-panel {
1408
- padding-right: 24px !important;
1409
- padding-right: var(--size-24) !important;
1410
- }
1411
- [dir="rtl"] .p-x-panel {
1412
- padding-right: 24px !important;
1413
- padding-right: var(--size-24) !important;
1414
- }
1415
- html:not([dir="rtl"]) .p-x-panel {
1416
- padding-left: 24px !important;
1417
- padding-left: var(--size-24) !important;
1418
- }
1419
- [dir="rtl"] .p-x-panel {
1420
- padding-left: 24px !important;
1421
- padding-left: var(--size-24) !important;
1422
- }
1423
- html:not([dir="rtl"]) .p-x-panel {
1424
- padding-right: 24px !important;
1425
- padding-right: var(--size-24) !important;
929
+ .p-x-panel {
930
+ padding-inline-start: 24px !important;
931
+ padding-inline-start: var(--size-24) !important;
932
+ padding-inline-end: 24px !important;
933
+ padding-inline-end: var(--size-24) !important;
1426
934
  }
1427
935
  }
1428
936
  @media (min-width: 1160px) {
1429
- [dir="rtl"] .m-l-panel {
1430
- margin-right: 32px !important;
1431
- margin-right: var(--size-32) !important;
1432
- }
1433
- html:not([dir="rtl"]) .m-l-panel {
1434
- margin-left: 32px !important;
1435
- margin-left: var(--size-32) !important;
1436
- }
1437
- [dir="rtl"] .m-r-panel {
1438
- margin-left: 32px !important;
1439
- margin-left: var(--size-32) !important;
937
+ .m-l-panel {
938
+ margin-inline-start: 32px !important;
939
+ margin-inline-start: var(--size-32) !important;
1440
940
  }
1441
- html:not([dir="rtl"]) .m-r-panel {
1442
- margin-right: 32px !important;
1443
- margin-right: var(--size-32) !important;
941
+ .m-r-panel {
942
+ margin-inline-end: 32px !important;
943
+ margin-inline-end: var(--size-32) !important;
1444
944
  }
1445
- [dir="rtl"] .m-x-panel {
1446
- margin-right: 32px !important;
1447
- margin-right: var(--size-32) !important;
945
+ .m-x-panel {
946
+ margin-inline-start: 32px !important;
947
+ margin-inline-start: var(--size-32) !important;
948
+ margin-inline-end: 32px !important;
949
+ margin-inline-end: var(--size-32) !important;
1448
950
  }
1449
- html:not([dir="rtl"]) .m-x-panel {
1450
- margin-left: 32px !important;
1451
- margin-left: var(--size-32) !important;
951
+ .p-l-panel {
952
+ padding-inline-start: 32px !important;
953
+ padding-inline-start: var(--size-32) !important;
1452
954
  }
1453
- [dir="rtl"] .m-x-panel {
1454
- margin-left: 32px !important;
1455
- margin-left: var(--size-32) !important;
955
+ .p-r-panel {
956
+ padding-inline-end: 32px !important;
957
+ padding-inline-end: var(--size-32) !important;
1456
958
  }
1457
- html:not([dir="rtl"]) .m-x-panel {
1458
- margin-right: 32px !important;
1459
- margin-right: var(--size-32) !important;
1460
- }
1461
- [dir="rtl"] .p-l-panel {
1462
- padding-right: 32px !important;
1463
- padding-right: var(--size-32) !important;
1464
- }
1465
- html:not([dir="rtl"]) .p-l-panel {
1466
- padding-left: 32px !important;
1467
- padding-left: var(--size-32) !important;
1468
- }
1469
- [dir="rtl"] .p-r-panel {
1470
- padding-left: 32px !important;
1471
- padding-left: var(--size-32) !important;
1472
- }
1473
- html:not([dir="rtl"]) .p-r-panel {
1474
- padding-right: 32px !important;
1475
- padding-right: var(--size-32) !important;
1476
- }
1477
- [dir="rtl"] .p-x-panel {
1478
- padding-right: 32px !important;
1479
- padding-right: var(--size-32) !important;
1480
- }
1481
- html:not([dir="rtl"]) .p-x-panel {
1482
- padding-left: 32px !important;
1483
- padding-left: var(--size-32) !important;
1484
- }
1485
- [dir="rtl"] .p-x-panel {
1486
- padding-left: 32px !important;
1487
- padding-left: var(--size-32) !important;
1488
- }
1489
- html:not([dir="rtl"]) .p-x-panel {
1490
- padding-right: 32px !important;
1491
- padding-right: var(--size-32) !important;
959
+ .p-x-panel {
960
+ padding-inline-start: 32px !important;
961
+ padding-inline-start: var(--size-32) !important;
962
+ padding-inline-end: 32px !important;
963
+ padding-inline-end: var(--size-32) !important;
1492
964
  }
1493
965
  }
1494
966
  .m-t-section-1 {
1495
- margin-top: 16px !important;
1496
- margin-top: var(--size-16) !important;
967
+ margin-block-start: 16px !important;
968
+ margin-block-start: var(--size-16) !important;
1497
969
  }
1498
970
  .m-b-section-1 {
1499
- margin-bottom: 16px !important;
1500
- margin-bottom: var(--size-16) !important;
971
+ margin-block-end: 16px !important;
972
+ margin-block-end: var(--size-16) !important;
1501
973
  }
1502
974
  .m-y-section-1 {
1503
- margin-top: 16px !important;
1504
- margin-top: var(--size-16) !important;
1505
- margin-bottom: 16px !important;
1506
- margin-bottom: var(--size-16) !important;
975
+ margin-block-start: 16px !important;
976
+ margin-block-start: var(--size-16) !important;
977
+ margin-block-end: 16px !important;
978
+ margin-block-end: var(--size-16) !important;
1507
979
  }
1508
980
  .p-t-section-1 {
1509
- padding-top: 16px !important;
1510
- padding-top: var(--size-16) !important;
981
+ padding-block-start: 16px !important;
982
+ padding-block-start: var(--size-16) !important;
1511
983
  }
1512
984
  .p-b-section-1 {
1513
- padding-bottom: 16px !important;
1514
- padding-bottom: var(--size-16) !important;
985
+ padding-block-end: 16px !important;
986
+ padding-block-end: var(--size-16) !important;
1515
987
  }
1516
988
  .p-y-section-1 {
1517
- padding-top: 16px !important;
1518
- padding-top: var(--size-16) !important;
1519
- padding-bottom: 16px !important;
1520
- padding-bottom: var(--size-16) !important;
989
+ padding-block-start: 16px !important;
990
+ padding-block-start: var(--size-16) !important;
991
+ padding-block-end: 16px !important;
992
+ padding-block-end: var(--size-16) !important;
1521
993
  }
1522
994
  @media (min-width: 600px) {
1523
995
  .m-t-section-1 {
1524
- margin-top: 24px !important;
1525
- margin-top: var(--size-24) !important;
996
+ margin-block-start: 24px !important;
997
+ margin-block-start: var(--size-24) !important;
1526
998
  }
1527
999
  .m-b-section-1 {
1528
- margin-bottom: 24px !important;
1529
- margin-bottom: var(--size-24) !important;
1000
+ margin-block-end: 24px !important;
1001
+ margin-block-end: var(--size-24) !important;
1530
1002
  }
1531
1003
  .m-y-section-1 {
1532
- margin-top: 24px !important;
1533
- margin-top: var(--size-24) !important;
1534
- margin-bottom: 24px !important;
1535
- margin-bottom: var(--size-24) !important;
1004
+ margin-block-start: 24px !important;
1005
+ margin-block-start: var(--size-24) !important;
1006
+ margin-block-end: 24px !important;
1007
+ margin-block-end: var(--size-24) !important;
1536
1008
  }
1537
1009
  .p-t-section-1 {
1538
- padding-top: 24px !important;
1539
- padding-top: var(--size-24) !important;
1010
+ padding-block-start: 24px !important;
1011
+ padding-block-start: var(--size-24) !important;
1540
1012
  }
1541
1013
  .p-b-section-1 {
1542
- padding-bottom: 24px !important;
1543
- padding-bottom: var(--size-24) !important;
1014
+ padding-block-end: 24px !important;
1015
+ padding-block-end: var(--size-24) !important;
1544
1016
  }
1545
1017
  .p-y-section-1 {
1546
- padding-top: 24px !important;
1547
- padding-top: var(--size-24) !important;
1548
- padding-bottom: 24px !important;
1549
- padding-bottom: var(--size-24) !important;
1018
+ padding-block-start: 24px !important;
1019
+ padding-block-start: var(--size-24) !important;
1020
+ padding-block-end: 24px !important;
1021
+ padding-block-end: var(--size-24) !important;
1550
1022
  }
1551
1023
  }
1552
1024
  @media (min-width: 1160px) {
1553
1025
  .m-t-section-1 {
1554
- margin-top: 32px !important;
1555
- margin-top: var(--size-32) !important;
1026
+ margin-block-start: 32px !important;
1027
+ margin-block-start: var(--size-32) !important;
1556
1028
  }
1557
1029
  .m-b-section-1 {
1558
- margin-bottom: 32px !important;
1559
- margin-bottom: var(--size-32) !important;
1030
+ margin-block-end: 32px !important;
1031
+ margin-block-end: var(--size-32) !important;
1560
1032
  }
1561
1033
  .m-y-section-1 {
1562
- margin-top: 32px !important;
1563
- margin-top: var(--size-32) !important;
1564
- margin-bottom: 32px !important;
1565
- margin-bottom: var(--size-32) !important;
1034
+ margin-block-start: 32px !important;
1035
+ margin-block-start: var(--size-32) !important;
1036
+ margin-block-end: 32px !important;
1037
+ margin-block-end: var(--size-32) !important;
1566
1038
  }
1567
1039
  .p-t-section-1 {
1568
- padding-top: 32px !important;
1569
- padding-top: var(--size-32) !important;
1040
+ padding-block-start: 32px !important;
1041
+ padding-block-start: var(--size-32) !important;
1570
1042
  }
1571
1043
  .p-b-section-1 {
1572
- padding-bottom: 32px !important;
1573
- padding-bottom: var(--size-32) !important;
1044
+ padding-block-end: 32px !important;
1045
+ padding-block-end: var(--size-32) !important;
1574
1046
  }
1575
1047
  .p-y-section-1 {
1576
- padding-top: 32px !important;
1577
- padding-top: var(--size-32) !important;
1578
- padding-bottom: 32px !important;
1579
- padding-bottom: var(--size-32) !important;
1048
+ padding-block-start: 32px !important;
1049
+ padding-block-start: var(--size-32) !important;
1050
+ padding-block-end: 32px !important;
1051
+ padding-block-end: var(--size-32) !important;
1580
1052
  }
1581
1053
  }
1582
1054
  .m-t-section-2 {
1583
- margin-top: 32px !important;
1584
- margin-top: var(--size-32) !important;
1055
+ margin-block-start: 32px !important;
1056
+ margin-block-start: var(--size-32) !important;
1585
1057
  }
1586
1058
  .m-b-section-2 {
1587
- margin-bottom: 32px !important;
1588
- margin-bottom: var(--size-32) !important;
1059
+ margin-block-end: 32px !important;
1060
+ margin-block-end: var(--size-32) !important;
1589
1061
  }
1590
1062
  .m-y-section-2 {
1591
- margin-top: 32px !important;
1592
- margin-top: var(--size-32) !important;
1593
- margin-bottom: 32px !important;
1594
- margin-bottom: var(--size-32) !important;
1063
+ margin-block-start: 32px !important;
1064
+ margin-block-start: var(--size-32) !important;
1065
+ margin-block-end: 32px !important;
1066
+ margin-block-end: var(--size-32) !important;
1595
1067
  }
1596
1068
  .p-t-section-2 {
1597
- padding-top: 32px !important;
1598
- padding-top: var(--size-32) !important;
1069
+ padding-block-start: 32px !important;
1070
+ padding-block-start: var(--size-32) !important;
1599
1071
  }
1600
1072
  .p-b-section-2 {
1601
- padding-bottom: 32px !important;
1602
- padding-bottom: var(--size-32) !important;
1073
+ padding-block-end: 32px !important;
1074
+ padding-block-end: var(--size-32) !important;
1603
1075
  }
1604
1076
  .p-y-section-2 {
1605
- padding-top: 32px !important;
1606
- padding-top: var(--size-32) !important;
1607
- padding-bottom: 32px !important;
1608
- padding-bottom: var(--size-32) !important;
1077
+ padding-block-start: 32px !important;
1078
+ padding-block-start: var(--size-32) !important;
1079
+ padding-block-end: 32px !important;
1080
+ padding-block-end: var(--size-32) !important;
1609
1081
  }
1610
1082
  @media (min-width: 600px) {
1611
1083
  .m-t-section-2 {
1612
- margin-top: 48px !important;
1613
- margin-top: var(--size-48) !important;
1084
+ margin-block-start: 48px !important;
1085
+ margin-block-start: var(--size-48) !important;
1614
1086
  }
1615
1087
  .m-b-section-2 {
1616
- margin-bottom: 48px !important;
1617
- margin-bottom: var(--size-48) !important;
1088
+ margin-block-end: 48px !important;
1089
+ margin-block-end: var(--size-48) !important;
1618
1090
  }
1619
1091
  .m-y-section-2 {
1620
- margin-top: 48px !important;
1621
- margin-top: var(--size-48) !important;
1622
- margin-bottom: 48px !important;
1623
- margin-bottom: var(--size-48) !important;
1092
+ margin-block-start: 48px !important;
1093
+ margin-block-start: var(--size-48) !important;
1094
+ margin-block-end: 48px !important;
1095
+ margin-block-end: var(--size-48) !important;
1624
1096
  }
1625
1097
  .p-t-section-2 {
1626
- padding-top: 48px !important;
1627
- padding-top: var(--size-48) !important;
1098
+ padding-block-start: 48px !important;
1099
+ padding-block-start: var(--size-48) !important;
1628
1100
  }
1629
1101
  .p-b-section-2 {
1630
- padding-bottom: 48px !important;
1631
- padding-bottom: var(--size-48) !important;
1102
+ padding-block-end: 48px !important;
1103
+ padding-block-end: var(--size-48) !important;
1632
1104
  }
1633
1105
  .p-y-section-2 {
1634
- padding-top: 48px !important;
1635
- padding-top: var(--size-48) !important;
1636
- padding-bottom: 48px !important;
1637
- padding-bottom: var(--size-48) !important;
1106
+ padding-block-start: 48px !important;
1107
+ padding-block-start: var(--size-48) !important;
1108
+ padding-block-end: 48px !important;
1109
+ padding-block-end: var(--size-48) !important;
1638
1110
  }
1639
1111
  }
1640
1112
  @media (min-width: 1160px) {
1641
1113
  .m-t-section-2 {
1642
- margin-top: 64px !important;
1643
- margin-top: var(--size-64) !important;
1114
+ margin-block-start: 64px !important;
1115
+ margin-block-start: var(--size-64) !important;
1644
1116
  }
1645
1117
  .m-b-section-2 {
1646
- margin-bottom: 64px !important;
1647
- margin-bottom: var(--size-64) !important;
1118
+ margin-block-end: 64px !important;
1119
+ margin-block-end: var(--size-64) !important;
1648
1120
  }
1649
1121
  .m-y-section-2 {
1650
- margin-top: 64px !important;
1651
- margin-top: var(--size-64) !important;
1652
- margin-bottom: 64px !important;
1653
- margin-bottom: var(--size-64) !important;
1122
+ margin-block-start: 64px !important;
1123
+ margin-block-start: var(--size-64) !important;
1124
+ margin-block-end: 64px !important;
1125
+ margin-block-end: var(--size-64) !important;
1654
1126
  }
1655
1127
  .p-t-section-2 {
1656
- padding-top: 64px !important;
1657
- padding-top: var(--size-64) !important;
1128
+ padding-block-start: 64px !important;
1129
+ padding-block-start: var(--size-64) !important;
1658
1130
  }
1659
1131
  .p-b-section-2 {
1660
- padding-bottom: 64px !important;
1661
- padding-bottom: var(--size-64) !important;
1132
+ padding-block-end: 64px !important;
1133
+ padding-block-end: var(--size-64) !important;
1662
1134
  }
1663
1135
  .p-y-section-2 {
1664
- padding-top: 64px !important;
1665
- padding-top: var(--size-64) !important;
1666
- padding-bottom: 64px !important;
1667
- padding-bottom: var(--size-64) !important;
1136
+ padding-block-start: 64px !important;
1137
+ padding-block-start: var(--size-64) !important;
1138
+ padding-block-end: 64px !important;
1139
+ padding-block-end: var(--size-64) !important;
1668
1140
  }
1669
1141
  }
1670
1142
  .m-t-section-3 {
1671
- margin-top: 48px !important;
1672
- margin-top: var(--size-48) !important;
1143
+ margin-block-start: 48px !important;
1144
+ margin-block-start: var(--size-48) !important;
1673
1145
  }
1674
1146
  .m-b-section-3 {
1675
- margin-bottom: 48px !important;
1676
- margin-bottom: var(--size-48) !important;
1147
+ margin-block-end: 48px !important;
1148
+ margin-block-end: var(--size-48) !important;
1677
1149
  }
1678
1150
  .m-y-section-3 {
1679
- margin-top: 48px !important;
1680
- margin-top: var(--size-48) !important;
1681
- margin-bottom: 48px !important;
1682
- margin-bottom: var(--size-48) !important;
1151
+ margin-block-start: 48px !important;
1152
+ margin-block-start: var(--size-48) !important;
1153
+ margin-block-end: 48px !important;
1154
+ margin-block-end: var(--size-48) !important;
1683
1155
  }
1684
1156
  .p-t-section-3 {
1685
- padding-top: 48px !important;
1686
- padding-top: var(--size-48) !important;
1157
+ padding-block-start: 48px !important;
1158
+ padding-block-start: var(--size-48) !important;
1687
1159
  }
1688
1160
  .p-b-section-3 {
1689
- padding-bottom: 48px !important;
1690
- padding-bottom: var(--size-48) !important;
1161
+ padding-block-end: 48px !important;
1162
+ padding-block-end: var(--size-48) !important;
1691
1163
  }
1692
1164
  .p-y-section-3 {
1693
- padding-top: 48px !important;
1694
- padding-top: var(--size-48) !important;
1695
- padding-bottom: 48px !important;
1696
- padding-bottom: var(--size-48) !important;
1165
+ padding-block-start: 48px !important;
1166
+ padding-block-start: var(--size-48) !important;
1167
+ padding-block-end: 48px !important;
1168
+ padding-block-end: var(--size-48) !important;
1697
1169
  }
1698
1170
  @media (min-width: 600px) {
1699
1171
  .m-t-section-3 {
1700
- margin-top: 72px !important;
1701
- margin-top: var(--size-72) !important;
1172
+ margin-block-start: 72px !important;
1173
+ margin-block-start: var(--size-72) !important;
1702
1174
  }
1703
1175
  .m-b-section-3 {
1704
- margin-bottom: 72px !important;
1705
- margin-bottom: var(--size-72) !important;
1176
+ margin-block-end: 72px !important;
1177
+ margin-block-end: var(--size-72) !important;
1706
1178
  }
1707
1179
  .m-y-section-3 {
1708
- margin-top: 72px !important;
1709
- margin-top: var(--size-72) !important;
1710
- margin-bottom: 72px !important;
1711
- margin-bottom: var(--size-72) !important;
1180
+ margin-block-start: 72px !important;
1181
+ margin-block-start: var(--size-72) !important;
1182
+ margin-block-end: 72px !important;
1183
+ margin-block-end: var(--size-72) !important;
1712
1184
  }
1713
1185
  .p-t-section-3 {
1714
- padding-top: 72px !important;
1715
- padding-top: var(--size-72) !important;
1186
+ padding-block-start: 72px !important;
1187
+ padding-block-start: var(--size-72) !important;
1716
1188
  }
1717
1189
  .p-b-section-3 {
1718
- padding-bottom: 72px !important;
1719
- padding-bottom: var(--size-72) !important;
1190
+ padding-block-end: 72px !important;
1191
+ padding-block-end: var(--size-72) !important;
1720
1192
  }
1721
1193
  .p-y-section-3 {
1722
- padding-top: 72px !important;
1723
- padding-top: var(--size-72) !important;
1724
- padding-bottom: 72px !important;
1725
- padding-bottom: var(--size-72) !important;
1194
+ padding-block-start: 72px !important;
1195
+ padding-block-start: var(--size-72) !important;
1196
+ padding-block-end: 72px !important;
1197
+ padding-block-end: var(--size-72) !important;
1726
1198
  }
1727
1199
  }
1728
1200
  @media (min-width: 1160px) {
1729
1201
  .m-t-section-3 {
1730
- margin-top: 96px !important;
1731
- margin-top: var(--size-96) !important;
1202
+ margin-block-start: 96px !important;
1203
+ margin-block-start: var(--size-96) !important;
1732
1204
  }
1733
1205
  .m-b-section-3 {
1734
- margin-bottom: 96px !important;
1735
- margin-bottom: var(--size-96) !important;
1206
+ margin-block-end: 96px !important;
1207
+ margin-block-end: var(--size-96) !important;
1736
1208
  }
1737
1209
  .m-y-section-3 {
1738
- margin-top: 96px !important;
1739
- margin-top: var(--size-96) !important;
1740
- margin-bottom: 96px !important;
1741
- margin-bottom: var(--size-96) !important;
1210
+ margin-block-start: 96px !important;
1211
+ margin-block-start: var(--size-96) !important;
1212
+ margin-block-end: 96px !important;
1213
+ margin-block-end: var(--size-96) !important;
1742
1214
  }
1743
1215
  .p-t-section-3 {
1744
- padding-top: 96px !important;
1745
- padding-top: var(--size-96) !important;
1216
+ padding-block-start: 96px !important;
1217
+ padding-block-start: var(--size-96) !important;
1746
1218
  }
1747
1219
  .p-b-section-3 {
1748
- padding-bottom: 96px !important;
1749
- padding-bottom: var(--size-96) !important;
1220
+ padding-block-end: 96px !important;
1221
+ padding-block-end: var(--size-96) !important;
1750
1222
  }
1751
1223
  .p-y-section-3 {
1752
- padding-top: 96px !important;
1753
- padding-top: var(--size-96) !important;
1754
- padding-bottom: 96px !important;
1755
- padding-bottom: var(--size-96) !important;
1224
+ padding-block-start: 96px !important;
1225
+ padding-block-start: var(--size-96) !important;
1226
+ padding-block-end: 96px !important;
1227
+ padding-block-end: var(--size-96) !important;
1756
1228
  }
1757
1229
  }
1758
1230
  .m-x-auto {
1759
- margin-right: auto !important;
1760
- margin-left: auto !important;
1761
- }
1762
- [dir="rtl"] .m-x-auto {
1763
- margin-left: auto !important;
1764
- margin-right: 0 !important;
1765
- margin-right: initial !important;
1766
- }
1767
- [dir="rtl"] .m-x-auto {
1768
- margin-right: auto !important;
1769
- margin-left: 0 !important;
1770
- margin-left: initial !important;
1231
+ margin-inline-end: auto !important;
1232
+ margin-inline-start: auto !important;
1771
1233
  }
1772
1234
  .m-r-auto {
1773
- margin-right: auto !important;
1774
- }
1775
- [dir="rtl"] .m-r-auto {
1776
- margin-left: auto !important;
1777
- margin-right: 0 !important;
1778
- margin-right: initial !important;
1235
+ margin-inline-end: auto !important;
1779
1236
  }
1780
1237
  .m-l-auto {
1781
- margin-left: auto !important;
1782
- }
1783
- [dir="rtl"] .m-l-auto {
1784
- margin-right: auto !important;
1785
- margin-left: 0 !important;
1786
- margin-left: initial !important;
1238
+ margin-inline-start: auto !important;
1787
1239
  }
1788
1240
  .section {
1789
- padding-top: 48px;
1790
- padding-top: var(--size-48);
1791
- padding-bottom: 48px;
1792
- padding-bottom: var(--size-48);
1241
+ padding-block-start: 48px;
1242
+ padding-block-start: var(--size-48);
1243
+ padding-block-end: 48px;
1244
+ padding-block-end: var(--size-48);
1793
1245
  }
1794
1246
  @media (min-width: 600px) {
1795
1247
  .section {
1796
- padding-top: 72px;
1797
- padding-top: var(--size-72);
1798
- padding-bottom: 72px;
1799
- padding-bottom: var(--size-72);
1248
+ padding-block-start: 72px;
1249
+ padding-block-start: var(--size-72);
1250
+ padding-block-end: 72px;
1251
+ padding-block-end: var(--size-72);
1800
1252
  }
1801
1253
  }
1802
1254
  @media (min-width: 1160px) {
1803
1255
  .section {
1804
- padding-top: 96px;
1805
- padding-top: var(--size-96);
1806
- padding-bottom: 96px;
1807
- padding-bottom: var(--size-96);
1256
+ padding-block-start: 96px;
1257
+ padding-block-start: var(--size-96);
1258
+ padding-block-end: 96px;
1259
+ padding-block-end: var(--size-96);
1808
1260
  }
1809
1261
  }
1810
1262
  @supports (hyphenate-limit-chars: 1) {
@@ -1836,6 +1288,7 @@ html:not([dir="rtl"]) .p-x-panel {
1836
1288
  }
1837
1289
  }
1838
1290
  .border-bottom {
1839
- border-bottom: 1px solid rgba(134,167,189,0.10196);
1840
- border-bottom: 1px solid var(--color-background-neutral);
1291
+ border-block-end: 1px solid rgba(134,167,189,0.10196);
1292
+ border-block-end: 1px solid #86a7bd1a;
1293
+ border-block-end: 1px solid var(--color-background-neutral);
1841
1294
  }