@transferwise/components 0.0.0-experimental-0384cde → 0.0.0-experimental-d3fc310

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/main.css CHANGED
@@ -2300,639 +2300,3577 @@ video {
2300
2300
  clip: auto;
2301
2301
  }
2302
2302
 
2303
+ /* stylelint-disable selector-max-empty-lines */
2304
+
2305
+ /* DEPRECATED: use .np-text-*-title instead */
2306
+
2307
+ /* stylelint-disable-next-line selector-list-comma-newline-after */
2308
+
2309
+ .h1,
2310
+ .h2,
2311
+ .h3,
2312
+ .h4,
2313
+ .h5,
2314
+ .h6,
2315
+ .title-1,
2316
+ .title-2,
2317
+ .title-3,
2318
+ .title-4,
2319
+ .title-5,
2320
+ h1,
2321
+ h2,
2322
+ h3,
2323
+ h4,
2324
+ h5,
2325
+ h6,
2326
+ .np-text-title-screen,
2327
+ .np-text-title-section,
2328
+ .np-text-title-subsection,
2329
+ .np-text-title-body,
2330
+ .np-text-title-group {
2331
+ margin: 0;
2332
+ color: #37517e;
2333
+ color: var(--color-content-primary);
2334
+ line-height: 1.2;
2335
+ line-height: var(--line-height-title);
2336
+ letter-spacing: 0;
2337
+ }
2338
+
2339
+ .h1 + p,
2340
+ .h2 + p,
2341
+ .h3 + p,
2342
+ .h4 + p,
2343
+ .h5 + p,
2344
+ .h6 + p,
2345
+ .title-1 + p,
2346
+ .title-2 + p,
2347
+ .title-3 + p,
2348
+ .title-4 + p,
2349
+ .title-5 + p,
2350
+ h1 + p,
2351
+ h2 + p,
2352
+ h3 + p,
2353
+ h4 + p,
2354
+ h5 + p,
2355
+ h6 + p,
2356
+ .np-text-title-screen + p,
2357
+ .np-text-title-section + p,
2358
+ .np-text-title-subsection + p,
2359
+ .np-text-title-body + p,
2360
+ .np-text-title-group + p,
2361
+ .h1 + ul:not(.list-unstyled),
2362
+ .h2 + ul:not(.list-unstyled),
2363
+ .h3 + ul:not(.list-unstyled),
2364
+ .h4 + ul:not(.list-unstyled),
2365
+ .h5 + ul:not(.list-unstyled),
2366
+ .h6 + ul:not(.list-unstyled),
2367
+ .title-1 + ul:not(.list-unstyled),
2368
+ .title-2 + ul:not(.list-unstyled),
2369
+ .title-3 + ul:not(.list-unstyled),
2370
+ .title-4 + ul:not(.list-unstyled),
2371
+ .title-5 + ul:not(.list-unstyled),
2372
+ h1 + ul:not(.list-unstyled),
2373
+ h2 + ul:not(.list-unstyled),
2374
+ h3 + ul:not(.list-unstyled),
2375
+ h4 + ul:not(.list-unstyled),
2376
+ h5 + ul:not(.list-unstyled),
2377
+ h6 + ul:not(.list-unstyled),
2378
+ .np-text-title-screen + ul:not(.list-unstyled),
2379
+ .np-text-title-section + ul:not(.list-unstyled),
2380
+ .np-text-title-subsection + ul:not(.list-unstyled),
2381
+ .np-text-title-body + ul:not(.list-unstyled),
2382
+ .np-text-title-group + ul:not(.list-unstyled),
2383
+ .h1 + ol:not(.list-unstyled),
2384
+ .h2 + ol:not(.list-unstyled),
2385
+ .h3 + ol:not(.list-unstyled),
2386
+ .h4 + ol:not(.list-unstyled),
2387
+ .h5 + ol:not(.list-unstyled),
2388
+ .h6 + ol:not(.list-unstyled),
2389
+ .title-1 + ol:not(.list-unstyled),
2390
+ .title-2 + ol:not(.list-unstyled),
2391
+ .title-3 + ol:not(.list-unstyled),
2392
+ .title-4 + ol:not(.list-unstyled),
2393
+ .title-5 + ol:not(.list-unstyled),
2394
+ h1 + ol:not(.list-unstyled),
2395
+ h2 + ol:not(.list-unstyled),
2396
+ h3 + ol:not(.list-unstyled),
2397
+ h4 + ol:not(.list-unstyled),
2398
+ h5 + ol:not(.list-unstyled),
2399
+ h6 + ol:not(.list-unstyled),
2400
+ .np-text-title-screen + ol:not(.list-unstyled),
2401
+ .np-text-title-section + ol:not(.list-unstyled),
2402
+ .np-text-title-subsection + ol:not(.list-unstyled),
2403
+ .np-text-title-body + ol:not(.list-unstyled),
2404
+ .np-text-title-group + ol:not(.list-unstyled) {
2405
+ margin-top: 8px;
2406
+ margin-top: var(--size-8);
2407
+ }
2408
+
2409
+ /* DEPRECATED: use .np-text-title-screen instead */
2410
+
2411
+ /* stylelint-disable-next-line selector-list-comma-newline-after */
2412
+
2413
+ .h1,
2414
+ .title-1,
2415
+ h1,
2416
+ .np-text-title-screen {
2417
+ margin-bottom: 0;
2418
+ margin-bottom: initial;
2419
+ font-size: 1.875rem;
2420
+ font-size: var(--font-size-30);
2421
+ font-weight: 600;
2422
+ font-weight: var(--font-weight-semi-bold);
2423
+ letter-spacing: -0.021em;
2424
+ line-height: 115%;
2425
+ }
2426
+
2427
+ /* DEPRECATED: use .np-text-title-section instead */
2428
+
2429
+ /* stylelint-disable-next-line selector-list-comma-newline-after */
2430
+
2431
+ .h2,
2432
+ .title-2,
2433
+ h2,
2434
+ .np-text-title-section {
2435
+ margin-bottom: 0;
2436
+ margin-bottom: initial;
2437
+ font-weight: 600;
2438
+ font-weight: var(--font-weight-semi-bold);
2439
+ font-size: 1.625rem;
2440
+ font-size: var(--font-size-26);
2441
+ letter-spacing: -0.02em;
2442
+ line-height: 122%;
2443
+ }
2444
+
2445
+ /* DEPRECATED: use .np-text-title-subsection instead */
2446
+
2447
+ /* stylelint-disable-next-line selector-list-comma-newline-after */
2448
+
2449
+ .h3,
2450
+ .title-3,
2451
+ h3,
2452
+ .np-text-title-subsection {
2453
+ margin-bottom: 0;
2454
+ margin-bottom: initial;
2455
+ font-size: 1.375rem;
2456
+ font-size: var(--font-size-22);
2457
+ font-weight: 600;
2458
+ font-weight: var(--font-weight-semi-bold);
2459
+ letter-spacing: -0.018em;
2460
+ line-height: 125%;
2461
+ }
2462
+
2463
+ /* DEPRECATED: use .np-text-title-body instead */
2464
+
2465
+ /* stylelint-disable-next-line selector-list-comma-newline-after */
2466
+
2467
+ .h4,
2468
+ .title-4,
2469
+ h4,
2470
+ .np-text-title-body {
2471
+ font-size: 1.125rem;
2472
+ font-size: var(--font-size-18);
2473
+ font-weight: 600;
2474
+ font-weight: var(--font-weight-semi-bold);
2475
+ letter-spacing: -0.014em;
2476
+ line-height: 135%;
2477
+ }
2478
+
2479
+ /* DEPRECATED: use .np-text-title-group instead */
2480
+
2481
+ /* stylelint-disable-next-line selector-list-comma-newline-after */
2482
+
2483
+ .h5,
2484
+ .h6,
2485
+ .title-5,
2486
+ h5,
2487
+ h6,
2488
+ .np-text-title-group {
2489
+ font-weight: 500;
2490
+ font-weight: var(--font-weight-medium);
2491
+ font-size: 0.875rem;
2492
+ font-size: var(--font-size-14);
2493
+ letter-spacing: -0.006em;
2494
+ line-height: 140%;
2495
+ }
2496
+
2497
+ /* DEPRECATED: use .np-text-title-body instead */
2498
+
2499
+ .lead {
2500
+ margin-bottom: 24px;
2501
+ margin-bottom: var(--size-24);
2502
+ font-size: 1.25rem;
2503
+ font-size: var(--font-size-20);
2504
+ line-height: 1.2;
2505
+ line-height: var(--line-height-title);
2506
+ }
2507
+
2508
+ .tiny {
2509
+ color: #5d7079;
2510
+ color: var(--color-content-secondary);
2511
+ }
2512
+
2513
+ /* DEPRECATED: use .np-text-body-default instead */
2514
+
2515
+ /* stylelint-disable-next-line selector-list-comma-newline-after */
2516
+
2517
+ .body-2,
2518
+ .body-3,
2519
+ .small,
2520
+ .tiny,
2521
+ body,
2522
+ small,
2523
+ .np-text-body-default,
2524
+ .tw-date-lookup-calendar > tbody > tr > td.weekend button {
2525
+ font-size: 0.875rem;
2526
+ font-size: var(--font-size-14);
2527
+ line-height: 155%;
2528
+ letter-spacing: -0.006em;
2529
+ font-weight: 400;
2530
+ font-weight: var(--font-weight-regular);
2531
+ }
2532
+
2533
+ /* DEPRECATED: use .np-text-body-default-bold instead */
2534
+
2535
+ /* stylelint-disable-next-line selector-list-comma-newline-after */
2536
+
2537
+ .control-2,
2538
+ .label,
2539
+ .control-label,
2540
+ .np-text-body-default-bold {
2541
+ font-size: 0.875rem;
2542
+ font-size: var(--font-size-14);
2543
+ line-height: 155%;
2544
+ letter-spacing: -0.006em;
2545
+ font-weight: 600;
2546
+ font-weight: var(--font-weight-semi-bold);
2547
+ }
2548
+
2549
+ /* DEPRECATED: use .np-text-body-large instead */
2550
+
2551
+ /* stylelint-disable-next-line selector-list-comma-newline-after */
2552
+
2553
+ .body-1,
2554
+ .value,
2555
+ .np-text-body-large {
2556
+ font-weight: 400;
2557
+ font-weight: var(--font-weight-regular);
2558
+ font-size: 1rem;
2559
+ font-size: var(--font-size-16);
2560
+ line-height: 150%;
2561
+ letter-spacing: -0.011em;
2562
+ }
2563
+
2564
+ /* DEPRECATED: use np-text-body-large-bold instead */
2565
+
2566
+ /* stylelint-disable-next-line selector-list-comma-newline-after */
2567
+
2568
+ .control-1,
2569
+ .np-text-body-large-bold {
2570
+ font-weight: 600;
2571
+ font-weight: var(--font-weight-semi-bold);
2572
+ font-size: 1rem;
2573
+ font-size: var(--font-size-16);
2574
+ line-height: 150%;
2575
+ letter-spacing: -0.011em;
2576
+ }
2577
+
2578
+ a,
2579
+ .np-text-link-default,
2580
+ .np-text-link-large {
2581
+ font-weight: 600;
2582
+ font-weight: var(--font-weight-semi-bold);
2583
+ -webkit-text-decoration: underline;
2584
+ text-decoration: underline;
2585
+ text-underline-offset: 0.3em;
2586
+ }
2587
+
2588
+ .np-text-link-large {
2589
+ font-size: 1rem;
2590
+ font-size: var(--font-size-16);
2591
+ letter-spacing: -0.011em;
2592
+ line-height: 150%;
2593
+ }
2594
+
2595
+ .np-text-link-default {
2596
+ font-size: 0.875rem;
2597
+ font-size: var(--font-size-14);
2598
+ letter-spacing: -0.006em;
2599
+ line-height: 155%;
2600
+ }
2601
+
2602
+ .np-text-display-number {
2603
+ font-weight: 600;
2604
+ font-weight: var(--font-weight-semi-bold);
2605
+ font-size: 40px;
2606
+ line-height: 110%;
2607
+ }
2608
+
2609
+ .display-1,
2610
+ .display-2,
2611
+ .display-3,
2612
+ .display-4,
2613
+ .display-5,
2614
+ .np-text-display-extra-large,
2615
+ .np-text-display-large,
2616
+ .np-text-display-medium,
2617
+ .np-text-display-small {
2618
+ font-family: "Wise Sans", Inter, sans-serif;
2619
+ font-synthesis: none;
2620
+ }
2621
+
2622
+ /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */
2623
+
2624
+ .np-text-display-extra-large,
2625
+ .np-text-display-large,
2626
+ .np-text-display-medium,
2627
+ .np-text-display-small {
2628
+ letter-spacing: normal;
2629
+ }
2630
+
2631
+ @supports (hyphenate-limit-chars: 1) {
2632
+ .np-text-display-extra-large,
2633
+ .np-text-display-large,
2634
+ .np-text-display-medium,
2635
+ .np-text-display-small {
2636
+ -webkit-hyphens: auto;
2637
+ hyphens: auto;
2638
+ hyphenate-limit-chars: 7 3;
2639
+ }
2640
+ @media (min-width: 768px) {
2641
+ .np-text-display-extra-large,
2642
+ .np-text-display-large,
2643
+ .np-text-display-medium,
2644
+ .np-text-display-small {
2645
+ hyphenate-limit-chars: 8 3;
2646
+ }
2647
+ }
2648
+ @media (min-width: 992px) {
2649
+ .np-text-display-extra-large,
2650
+ .np-text-display-large,
2651
+ .np-text-display-medium,
2652
+ .np-text-display-small {
2653
+ hyphenate-limit-chars: 10 4 3;
2654
+ }
2655
+ }
2656
+ }
2657
+
2658
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
2659
+ .np-text-display-extra-large,
2660
+ .np-text-display-large,
2661
+ .np-text-display-medium,
2662
+ .np-text-display-small {
2663
+ -webkit-hyphens: auto;
2664
+ hyphens: auto;
2665
+ -webkit-hyphenate-limit-before: 3;
2666
+ -webkit-hyphenate-limit-after: 3;
2667
+ }
2668
+ @media (min-width: 992px) {
2669
+ .np-text-display-extra-large,
2670
+ .np-text-display-large,
2671
+ .np-text-display-medium,
2672
+ .np-text-display-small {
2673
+ -webkit-hyphenate-limit-before: 4;
2674
+ }
2675
+ }
2676
+ }
2677
+
2678
+ .np-text-display-extra-large,
2679
+ .np-text-display-large {
2680
+ font-size: 64px;
2681
+ font-size: var(--size-64);
2682
+ line-height: normal;
2683
+ font-weight: 700;
2684
+ font-weight: var(--font-weight-bold);
2685
+ }
2686
+
2687
+ .np-text-display-medium {
2688
+ font-size: 52px;
2689
+ font-size: var(--size-52);
2690
+ line-height: normal;
2691
+ font-weight: 700;
2692
+ font-weight: var(--font-weight-bold);
2693
+ }
2694
+
2695
+ .np-text-display-small {
2696
+ font-size: 40px;
2697
+ font-size: var(--size-40);
2698
+ line-height: normal;
2699
+ font-weight: 700;
2700
+ font-weight: var(--font-weight-bold);
2701
+ }
2702
+
2703
+ :lang(en) > .np-text-display-extra-large,
2704
+ :lang(en) > .np-text-display-large {
2705
+ font-size: 64px;
2706
+ font-size: var(--size-64);
2707
+ line-height: 0.85;
2708
+ font-weight: 400;
2709
+ font-weight: var(--font-weight-regular);
2710
+ }
2711
+
2712
+ :lang(en) > .np-text-display-medium {
2713
+ font-size: 52px;
2714
+ font-size: var(--size-52);
2715
+ line-height: 0.85;
2716
+ font-weight: 400;
2717
+ font-weight: var(--font-weight-regular);
2718
+ }
2719
+
2720
+ :lang(en) > .np-text-display-small {
2721
+ font-size: 40px;
2722
+ font-size: var(--size-40);
2723
+ line-height: 0.85;
2724
+ font-weight: 400;
2725
+ font-weight: var(--font-weight-regular);
2726
+ }
2727
+
2728
+ :lang(af) .np-text-display-extra-large,
2729
+ :lang(sq) .np-text-display-extra-large,
2730
+ :lang(eu) .np-text-display-extra-large,
2731
+ :lang(bs) .np-text-display-extra-large,
2732
+ :lang(ca) .np-text-display-extra-large,
2733
+ :lang(kw) .np-text-display-extra-large,
2734
+ :lang(hr) .np-text-display-extra-large,
2735
+ :lang(cs) .np-text-display-extra-large,
2736
+ :lang(da) .np-text-display-extra-large,
2737
+ :lang(nl) .np-text-display-extra-large,
2738
+ :lang(eo) .np-text-display-extra-large,
2739
+ :lang(et) .np-text-display-extra-large,
2740
+ :lang(fo) .np-text-display-extra-large,
2741
+ :lang(fi) .np-text-display-extra-large,
2742
+ :lang(fr) .np-text-display-extra-large,
2743
+ :lang(gl) .np-text-display-extra-large,
2744
+ :lang(lg) .np-text-display-extra-large,
2745
+ :lang(de) .np-text-display-extra-large,
2746
+ :lang(hu) .np-text-display-extra-large,
2747
+ :lang(is) .np-text-display-extra-large,
2748
+ :lang(se) .np-text-display-extra-large,
2749
+ :lang(id) .np-text-display-extra-large,
2750
+ :lang(in) .np-text-display-extra-large,
2751
+ :lang(ga) .np-text-display-extra-large,
2752
+ :lang(it) .np-text-display-extra-large,
2753
+ :lang(kl) .np-text-display-extra-large,
2754
+ :lang(ki) .np-text-display-extra-large,
2755
+ :lang(rw) .np-text-display-extra-large,
2756
+ :lang(lv) .np-text-display-extra-large,
2757
+ :lang(lt) .np-text-display-extra-large,
2758
+ :lang(lb) .np-text-display-extra-large,
2759
+ :lang(mg) .np-text-display-extra-large,
2760
+ :lang(ms) .np-text-display-extra-large,
2761
+ :lang(mt) .np-text-display-extra-large,
2762
+ :lang(gv) .np-text-display-extra-large,
2763
+ :lang(mi) .np-text-display-extra-large,
2764
+ :lang(nd) .np-text-display-extra-large,
2765
+ :lang(nb) .np-text-display-extra-large,
2766
+ :lang(nn) .np-text-display-extra-large,
2767
+ :lang(om) .np-text-display-extra-large,
2768
+ :lang(pl) .np-text-display-extra-large,
2769
+ :lang(pt) .np-text-display-extra-large,
2770
+ :lang(ro) .np-text-display-extra-large,
2771
+ :lang(rm) .np-text-display-extra-large,
2772
+ :lang(rn) .np-text-display-extra-large,
2773
+ :lang(sg) .np-text-display-extra-large,
2774
+ :lang(gd) .np-text-display-extra-large,
2775
+ :lang(sr) .np-text-display-extra-large,
2776
+ :lang(sn) .np-text-display-extra-large,
2777
+ :lang(sk) .np-text-display-extra-large,
2778
+ :lang(sl) .np-text-display-extra-large,
2779
+ :lang(so) .np-text-display-extra-large,
2780
+ :lang(es) .np-text-display-extra-large,
2781
+ :lang(sw) .np-text-display-extra-large,
2782
+ :lang(sv) .np-text-display-extra-large,
2783
+ :lang(tr) .np-text-display-extra-large,
2784
+ :lang(cy) .np-text-display-extra-large,
2785
+ :lang(fy) .np-text-display-extra-large,
2786
+ :lang(wo) .np-text-display-extra-large,
2787
+ :lang(zu) .np-text-display-extra-large,
2788
+ :lang(hsb) .np-text-display-extra-large,
2789
+ :lang(gsw) .np-text-display-extra-large,
2790
+ :lang(dsb) .np-text-display-extra-large,
2791
+ :lang(fil) .np-text-display-extra-large,
2792
+ :lang(af) .np-text-display-large,
2793
+ :lang(sq) .np-text-display-large,
2794
+ :lang(eu) .np-text-display-large,
2795
+ :lang(bs) .np-text-display-large,
2796
+ :lang(ca) .np-text-display-large,
2797
+ :lang(kw) .np-text-display-large,
2798
+ :lang(hr) .np-text-display-large,
2799
+ :lang(cs) .np-text-display-large,
2800
+ :lang(da) .np-text-display-large,
2801
+ :lang(nl) .np-text-display-large,
2802
+ :lang(eo) .np-text-display-large,
2803
+ :lang(et) .np-text-display-large,
2804
+ :lang(fo) .np-text-display-large,
2805
+ :lang(fi) .np-text-display-large,
2806
+ :lang(fr) .np-text-display-large,
2807
+ :lang(gl) .np-text-display-large,
2808
+ :lang(lg) .np-text-display-large,
2809
+ :lang(de) .np-text-display-large,
2810
+ :lang(hu) .np-text-display-large,
2811
+ :lang(is) .np-text-display-large,
2812
+ :lang(se) .np-text-display-large,
2813
+ :lang(id) .np-text-display-large,
2814
+ :lang(in) .np-text-display-large,
2815
+ :lang(ga) .np-text-display-large,
2816
+ :lang(it) .np-text-display-large,
2817
+ :lang(kl) .np-text-display-large,
2818
+ :lang(ki) .np-text-display-large,
2819
+ :lang(rw) .np-text-display-large,
2820
+ :lang(lv) .np-text-display-large,
2821
+ :lang(lt) .np-text-display-large,
2822
+ :lang(lb) .np-text-display-large,
2823
+ :lang(mg) .np-text-display-large,
2824
+ :lang(ms) .np-text-display-large,
2825
+ :lang(mt) .np-text-display-large,
2826
+ :lang(gv) .np-text-display-large,
2827
+ :lang(mi) .np-text-display-large,
2828
+ :lang(nd) .np-text-display-large,
2829
+ :lang(nb) .np-text-display-large,
2830
+ :lang(nn) .np-text-display-large,
2831
+ :lang(om) .np-text-display-large,
2832
+ :lang(pl) .np-text-display-large,
2833
+ :lang(pt) .np-text-display-large,
2834
+ :lang(ro) .np-text-display-large,
2835
+ :lang(rm) .np-text-display-large,
2836
+ :lang(rn) .np-text-display-large,
2837
+ :lang(sg) .np-text-display-large,
2838
+ :lang(gd) .np-text-display-large,
2839
+ :lang(sr) .np-text-display-large,
2840
+ :lang(sn) .np-text-display-large,
2841
+ :lang(sk) .np-text-display-large,
2842
+ :lang(sl) .np-text-display-large,
2843
+ :lang(so) .np-text-display-large,
2844
+ :lang(es) .np-text-display-large,
2845
+ :lang(sw) .np-text-display-large,
2846
+ :lang(sv) .np-text-display-large,
2847
+ :lang(tr) .np-text-display-large,
2848
+ :lang(cy) .np-text-display-large,
2849
+ :lang(fy) .np-text-display-large,
2850
+ :lang(wo) .np-text-display-large,
2851
+ :lang(zu) .np-text-display-large,
2852
+ :lang(hsb) .np-text-display-large,
2853
+ :lang(gsw) .np-text-display-large,
2854
+ :lang(dsb) .np-text-display-large,
2855
+ :lang(fil) .np-text-display-large {
2856
+ font-size: 64px;
2857
+ font-size: var(--size-64);
2858
+ line-height: 1.05;
2859
+ font-weight: 400;
2860
+ font-weight: var(--font-weight-regular);
2861
+ }
2862
+
2863
+ :lang(af) .np-text-display-medium,
2864
+ :lang(sq) .np-text-display-medium,
2865
+ :lang(eu) .np-text-display-medium,
2866
+ :lang(bs) .np-text-display-medium,
2867
+ :lang(ca) .np-text-display-medium,
2868
+ :lang(kw) .np-text-display-medium,
2869
+ :lang(hr) .np-text-display-medium,
2870
+ :lang(cs) .np-text-display-medium,
2871
+ :lang(da) .np-text-display-medium,
2872
+ :lang(nl) .np-text-display-medium,
2873
+ :lang(eo) .np-text-display-medium,
2874
+ :lang(et) .np-text-display-medium,
2875
+ :lang(fo) .np-text-display-medium,
2876
+ :lang(fi) .np-text-display-medium,
2877
+ :lang(fr) .np-text-display-medium,
2878
+ :lang(gl) .np-text-display-medium,
2879
+ :lang(lg) .np-text-display-medium,
2880
+ :lang(de) .np-text-display-medium,
2881
+ :lang(hu) .np-text-display-medium,
2882
+ :lang(is) .np-text-display-medium,
2883
+ :lang(se) .np-text-display-medium,
2884
+ :lang(id) .np-text-display-medium,
2885
+ :lang(in) .np-text-display-medium,
2886
+ :lang(ga) .np-text-display-medium,
2887
+ :lang(it) .np-text-display-medium,
2888
+ :lang(kl) .np-text-display-medium,
2889
+ :lang(ki) .np-text-display-medium,
2890
+ :lang(rw) .np-text-display-medium,
2891
+ :lang(lv) .np-text-display-medium,
2892
+ :lang(lt) .np-text-display-medium,
2893
+ :lang(lb) .np-text-display-medium,
2894
+ :lang(mg) .np-text-display-medium,
2895
+ :lang(ms) .np-text-display-medium,
2896
+ :lang(mt) .np-text-display-medium,
2897
+ :lang(gv) .np-text-display-medium,
2898
+ :lang(mi) .np-text-display-medium,
2899
+ :lang(nd) .np-text-display-medium,
2900
+ :lang(nb) .np-text-display-medium,
2901
+ :lang(nn) .np-text-display-medium,
2902
+ :lang(om) .np-text-display-medium,
2903
+ :lang(pl) .np-text-display-medium,
2904
+ :lang(pt) .np-text-display-medium,
2905
+ :lang(ro) .np-text-display-medium,
2906
+ :lang(rm) .np-text-display-medium,
2907
+ :lang(rn) .np-text-display-medium,
2908
+ :lang(sg) .np-text-display-medium,
2909
+ :lang(gd) .np-text-display-medium,
2910
+ :lang(sr) .np-text-display-medium,
2911
+ :lang(sn) .np-text-display-medium,
2912
+ :lang(sk) .np-text-display-medium,
2913
+ :lang(sl) .np-text-display-medium,
2914
+ :lang(so) .np-text-display-medium,
2915
+ :lang(es) .np-text-display-medium,
2916
+ :lang(sw) .np-text-display-medium,
2917
+ :lang(sv) .np-text-display-medium,
2918
+ :lang(tr) .np-text-display-medium,
2919
+ :lang(cy) .np-text-display-medium,
2920
+ :lang(fy) .np-text-display-medium,
2921
+ :lang(wo) .np-text-display-medium,
2922
+ :lang(zu) .np-text-display-medium,
2923
+ :lang(hsb) .np-text-display-medium,
2924
+ :lang(gsw) .np-text-display-medium,
2925
+ :lang(dsb) .np-text-display-medium,
2926
+ :lang(fil) .np-text-display-medium {
2927
+ font-size: 52px;
2928
+ font-size: var(--size-52);
2929
+ line-height: 1.05;
2930
+ font-weight: 400;
2931
+ font-weight: var(--font-weight-regular);
2932
+ }
2933
+
2934
+ :lang(af) .np-text-display-small,
2935
+ :lang(sq) .np-text-display-small,
2936
+ :lang(eu) .np-text-display-small,
2937
+ :lang(bs) .np-text-display-small,
2938
+ :lang(ca) .np-text-display-small,
2939
+ :lang(kw) .np-text-display-small,
2940
+ :lang(hr) .np-text-display-small,
2941
+ :lang(cs) .np-text-display-small,
2942
+ :lang(da) .np-text-display-small,
2943
+ :lang(nl) .np-text-display-small,
2944
+ :lang(eo) .np-text-display-small,
2945
+ :lang(et) .np-text-display-small,
2946
+ :lang(fo) .np-text-display-small,
2947
+ :lang(fi) .np-text-display-small,
2948
+ :lang(fr) .np-text-display-small,
2949
+ :lang(gl) .np-text-display-small,
2950
+ :lang(lg) .np-text-display-small,
2951
+ :lang(de) .np-text-display-small,
2952
+ :lang(hu) .np-text-display-small,
2953
+ :lang(is) .np-text-display-small,
2954
+ :lang(se) .np-text-display-small,
2955
+ :lang(id) .np-text-display-small,
2956
+ :lang(in) .np-text-display-small,
2957
+ :lang(ga) .np-text-display-small,
2958
+ :lang(it) .np-text-display-small,
2959
+ :lang(kl) .np-text-display-small,
2960
+ :lang(ki) .np-text-display-small,
2961
+ :lang(rw) .np-text-display-small,
2962
+ :lang(lv) .np-text-display-small,
2963
+ :lang(lt) .np-text-display-small,
2964
+ :lang(lb) .np-text-display-small,
2965
+ :lang(mg) .np-text-display-small,
2966
+ :lang(ms) .np-text-display-small,
2967
+ :lang(mt) .np-text-display-small,
2968
+ :lang(gv) .np-text-display-small,
2969
+ :lang(mi) .np-text-display-small,
2970
+ :lang(nd) .np-text-display-small,
2971
+ :lang(nb) .np-text-display-small,
2972
+ :lang(nn) .np-text-display-small,
2973
+ :lang(om) .np-text-display-small,
2974
+ :lang(pl) .np-text-display-small,
2975
+ :lang(pt) .np-text-display-small,
2976
+ :lang(ro) .np-text-display-small,
2977
+ :lang(rm) .np-text-display-small,
2978
+ :lang(rn) .np-text-display-small,
2979
+ :lang(sg) .np-text-display-small,
2980
+ :lang(gd) .np-text-display-small,
2981
+ :lang(sr) .np-text-display-small,
2982
+ :lang(sn) .np-text-display-small,
2983
+ :lang(sk) .np-text-display-small,
2984
+ :lang(sl) .np-text-display-small,
2985
+ :lang(so) .np-text-display-small,
2986
+ :lang(es) .np-text-display-small,
2987
+ :lang(sw) .np-text-display-small,
2988
+ :lang(sv) .np-text-display-small,
2989
+ :lang(tr) .np-text-display-small,
2990
+ :lang(cy) .np-text-display-small,
2991
+ :lang(fy) .np-text-display-small,
2992
+ :lang(wo) .np-text-display-small,
2993
+ :lang(zu) .np-text-display-small,
2994
+ :lang(hsb) .np-text-display-small,
2995
+ :lang(gsw) .np-text-display-small,
2996
+ :lang(dsb) .np-text-display-small,
2997
+ :lang(fil) .np-text-display-small {
2998
+ font-size: 40px;
2999
+ font-size: var(--size-40);
3000
+ line-height: 1.05;
3001
+ font-weight: 400;
3002
+ font-weight: var(--font-weight-regular);
3003
+ }
3004
+
3005
+ :lang(el) .np-text-display-extra-large,
3006
+ :lang(az) .np-text-display-extra-large,
3007
+ :lang(be) .np-text-display-extra-large,
3008
+ :lang(bs) .np-text-display-extra-large,
3009
+ :lang(bg) .np-text-display-extra-large,
3010
+ :lang(ce) .np-text-display-extra-large,
3011
+ :lang(mk) .np-text-display-extra-large,
3012
+ :lang(os) .np-text-display-extra-large,
3013
+ :lang(ru) .np-text-display-extra-large,
3014
+ :lang(sr) .np-text-display-extra-large,
3015
+ :lang(uk) .np-text-display-extra-large,
3016
+ :lang(uz) .np-text-display-extra-large,
3017
+ :lang(sah) .np-text-display-extra-large,
3018
+ :lang(el) .np-text-display-large,
3019
+ :lang(az) .np-text-display-large,
3020
+ :lang(be) .np-text-display-large,
3021
+ :lang(bs) .np-text-display-large,
3022
+ :lang(bg) .np-text-display-large,
3023
+ :lang(ce) .np-text-display-large,
3024
+ :lang(mk) .np-text-display-large,
3025
+ :lang(os) .np-text-display-large,
3026
+ :lang(ru) .np-text-display-large,
3027
+ :lang(sr) .np-text-display-large,
3028
+ :lang(uk) .np-text-display-large,
3029
+ :lang(uz) .np-text-display-large,
3030
+ :lang(sah) .np-text-display-large {
3031
+ font-size: 60px;
3032
+ font-size: var(--size-60);
3033
+ line-height: 120%;
3034
+ font-weight: 600;
3035
+ font-weight: var(--font-weight-semi-bold);
3036
+ }
3037
+
3038
+ :lang(el) .np-text-display-medium,
3039
+ :lang(az) .np-text-display-medium,
3040
+ :lang(be) .np-text-display-medium,
3041
+ :lang(bs) .np-text-display-medium,
3042
+ :lang(bg) .np-text-display-medium,
3043
+ :lang(ce) .np-text-display-medium,
3044
+ :lang(mk) .np-text-display-medium,
3045
+ :lang(os) .np-text-display-medium,
3046
+ :lang(ru) .np-text-display-medium,
3047
+ :lang(sr) .np-text-display-medium,
3048
+ :lang(uk) .np-text-display-medium,
3049
+ :lang(uz) .np-text-display-medium,
3050
+ :lang(sah) .np-text-display-medium {
3051
+ font-size: 48px;
3052
+ font-size: var(--size-48);
3053
+ line-height: 120%;
3054
+ font-weight: 600;
3055
+ font-weight: var(--font-weight-semi-bold);
3056
+ }
3057
+
3058
+ :lang(el) .np-text-display-small,
3059
+ :lang(az) .np-text-display-small,
3060
+ :lang(be) .np-text-display-small,
3061
+ :lang(bs) .np-text-display-small,
3062
+ :lang(bg) .np-text-display-small,
3063
+ :lang(ce) .np-text-display-small,
3064
+ :lang(mk) .np-text-display-small,
3065
+ :lang(os) .np-text-display-small,
3066
+ :lang(ru) .np-text-display-small,
3067
+ :lang(sr) .np-text-display-small,
3068
+ :lang(uk) .np-text-display-small,
3069
+ :lang(uz) .np-text-display-small,
3070
+ :lang(sah) .np-text-display-small {
3071
+ font-size: 40px;
3072
+ font-size: var(--size-40);
3073
+ line-height: 120%;
3074
+ font-weight: 600;
3075
+ font-weight: var(--font-weight-semi-bold);
3076
+ }
3077
+
3078
+ /* DEPRECATED: use `.np-text-display-*` instead */
3079
+
3080
+ .display-1 {
3081
+ margin-bottom: 24px;
3082
+ margin-bottom: var(--size-24);
3083
+ /* stylelint-disable-next-line number-max-precision */
3084
+ font-size: 3.73333333rem;
3085
+ }
3086
+
3087
+ @media (min-width: 768px) {
3088
+ .display-1 {
3089
+ margin-bottom: 8px;
3090
+ margin-bottom: var(--size-8);
3091
+ font-size: 6.5rem;
3092
+ }
3093
+ }
3094
+
3095
+ /* DEPRECATED: use `.np-text-display-*` instead */
3096
+
3097
+ .display-2 {
3098
+ margin-bottom: 24px;
3099
+ margin-bottom: var(--size-24);
3100
+ /* stylelint-disable-next-line number-max-precision */
3101
+ font-size: 3.73333333rem;
3102
+ }
3103
+
3104
+ @media (min-width: 768px) {
3105
+ .display-2 {
3106
+ margin-bottom: 16px;
3107
+ margin-bottom: var(--size-16);
3108
+ font-size: 5.5rem;
3109
+ }
3110
+ }
3111
+
3112
+ /* DEPRECATED: use `.np-text-display-*` instead */
3113
+
3114
+ .display-3 {
3115
+ margin-bottom: 8px;
3116
+ margin-bottom: var(--size-8);
3117
+ font-size: 2.8rem;
3118
+ }
3119
+
3120
+ @media (min-width: 768px) {
3121
+ .display-3 {
3122
+ margin-bottom: 24px;
3123
+ margin-bottom: var(--size-24);
3124
+ font-size: 4.5rem;
3125
+ }
3126
+ }
3127
+
3128
+ /* DEPRECATED: use `.np-text-display-*` instead */
3129
+
3130
+ .display-4 {
3131
+ margin-bottom: 4px;
3132
+ margin-bottom: var(--size-4);
3133
+ /* stylelint-disable-next-line number-max-precision */
3134
+ font-size: 1.86666667rem;
3135
+ }
3136
+
3137
+ @media (min-width: 768px) {
3138
+ .display-4 {
3139
+ margin-bottom: 24px;
3140
+ margin-bottom: var(--size-24);
3141
+ font-size: 3.5rem;
3142
+ }
3143
+ }
3144
+
3145
+ /* DEPRECATED: use `.np-text-display-*` instead */
3146
+
3147
+ .display-5 {
3148
+ margin-bottom: 4px;
3149
+ margin-bottom: var(--size-4);
3150
+ /* stylelint-disable-next-line number-max-precision */
3151
+ font-size: 1.86666667rem;
3152
+ }
3153
+
3154
+ @media (min-width: 768px) {
3155
+ .display-5 {
3156
+ margin-bottom: 8px;
3157
+ margin-bottom: var(--size-8);
3158
+ font-size: 2.625rem;
3159
+ }
3160
+ }
3161
+
3162
+ p {
3163
+ margin: 0 0 16px;
3164
+ margin: 0 0 var(--size-16);
3165
+ }
3166
+
3167
+ p + h1,
3168
+ p + h2,
3169
+ p + h3,
3170
+ p + h4,
3171
+ p + h5,
3172
+ p + h6,
3173
+ p + .h1,
3174
+ p + .h2,
3175
+ p + .h3,
3176
+ p + .h4,
3177
+ p + .h5,
3178
+ p + .h6,
3179
+ p + .title-1,
3180
+ p + .title-2,
3181
+ p + .title-3,
3182
+ p + .title-4,
3183
+ p + .title-5,
3184
+ p + .np-text-title-screen,
3185
+ p + .np-text-title-section,
3186
+ p + .np-text-title-subsection,
3187
+ p + .np-text-title-body,
3188
+ p + .np-text-title-group {
3189
+ margin-top: 0;
3190
+ margin-bottom: 8px;
3191
+ margin-bottom: var(--size-8);
3192
+ }
3193
+
3194
+ .control-1,
3195
+ .control-2 {
3196
+ color: #0097c7;
3197
+ color: var(--color-content-accent);
3198
+ }
3199
+
3200
+ strong,
3201
+ b {
3202
+ font-weight: 600;
3203
+ font-weight: var(--font-weight-semi-bold);
3204
+ color: #37517e;
3205
+ color: var(--color-content-primary);
3206
+ }
3207
+
3208
+ mark,
3209
+ .mark {
3210
+ padding: 4px;
3211
+ padding: var(--size-4);
3212
+ background-color: rgba(255,172,0,0.10196);
3213
+ background-color: var(--color-background-warning);
3214
+ }
3215
+
3216
+ address {
3217
+ margin-bottom: 24px;
3218
+ margin-bottom: var(--size-24);
3219
+ font-style: normal;
3220
+ }
3221
+
3222
+ blockquote {
3223
+ margin: 16px 0;
3224
+ margin: var(--size-16) 0;
3225
+ padding: 0 16px 0 calc(16px - 2px);
3226
+ padding: 0 var(--size-16) 0 calc(var(--size-16) - 2px);
3227
+ font-size: 1rem;
3228
+ font-size: var(--font-size-16);
3229
+ }
3230
+
3231
+ [dir="rtl"] blockquote {
3232
+ border-right: 2px solid #0097c7;
3233
+ border-right: 2px solid var(--color-content-accent);
3234
+ }
3235
+
3236
+ html:not([dir="rtl"]) blockquote {
3237
+ border-left: 2px solid #0097c7;
3238
+ border-left: 2px solid var(--color-content-accent);
3239
+ }
3240
+
3241
+ blockquote p {
3242
+ margin-bottom: 8px;
3243
+ margin-bottom: var(--size-8);
3244
+ }
3245
+
3246
+ blockquote p:last-child,
3247
+ blockquote ol:last-child,
3248
+ blockquote ul:last-child {
3249
+ margin-bottom: 0;
3250
+ }
3251
+
3252
+ blockquote footer {
3253
+ display: block;
3254
+ color: #5d7079;
3255
+ color: var(--color-content-secondary);
3256
+ font-size: 0.875rem;
3257
+ font-size: var(--font-size-14);
3258
+ line-height: 1.5;
3259
+ line-height: var(--line-height-body);
3260
+ }
3261
+
3262
+ blockquote footer::before {
3263
+ content: "\2014 \00A0";
3264
+ }
3265
+
3266
+ @media (min-width: 576px) {
3267
+ blockquote {
3268
+ margin: 24px;
3269
+ margin: var(--size-24);
3270
+ }
3271
+ }
3272
+
3273
+ @media (min-width: 992px) {
3274
+ blockquote {
3275
+ margin: 32px;
3276
+ margin: var(--size-32);
3277
+ font-size: 1rem;
3278
+ font-size: var(--font-size-16);
3279
+ }
3280
+ }
3281
+
3282
+ .blockquote-reverse {
3283
+ padding-right: 22px;
3284
+ padding-left: 0;
3285
+ text-align: right;
3286
+ }
3287
+
3288
+ [dir="rtl"] .blockquote-reverse {
3289
+ padding-left: 22px;
3290
+ padding-right: 0;
3291
+ padding-right: initial;
3292
+ }
3293
+
3294
+ [dir="rtl"] .blockquote-reverse {
3295
+ padding-right: 0;
3296
+ padding-left: 0;
3297
+ padding-left: initial;
3298
+ }
3299
+
3300
+ [dir="rtl"] .blockquote-reverse {
3301
+ text-align: left;
3302
+ }
3303
+
3304
+ [dir="rtl"] .blockquote-reverse {
3305
+ border-left: 2px solid #0097c7;
3306
+ border-left: 2px solid var(--color-content-accent);
3307
+ }
3308
+
3309
+ html:not([dir="rtl"]) .blockquote-reverse {
3310
+ border-right: 2px solid #0097c7;
3311
+ border-right: 2px solid var(--color-content-accent);
3312
+ }
3313
+
3314
+ [dir="rtl"] .blockquote-reverse {
3315
+ border-right: 0 ;
3316
+ }
3317
+
3318
+ html:not([dir="rtl"]) .blockquote-reverse {
3319
+ border-left: 0 ;
3320
+ }
3321
+
3322
+ .blockquote-reverse footer::before {
3323
+ content: "";
3324
+ }
3325
+
3326
+ .blockquote-reverse footer::after {
3327
+ content: "\00A0 \2014";
3328
+ }
3329
+
3330
+ pre,
3331
+ code,
3332
+ kbd {
3333
+ border-radius: 10px;
3334
+ border-radius: var(--radius-small);
3335
+ }
3336
+
3337
+ pre {
3338
+ margin: 0 0 24px;
3339
+ margin: 0 0 var(--size-24);
3340
+ padding: 16px;
3341
+ padding: var(--size-16);
3342
+ overflow: auto;
3343
+ color: #5d7079;
3344
+ color: var(--color-content-secondary);
3345
+ font-size: 0.875rem;
3346
+ font-size: var(--font-size-14);
3347
+ line-height: 1.5;
3348
+ line-height: var(--line-height-body);
3349
+ word-wrap: break-word;
3350
+ word-break: break-all;
3351
+ background-color: rgba(134,167,189,0.10196);
3352
+ background-color: var(--color-background-neutral);
3353
+ }
3354
+
3355
+ pre code {
3356
+ padding: 0;
3357
+ font-size: inherit;
3358
+ white-space: pre-wrap;
3359
+ background-color: transparent;
3360
+ border-radius: 0;
3361
+ }
3362
+
3363
+ code {
3364
+ padding: 2px 4px;
3365
+ padding: 2px var(--size-4);
3366
+ font-size: 90%;
3367
+ color: #5d7079;
3368
+ color: var(--color-content-secondary);
3369
+ background-color: rgba(134,167,189,0.10196);
3370
+ background-color: var(--color-background-neutral);
3371
+ }
3372
+
3373
+ kbd {
3374
+ padding: 2px 4px;
3375
+ padding: 2px var(--size-4);
3376
+ font-size: 90%;
3377
+ color: #fff;
3378
+ background-color: #333;
3379
+ }
3380
+
3381
+ kbd kbd {
3382
+ padding: 0;
3383
+ font-weight: 700;
3384
+ font-weight: var(--font-weight-bold);
3385
+ font-size: 100%;
3386
+ }
3387
+
2303
3388
  .text-xs-left {
2304
3389
  text-align: left;
2305
3390
  }
2306
3391
 
2307
- [dir="rtl"] .text-xs-left {
2308
- text-align: right;
3392
+ [dir="rtl"] .text-xs-left {
3393
+ text-align: right;
3394
+ }
3395
+
3396
+ .text-xs-right {
3397
+ text-align: right;
3398
+ }
3399
+
3400
+ [dir="rtl"] .text-xs-right {
3401
+ text-align: left;
3402
+ }
3403
+
3404
+ .text-xs-center {
3405
+ text-align: center;
3406
+ }
3407
+
3408
+ .text-xs-justify {
3409
+ text-align: justify;
3410
+ }
3411
+
3412
+ .text-xs-nowrap {
3413
+ white-space: nowrap;
3414
+ }
3415
+
3416
+ @media (min-width: 576px) {
3417
+ .text-sm-left {
3418
+ text-align: left;
3419
+ }
3420
+ [dir="rtl"] .text-sm-left {
3421
+ text-align: right;
3422
+ }
3423
+ .text-sm-right {
3424
+ text-align: right;
3425
+ }
3426
+ [dir="rtl"] .text-sm-right {
3427
+ text-align: left;
3428
+ }
3429
+ .text-sm-center {
3430
+ text-align: center;
3431
+ }
3432
+ .text-sm-justify {
3433
+ text-align: justify;
3434
+ }
3435
+ .text-sm-nowrap {
3436
+ white-space: nowrap;
3437
+ }
3438
+ }
3439
+
3440
+ @media (min-width: 768px) {
3441
+ .text-md-left {
3442
+ text-align: left;
3443
+ }
3444
+ [dir="rtl"] .text-md-left {
3445
+ text-align: right;
3446
+ }
3447
+ .text-md-right {
3448
+ text-align: right;
3449
+ }
3450
+ [dir="rtl"] .text-md-right {
3451
+ text-align: left;
3452
+ }
3453
+ .text-md-center {
3454
+ text-align: center;
3455
+ }
3456
+ .text-md-justify {
3457
+ text-align: justify;
3458
+ }
3459
+ .text-md-nowrap {
3460
+ white-space: nowrap;
3461
+ }
3462
+ }
3463
+
3464
+ @media (min-width: 992px) {
3465
+ .text-lg-left {
3466
+ text-align: left;
3467
+ }
3468
+ [dir="rtl"] .text-lg-left {
3469
+ text-align: right;
3470
+ }
3471
+ .text-lg-right {
3472
+ text-align: right;
3473
+ }
3474
+ [dir="rtl"] .text-lg-right {
3475
+ text-align: left;
3476
+ }
3477
+ .text-lg-center {
3478
+ text-align: center;
3479
+ }
3480
+ .text-lg-justify {
3481
+ text-align: justify;
3482
+ }
3483
+ .text-lg-nowrap {
3484
+ white-space: nowrap;
3485
+ }
3486
+ }
3487
+
3488
+ @media (min-width: 1200px) {
3489
+ .text-xl-left {
3490
+ text-align: left;
3491
+ }
3492
+ [dir="rtl"] .text-xl-left {
3493
+ text-align: right;
3494
+ }
3495
+ .text-xl-right {
3496
+ text-align: right;
3497
+ }
3498
+ [dir="rtl"] .text-xl-right {
3499
+ text-align: left;
3500
+ }
3501
+ .text-xl-center {
3502
+ text-align: center;
3503
+ }
3504
+ .text-xl-justify {
3505
+ text-align: justify;
3506
+ }
3507
+ .text-xl-nowrap {
3508
+ white-space: nowrap;
3509
+ }
3510
+ }
3511
+
3512
+ .text-lowercase {
3513
+ text-transform: lowercase;
3514
+ }
3515
+
3516
+ .text-uppercase {
3517
+ text-transform: uppercase;
3518
+ }
3519
+
3520
+ .text-capitalize {
3521
+ text-transform: capitalize;
3522
+ }
3523
+
3524
+ .text-underline {
3525
+ text-decoration: underline;
3526
+ -webkit-text-decoration: underline !important;
3527
+ text-decoration: underline !important;
3528
+ text-underline-offset: 0.3em;
3529
+ }
3530
+
3531
+ .text-no-decoration {
3532
+ -webkit-text-decoration: none !important;
3533
+ text-decoration: none !important;
3534
+ }
3535
+
3536
+ .text-ellipsis,
3537
+ .text-ellipses {
3538
+ display: block;
3539
+ text-overflow: ellipsis;
3540
+ white-space: nowrap;
3541
+ overflow: hidden;
3542
+ }
3543
+
3544
+ .text-max-width {
3545
+ max-width: 600px;
3546
+ }
3547
+
3548
+ .text-word-break {
3549
+ word-break: break-all;
3550
+ }
3551
+
3552
+ .font-weight-bold {
3553
+ font-weight: 700 !important;
3554
+ font-weight: var(--font-weight-bold) !important;
3555
+ }
3556
+
3557
+ .font-weight-semi-bold {
3558
+ font-weight: 600 !important;
3559
+ font-weight: var(--font-weight-semi-bold) !important;
3560
+ }
3561
+
3562
+ .font-weight-normal {
3563
+ font-weight: 400 !important;
3564
+ font-weight: var(--font-weight-regular) !important;
3565
+ }
3566
+
3567
+ .font-italic {
3568
+ font-style: italic !important;
3569
+ }
3570
+
3571
+ .text-primary {
3572
+ color: #37517e !important;
3573
+ color: var(--color-content-primary) !important;
3574
+ }
3575
+
3576
+ a.text-primary:hover,
3577
+ a.text-primary:focus {
3578
+ color: #37517e !important;
3579
+ color: var(--color-content-primary) !important;
3580
+ }
3581
+
3582
+ .bg-primary .text-primary {
3583
+ color: #ffffff !important;
3584
+ }
3585
+
3586
+ .text-secondary {
3587
+ color: #5d7079 !important;
3588
+ color: var(--color-content-secondary) !important;
3589
+ }
3590
+
3591
+ .text-positive,
3592
+ .text-success {
3593
+ color: #008026 !important;
3594
+ color: var(--color-content-positive) !important;
3595
+ }
3596
+
3597
+ a.text-positive:hover,
3598
+ a.text-success:hover,
3599
+ a.text-positive:focus,
3600
+ a.text-success:focus {
3601
+ color: #006d13 !important;
3602
+ color: var(--color-content-positive-hover) !important;
3603
+ }
3604
+
3605
+ .bg-primary .text-positive,
3606
+ .bg-primary .text-success {
3607
+ color: #6fd698 !important;
3608
+ }
3609
+
3610
+ .text-accent,
3611
+ .text-info {
3612
+ color: #0097c7 !important;
3613
+ color: var(--color-content-accent) !important;
3614
+ color: var(--color-interactive-primary) !important;
3615
+ }
3616
+
3617
+ a.text-accent:hover,
3618
+ a.text-info:hover,
3619
+ a.text-accent:focus,
3620
+ a.text-info:focus {
3621
+ color: #0084b3 !important;
3622
+ color: var(--color-content-accent-hover) !important;
3623
+ }
3624
+
3625
+ .bg-primary .text-accent,
3626
+ .bg-primary .text-info {
3627
+ color: #00b9ff !important;
3628
+ }
3629
+
3630
+ .text-warning {
3631
+ color: #9a6500 !important;
3632
+ color: var(--color-content-warning) !important;
3633
+ }
3634
+
3635
+ a.text-warning:hover,
3636
+ a.text-warning:focus {
3637
+ color: #855400 !important;
3638
+ color: var(--color-content-warning-hover) !important;
3639
+ }
3640
+
3641
+ .bg-primary .text-warning {
3642
+ color: #ffd184 !important;
3643
+ }
3644
+
3645
+ .text-negative,
3646
+ .text-danger {
3647
+ color: var(--color-sentiment-negative) !important;
3648
+ }
3649
+
3650
+ a.text-negative:hover,
3651
+ a.text-danger:hover,
3652
+ a.text-negative:focus,
3653
+ a.text-danger:focus {
3654
+ color: var(--color-sentiment-negative-hover) !important;
3655
+ }
3656
+
3657
+ .bg-primary .text-negative,
3658
+ .bg-primary .text-danger {
3659
+ color: #ffa6a9 !important;
3660
+ }
3661
+
3662
+ .text-inverse {
3663
+ color: #ffffff !important;
3664
+ }
3665
+
3666
+ a.text-inverse:hover,
3667
+ a.text-inverse:focus {
3668
+ color: #c9cbce !important;
3669
+ }
3670
+
3671
+ .text-muted {
3672
+ color: #768e9c !important;
3673
+ color: var(--color-content-tertiary) !important;
3674
+ }
3675
+
3676
+ .colored-dot::after {
3677
+ content: none;
3678
+ }
3679
+
3680
+ @media (max-width: 320px) {
3681
+ .np-theme-personal {
3682
+ --delta: 2;
3683
+ --size-4: calc(4px / var(--delta));
3684
+ --size-5: calc(5px / var(--delta));
3685
+ --size-8: calc(8px / var(--delta));
3686
+ --size-10: calc(10px / var(--delta));
3687
+ --size-12: calc(12px / var(--delta));
3688
+ --size-14: calc(14px / var(--delta));
3689
+ --size-16: calc(16px / var(--delta));
3690
+ --size-24: calc(24px / var(--delta));
3691
+ --size-32: calc(32px / var(--delta));
3692
+ --size-40: calc(40px / var(--delta));
3693
+ --size-48: calc(48px / var(--delta));
3694
+ --size-52: calc(52px / var(--delta));
3695
+ --size-56: calc(56px / var(--delta));
3696
+ --size-60: calc(60px / var(--delta));
3697
+ --size-64: calc(64px / var(--delta));
3698
+ --size-72: calc(72px / var(--delta));
3699
+ --size-80: calc(80px / var(--delta));
3700
+ --size-88: calc(88px / var(--delta));
3701
+ --size-96: calc(96px / var(--delta));
3702
+ --size-104: calc(104px / var(--delta));
3703
+ --size-112: calc(112px / var(--delta));
3704
+ --size-120: calc(120px / var(--delta));
3705
+ --size-126: calc(126px / var(--delta));
3706
+ --size-128: calc(128px / var(--delta));
3707
+ --size-146: calc(146px / var(--delta));
3708
+ --size-154: calc(154px / var(--delta));
3709
+ --size-x-small: calc(24px / var(--delta));
3710
+ --size-small: calc(32px / var(--delta));
3711
+ --size-medium: calc(40px / var(--delta));
3712
+ --size-large: calc(48px / var(--delta));
3713
+ --size-x-large: calc(56px / var(--delta));
3714
+ --size-2x-large: calc(72px / var(--delta));
3715
+ --space-content-horizontal: calc(16px / var(--delta));
3716
+ --space-small: calc(16px / var(--delta));
3717
+ --space-medium: calc(32px / var(--delta));
3718
+ --space-large: calc(40px / var(--delta));
3719
+ --space-x-large: calc(56px / var(--delta));
3720
+ --padding-x-small: var(--size-8);
3721
+ --padding-small: var(--size-16);
3722
+ --padding-medium: var(--size-24);
3723
+ --padding-large: var(--size-32);
3724
+ --input-height-base: var(--size-32);
3725
+ --input-height-large: var(--input-height-small);
3726
+ --input-padding: var(--input-padding-small);
3727
+ --input-padding-large: var(--input-padding-small);
3728
+ --input-group-addon-padding: var(--input-group-addon-sm-padding);
3729
+ --input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
3730
+ --btn-height: var(--input-height-base);
3731
+ --btn-lg-height: var(--btn-height);
3732
+ --btn-sm-height: var(--btn-height);
3733
+ --btn-padding: var(--input-padding);
3734
+ --btn-sm-padding: var(--btn-padding);
3735
+ --btn-lg-padding: var(--btn-padding);
3736
+ --dropdown-link-padding: var(--size-12) var(--size-16);
3737
+ }
3738
+ }
3739
+
3740
+ .bg-default,
3741
+ .bg-neutral {
3742
+ background-color: rgba(134,167,189,0.10196) !important;
3743
+ background-color: var(--color-background-neutral) !important;
3744
+ color: #5d7079;
3745
+ color: var(--color-content-secondary);
3746
+ }
3747
+
3748
+ .bg-accent,
3749
+ .bg-info {
3750
+ background-color: rgba(56,200,255,0.10196) !important;
3751
+ background-color: var(--color-background-accent) !important;
3752
+ }
3753
+
3754
+ .bg-primary {
3755
+ background-color: #37517e !important;
3756
+ color: #ffffff;
3757
+ }
3758
+
3759
+ .bg-positive,
3760
+ .bg-success {
3761
+ background-color: rgba(54,199,151,0.10196) !important;
3762
+ background-color: var(--color-background-positive) !important;
3763
+ }
3764
+
3765
+ .bg-negative,
3766
+ .bg-danger {
3767
+ background-color: rgba(255,135,135,0.10196) !important;
3768
+ background-color: var(--color-background-negative) !important;
3769
+ }
3770
+
3771
+ .bg-warning {
3772
+ background-color: rgba(255,172,0,0.10196) !important;
3773
+ background-color: var(--color-background-warning) !important;
3774
+ }
3775
+
3776
+ .bg-elevated {
3777
+ background-color: #ffffff !important;
3778
+ background-color: var(--color-background-elevated) !important;
3779
+ }
3780
+
3781
+ .bg-screen {
3782
+ background-color: #ffffff !important;
3783
+ background-color: var(--color-background-screen) !important;
3784
+ }
3785
+
3786
+ .bg-overlay {
3787
+ background-color: rgba(0,0,0,0.10196) !important;
3788
+ background-color: var(--color-background-overlay) !important;
3789
+ }
3790
+
3791
+ .bg-primary h1,
3792
+ .bg-info h1,
3793
+ .bg-accent h1,
3794
+ .bg-primary h2,
3795
+ .bg-info h2,
3796
+ .bg-accent h2,
3797
+ .bg-primary h3,
3798
+ .bg-info h3,
3799
+ .bg-accent h3,
3800
+ .bg-primary h4,
3801
+ .bg-info h4,
3802
+ .bg-accent h4,
3803
+ .bg-primary h5,
3804
+ .bg-info h5,
3805
+ .bg-accent h5,
3806
+ .bg-primary h6,
3807
+ .bg-info h6,
3808
+ .bg-accent h6,
3809
+ .bg-primary .h1,
3810
+ .bg-info .h1,
3811
+ .bg-accent .h1,
3812
+ .bg-primary .h2,
3813
+ .bg-info .h2,
3814
+ .bg-accent .h2,
3815
+ .bg-primary .h3,
3816
+ .bg-info .h3,
3817
+ .bg-accent .h3,
3818
+ .bg-primary .h4,
3819
+ .bg-info .h4,
3820
+ .bg-accent .h4,
3821
+ .bg-primary .h5,
3822
+ .bg-info .h5,
3823
+ .bg-accent .h5,
3824
+ .bg-primary .h6,
3825
+ .bg-info .h6,
3826
+ .bg-accent .h6,
3827
+ .bg-primary .title-1,
3828
+ .bg-info .title-1,
3829
+ .bg-accent .title-1,
3830
+ .bg-primary .title-2,
3831
+ .bg-info .title-2,
3832
+ .bg-accent .title-2,
3833
+ .bg-primary .title-3,
3834
+ .bg-info .title-3,
3835
+ .bg-accent .title-3,
3836
+ .bg-primary .title-4,
3837
+ .bg-info .title-4,
3838
+ .bg-accent .title-4,
3839
+ .bg-primary .title-5,
3840
+ .bg-info .title-5,
3841
+ .bg-accent .title-5,
3842
+ .bg-primary .np-text-title-screen,
3843
+ .bg-info .np-text-title-screen,
3844
+ .bg-accent .np-text-title-screen,
3845
+ .bg-primary .np-text-title-section,
3846
+ .bg-info .np-text-title-section,
3847
+ .bg-accent .np-text-title-section,
3848
+ .bg-primary .np-text-title-subsection,
3849
+ .bg-info .np-text-title-subsection,
3850
+ .bg-accent .np-text-title-subsection,
3851
+ .bg-primary .np-text-title-body,
3852
+ .bg-info .np-text-title-body,
3853
+ .bg-accent .np-text-title-body,
3854
+ .bg-primary .np-text-title-group,
3855
+ .bg-info .np-text-title-group,
3856
+ .bg-accent .np-text-title-group,
3857
+ .bg-primary strong,
3858
+ .bg-info strong,
3859
+ .bg-accent strong {
3860
+ color: #ffffff;
3861
+ }
3862
+
3863
+ .d-block {
3864
+ display: block !important;
3865
+ }
3866
+
3867
+ .d-inline-block {
3868
+ display: inline-block !important;
3869
+ }
3870
+
3871
+ .visible-xs,
3872
+ .visible-xs-block,
3873
+ .visible-xs-inline,
3874
+ .visible-xs-inline-block,
3875
+ .visible-sm,
3876
+ .visible-sm-block,
3877
+ .visible-sm-inline,
3878
+ .visible-sm-inline-block,
3879
+ .visible-md,
3880
+ .visible-md-block,
3881
+ .visible-md-inline,
3882
+ .visible-md-inline-block,
3883
+ .visible-lg,
3884
+ .visible-lg-block,
3885
+ .visible-lg-inline,
3886
+ .visible-lg-inline-block,
3887
+ .visible-xl,
3888
+ .visible-xl-block,
3889
+ .visible-xl-inline,
3890
+ .visible-xl-inline-block {
3891
+ display: none !important;
3892
+ }
3893
+
3894
+ @media (max-width: 575px) {
3895
+ .visible-xs,
3896
+ .visible-xs-block {
3897
+ display: block !important;
3898
+ }
3899
+ }
3900
+
3901
+ @media (max-width: 575px) {
3902
+ .visible-xs-inline {
3903
+ display: inline !important;
3904
+ }
3905
+ }
3906
+
3907
+ @media (max-width: 575px) {
3908
+ .visible-xs-inline-block {
3909
+ display: inline-block !important;
3910
+ }
3911
+ }
3912
+
3913
+ @media (min-width: 576px) and (max-width: 767px) {
3914
+ .visible-sm,
3915
+ .visible-sm-block {
3916
+ display: block !important;
3917
+ }
3918
+ }
3919
+
3920
+ @media (min-width: 576px) and (max-width: 767px) {
3921
+ .visible-sm-inline {
3922
+ display: inline !important;
3923
+ }
3924
+ }
3925
+
3926
+ @media (min-width: 576px) and (max-width: 767px) {
3927
+ .visible-sm-inline-block {
3928
+ display: inline-block !important;
3929
+ }
3930
+ }
3931
+
3932
+ @media (min-width: 768px) and (max-width: 991px) {
3933
+ .visible-md,
3934
+ .visible-md-block {
3935
+ display: block !important;
3936
+ }
3937
+ }
3938
+
3939
+ @media (min-width: 768px) and (max-width: 991px) {
3940
+ .visible-md-inline {
3941
+ display: inline !important;
3942
+ }
3943
+ }
3944
+
3945
+ @media (min-width: 768px) and (max-width: 991px) {
3946
+ .visible-md-inline-block {
3947
+ display: inline-block !important;
3948
+ }
3949
+ }
3950
+
3951
+ @media (min-width: 992px) and (max-width: 1199px) {
3952
+ .visible-lg,
3953
+ .visible-lg-block {
3954
+ display: block !important;
3955
+ }
3956
+ }
3957
+
3958
+ @media (min-width: 992px) and (max-width: 1199px) {
3959
+ .visible-lg-inline {
3960
+ display: inline !important;
3961
+ }
3962
+ }
3963
+
3964
+ @media (min-width: 992px) and (max-width: 1199px) {
3965
+ .visible-lg-inline-block {
3966
+ display: inline-block !important;
3967
+ }
3968
+ }
3969
+
3970
+ @media (min-width: 1200px) {
3971
+ .visible-xl,
3972
+ .visible-xl-block {
3973
+ display: block !important;
3974
+ }
3975
+ }
3976
+
3977
+ @media (min-width: 1200px) {
3978
+ .visible-xl-inline {
3979
+ display: inline !important;
3980
+ }
3981
+ }
3982
+
3983
+ @media (min-width: 1200px) {
3984
+ .visible-xl-inline-block {
3985
+ display: inline-block !important;
3986
+ }
3987
+ }
3988
+
3989
+ @media (max-width: 575px) {
3990
+ .hidden-xs {
3991
+ display: none !important;
3992
+ }
3993
+ }
3994
+
3995
+ @media (min-width: 576px) and (max-width: 767px) {
3996
+ .hidden-sm {
3997
+ display: none !important;
3998
+ }
3999
+ }
4000
+
4001
+ @media (min-width: 768px) and (max-width: 991px) {
4002
+ .hidden-md {
4003
+ display: none !important;
4004
+ }
4005
+ }
4006
+
4007
+ @media (min-width: 992px) and (max-width: 1199px) {
4008
+ .hidden-lg {
4009
+ display: none !important;
4010
+ }
4011
+ }
4012
+
4013
+ @media (min-width: 1200px) {
4014
+ .hidden-xl {
4015
+ display: none !important;
4016
+ }
4017
+ }
4018
+
4019
+ .outline-none {
4020
+ outline: none;
4021
+ }
4022
+
4023
+ .m-a-0 {
4024
+ margin-top: 0 !important;
4025
+ margin-bottom: 0 !important;
4026
+ }
4027
+
4028
+ [dir="rtl"] .m-a-0 {
4029
+ margin-left: 0 !important;
4030
+ }
4031
+
4032
+ html:not([dir="rtl"]) .m-a-0 {
4033
+ margin-right: 0 !important;
4034
+ }
4035
+
4036
+ [dir="rtl"] .m-a-0 {
4037
+ margin-right: 0 !important;
4038
+ }
4039
+
4040
+ html:not([dir="rtl"]) .m-a-0 {
4041
+ margin-left: 0 !important;
4042
+ }
4043
+
4044
+ .p-a-0 {
4045
+ padding-top: 0 !important;
4046
+ padding-bottom: 0 !important;
4047
+ }
4048
+
4049
+ [dir="rtl"] .p-a-0 {
4050
+ padding-left: 0 !important;
4051
+ }
4052
+
4053
+ html:not([dir="rtl"]) .p-a-0 {
4054
+ padding-right: 0 !important;
4055
+ }
4056
+
4057
+ [dir="rtl"] .p-a-0 {
4058
+ padding-right: 0 !important;
4059
+ }
4060
+
4061
+ html:not([dir="rtl"]) .p-a-0 {
4062
+ padding-left: 0 !important;
4063
+ }
4064
+
4065
+ .m-t-0 {
4066
+ margin-top: 0 !important;
4067
+ }
4068
+
4069
+ .m-b-0 {
4070
+ margin-bottom: 0 !important;
4071
+ }
4072
+
4073
+ .m-y-0 {
4074
+ margin-top: 0 !important;
4075
+ margin-bottom: 0 !important;
4076
+ }
4077
+
4078
+ .p-t-0 {
4079
+ padding-top: 0 !important;
4080
+ }
4081
+
4082
+ .p-b-0 {
4083
+ padding-bottom: 0 !important;
4084
+ }
4085
+
4086
+ .p-y-0 {
4087
+ padding-top: 0 !important;
4088
+ padding-bottom: 0 !important;
4089
+ }
4090
+
4091
+ [dir="rtl"] .m-l-0 {
4092
+ margin-right: 0 !important;
4093
+ }
4094
+
4095
+ html:not([dir="rtl"]) .m-l-0 {
4096
+ margin-left: 0 !important;
4097
+ }
4098
+
4099
+ [dir="rtl"] .m-r-0 {
4100
+ margin-left: 0 !important;
4101
+ }
4102
+
4103
+ html:not([dir="rtl"]) .m-r-0 {
4104
+ margin-right: 0 !important;
4105
+ }
4106
+
4107
+ [dir="rtl"] .m-x-0 {
4108
+ margin-right: 0 !important;
4109
+ }
4110
+
4111
+ html:not([dir="rtl"]) .m-x-0 {
4112
+ margin-left: 0 !important;
4113
+ }
4114
+
4115
+ [dir="rtl"] .m-x-0 {
4116
+ margin-left: 0 !important;
4117
+ }
4118
+
4119
+ html:not([dir="rtl"]) .m-x-0 {
4120
+ margin-right: 0 !important;
4121
+ }
4122
+
4123
+ [dir="rtl"] .p-l-0 {
4124
+ padding-right: 0 !important;
4125
+ }
4126
+
4127
+ html:not([dir="rtl"]) .p-l-0 {
4128
+ padding-left: 0 !important;
4129
+ }
4130
+
4131
+ [dir="rtl"] .p-r-0 {
4132
+ padding-left: 0 !important;
4133
+ }
4134
+
4135
+ html:not([dir="rtl"]) .p-r-0 {
4136
+ padding-right: 0 !important;
4137
+ }
4138
+
4139
+ [dir="rtl"] .p-x-0 {
4140
+ padding-right: 0 !important;
4141
+ }
4142
+
4143
+ html:not([dir="rtl"]) .p-x-0 {
4144
+ padding-left: 0 !important;
4145
+ }
4146
+
4147
+ [dir="rtl"] .p-x-0 {
4148
+ padding-left: 0 !important;
4149
+ }
4150
+
4151
+ html:not([dir="rtl"]) .p-x-0 {
4152
+ padding-right: 0 !important;
4153
+ }
4154
+
4155
+ .m-a-1 {
4156
+ margin-top: 8px !important;
4157
+ margin-top: var(--size-8) !important;
4158
+ margin-bottom: 8px !important;
4159
+ margin-bottom: var(--size-8) !important;
4160
+ }
4161
+
4162
+ [dir="rtl"] .m-a-1 {
4163
+ margin-left: 8px !important;
4164
+ margin-left: var(--size-8) !important;
4165
+ }
4166
+
4167
+ html:not([dir="rtl"]) .m-a-1 {
4168
+ margin-right: 8px !important;
4169
+ margin-right: var(--size-8) !important;
4170
+ }
4171
+
4172
+ [dir="rtl"] .m-a-1 {
4173
+ margin-right: 8px !important;
4174
+ margin-right: var(--size-8) !important;
4175
+ }
4176
+
4177
+ html:not([dir="rtl"]) .m-a-1 {
4178
+ margin-left: 8px !important;
4179
+ margin-left: var(--size-8) !important;
4180
+ }
4181
+
4182
+ .p-a-1 {
4183
+ padding-top: 8px !important;
4184
+ padding-top: var(--size-8) !important;
4185
+ padding-bottom: 8px !important;
4186
+ padding-bottom: var(--size-8) !important;
4187
+ }
4188
+
4189
+ [dir="rtl"] .p-a-1 {
4190
+ padding-left: 8px !important;
4191
+ padding-left: var(--size-8) !important;
4192
+ }
4193
+
4194
+ html:not([dir="rtl"]) .p-a-1 {
4195
+ padding-right: 8px !important;
4196
+ padding-right: var(--size-8) !important;
4197
+ }
4198
+
4199
+ [dir="rtl"] .p-a-1 {
4200
+ padding-right: 8px !important;
4201
+ padding-right: var(--size-8) !important;
4202
+ }
4203
+
4204
+ html:not([dir="rtl"]) .p-a-1 {
4205
+ padding-left: 8px !important;
4206
+ padding-left: var(--size-8) !important;
4207
+ }
4208
+
4209
+ .m-t-1 {
4210
+ margin-top: 8px !important;
4211
+ margin-top: var(--size-8) !important;
4212
+ }
4213
+
4214
+ .m-b-1 {
4215
+ margin-bottom: 8px !important;
4216
+ margin-bottom: var(--size-8) !important;
4217
+ }
4218
+
4219
+ .m-y-1 {
4220
+ margin-top: 8px !important;
4221
+ margin-top: var(--size-8) !important;
4222
+ margin-bottom: 8px !important;
4223
+ margin-bottom: var(--size-8) !important;
4224
+ }
4225
+
4226
+ .p-t-1 {
4227
+ padding-top: 8px !important;
4228
+ padding-top: var(--size-8) !important;
4229
+ }
4230
+
4231
+ .p-b-1 {
4232
+ padding-bottom: 8px !important;
4233
+ padding-bottom: var(--size-8) !important;
4234
+ }
4235
+
4236
+ .p-y-1 {
4237
+ padding-top: 8px !important;
4238
+ padding-top: var(--size-8) !important;
4239
+ padding-bottom: 8px !important;
4240
+ padding-bottom: var(--size-8) !important;
4241
+ }
4242
+
4243
+ [dir="rtl"] .m-l-1 {
4244
+ margin-right: 8px !important;
4245
+ margin-right: var(--size-8) !important;
4246
+ }
4247
+
4248
+ html:not([dir="rtl"]) .m-l-1 {
4249
+ margin-left: 8px !important;
4250
+ margin-left: var(--size-8) !important;
4251
+ }
4252
+
4253
+ [dir="rtl"] .m-r-1 {
4254
+ margin-left: 8px !important;
4255
+ margin-left: var(--size-8) !important;
4256
+ }
4257
+
4258
+ html:not([dir="rtl"]) .m-r-1 {
4259
+ margin-right: 8px !important;
4260
+ margin-right: var(--size-8) !important;
4261
+ }
4262
+
4263
+ [dir="rtl"] .m-x-1 {
4264
+ margin-right: 8px !important;
4265
+ margin-right: var(--size-8) !important;
4266
+ }
4267
+
4268
+ html:not([dir="rtl"]) .m-x-1 {
4269
+ margin-left: 8px !important;
4270
+ margin-left: var(--size-8) !important;
4271
+ }
4272
+
4273
+ [dir="rtl"] .m-x-1 {
4274
+ margin-left: 8px !important;
4275
+ margin-left: var(--size-8) !important;
4276
+ }
4277
+
4278
+ html:not([dir="rtl"]) .m-x-1 {
4279
+ margin-right: 8px !important;
4280
+ margin-right: var(--size-8) !important;
4281
+ }
4282
+
4283
+ [dir="rtl"] .p-l-1 {
4284
+ padding-right: 8px !important;
4285
+ padding-right: var(--size-8) !important;
4286
+ }
4287
+
4288
+ html:not([dir="rtl"]) .p-l-1 {
4289
+ padding-left: 8px !important;
4290
+ padding-left: var(--size-8) !important;
4291
+ }
4292
+
4293
+ [dir="rtl"] .p-r-1 {
4294
+ padding-left: 8px !important;
4295
+ padding-left: var(--size-8) !important;
4296
+ }
4297
+
4298
+ html:not([dir="rtl"]) .p-r-1 {
4299
+ padding-right: 8px !important;
4300
+ padding-right: var(--size-8) !important;
4301
+ }
4302
+
4303
+ [dir="rtl"] .p-x-1 {
4304
+ padding-right: 8px !important;
4305
+ padding-right: var(--size-8) !important;
4306
+ }
4307
+
4308
+ html:not([dir="rtl"]) .p-x-1 {
4309
+ padding-left: 8px !important;
4310
+ padding-left: var(--size-8) !important;
4311
+ }
4312
+
4313
+ [dir="rtl"] .p-x-1 {
4314
+ padding-left: 8px !important;
4315
+ padding-left: var(--size-8) !important;
4316
+ }
4317
+
4318
+ html:not([dir="rtl"]) .p-x-1 {
4319
+ padding-right: 8px !important;
4320
+ padding-right: var(--size-8) !important;
4321
+ }
4322
+
4323
+ .m-a-2 {
4324
+ margin-top: 16px !important;
4325
+ margin-top: var(--size-16) !important;
4326
+ margin-bottom: 16px !important;
4327
+ margin-bottom: var(--size-16) !important;
4328
+ }
4329
+
4330
+ [dir="rtl"] .m-a-2 {
4331
+ margin-left: 16px !important;
4332
+ margin-left: var(--size-16) !important;
4333
+ }
4334
+
4335
+ html:not([dir="rtl"]) .m-a-2 {
4336
+ margin-right: 16px !important;
4337
+ margin-right: var(--size-16) !important;
4338
+ }
4339
+
4340
+ [dir="rtl"] .m-a-2 {
4341
+ margin-right: 16px !important;
4342
+ margin-right: var(--size-16) !important;
4343
+ }
4344
+
4345
+ html:not([dir="rtl"]) .m-a-2 {
4346
+ margin-left: 16px !important;
4347
+ margin-left: var(--size-16) !important;
4348
+ }
4349
+
4350
+ .p-a-2 {
4351
+ padding-top: 16px !important;
4352
+ padding-top: var(--size-16) !important;
4353
+ padding-bottom: 16px !important;
4354
+ padding-bottom: var(--size-16) !important;
4355
+ }
4356
+
4357
+ [dir="rtl"] .p-a-2 {
4358
+ padding-left: 16px !important;
4359
+ padding-left: var(--size-16) !important;
4360
+ }
4361
+
4362
+ html:not([dir="rtl"]) .p-a-2 {
4363
+ padding-right: 16px !important;
4364
+ padding-right: var(--size-16) !important;
4365
+ }
4366
+
4367
+ [dir="rtl"] .p-a-2 {
4368
+ padding-right: 16px !important;
4369
+ padding-right: var(--size-16) !important;
4370
+ }
4371
+
4372
+ html:not([dir="rtl"]) .p-a-2 {
4373
+ padding-left: 16px !important;
4374
+ padding-left: var(--size-16) !important;
4375
+ }
4376
+
4377
+ .m-t-2 {
4378
+ margin-top: 16px !important;
4379
+ margin-top: var(--size-16) !important;
4380
+ }
4381
+
4382
+ .m-b-2 {
4383
+ margin-bottom: 16px !important;
4384
+ margin-bottom: var(--size-16) !important;
4385
+ }
4386
+
4387
+ .m-y-2 {
4388
+ margin-top: 16px !important;
4389
+ margin-top: var(--size-16) !important;
4390
+ margin-bottom: 16px !important;
4391
+ margin-bottom: var(--size-16) !important;
4392
+ }
4393
+
4394
+ .p-t-2 {
4395
+ padding-top: 16px !important;
4396
+ padding-top: var(--size-16) !important;
4397
+ }
4398
+
4399
+ .p-b-2 {
4400
+ padding-bottom: 16px !important;
4401
+ padding-bottom: var(--size-16) !important;
4402
+ }
4403
+
4404
+ .p-y-2 {
4405
+ padding-top: 16px !important;
4406
+ padding-top: var(--size-16) !important;
4407
+ padding-bottom: 16px !important;
4408
+ padding-bottom: var(--size-16) !important;
4409
+ }
4410
+
4411
+ [dir="rtl"] .m-l-2 {
4412
+ margin-right: 16px !important;
4413
+ margin-right: var(--size-16) !important;
4414
+ }
4415
+
4416
+ html:not([dir="rtl"]) .m-l-2 {
4417
+ margin-left: 16px !important;
4418
+ margin-left: var(--size-16) !important;
4419
+ }
4420
+
4421
+ [dir="rtl"] .m-r-2 {
4422
+ margin-left: 16px !important;
4423
+ margin-left: var(--size-16) !important;
4424
+ }
4425
+
4426
+ html:not([dir="rtl"]) .m-r-2 {
4427
+ margin-right: 16px !important;
4428
+ margin-right: var(--size-16) !important;
4429
+ }
4430
+
4431
+ [dir="rtl"] .m-x-2 {
4432
+ margin-right: 16px !important;
4433
+ margin-right: var(--size-16) !important;
4434
+ }
4435
+
4436
+ html:not([dir="rtl"]) .m-x-2 {
4437
+ margin-left: 16px !important;
4438
+ margin-left: var(--size-16) !important;
4439
+ }
4440
+
4441
+ [dir="rtl"] .m-x-2 {
4442
+ margin-left: 16px !important;
4443
+ margin-left: var(--size-16) !important;
4444
+ }
4445
+
4446
+ html:not([dir="rtl"]) .m-x-2 {
4447
+ margin-right: 16px !important;
4448
+ margin-right: var(--size-16) !important;
4449
+ }
4450
+
4451
+ [dir="rtl"] .p-l-2 {
4452
+ padding-right: 16px !important;
4453
+ padding-right: var(--size-16) !important;
4454
+ }
4455
+
4456
+ html:not([dir="rtl"]) .p-l-2 {
4457
+ padding-left: 16px !important;
4458
+ padding-left: var(--size-16) !important;
4459
+ }
4460
+
4461
+ [dir="rtl"] .p-r-2 {
4462
+ padding-left: 16px !important;
4463
+ padding-left: var(--size-16) !important;
4464
+ }
4465
+
4466
+ html:not([dir="rtl"]) .p-r-2 {
4467
+ padding-right: 16px !important;
4468
+ padding-right: var(--size-16) !important;
4469
+ }
4470
+
4471
+ [dir="rtl"] .p-x-2 {
4472
+ padding-right: 16px !important;
4473
+ padding-right: var(--size-16) !important;
4474
+ }
4475
+
4476
+ html:not([dir="rtl"]) .p-x-2 {
4477
+ padding-left: 16px !important;
4478
+ padding-left: var(--size-16) !important;
4479
+ }
4480
+
4481
+ [dir="rtl"] .p-x-2 {
4482
+ padding-left: 16px !important;
4483
+ padding-left: var(--size-16) !important;
4484
+ }
4485
+
4486
+ html:not([dir="rtl"]) .p-x-2 {
4487
+ padding-right: 16px !important;
4488
+ padding-right: var(--size-16) !important;
4489
+ }
4490
+
4491
+ .m-a-3 {
4492
+ margin-top: 24px !important;
4493
+ margin-top: var(--size-24) !important;
4494
+ margin-bottom: 24px !important;
4495
+ margin-bottom: var(--size-24) !important;
4496
+ }
4497
+
4498
+ [dir="rtl"] .m-a-3 {
4499
+ margin-left: 24px !important;
4500
+ margin-left: var(--size-24) !important;
4501
+ }
4502
+
4503
+ html:not([dir="rtl"]) .m-a-3 {
4504
+ margin-right: 24px !important;
4505
+ margin-right: var(--size-24) !important;
4506
+ }
4507
+
4508
+ [dir="rtl"] .m-a-3 {
4509
+ margin-right: 24px !important;
4510
+ margin-right: var(--size-24) !important;
4511
+ }
4512
+
4513
+ html:not([dir="rtl"]) .m-a-3 {
4514
+ margin-left: 24px !important;
4515
+ margin-left: var(--size-24) !important;
4516
+ }
4517
+
4518
+ .p-a-3 {
4519
+ padding-top: 24px !important;
4520
+ padding-top: var(--size-24) !important;
4521
+ padding-bottom: 24px !important;
4522
+ padding-bottom: var(--size-24) !important;
4523
+ }
4524
+
4525
+ [dir="rtl"] .p-a-3 {
4526
+ padding-left: 24px !important;
4527
+ padding-left: var(--size-24) !important;
4528
+ }
4529
+
4530
+ html:not([dir="rtl"]) .p-a-3 {
4531
+ padding-right: 24px !important;
4532
+ padding-right: var(--size-24) !important;
4533
+ }
4534
+
4535
+ [dir="rtl"] .p-a-3 {
4536
+ padding-right: 24px !important;
4537
+ padding-right: var(--size-24) !important;
4538
+ }
4539
+
4540
+ html:not([dir="rtl"]) .p-a-3 {
4541
+ padding-left: 24px !important;
4542
+ padding-left: var(--size-24) !important;
4543
+ }
4544
+
4545
+ .m-t-3 {
4546
+ margin-top: 24px !important;
4547
+ margin-top: var(--size-24) !important;
4548
+ }
4549
+
4550
+ .m-b-3 {
4551
+ margin-bottom: 24px !important;
4552
+ margin-bottom: var(--size-24) !important;
4553
+ }
4554
+
4555
+ .m-y-3 {
4556
+ margin-top: 24px !important;
4557
+ margin-top: var(--size-24) !important;
4558
+ margin-bottom: 24px !important;
4559
+ margin-bottom: var(--size-24) !important;
4560
+ }
4561
+
4562
+ .p-t-3 {
4563
+ padding-top: 24px !important;
4564
+ padding-top: var(--size-24) !important;
4565
+ }
4566
+
4567
+ .p-b-3 {
4568
+ padding-bottom: 24px !important;
4569
+ padding-bottom: var(--size-24) !important;
4570
+ }
4571
+
4572
+ .p-y-3 {
4573
+ padding-top: 24px !important;
4574
+ padding-top: var(--size-24) !important;
4575
+ padding-bottom: 24px !important;
4576
+ padding-bottom: var(--size-24) !important;
4577
+ }
4578
+
4579
+ [dir="rtl"] .m-l-3 {
4580
+ margin-right: 24px !important;
4581
+ margin-right: var(--size-24) !important;
4582
+ }
4583
+
4584
+ html:not([dir="rtl"]) .m-l-3 {
4585
+ margin-left: 24px !important;
4586
+ margin-left: var(--size-24) !important;
4587
+ }
4588
+
4589
+ [dir="rtl"] .m-r-3 {
4590
+ margin-left: 24px !important;
4591
+ margin-left: var(--size-24) !important;
4592
+ }
4593
+
4594
+ html:not([dir="rtl"]) .m-r-3 {
4595
+ margin-right: 24px !important;
4596
+ margin-right: var(--size-24) !important;
4597
+ }
4598
+
4599
+ [dir="rtl"] .m-x-3 {
4600
+ margin-right: 24px !important;
4601
+ margin-right: var(--size-24) !important;
4602
+ }
4603
+
4604
+ html:not([dir="rtl"]) .m-x-3 {
4605
+ margin-left: 24px !important;
4606
+ margin-left: var(--size-24) !important;
4607
+ }
4608
+
4609
+ [dir="rtl"] .m-x-3 {
4610
+ margin-left: 24px !important;
4611
+ margin-left: var(--size-24) !important;
4612
+ }
4613
+
4614
+ html:not([dir="rtl"]) .m-x-3 {
4615
+ margin-right: 24px !important;
4616
+ margin-right: var(--size-24) !important;
4617
+ }
4618
+
4619
+ [dir="rtl"] .p-l-3 {
4620
+ padding-right: 24px !important;
4621
+ padding-right: var(--size-24) !important;
4622
+ }
4623
+
4624
+ html:not([dir="rtl"]) .p-l-3 {
4625
+ padding-left: 24px !important;
4626
+ padding-left: var(--size-24) !important;
4627
+ }
4628
+
4629
+ [dir="rtl"] .p-r-3 {
4630
+ padding-left: 24px !important;
4631
+ padding-left: var(--size-24) !important;
4632
+ }
4633
+
4634
+ html:not([dir="rtl"]) .p-r-3 {
4635
+ padding-right: 24px !important;
4636
+ padding-right: var(--size-24) !important;
4637
+ }
4638
+
4639
+ [dir="rtl"] .p-x-3 {
4640
+ padding-right: 24px !important;
4641
+ padding-right: var(--size-24) !important;
4642
+ }
4643
+
4644
+ html:not([dir="rtl"]) .p-x-3 {
4645
+ padding-left: 24px !important;
4646
+ padding-left: var(--size-24) !important;
4647
+ }
4648
+
4649
+ [dir="rtl"] .p-x-3 {
4650
+ padding-left: 24px !important;
4651
+ padding-left: var(--size-24) !important;
2309
4652
  }
2310
4653
 
2311
- .text-xs-right {
2312
- text-align: right;
4654
+ html:not([dir="rtl"]) .p-x-3 {
4655
+ padding-right: 24px !important;
4656
+ padding-right: var(--size-24) !important;
2313
4657
  }
2314
4658
 
2315
- [dir="rtl"] .text-xs-right {
2316
- text-align: left;
4659
+ .m-a-4 {
4660
+ margin-top: 32px !important;
4661
+ margin-top: var(--size-32) !important;
4662
+ margin-bottom: 32px !important;
4663
+ margin-bottom: var(--size-32) !important;
2317
4664
  }
2318
4665
 
2319
- .text-xs-center {
2320
- text-align: center;
4666
+ [dir="rtl"] .m-a-4 {
4667
+ margin-left: 32px !important;
4668
+ margin-left: var(--size-32) !important;
2321
4669
  }
2322
4670
 
2323
- .text-xs-justify {
2324
- text-align: justify;
4671
+ html:not([dir="rtl"]) .m-a-4 {
4672
+ margin-right: 32px !important;
4673
+ margin-right: var(--size-32) !important;
2325
4674
  }
2326
4675
 
2327
- .text-xs-nowrap {
2328
- white-space: nowrap;
4676
+ [dir="rtl"] .m-a-4 {
4677
+ margin-right: 32px !important;
4678
+ margin-right: var(--size-32) !important;
2329
4679
  }
2330
4680
 
2331
- @media (min-width: 576px) {
2332
- .text-sm-left {
2333
- text-align: left;
2334
- }
2335
- [dir="rtl"] .text-sm-left {
2336
- text-align: right;
2337
- }
2338
- .text-sm-right {
2339
- text-align: right;
2340
- }
2341
- [dir="rtl"] .text-sm-right {
2342
- text-align: left;
2343
- }
2344
- .text-sm-center {
2345
- text-align: center;
2346
- }
2347
- .text-sm-justify {
2348
- text-align: justify;
2349
- }
2350
- .text-sm-nowrap {
2351
- white-space: nowrap;
2352
- }
4681
+ html:not([dir="rtl"]) .m-a-4 {
4682
+ margin-left: 32px !important;
4683
+ margin-left: var(--size-32) !important;
2353
4684
  }
2354
4685
 
2355
- @media (min-width: 768px) {
2356
- .text-md-left {
2357
- text-align: left;
2358
- }
2359
- [dir="rtl"] .text-md-left {
2360
- text-align: right;
2361
- }
2362
- .text-md-right {
2363
- text-align: right;
2364
- }
2365
- [dir="rtl"] .text-md-right {
2366
- text-align: left;
2367
- }
2368
- .text-md-center {
2369
- text-align: center;
2370
- }
2371
- .text-md-justify {
2372
- text-align: justify;
2373
- }
2374
- .text-md-nowrap {
2375
- white-space: nowrap;
2376
- }
4686
+ .p-a-4 {
4687
+ padding-top: 32px !important;
4688
+ padding-top: var(--size-32) !important;
4689
+ padding-bottom: 32px !important;
4690
+ padding-bottom: var(--size-32) !important;
2377
4691
  }
2378
4692
 
2379
- @media (min-width: 992px) {
2380
- .text-lg-left {
2381
- text-align: left;
2382
- }
2383
- [dir="rtl"] .text-lg-left {
2384
- text-align: right;
2385
- }
2386
- .text-lg-right {
2387
- text-align: right;
2388
- }
2389
- [dir="rtl"] .text-lg-right {
2390
- text-align: left;
2391
- }
2392
- .text-lg-center {
2393
- text-align: center;
2394
- }
2395
- .text-lg-justify {
2396
- text-align: justify;
2397
- }
2398
- .text-lg-nowrap {
2399
- white-space: nowrap;
2400
- }
4693
+ [dir="rtl"] .p-a-4 {
4694
+ padding-left: 32px !important;
4695
+ padding-left: var(--size-32) !important;
2401
4696
  }
2402
4697
 
2403
- @media (min-width: 1200px) {
2404
- .text-xl-left {
2405
- text-align: left;
2406
- }
2407
- [dir="rtl"] .text-xl-left {
2408
- text-align: right;
2409
- }
2410
- .text-xl-right {
2411
- text-align: right;
2412
- }
2413
- [dir="rtl"] .text-xl-right {
2414
- text-align: left;
2415
- }
2416
- .text-xl-center {
2417
- text-align: center;
2418
- }
2419
- .text-xl-justify {
2420
- text-align: justify;
2421
- }
2422
- .text-xl-nowrap {
2423
- white-space: nowrap;
2424
- }
4698
+ html:not([dir="rtl"]) .p-a-4 {
4699
+ padding-right: 32px !important;
4700
+ padding-right: var(--size-32) !important;
4701
+ }
4702
+
4703
+ [dir="rtl"] .p-a-4 {
4704
+ padding-right: 32px !important;
4705
+ padding-right: var(--size-32) !important;
4706
+ }
4707
+
4708
+ html:not([dir="rtl"]) .p-a-4 {
4709
+ padding-left: 32px !important;
4710
+ padding-left: var(--size-32) !important;
4711
+ }
4712
+
4713
+ .m-t-4 {
4714
+ margin-top: 32px !important;
4715
+ margin-top: var(--size-32) !important;
4716
+ }
4717
+
4718
+ .m-b-4 {
4719
+ margin-bottom: 32px !important;
4720
+ margin-bottom: var(--size-32) !important;
4721
+ }
4722
+
4723
+ .m-y-4 {
4724
+ margin-top: 32px !important;
4725
+ margin-top: var(--size-32) !important;
4726
+ margin-bottom: 32px !important;
4727
+ margin-bottom: var(--size-32) !important;
4728
+ }
4729
+
4730
+ .p-t-4 {
4731
+ padding-top: 32px !important;
4732
+ padding-top: var(--size-32) !important;
4733
+ }
4734
+
4735
+ .p-b-4 {
4736
+ padding-bottom: 32px !important;
4737
+ padding-bottom: var(--size-32) !important;
4738
+ }
4739
+
4740
+ .p-y-4 {
4741
+ padding-top: 32px !important;
4742
+ padding-top: var(--size-32) !important;
4743
+ padding-bottom: 32px !important;
4744
+ padding-bottom: var(--size-32) !important;
4745
+ }
4746
+
4747
+ [dir="rtl"] .m-l-4 {
4748
+ margin-right: 32px !important;
4749
+ margin-right: var(--size-32) !important;
4750
+ }
4751
+
4752
+ html:not([dir="rtl"]) .m-l-4 {
4753
+ margin-left: 32px !important;
4754
+ margin-left: var(--size-32) !important;
4755
+ }
4756
+
4757
+ [dir="rtl"] .m-r-4 {
4758
+ margin-left: 32px !important;
4759
+ margin-left: var(--size-32) !important;
4760
+ }
4761
+
4762
+ html:not([dir="rtl"]) .m-r-4 {
4763
+ margin-right: 32px !important;
4764
+ margin-right: var(--size-32) !important;
4765
+ }
4766
+
4767
+ [dir="rtl"] .m-x-4 {
4768
+ margin-right: 32px !important;
4769
+ margin-right: var(--size-32) !important;
4770
+ }
4771
+
4772
+ html:not([dir="rtl"]) .m-x-4 {
4773
+ margin-left: 32px !important;
4774
+ margin-left: var(--size-32) !important;
4775
+ }
4776
+
4777
+ [dir="rtl"] .m-x-4 {
4778
+ margin-left: 32px !important;
4779
+ margin-left: var(--size-32) !important;
4780
+ }
4781
+
4782
+ html:not([dir="rtl"]) .m-x-4 {
4783
+ margin-right: 32px !important;
4784
+ margin-right: var(--size-32) !important;
4785
+ }
4786
+
4787
+ [dir="rtl"] .p-l-4 {
4788
+ padding-right: 32px !important;
4789
+ padding-right: var(--size-32) !important;
4790
+ }
4791
+
4792
+ html:not([dir="rtl"]) .p-l-4 {
4793
+ padding-left: 32px !important;
4794
+ padding-left: var(--size-32) !important;
4795
+ }
4796
+
4797
+ [dir="rtl"] .p-r-4 {
4798
+ padding-left: 32px !important;
4799
+ padding-left: var(--size-32) !important;
4800
+ }
4801
+
4802
+ html:not([dir="rtl"]) .p-r-4 {
4803
+ padding-right: 32px !important;
4804
+ padding-right: var(--size-32) !important;
4805
+ }
4806
+
4807
+ [dir="rtl"] .p-x-4 {
4808
+ padding-right: 32px !important;
4809
+ padding-right: var(--size-32) !important;
4810
+ }
4811
+
4812
+ html:not([dir="rtl"]) .p-x-4 {
4813
+ padding-left: 32px !important;
4814
+ padding-left: var(--size-32) !important;
4815
+ }
4816
+
4817
+ [dir="rtl"] .p-x-4 {
4818
+ padding-left: 32px !important;
4819
+ padding-left: var(--size-32) !important;
4820
+ }
4821
+
4822
+ html:not([dir="rtl"]) .p-x-4 {
4823
+ padding-right: 32px !important;
4824
+ padding-right: var(--size-32) !important;
4825
+ }
4826
+
4827
+ .m-a-5 {
4828
+ margin-top: 40px !important;
4829
+ margin-top: var(--size-40) !important;
4830
+ margin-bottom: 40px !important;
4831
+ margin-bottom: var(--size-40) !important;
4832
+ }
4833
+
4834
+ [dir="rtl"] .m-a-5 {
4835
+ margin-left: 40px !important;
4836
+ margin-left: var(--size-40) !important;
4837
+ }
4838
+
4839
+ html:not([dir="rtl"]) .m-a-5 {
4840
+ margin-right: 40px !important;
4841
+ margin-right: var(--size-40) !important;
4842
+ }
4843
+
4844
+ [dir="rtl"] .m-a-5 {
4845
+ margin-right: 40px !important;
4846
+ margin-right: var(--size-40) !important;
4847
+ }
4848
+
4849
+ html:not([dir="rtl"]) .m-a-5 {
4850
+ margin-left: 40px !important;
4851
+ margin-left: var(--size-40) !important;
4852
+ }
4853
+
4854
+ .p-a-5 {
4855
+ padding-top: 40px !important;
4856
+ padding-top: var(--size-40) !important;
4857
+ padding-bottom: 40px !important;
4858
+ padding-bottom: var(--size-40) !important;
4859
+ }
4860
+
4861
+ [dir="rtl"] .p-a-5 {
4862
+ padding-left: 40px !important;
4863
+ padding-left: var(--size-40) !important;
4864
+ }
4865
+
4866
+ html:not([dir="rtl"]) .p-a-5 {
4867
+ padding-right: 40px !important;
4868
+ padding-right: var(--size-40) !important;
4869
+ }
4870
+
4871
+ [dir="rtl"] .p-a-5 {
4872
+ padding-right: 40px !important;
4873
+ padding-right: var(--size-40) !important;
4874
+ }
4875
+
4876
+ html:not([dir="rtl"]) .p-a-5 {
4877
+ padding-left: 40px !important;
4878
+ padding-left: var(--size-40) !important;
4879
+ }
4880
+
4881
+ .m-t-5 {
4882
+ margin-top: 40px !important;
4883
+ margin-top: var(--size-40) !important;
4884
+ }
4885
+
4886
+ .m-b-5 {
4887
+ margin-bottom: 40px !important;
4888
+ margin-bottom: var(--size-40) !important;
4889
+ }
4890
+
4891
+ .m-y-5 {
4892
+ margin-top: 40px !important;
4893
+ margin-top: var(--size-40) !important;
4894
+ margin-bottom: 40px !important;
4895
+ margin-bottom: var(--size-40) !important;
4896
+ }
4897
+
4898
+ .p-t-5 {
4899
+ padding-top: 40px !important;
4900
+ padding-top: var(--size-40) !important;
4901
+ }
4902
+
4903
+ .p-b-5 {
4904
+ padding-bottom: 40px !important;
4905
+ padding-bottom: var(--size-40) !important;
4906
+ }
4907
+
4908
+ .p-y-5 {
4909
+ padding-top: 40px !important;
4910
+ padding-top: var(--size-40) !important;
4911
+ padding-bottom: 40px !important;
4912
+ padding-bottom: var(--size-40) !important;
4913
+ }
4914
+
4915
+ [dir="rtl"] .m-l-5 {
4916
+ margin-right: 40px !important;
4917
+ margin-right: var(--size-40) !important;
4918
+ }
4919
+
4920
+ html:not([dir="rtl"]) .m-l-5 {
4921
+ margin-left: 40px !important;
4922
+ margin-left: var(--size-40) !important;
4923
+ }
4924
+
4925
+ [dir="rtl"] .m-r-5 {
4926
+ margin-left: 40px !important;
4927
+ margin-left: var(--size-40) !important;
4928
+ }
4929
+
4930
+ html:not([dir="rtl"]) .m-r-5 {
4931
+ margin-right: 40px !important;
4932
+ margin-right: var(--size-40) !important;
4933
+ }
4934
+
4935
+ [dir="rtl"] .m-x-5 {
4936
+ margin-right: 40px !important;
4937
+ margin-right: var(--size-40) !important;
4938
+ }
4939
+
4940
+ html:not([dir="rtl"]) .m-x-5 {
4941
+ margin-left: 40px !important;
4942
+ margin-left: var(--size-40) !important;
4943
+ }
4944
+
4945
+ [dir="rtl"] .m-x-5 {
4946
+ margin-left: 40px !important;
4947
+ margin-left: var(--size-40) !important;
4948
+ }
4949
+
4950
+ html:not([dir="rtl"]) .m-x-5 {
4951
+ margin-right: 40px !important;
4952
+ margin-right: var(--size-40) !important;
4953
+ }
4954
+
4955
+ [dir="rtl"] .p-l-5 {
4956
+ padding-right: 40px !important;
4957
+ padding-right: var(--size-40) !important;
4958
+ }
4959
+
4960
+ html:not([dir="rtl"]) .p-l-5 {
4961
+ padding-left: 40px !important;
4962
+ padding-left: var(--size-40) !important;
4963
+ }
4964
+
4965
+ [dir="rtl"] .p-r-5 {
4966
+ padding-left: 40px !important;
4967
+ padding-left: var(--size-40) !important;
4968
+ }
4969
+
4970
+ html:not([dir="rtl"]) .p-r-5 {
4971
+ padding-right: 40px !important;
4972
+ padding-right: var(--size-40) !important;
4973
+ }
4974
+
4975
+ [dir="rtl"] .p-x-5 {
4976
+ padding-right: 40px !important;
4977
+ padding-right: var(--size-40) !important;
4978
+ }
4979
+
4980
+ html:not([dir="rtl"]) .p-x-5 {
4981
+ padding-left: 40px !important;
4982
+ padding-left: var(--size-40) !important;
4983
+ }
4984
+
4985
+ [dir="rtl"] .p-x-5 {
4986
+ padding-left: 40px !important;
4987
+ padding-left: var(--size-40) !important;
4988
+ }
4989
+
4990
+ html:not([dir="rtl"]) .p-x-5 {
4991
+ padding-right: 40px !important;
4992
+ padding-right: var(--size-40) !important;
4993
+ }
4994
+
4995
+ .m-t-4 {
4996
+ margin-top: 32px !important;
4997
+ margin-top: var(--size-32) !important;
4998
+ }
4999
+
5000
+ .m-b-4 {
5001
+ margin-bottom: 32px !important;
5002
+ margin-bottom: var(--size-32) !important;
5003
+ }
5004
+
5005
+ .m-y-4 {
5006
+ margin-top: 32px !important;
5007
+ margin-top: var(--size-32) !important;
5008
+ margin-bottom: 32px !important;
5009
+ margin-bottom: var(--size-32) !important;
5010
+ }
5011
+
5012
+ .p-t-4 {
5013
+ padding-top: 32px !important;
5014
+ padding-top: var(--size-32) !important;
5015
+ }
5016
+
5017
+ .p-b-4 {
5018
+ padding-bottom: 32px !important;
5019
+ padding-bottom: var(--size-32) !important;
5020
+ }
5021
+
5022
+ .p-y-4 {
5023
+ padding-top: 32px !important;
5024
+ padding-top: var(--size-32) !important;
5025
+ padding-bottom: 32px !important;
5026
+ padding-bottom: var(--size-32) !important;
5027
+ }
5028
+
5029
+ .m-t-5 {
5030
+ margin-top: 40px !important;
5031
+ margin-top: var(--size-40) !important;
5032
+ }
5033
+
5034
+ .m-b-5 {
5035
+ margin-bottom: 40px !important;
5036
+ margin-bottom: var(--size-40) !important;
5037
+ }
5038
+
5039
+ .m-y-5 {
5040
+ margin-top: 40px !important;
5041
+ margin-top: var(--size-40) !important;
5042
+ margin-bottom: 40px !important;
5043
+ margin-bottom: var(--size-40) !important;
5044
+ }
5045
+
5046
+ .p-t-5 {
5047
+ padding-top: 40px !important;
5048
+ padding-top: var(--size-40) !important;
5049
+ }
5050
+
5051
+ .p-b-5 {
5052
+ padding-bottom: 40px !important;
5053
+ padding-bottom: var(--size-40) !important;
5054
+ }
5055
+
5056
+ .p-y-5 {
5057
+ padding-top: 40px !important;
5058
+ padding-top: var(--size-40) !important;
5059
+ padding-bottom: 40px !important;
5060
+ padding-bottom: var(--size-40) !important;
5061
+ }
5062
+
5063
+ .gap-y-1 {
5064
+ row-gap: 8px;
5065
+ row-gap: var(--size-8);
5066
+ }
5067
+
5068
+ .m-a-panel {
5069
+ margin-top: 16px !important;
5070
+ margin-top: var(--size-16) !important;
5071
+ margin-bottom: 16px !important;
5072
+ margin-bottom: var(--size-16) !important;
5073
+ }
5074
+
5075
+ [dir="rtl"] .m-a-panel {
5076
+ margin-left: 16px !important;
5077
+ margin-left: var(--size-16) !important;
5078
+ }
5079
+
5080
+ html:not([dir="rtl"]) .m-a-panel {
5081
+ margin-right: 16px !important;
5082
+ margin-right: var(--size-16) !important;
5083
+ }
5084
+
5085
+ [dir="rtl"] .m-a-panel {
5086
+ margin-right: 16px !important;
5087
+ margin-right: var(--size-16) !important;
2425
5088
  }
2426
5089
 
2427
- .text-lowercase {
2428
- text-transform: lowercase;
5090
+ html:not([dir="rtl"]) .m-a-panel {
5091
+ margin-left: 16px !important;
5092
+ margin-left: var(--size-16) !important;
2429
5093
  }
2430
5094
 
2431
- .text-uppercase {
2432
- text-transform: uppercase;
5095
+ .p-a-panel {
5096
+ padding-top: 16px !important;
5097
+ padding-top: var(--size-16) !important;
5098
+ padding-bottom: 16px !important;
5099
+ padding-bottom: var(--size-16) !important;
2433
5100
  }
2434
5101
 
2435
- .text-capitalize {
2436
- text-transform: capitalize;
5102
+ [dir="rtl"] .p-a-panel {
5103
+ padding-left: 16px !important;
5104
+ padding-left: var(--size-16) !important;
2437
5105
  }
2438
5106
 
2439
- .text-underline {
2440
- text-decoration: underline;
2441
- -webkit-text-decoration: underline !important;
2442
- text-decoration: underline !important;
2443
- text-underline-offset: 0.3em;
5107
+ html:not([dir="rtl"]) .p-a-panel {
5108
+ padding-right: 16px !important;
5109
+ padding-right: var(--size-16) !important;
2444
5110
  }
2445
5111
 
2446
- .text-no-decoration {
2447
- -webkit-text-decoration: none !important;
2448
- text-decoration: none !important;
5112
+ [dir="rtl"] .p-a-panel {
5113
+ padding-right: 16px !important;
5114
+ padding-right: var(--size-16) !important;
2449
5115
  }
2450
5116
 
2451
- .text-ellipsis,
2452
- .text-ellipses {
2453
- display: block;
2454
- text-overflow: ellipsis;
2455
- white-space: nowrap;
2456
- overflow: hidden;
5117
+ html:not([dir="rtl"]) .p-a-panel {
5118
+ padding-left: 16px !important;
5119
+ padding-left: var(--size-16) !important;
2457
5120
  }
2458
5121
 
2459
- .text-max-width {
2460
- max-width: 600px;
5122
+ @media (min-width: 576px) {
5123
+ .m-a-panel {
5124
+ margin-top: 24px !important;
5125
+ margin-top: var(--size-24) !important;
5126
+ margin-bottom: 24px !important;
5127
+ margin-bottom: var(--size-24) !important;
5128
+ }
5129
+ [dir="rtl"] .m-a-panel {
5130
+ margin-left: 24px !important;
5131
+ margin-left: var(--size-24) !important;
5132
+ }
5133
+ html:not([dir="rtl"]) .m-a-panel {
5134
+ margin-right: 24px !important;
5135
+ margin-right: var(--size-24) !important;
5136
+ }
5137
+ [dir="rtl"] .m-a-panel {
5138
+ margin-right: 24px !important;
5139
+ margin-right: var(--size-24) !important;
5140
+ }
5141
+ html:not([dir="rtl"]) .m-a-panel {
5142
+ margin-left: 24px !important;
5143
+ margin-left: var(--size-24) !important;
5144
+ }
5145
+ .p-a-panel {
5146
+ padding-top: 24px !important;
5147
+ padding-top: var(--size-24) !important;
5148
+ padding-bottom: 24px !important;
5149
+ padding-bottom: var(--size-24) !important;
5150
+ }
5151
+ [dir="rtl"] .p-a-panel {
5152
+ padding-left: 24px !important;
5153
+ padding-left: var(--size-24) !important;
5154
+ }
5155
+ html:not([dir="rtl"]) .p-a-panel {
5156
+ padding-right: 24px !important;
5157
+ padding-right: var(--size-24) !important;
5158
+ }
5159
+ [dir="rtl"] .p-a-panel {
5160
+ padding-right: 24px !important;
5161
+ padding-right: var(--size-24) !important;
5162
+ }
5163
+ html:not([dir="rtl"]) .p-a-panel {
5164
+ padding-left: 24px !important;
5165
+ padding-left: var(--size-24) !important;
5166
+ }
2461
5167
  }
2462
5168
 
2463
- .text-word-break {
2464
- word-break: break-all;
5169
+ @media (min-width: 992px) {
5170
+ .m-a-panel {
5171
+ margin-top: 32px !important;
5172
+ margin-top: var(--size-32) !important;
5173
+ margin-bottom: 32px !important;
5174
+ margin-bottom: var(--size-32) !important;
5175
+ }
5176
+ [dir="rtl"] .m-a-panel {
5177
+ margin-left: 32px !important;
5178
+ margin-left: var(--size-32) !important;
5179
+ }
5180
+ html:not([dir="rtl"]) .m-a-panel {
5181
+ margin-right: 32px !important;
5182
+ margin-right: var(--size-32) !important;
5183
+ }
5184
+ [dir="rtl"] .m-a-panel {
5185
+ margin-right: 32px !important;
5186
+ margin-right: var(--size-32) !important;
5187
+ }
5188
+ html:not([dir="rtl"]) .m-a-panel {
5189
+ margin-left: 32px !important;
5190
+ margin-left: var(--size-32) !important;
5191
+ }
5192
+ .p-a-panel {
5193
+ padding-top: 32px !important;
5194
+ padding-top: var(--size-32) !important;
5195
+ padding-bottom: 32px !important;
5196
+ padding-bottom: var(--size-32) !important;
5197
+ }
5198
+ [dir="rtl"] .p-a-panel {
5199
+ padding-left: 32px !important;
5200
+ padding-left: var(--size-32) !important;
5201
+ }
5202
+ html:not([dir="rtl"]) .p-a-panel {
5203
+ padding-right: 32px !important;
5204
+ padding-right: var(--size-32) !important;
5205
+ }
5206
+ [dir="rtl"] .p-a-panel {
5207
+ padding-right: 32px !important;
5208
+ padding-right: var(--size-32) !important;
5209
+ }
5210
+ html:not([dir="rtl"]) .p-a-panel {
5211
+ padding-left: 32px !important;
5212
+ padding-left: var(--size-32) !important;
5213
+ }
2465
5214
  }
2466
5215
 
2467
- .font-weight-bold {
2468
- font-weight: 700 !important;
2469
- font-weight: var(--font-weight-bold) !important;
5216
+ .m-t-panel {
5217
+ margin-top: 16px !important;
5218
+ margin-top: var(--size-16) !important;
2470
5219
  }
2471
5220
 
2472
- .font-weight-semi-bold {
2473
- font-weight: 600 !important;
2474
- font-weight: var(--font-weight-semi-bold) !important;
5221
+ .m-b-panel {
5222
+ margin-bottom: 16px !important;
5223
+ margin-bottom: var(--size-16) !important;
2475
5224
  }
2476
5225
 
2477
- .font-weight-normal {
2478
- font-weight: 400 !important;
2479
- font-weight: var(--font-weight-regular) !important;
5226
+ .m-y-panel {
5227
+ margin-top: 16px !important;
5228
+ margin-top: var(--size-16) !important;
5229
+ margin-bottom: 16px !important;
5230
+ margin-bottom: var(--size-16) !important;
2480
5231
  }
2481
5232
 
2482
- .font-italic {
2483
- font-style: italic !important;
5233
+ .p-t-panel {
5234
+ padding-top: 16px !important;
5235
+ padding-top: var(--size-16) !important;
2484
5236
  }
2485
5237
 
2486
- .text-primary {
2487
- color: #37517e !important;
2488
- color: var(--color-content-primary) !important;
5238
+ .p-b-panel {
5239
+ padding-bottom: 16px !important;
5240
+ padding-bottom: var(--size-16) !important;
2489
5241
  }
2490
5242
 
2491
- a.text-primary:hover,
2492
- a.text-primary:focus {
2493
- color: #37517e !important;
2494
- color: var(--color-content-primary) !important;
5243
+ .p-y-panel {
5244
+ padding-top: 16px !important;
5245
+ padding-top: var(--size-16) !important;
5246
+ padding-bottom: 16px !important;
5247
+ padding-bottom: var(--size-16) !important;
2495
5248
  }
2496
5249
 
2497
- .bg-primary .text-primary {
2498
- color: #ffffff !important;
5250
+ @media (min-width: 576px) {
5251
+ .m-t-panel {
5252
+ margin-top: 24px !important;
5253
+ margin-top: var(--size-24) !important;
5254
+ }
5255
+ .m-b-panel {
5256
+ margin-bottom: 24px !important;
5257
+ margin-bottom: var(--size-24) !important;
5258
+ }
5259
+ .m-y-panel {
5260
+ margin-top: 24px !important;
5261
+ margin-top: var(--size-24) !important;
5262
+ margin-bottom: 24px !important;
5263
+ margin-bottom: var(--size-24) !important;
5264
+ }
5265
+ .p-t-panel {
5266
+ padding-top: 24px !important;
5267
+ padding-top: var(--size-24) !important;
5268
+ }
5269
+ .p-b-panel {
5270
+ padding-bottom: 24px !important;
5271
+ padding-bottom: var(--size-24) !important;
5272
+ }
5273
+ .p-y-panel {
5274
+ padding-top: 24px !important;
5275
+ padding-top: var(--size-24) !important;
5276
+ padding-bottom: 24px !important;
5277
+ padding-bottom: var(--size-24) !important;
5278
+ }
2499
5279
  }
2500
5280
 
2501
- .text-secondary {
2502
- color: #5d7079 !important;
2503
- color: var(--color-content-secondary) !important;
5281
+ @media (min-width: 992px) {
5282
+ .m-t-panel {
5283
+ margin-top: 32px !important;
5284
+ margin-top: var(--size-32) !important;
5285
+ }
5286
+ .m-b-panel {
5287
+ margin-bottom: 32px !important;
5288
+ margin-bottom: var(--size-32) !important;
5289
+ }
5290
+ .m-y-panel {
5291
+ margin-top: 32px !important;
5292
+ margin-top: var(--size-32) !important;
5293
+ margin-bottom: 32px !important;
5294
+ margin-bottom: var(--size-32) !important;
5295
+ }
5296
+ .p-t-panel {
5297
+ padding-top: 32px !important;
5298
+ padding-top: var(--size-32) !important;
5299
+ }
5300
+ .p-b-panel {
5301
+ padding-bottom: 32px !important;
5302
+ padding-bottom: var(--size-32) !important;
5303
+ }
5304
+ .p-y-panel {
5305
+ padding-top: 32px !important;
5306
+ padding-top: var(--size-32) !important;
5307
+ padding-bottom: 32px !important;
5308
+ padding-bottom: var(--size-32) !important;
5309
+ }
2504
5310
  }
2505
5311
 
2506
- .text-positive,
2507
- .text-success {
2508
- color: #008026 !important;
2509
- color: var(--color-content-positive) !important;
5312
+ [dir="rtl"] .m-l-panel {
5313
+ margin-right: 16px !important;
5314
+ margin-right: var(--size-16) !important;
2510
5315
  }
2511
5316
 
2512
- a.text-positive:hover,
2513
- a.text-success:hover,
2514
- a.text-positive:focus,
2515
- a.text-success:focus {
2516
- color: #006d13 !important;
2517
- color: var(--color-content-positive-hover) !important;
5317
+ html:not([dir="rtl"]) .m-l-panel {
5318
+ margin-left: 16px !important;
5319
+ margin-left: var(--size-16) !important;
2518
5320
  }
2519
5321
 
2520
- .bg-primary .text-positive,
2521
- .bg-primary .text-success {
2522
- color: #6fd698 !important;
5322
+ [dir="rtl"] .m-r-panel {
5323
+ margin-left: 16px !important;
5324
+ margin-left: var(--size-16) !important;
2523
5325
  }
2524
5326
 
2525
- .text-accent,
2526
- .text-info {
2527
- color: #0097c7 !important;
2528
- color: var(--color-content-accent) !important;
2529
- color: var(--color-interactive-primary) !important;
5327
+ html:not([dir="rtl"]) .m-r-panel {
5328
+ margin-right: 16px !important;
5329
+ margin-right: var(--size-16) !important;
2530
5330
  }
2531
5331
 
2532
- a.text-accent:hover,
2533
- a.text-info:hover,
2534
- a.text-accent:focus,
2535
- a.text-info:focus {
2536
- color: #0084b3 !important;
2537
- color: var(--color-content-accent-hover) !important;
5332
+ [dir="rtl"] .m-x-panel {
5333
+ margin-right: 16px !important;
5334
+ margin-right: var(--size-16) !important;
2538
5335
  }
2539
5336
 
2540
- .bg-primary .text-accent,
2541
- .bg-primary .text-info {
2542
- color: #00b9ff !important;
5337
+ html:not([dir="rtl"]) .m-x-panel {
5338
+ margin-left: 16px !important;
5339
+ margin-left: var(--size-16) !important;
2543
5340
  }
2544
5341
 
2545
- .text-warning {
2546
- color: #9a6500 !important;
2547
- color: var(--color-content-warning) !important;
5342
+ [dir="rtl"] .m-x-panel {
5343
+ margin-left: 16px !important;
5344
+ margin-left: var(--size-16) !important;
2548
5345
  }
2549
5346
 
2550
- a.text-warning:hover,
2551
- a.text-warning:focus {
2552
- color: #855400 !important;
2553
- color: var(--color-content-warning-hover) !important;
5347
+ html:not([dir="rtl"]) .m-x-panel {
5348
+ margin-right: 16px !important;
5349
+ margin-right: var(--size-16) !important;
2554
5350
  }
2555
5351
 
2556
- .bg-primary .text-warning {
2557
- color: #ffd184 !important;
5352
+ [dir="rtl"] .p-l-panel {
5353
+ padding-right: 16px !important;
5354
+ padding-right: var(--size-16) !important;
2558
5355
  }
2559
5356
 
2560
- .text-negative,
2561
- .text-danger {
2562
- color: var(--color-sentiment-negative) !important;
5357
+ html:not([dir="rtl"]) .p-l-panel {
5358
+ padding-left: 16px !important;
5359
+ padding-left: var(--size-16) !important;
2563
5360
  }
2564
5361
 
2565
- a.text-negative:hover,
2566
- a.text-danger:hover,
2567
- a.text-negative:focus,
2568
- a.text-danger:focus {
2569
- color: var(--color-sentiment-negative-hover) !important;
5362
+ [dir="rtl"] .p-r-panel {
5363
+ padding-left: 16px !important;
5364
+ padding-left: var(--size-16) !important;
2570
5365
  }
2571
5366
 
2572
- .bg-primary .text-negative,
2573
- .bg-primary .text-danger {
2574
- color: #ffa6a9 !important;
5367
+ html:not([dir="rtl"]) .p-r-panel {
5368
+ padding-right: 16px !important;
5369
+ padding-right: var(--size-16) !important;
2575
5370
  }
2576
5371
 
2577
- .text-inverse {
2578
- color: #ffffff !important;
5372
+ [dir="rtl"] .p-x-panel {
5373
+ padding-right: 16px !important;
5374
+ padding-right: var(--size-16) !important;
2579
5375
  }
2580
5376
 
2581
- a.text-inverse:hover,
2582
- a.text-inverse:focus {
2583
- color: #c9cbce !important;
5377
+ html:not([dir="rtl"]) .p-x-panel {
5378
+ padding-left: 16px !important;
5379
+ padding-left: var(--size-16) !important;
2584
5380
  }
2585
5381
 
2586
- .text-muted {
2587
- color: #768e9c !important;
2588
- color: var(--color-content-tertiary) !important;
5382
+ [dir="rtl"] .p-x-panel {
5383
+ padding-left: 16px !important;
5384
+ padding-left: var(--size-16) !important;
2589
5385
  }
2590
5386
 
2591
- .colored-dot::after {
2592
- content: none;
5387
+ html:not([dir="rtl"]) .p-x-panel {
5388
+ padding-right: 16px !important;
5389
+ padding-right: var(--size-16) !important;
2593
5390
  }
2594
5391
 
2595
- @media (max-width: 320px) {
2596
- .np-theme-personal {
2597
- --delta: 2;
2598
- --size-4: calc(4px / var(--delta));
2599
- --size-5: calc(5px / var(--delta));
2600
- --size-8: calc(8px / var(--delta));
2601
- --size-10: calc(10px / var(--delta));
2602
- --size-12: calc(12px / var(--delta));
2603
- --size-14: calc(14px / var(--delta));
2604
- --size-16: calc(16px / var(--delta));
2605
- --size-24: calc(24px / var(--delta));
2606
- --size-32: calc(32px / var(--delta));
2607
- --size-40: calc(40px / var(--delta));
2608
- --size-48: calc(48px / var(--delta));
2609
- --size-52: calc(52px / var(--delta));
2610
- --size-56: calc(56px / var(--delta));
2611
- --size-60: calc(60px / var(--delta));
2612
- --size-64: calc(64px / var(--delta));
2613
- --size-72: calc(72px / var(--delta));
2614
- --size-80: calc(80px / var(--delta));
2615
- --size-88: calc(88px / var(--delta));
2616
- --size-96: calc(96px / var(--delta));
2617
- --size-104: calc(104px / var(--delta));
2618
- --size-112: calc(112px / var(--delta));
2619
- --size-120: calc(120px / var(--delta));
2620
- --size-126: calc(126px / var(--delta));
2621
- --size-128: calc(128px / var(--delta));
2622
- --size-146: calc(146px / var(--delta));
2623
- --size-154: calc(154px / var(--delta));
2624
- --size-x-small: calc(24px / var(--delta));
2625
- --size-small: calc(32px / var(--delta));
2626
- --size-medium: calc(40px / var(--delta));
2627
- --size-large: calc(48px / var(--delta));
2628
- --size-x-large: calc(56px / var(--delta));
2629
- --size-2x-large: calc(72px / var(--delta));
2630
- --space-content-horizontal: calc(16px / var(--delta));
2631
- --space-small: calc(16px / var(--delta));
2632
- --space-medium: calc(32px / var(--delta));
2633
- --space-large: calc(40px / var(--delta));
2634
- --space-x-large: calc(56px / var(--delta));
2635
- --padding-x-small: var(--size-8);
2636
- --padding-small: var(--size-16);
2637
- --padding-medium: var(--size-24);
2638
- --padding-large: var(--size-32);
2639
- --input-height-base: var(--size-32);
2640
- --input-height-large: var(--input-height-small);
2641
- --input-padding: var(--input-padding-small);
2642
- --input-padding-large: var(--input-padding-small);
2643
- --input-group-addon-padding: var(--input-group-addon-sm-padding);
2644
- --input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
2645
- --btn-height: var(--input-height-base);
2646
- --btn-lg-height: var(--btn-height);
2647
- --btn-sm-height: var(--btn-height);
2648
- --btn-padding: var(--input-padding);
2649
- --btn-sm-padding: var(--btn-padding);
2650
- --btn-lg-padding: var(--btn-padding);
2651
- --dropdown-link-padding: var(--size-12) var(--size-16);
5392
+ @media (min-width: 576px) {
5393
+ [dir="rtl"] .m-l-panel {
5394
+ margin-right: 24px !important;
5395
+ margin-right: var(--size-24) !important;
5396
+ }
5397
+ html:not([dir="rtl"]) .m-l-panel {
5398
+ margin-left: 24px !important;
5399
+ margin-left: var(--size-24) !important;
5400
+ }
5401
+ [dir="rtl"] .m-r-panel {
5402
+ margin-left: 24px !important;
5403
+ margin-left: var(--size-24) !important;
5404
+ }
5405
+ html:not([dir="rtl"]) .m-r-panel {
5406
+ margin-right: 24px !important;
5407
+ margin-right: var(--size-24) !important;
5408
+ }
5409
+ [dir="rtl"] .m-x-panel {
5410
+ margin-right: 24px !important;
5411
+ margin-right: var(--size-24) !important;
5412
+ }
5413
+ html:not([dir="rtl"]) .m-x-panel {
5414
+ margin-left: 24px !important;
5415
+ margin-left: var(--size-24) !important;
5416
+ }
5417
+ [dir="rtl"] .m-x-panel {
5418
+ margin-left: 24px !important;
5419
+ margin-left: var(--size-24) !important;
5420
+ }
5421
+ html:not([dir="rtl"]) .m-x-panel {
5422
+ margin-right: 24px !important;
5423
+ margin-right: var(--size-24) !important;
5424
+ }
5425
+ [dir="rtl"] .p-l-panel {
5426
+ padding-right: 24px !important;
5427
+ padding-right: var(--size-24) !important;
5428
+ }
5429
+ html:not([dir="rtl"]) .p-l-panel {
5430
+ padding-left: 24px !important;
5431
+ padding-left: var(--size-24) !important;
5432
+ }
5433
+ [dir="rtl"] .p-r-panel {
5434
+ padding-left: 24px !important;
5435
+ padding-left: var(--size-24) !important;
5436
+ }
5437
+ html:not([dir="rtl"]) .p-r-panel {
5438
+ padding-right: 24px !important;
5439
+ padding-right: var(--size-24) !important;
5440
+ }
5441
+ [dir="rtl"] .p-x-panel {
5442
+ padding-right: 24px !important;
5443
+ padding-right: var(--size-24) !important;
5444
+ }
5445
+ html:not([dir="rtl"]) .p-x-panel {
5446
+ padding-left: 24px !important;
5447
+ padding-left: var(--size-24) !important;
5448
+ }
5449
+ [dir="rtl"] .p-x-panel {
5450
+ padding-left: 24px !important;
5451
+ padding-left: var(--size-24) !important;
5452
+ }
5453
+ html:not([dir="rtl"]) .p-x-panel {
5454
+ padding-right: 24px !important;
5455
+ padding-right: var(--size-24) !important;
2652
5456
  }
2653
5457
  }
2654
5458
 
2655
- .bg-default,
2656
- .bg-neutral {
2657
- background-color: rgba(134,167,189,0.10196) !important;
2658
- background-color: var(--color-background-neutral) !important;
2659
- color: #5d7079;
2660
- color: var(--color-content-secondary);
5459
+ @media (min-width: 992px) {
5460
+ [dir="rtl"] .m-l-panel {
5461
+ margin-right: 32px !important;
5462
+ margin-right: var(--size-32) !important;
5463
+ }
5464
+ html:not([dir="rtl"]) .m-l-panel {
5465
+ margin-left: 32px !important;
5466
+ margin-left: var(--size-32) !important;
5467
+ }
5468
+ [dir="rtl"] .m-r-panel {
5469
+ margin-left: 32px !important;
5470
+ margin-left: var(--size-32) !important;
5471
+ }
5472
+ html:not([dir="rtl"]) .m-r-panel {
5473
+ margin-right: 32px !important;
5474
+ margin-right: var(--size-32) !important;
5475
+ }
5476
+ [dir="rtl"] .m-x-panel {
5477
+ margin-right: 32px !important;
5478
+ margin-right: var(--size-32) !important;
5479
+ }
5480
+ html:not([dir="rtl"]) .m-x-panel {
5481
+ margin-left: 32px !important;
5482
+ margin-left: var(--size-32) !important;
5483
+ }
5484
+ [dir="rtl"] .m-x-panel {
5485
+ margin-left: 32px !important;
5486
+ margin-left: var(--size-32) !important;
5487
+ }
5488
+ html:not([dir="rtl"]) .m-x-panel {
5489
+ margin-right: 32px !important;
5490
+ margin-right: var(--size-32) !important;
5491
+ }
5492
+ [dir="rtl"] .p-l-panel {
5493
+ padding-right: 32px !important;
5494
+ padding-right: var(--size-32) !important;
5495
+ }
5496
+ html:not([dir="rtl"]) .p-l-panel {
5497
+ padding-left: 32px !important;
5498
+ padding-left: var(--size-32) !important;
5499
+ }
5500
+ [dir="rtl"] .p-r-panel {
5501
+ padding-left: 32px !important;
5502
+ padding-left: var(--size-32) !important;
5503
+ }
5504
+ html:not([dir="rtl"]) .p-r-panel {
5505
+ padding-right: 32px !important;
5506
+ padding-right: var(--size-32) !important;
5507
+ }
5508
+ [dir="rtl"] .p-x-panel {
5509
+ padding-right: 32px !important;
5510
+ padding-right: var(--size-32) !important;
5511
+ }
5512
+ html:not([dir="rtl"]) .p-x-panel {
5513
+ padding-left: 32px !important;
5514
+ padding-left: var(--size-32) !important;
5515
+ }
5516
+ [dir="rtl"] .p-x-panel {
5517
+ padding-left: 32px !important;
5518
+ padding-left: var(--size-32) !important;
5519
+ }
5520
+ html:not([dir="rtl"]) .p-x-panel {
5521
+ padding-right: 32px !important;
5522
+ padding-right: var(--size-32) !important;
5523
+ }
2661
5524
  }
2662
5525
 
2663
- .bg-accent,
2664
- .bg-info {
2665
- background-color: rgba(56,200,255,0.10196) !important;
2666
- background-color: var(--color-background-accent) !important;
5526
+ .m-t-section-1 {
5527
+ margin-top: 16px !important;
5528
+ margin-top: var(--size-16) !important;
5529
+ }
5530
+
5531
+ .m-b-section-1 {
5532
+ margin-bottom: 16px !important;
5533
+ margin-bottom: var(--size-16) !important;
5534
+ }
5535
+
5536
+ .m-y-section-1 {
5537
+ margin-top: 16px !important;
5538
+ margin-top: var(--size-16) !important;
5539
+ margin-bottom: 16px !important;
5540
+ margin-bottom: var(--size-16) !important;
2667
5541
  }
2668
5542
 
2669
- .bg-primary {
2670
- background-color: #37517e !important;
2671
- color: #ffffff;
5543
+ .p-t-section-1 {
5544
+ padding-top: 16px !important;
5545
+ padding-top: var(--size-16) !important;
2672
5546
  }
2673
5547
 
2674
- .bg-positive,
2675
- .bg-success {
2676
- background-color: rgba(54,199,151,0.10196) !important;
2677
- background-color: var(--color-background-positive) !important;
5548
+ .p-b-section-1 {
5549
+ padding-bottom: 16px !important;
5550
+ padding-bottom: var(--size-16) !important;
2678
5551
  }
2679
5552
 
2680
- .bg-negative,
2681
- .bg-danger {
2682
- background-color: rgba(255,135,135,0.10196) !important;
2683
- background-color: var(--color-background-negative) !important;
5553
+ .p-y-section-1 {
5554
+ padding-top: 16px !important;
5555
+ padding-top: var(--size-16) !important;
5556
+ padding-bottom: 16px !important;
5557
+ padding-bottom: var(--size-16) !important;
2684
5558
  }
2685
5559
 
2686
- .bg-warning {
2687
- background-color: rgba(255,172,0,0.10196) !important;
2688
- background-color: var(--color-background-warning) !important;
5560
+ @media (min-width: 576px) {
5561
+ .m-t-section-1 {
5562
+ margin-top: 24px !important;
5563
+ margin-top: var(--size-24) !important;
5564
+ }
5565
+ .m-b-section-1 {
5566
+ margin-bottom: 24px !important;
5567
+ margin-bottom: var(--size-24) !important;
5568
+ }
5569
+ .m-y-section-1 {
5570
+ margin-top: 24px !important;
5571
+ margin-top: var(--size-24) !important;
5572
+ margin-bottom: 24px !important;
5573
+ margin-bottom: var(--size-24) !important;
5574
+ }
5575
+ .p-t-section-1 {
5576
+ padding-top: 24px !important;
5577
+ padding-top: var(--size-24) !important;
5578
+ }
5579
+ .p-b-section-1 {
5580
+ padding-bottom: 24px !important;
5581
+ padding-bottom: var(--size-24) !important;
5582
+ }
5583
+ .p-y-section-1 {
5584
+ padding-top: 24px !important;
5585
+ padding-top: var(--size-24) !important;
5586
+ padding-bottom: 24px !important;
5587
+ padding-bottom: var(--size-24) !important;
5588
+ }
2689
5589
  }
2690
5590
 
2691
- .bg-elevated {
2692
- background-color: #ffffff !important;
2693
- background-color: var(--color-background-elevated) !important;
5591
+ @media (min-width: 992px) {
5592
+ .m-t-section-1 {
5593
+ margin-top: 32px !important;
5594
+ margin-top: var(--size-32) !important;
5595
+ }
5596
+ .m-b-section-1 {
5597
+ margin-bottom: 32px !important;
5598
+ margin-bottom: var(--size-32) !important;
5599
+ }
5600
+ .m-y-section-1 {
5601
+ margin-top: 32px !important;
5602
+ margin-top: var(--size-32) !important;
5603
+ margin-bottom: 32px !important;
5604
+ margin-bottom: var(--size-32) !important;
5605
+ }
5606
+ .p-t-section-1 {
5607
+ padding-top: 32px !important;
5608
+ padding-top: var(--size-32) !important;
5609
+ }
5610
+ .p-b-section-1 {
5611
+ padding-bottom: 32px !important;
5612
+ padding-bottom: var(--size-32) !important;
5613
+ }
5614
+ .p-y-section-1 {
5615
+ padding-top: 32px !important;
5616
+ padding-top: var(--size-32) !important;
5617
+ padding-bottom: 32px !important;
5618
+ padding-bottom: var(--size-32) !important;
5619
+ }
2694
5620
  }
2695
5621
 
2696
- .bg-screen {
2697
- background-color: #ffffff !important;
2698
- background-color: var(--color-background-screen) !important;
5622
+ .m-t-section-2 {
5623
+ margin-top: 32px !important;
5624
+ margin-top: var(--size-32) !important;
2699
5625
  }
2700
5626
 
2701
- .bg-overlay {
2702
- background-color: rgba(0,0,0,0.10196) !important;
2703
- background-color: var(--color-background-overlay) !important;
5627
+ .m-b-section-2 {
5628
+ margin-bottom: 32px !important;
5629
+ margin-bottom: var(--size-32) !important;
2704
5630
  }
2705
5631
 
2706
- .bg-primary h1,
2707
- .bg-info h1,
2708
- .bg-accent h1,
2709
- .bg-primary h2,
2710
- .bg-info h2,
2711
- .bg-accent h2,
2712
- .bg-primary h3,
2713
- .bg-info h3,
2714
- .bg-accent h3,
2715
- .bg-primary h4,
2716
- .bg-info h4,
2717
- .bg-accent h4,
2718
- .bg-primary h5,
2719
- .bg-info h5,
2720
- .bg-accent h5,
2721
- .bg-primary h6,
2722
- .bg-info h6,
2723
- .bg-accent h6,
2724
- .bg-primary .h1,
2725
- .bg-info .h1,
2726
- .bg-accent .h1,
2727
- .bg-primary .h2,
2728
- .bg-info .h2,
2729
- .bg-accent .h2,
2730
- .bg-primary .h3,
2731
- .bg-info .h3,
2732
- .bg-accent .h3,
2733
- .bg-primary .h4,
2734
- .bg-info .h4,
2735
- .bg-accent .h4,
2736
- .bg-primary .h5,
2737
- .bg-info .h5,
2738
- .bg-accent .h5,
2739
- .bg-primary .h6,
2740
- .bg-info .h6,
2741
- .bg-accent .h6,
2742
- .bg-primary .title-1,
2743
- .bg-info .title-1,
2744
- .bg-accent .title-1,
2745
- .bg-primary .title-2,
2746
- .bg-info .title-2,
2747
- .bg-accent .title-2,
2748
- .bg-primary .title-3,
2749
- .bg-info .title-3,
2750
- .bg-accent .title-3,
2751
- .bg-primary .title-4,
2752
- .bg-info .title-4,
2753
- .bg-accent .title-4,
2754
- .bg-primary .title-5,
2755
- .bg-info .title-5,
2756
- .bg-accent .title-5,
2757
- .bg-primary .np-text-title-screen,
2758
- .bg-info .np-text-title-screen,
2759
- .bg-accent .np-text-title-screen,
2760
- .bg-primary .np-text-title-section,
2761
- .bg-info .np-text-title-section,
2762
- .bg-accent .np-text-title-section,
2763
- .bg-primary .np-text-title-subsection,
2764
- .bg-info .np-text-title-subsection,
2765
- .bg-accent .np-text-title-subsection,
2766
- .bg-primary .np-text-title-body,
2767
- .bg-info .np-text-title-body,
2768
- .bg-accent .np-text-title-body,
2769
- .bg-primary .np-text-title-group,
2770
- .bg-info .np-text-title-group,
2771
- .bg-accent .np-text-title-group,
2772
- .bg-primary strong,
2773
- .bg-info strong,
2774
- .bg-accent strong {
2775
- color: #ffffff;
5632
+ .m-y-section-2 {
5633
+ margin-top: 32px !important;
5634
+ margin-top: var(--size-32) !important;
5635
+ margin-bottom: 32px !important;
5636
+ margin-bottom: var(--size-32) !important;
2776
5637
  }
2777
5638
 
2778
- .d-block {
2779
- display: block !important;
5639
+ .p-t-section-2 {
5640
+ padding-top: 32px !important;
5641
+ padding-top: var(--size-32) !important;
2780
5642
  }
2781
5643
 
2782
- .d-inline-block {
2783
- display: inline-block !important;
5644
+ .p-b-section-2 {
5645
+ padding-bottom: 32px !important;
5646
+ padding-bottom: var(--size-32) !important;
2784
5647
  }
2785
5648
 
2786
- .visible-xs,
2787
- .visible-xs-block,
2788
- .visible-xs-inline,
2789
- .visible-xs-inline-block,
2790
- .visible-sm,
2791
- .visible-sm-block,
2792
- .visible-sm-inline,
2793
- .visible-sm-inline-block,
2794
- .visible-md,
2795
- .visible-md-block,
2796
- .visible-md-inline,
2797
- .visible-md-inline-block,
2798
- .visible-lg,
2799
- .visible-lg-block,
2800
- .visible-lg-inline,
2801
- .visible-lg-inline-block,
2802
- .visible-xl,
2803
- .visible-xl-block,
2804
- .visible-xl-inline,
2805
- .visible-xl-inline-block {
2806
- display: none !important;
5649
+ .p-y-section-2 {
5650
+ padding-top: 32px !important;
5651
+ padding-top: var(--size-32) !important;
5652
+ padding-bottom: 32px !important;
5653
+ padding-bottom: var(--size-32) !important;
2807
5654
  }
2808
5655
 
2809
- @media (max-width: 575px) {
2810
- .visible-xs,
2811
- .visible-xs-block {
2812
- display: block !important;
5656
+ @media (min-width: 576px) {
5657
+ .m-t-section-2 {
5658
+ margin-top: 48px !important;
5659
+ margin-top: var(--size-48) !important;
2813
5660
  }
2814
- }
2815
-
2816
- @media (max-width: 575px) {
2817
- .visible-xs-inline {
2818
- display: inline !important;
5661
+ .m-b-section-2 {
5662
+ margin-bottom: 48px !important;
5663
+ margin-bottom: var(--size-48) !important;
5664
+ }
5665
+ .m-y-section-2 {
5666
+ margin-top: 48px !important;
5667
+ margin-top: var(--size-48) !important;
5668
+ margin-bottom: 48px !important;
5669
+ margin-bottom: var(--size-48) !important;
5670
+ }
5671
+ .p-t-section-2 {
5672
+ padding-top: 48px !important;
5673
+ padding-top: var(--size-48) !important;
5674
+ }
5675
+ .p-b-section-2 {
5676
+ padding-bottom: 48px !important;
5677
+ padding-bottom: var(--size-48) !important;
5678
+ }
5679
+ .p-y-section-2 {
5680
+ padding-top: 48px !important;
5681
+ padding-top: var(--size-48) !important;
5682
+ padding-bottom: 48px !important;
5683
+ padding-bottom: var(--size-48) !important;
2819
5684
  }
2820
5685
  }
2821
5686
 
2822
- @media (max-width: 575px) {
2823
- .visible-xs-inline-block {
2824
- display: inline-block !important;
5687
+ @media (min-width: 992px) {
5688
+ .m-t-section-2 {
5689
+ margin-top: 64px !important;
5690
+ margin-top: var(--size-64) !important;
5691
+ }
5692
+ .m-b-section-2 {
5693
+ margin-bottom: 64px !important;
5694
+ margin-bottom: var(--size-64) !important;
5695
+ }
5696
+ .m-y-section-2 {
5697
+ margin-top: 64px !important;
5698
+ margin-top: var(--size-64) !important;
5699
+ margin-bottom: 64px !important;
5700
+ margin-bottom: var(--size-64) !important;
5701
+ }
5702
+ .p-t-section-2 {
5703
+ padding-top: 64px !important;
5704
+ padding-top: var(--size-64) !important;
5705
+ }
5706
+ .p-b-section-2 {
5707
+ padding-bottom: 64px !important;
5708
+ padding-bottom: var(--size-64) !important;
5709
+ }
5710
+ .p-y-section-2 {
5711
+ padding-top: 64px !important;
5712
+ padding-top: var(--size-64) !important;
5713
+ padding-bottom: 64px !important;
5714
+ padding-bottom: var(--size-64) !important;
2825
5715
  }
2826
5716
  }
2827
5717
 
2828
- @media (min-width: 576px) and (max-width: 767px) {
2829
- .visible-sm,
2830
- .visible-sm-block {
2831
- display: block !important;
2832
- }
5718
+ .m-t-section-3 {
5719
+ margin-top: 48px !important;
5720
+ margin-top: var(--size-48) !important;
2833
5721
  }
2834
5722
 
2835
- @media (min-width: 576px) and (max-width: 767px) {
2836
- .visible-sm-inline {
2837
- display: inline !important;
2838
- }
5723
+ .m-b-section-3 {
5724
+ margin-bottom: 48px !important;
5725
+ margin-bottom: var(--size-48) !important;
2839
5726
  }
2840
5727
 
2841
- @media (min-width: 576px) and (max-width: 767px) {
2842
- .visible-sm-inline-block {
2843
- display: inline-block !important;
2844
- }
5728
+ .m-y-section-3 {
5729
+ margin-top: 48px !important;
5730
+ margin-top: var(--size-48) !important;
5731
+ margin-bottom: 48px !important;
5732
+ margin-bottom: var(--size-48) !important;
2845
5733
  }
2846
5734
 
2847
- @media (min-width: 768px) and (max-width: 991px) {
2848
- .visible-md,
2849
- .visible-md-block {
2850
- display: block !important;
2851
- }
5735
+ .p-t-section-3 {
5736
+ padding-top: 48px !important;
5737
+ padding-top: var(--size-48) !important;
2852
5738
  }
2853
5739
 
2854
- @media (min-width: 768px) and (max-width: 991px) {
2855
- .visible-md-inline {
2856
- display: inline !important;
2857
- }
5740
+ .p-b-section-3 {
5741
+ padding-bottom: 48px !important;
5742
+ padding-bottom: var(--size-48) !important;
2858
5743
  }
2859
5744
 
2860
- @media (min-width: 768px) and (max-width: 991px) {
2861
- .visible-md-inline-block {
2862
- display: inline-block !important;
2863
- }
5745
+ .p-y-section-3 {
5746
+ padding-top: 48px !important;
5747
+ padding-top: var(--size-48) !important;
5748
+ padding-bottom: 48px !important;
5749
+ padding-bottom: var(--size-48) !important;
2864
5750
  }
2865
5751
 
2866
- @media (min-width: 992px) and (max-width: 1199px) {
2867
- .visible-lg,
2868
- .visible-lg-block {
2869
- display: block !important;
5752
+ @media (min-width: 576px) {
5753
+ .m-t-section-3 {
5754
+ margin-top: 72px !important;
5755
+ margin-top: var(--size-72) !important;
5756
+ }
5757
+ .m-b-section-3 {
5758
+ margin-bottom: 72px !important;
5759
+ margin-bottom: var(--size-72) !important;
5760
+ }
5761
+ .m-y-section-3 {
5762
+ margin-top: 72px !important;
5763
+ margin-top: var(--size-72) !important;
5764
+ margin-bottom: 72px !important;
5765
+ margin-bottom: var(--size-72) !important;
5766
+ }
5767
+ .p-t-section-3 {
5768
+ padding-top: 72px !important;
5769
+ padding-top: var(--size-72) !important;
5770
+ }
5771
+ .p-b-section-3 {
5772
+ padding-bottom: 72px !important;
5773
+ padding-bottom: var(--size-72) !important;
5774
+ }
5775
+ .p-y-section-3 {
5776
+ padding-top: 72px !important;
5777
+ padding-top: var(--size-72) !important;
5778
+ padding-bottom: 72px !important;
5779
+ padding-bottom: var(--size-72) !important;
2870
5780
  }
2871
5781
  }
2872
5782
 
2873
- @media (min-width: 992px) and (max-width: 1199px) {
2874
- .visible-lg-inline {
2875
- display: inline !important;
5783
+ @media (min-width: 992px) {
5784
+ .m-t-section-3 {
5785
+ margin-top: 96px !important;
5786
+ margin-top: var(--size-96) !important;
5787
+ }
5788
+ .m-b-section-3 {
5789
+ margin-bottom: 96px !important;
5790
+ margin-bottom: var(--size-96) !important;
5791
+ }
5792
+ .m-y-section-3 {
5793
+ margin-top: 96px !important;
5794
+ margin-top: var(--size-96) !important;
5795
+ margin-bottom: 96px !important;
5796
+ margin-bottom: var(--size-96) !important;
5797
+ }
5798
+ .p-t-section-3 {
5799
+ padding-top: 96px !important;
5800
+ padding-top: var(--size-96) !important;
5801
+ }
5802
+ .p-b-section-3 {
5803
+ padding-bottom: 96px !important;
5804
+ padding-bottom: var(--size-96) !important;
5805
+ }
5806
+ .p-y-section-3 {
5807
+ padding-top: 96px !important;
5808
+ padding-top: var(--size-96) !important;
5809
+ padding-bottom: 96px !important;
5810
+ padding-bottom: var(--size-96) !important;
2876
5811
  }
2877
5812
  }
2878
5813
 
2879
- @media (min-width: 992px) and (max-width: 1199px) {
2880
- .visible-lg-inline-block {
2881
- display: inline-block !important;
2882
- }
5814
+ .m-x-auto {
5815
+ margin-right: auto !important;
5816
+ margin-left: auto !important;
2883
5817
  }
2884
5818
 
2885
- @media (min-width: 1200px) {
2886
- .visible-xl,
2887
- .visible-xl-block {
2888
- display: block !important;
2889
- }
5819
+ [dir="rtl"] .m-x-auto {
5820
+ margin-left: auto !important;
5821
+ margin-right: 0 !important;
5822
+ margin-right: initial !important;
2890
5823
  }
2891
5824
 
2892
- @media (min-width: 1200px) {
2893
- .visible-xl-inline {
2894
- display: inline !important;
2895
- }
5825
+ [dir="rtl"] .m-x-auto {
5826
+ margin-right: auto !important;
5827
+ margin-left: 0 !important;
5828
+ margin-left: initial !important;
2896
5829
  }
2897
5830
 
2898
- @media (min-width: 1200px) {
2899
- .visible-xl-inline-block {
2900
- display: inline-block !important;
2901
- }
5831
+ .m-r-auto {
5832
+ margin-right: auto !important;
2902
5833
  }
2903
5834
 
2904
- @media (max-width: 575px) {
2905
- .hidden-xs {
2906
- display: none !important;
2907
- }
5835
+ [dir="rtl"] .m-r-auto {
5836
+ margin-left: auto !important;
5837
+ margin-right: 0 !important;
5838
+ margin-right: initial !important;
2908
5839
  }
2909
5840
 
2910
- @media (min-width: 576px) and (max-width: 767px) {
2911
- .hidden-sm {
2912
- display: none !important;
2913
- }
5841
+ .m-l-auto {
5842
+ margin-left: auto !important;
2914
5843
  }
2915
5844
 
2916
- @media (min-width: 768px) and (max-width: 991px) {
2917
- .hidden-md {
2918
- display: none !important;
2919
- }
5845
+ [dir="rtl"] .m-l-auto {
5846
+ margin-right: auto !important;
5847
+ margin-left: 0 !important;
5848
+ margin-left: initial !important;
2920
5849
  }
2921
5850
 
2922
- @media (min-width: 992px) and (max-width: 1199px) {
2923
- .hidden-lg {
2924
- display: none !important;
2925
- }
5851
+ .section {
5852
+ padding-top: 48px;
5853
+ padding-top: var(--size-48);
5854
+ padding-bottom: 48px;
5855
+ padding-bottom: var(--size-48);
2926
5856
  }
2927
5857
 
2928
- @media (min-width: 1200px) {
2929
- .hidden-xl {
2930
- display: none !important;
5858
+ @media (min-width: 576px) {
5859
+ .section {
5860
+ padding-top: 72px;
5861
+ padding-top: var(--size-72);
5862
+ padding-bottom: 72px;
5863
+ padding-bottom: var(--size-72);
2931
5864
  }
2932
5865
  }
2933
5866
 
2934
- .outline-none {
2935
- outline: none;
5867
+ @media (min-width: 992px) {
5868
+ .section {
5869
+ padding-top: 96px;
5870
+ padding-top: var(--size-96);
5871
+ padding-bottom: 96px;
5872
+ padding-bottom: var(--size-96);
5873
+ }
2936
5874
  }
2937
5875
 
2938
5876
  .border-bottom {
@@ -21573,17 +24511,6 @@ a[data-toggle="tooltip"] {
21573
24511
  }
21574
24512
  }
21575
24513
 
21576
- .tw-date-lookup-calendar > tbody > tr > td.weekend button {
21577
- font-size: 0.875rem;
21578
- font-size: var(--font-size-14);line-height: 155%;letter-spacing: -0.006em;font-weight: 400;font-weight: var(--font-weight-regular);
21579
- }
21580
-
21581
- @media (min-width: 768px) {
21582
- }
21583
-
21584
- @media (min-width: 768px) {
21585
- }
21586
-
21587
24514
  .np-accordion-item {
21588
24515
  display: block;
21589
24516
  width: 100%;