@transferwise/components 0.0.0-experimental-2af031b → 0.0.0-experimental-0cea513

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
@@ -2239,66 +2239,6 @@
2239
2239
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
2240
2240
  }
2241
2241
 
2242
- @media (max-width: 320px) {
2243
- .np-theme-personal {
2244
- --delta: 2;
2245
- --size-4: calc(4px / var(--delta));
2246
- --size-5: calc(5px / var(--delta));
2247
- --size-8: calc(8px / var(--delta));
2248
- --size-10: calc(10px / var(--delta));
2249
- --size-12: calc(12px / var(--delta));
2250
- --size-14: calc(14px / var(--delta));
2251
- --size-16: calc(16px / var(--delta));
2252
- --size-24: calc(24px / var(--delta));
2253
- --size-32: calc(32px / var(--delta));
2254
- --size-40: calc(40px / var(--delta));
2255
- --size-48: calc(48px / var(--delta));
2256
- --size-52: calc(52px / var(--delta));
2257
- --size-56: calc(56px / var(--delta));
2258
- --size-60: calc(60px / var(--delta));
2259
- --size-64: calc(64px / var(--delta));
2260
- --size-72: calc(72px / var(--delta));
2261
- --size-80: calc(80px / var(--delta));
2262
- --size-88: calc(88px / var(--delta));
2263
- --size-96: calc(96px / var(--delta));
2264
- --size-104: calc(104px / var(--delta));
2265
- --size-112: calc(112px / var(--delta));
2266
- --size-120: calc(120px / var(--delta));
2267
- --size-126: calc(126px / var(--delta));
2268
- --size-128: calc(128px / var(--delta));
2269
- --size-146: calc(146px / var(--delta));
2270
- --size-154: calc(154px / var(--delta));
2271
- --size-x-small: calc(24px / var(--delta));
2272
- --size-small: calc(32px / var(--delta));
2273
- --size-medium: calc(40px / var(--delta));
2274
- --size-large: calc(48px / var(--delta));
2275
- --size-x-large: calc(56px / var(--delta));
2276
- --size-2x-large: calc(72px / var(--delta));
2277
- --space-content-horizontal: calc(16px / var(--delta));
2278
- --space-small: calc(16px / var(--delta));
2279
- --space-medium: calc(32px / var(--delta));
2280
- --space-large: calc(40px / var(--delta));
2281
- --space-x-large: calc(56px / var(--delta));
2282
- --padding-x-small: var(--size-8);
2283
- --padding-small: var(--size-16);
2284
- --padding-medium: var(--size-24);
2285
- --padding-large: var(--size-32);
2286
- --input-height-base: var(--size-32);
2287
- --input-height-large: var(--input-height-small);
2288
- --input-padding: var(--input-padding-small);
2289
- --input-padding-large: var(--input-padding-small);
2290
- --input-group-addon-padding: var(--input-group-addon-sm-padding);
2291
- --input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
2292
- --btn-height: var(--input-height-base);
2293
- --btn-lg-height: var(--btn-height);
2294
- --btn-sm-height: var(--btn-height);
2295
- --btn-padding: var(--input-padding);
2296
- --btn-sm-padding: var(--btn-padding);
2297
- --btn-lg-padding: var(--btn-padding);
2298
- --dropdown-link-padding: var(--size-12) var(--size-16);
2299
- }
2300
- }
2301
-
2302
2242
  /* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
2303
2243
 
2304
2244
  @font-face {
@@ -2394,4394 +2334,645 @@
2394
2334
  src: url("neptune-css/fonts/WiseSans-Heavy.woff2") format("woff2");
2395
2335
  }
2396
2336
 
2397
- /* stylelint-disable selector-max-empty-lines */
2337
+ .text-xs-left {
2338
+ text-align: left;
2339
+ }
2398
2340
 
2399
- /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
2341
+ [dir="rtl"] .text-xs-left {
2342
+ text-align: right;
2343
+ }
2400
2344
 
2401
- /*
2402
- Document
2403
- ========
2404
- */
2345
+ .text-xs-right {
2346
+ text-align: right;
2347
+ }
2405
2348
 
2406
- /**
2407
- Use a better box model (opinionated).
2408
- */
2349
+ [dir="rtl"] .text-xs-right {
2350
+ text-align: left;
2351
+ }
2409
2352
 
2410
- *,
2411
- ::before,
2412
- ::after {
2413
- box-sizing: border-box;
2353
+ .text-xs-center {
2354
+ text-align: center;
2414
2355
  }
2415
2356
 
2416
- html {
2417
- /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
2418
- font-family: system-ui,-apple-system,Segoe UI,Ubuntu,Cantarell,Noto Sans, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
2419
- line-height: 1.15;
2420
- /* 1. Correct the line height in all browsers. */
2421
- -webkit-text-size-adjust: 100%;
2422
- /* 2. Prevent adjustments of font size after orientation changes in iOS. */
2423
- -moz-tab-size: 4;
2424
- -o-tab-size: 4;
2425
- tab-size: 4;
2426
- /* 3. Use a more readable tab size (opinionated). */
2357
+ .text-xs-justify {
2358
+ text-align: justify;
2427
2359
  }
2428
2360
 
2429
- /*
2430
- Sections
2431
- ========
2432
- */
2361
+ .text-xs-nowrap {
2362
+ white-space: nowrap;
2363
+ }
2433
2364
 
2434
- body {
2435
- margin: 0;
2436
- /* Remove the margin in all browsers. */
2365
+ @media (min-width: 576px) {
2366
+ .text-sm-left {
2367
+ text-align: left;
2368
+ }
2369
+ [dir="rtl"] .text-sm-left {
2370
+ text-align: right;
2371
+ }
2372
+ .text-sm-right {
2373
+ text-align: right;
2374
+ }
2375
+ [dir="rtl"] .text-sm-right {
2376
+ text-align: left;
2377
+ }
2378
+ .text-sm-center {
2379
+ text-align: center;
2380
+ }
2381
+ .text-sm-justify {
2382
+ text-align: justify;
2383
+ }
2384
+ .text-sm-nowrap {
2385
+ white-space: nowrap;
2386
+ }
2437
2387
  }
2438
2388
 
2439
- /*
2440
- Text-level semantics
2441
- ====================
2442
- */
2389
+ @media (min-width: 768px) {
2390
+ .text-md-left {
2391
+ text-align: left;
2392
+ }
2393
+ [dir="rtl"] .text-md-left {
2394
+ text-align: right;
2395
+ }
2396
+ .text-md-right {
2397
+ text-align: right;
2398
+ }
2399
+ [dir="rtl"] .text-md-right {
2400
+ text-align: left;
2401
+ }
2402
+ .text-md-center {
2403
+ text-align: center;
2404
+ }
2405
+ .text-md-justify {
2406
+ text-align: justify;
2407
+ }
2408
+ .text-md-nowrap {
2409
+ white-space: nowrap;
2410
+ }
2411
+ }
2443
2412
 
2444
- /**
2445
- Add the correct font weight in Chrome and Safari.
2446
- */
2413
+ @media (min-width: 992px) {
2414
+ .text-lg-left {
2415
+ text-align: left;
2416
+ }
2417
+ [dir="rtl"] .text-lg-left {
2418
+ text-align: right;
2419
+ }
2420
+ .text-lg-right {
2421
+ text-align: right;
2422
+ }
2423
+ [dir="rtl"] .text-lg-right {
2424
+ text-align: left;
2425
+ }
2426
+ .text-lg-center {
2427
+ text-align: center;
2428
+ }
2429
+ .text-lg-justify {
2430
+ text-align: justify;
2431
+ }
2432
+ .text-lg-nowrap {
2433
+ white-space: nowrap;
2434
+ }
2435
+ }
2447
2436
 
2448
- b,
2449
- strong {
2450
- font-weight: bolder;
2437
+ @media (min-width: 1200px) {
2438
+ .text-xl-left {
2439
+ text-align: left;
2440
+ }
2441
+ [dir="rtl"] .text-xl-left {
2442
+ text-align: right;
2443
+ }
2444
+ .text-xl-right {
2445
+ text-align: right;
2446
+ }
2447
+ [dir="rtl"] .text-xl-right {
2448
+ text-align: left;
2449
+ }
2450
+ .text-xl-center {
2451
+ text-align: center;
2452
+ }
2453
+ .text-xl-justify {
2454
+ text-align: justify;
2455
+ }
2456
+ .text-xl-nowrap {
2457
+ white-space: nowrap;
2458
+ }
2451
2459
  }
2452
2460
 
2453
- /**
2454
- 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2455
- 2. Correct the odd 'em' font sizing in all browsers.
2456
- */
2461
+ .text-lowercase {
2462
+ text-transform: lowercase;
2463
+ }
2457
2464
 
2458
- code,
2459
- kbd,
2460
- samp,
2461
- pre {
2462
- font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
2463
- /* 1 */
2464
- font-size: 1em;
2465
- /* 2 */
2465
+ .text-uppercase {
2466
+ text-transform: uppercase;
2466
2467
  }
2467
2468
 
2468
- /**
2469
- Add the correct font size in all browsers.
2470
- */
2469
+ .text-capitalize {
2470
+ text-transform: capitalize;
2471
+ }
2471
2472
 
2472
- small {
2473
- font-size: 80%;
2473
+ .text-underline {
2474
+ text-decoration: underline;
2475
+ -webkit-text-decoration: underline !important;
2476
+ text-decoration: underline !important;
2477
+ text-underline-offset: 0.3em;
2474
2478
  }
2475
2479
 
2476
- /**
2477
- Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
2478
- */
2480
+ .text-no-decoration {
2481
+ -webkit-text-decoration: none !important;
2482
+ text-decoration: none !important;
2483
+ }
2479
2484
 
2480
- sub,
2481
- sup {
2482
- font-size: 75%;
2483
- line-height: 0;
2484
- position: relative;
2485
- vertical-align: baseline;
2485
+ .text-ellipsis,
2486
+ .text-ellipses {
2487
+ display: block;
2488
+ text-overflow: ellipsis;
2489
+ white-space: nowrap;
2490
+ overflow: hidden;
2486
2491
  }
2487
2492
 
2488
- sub {
2489
- bottom: -0.25em;
2493
+ .text-max-width {
2494
+ max-width: 600px;
2490
2495
  }
2491
2496
 
2492
- sup {
2493
- top: -0.5em;
2497
+ .text-word-break {
2498
+ word-break: break-all;
2494
2499
  }
2495
2500
 
2496
- /*
2497
- Tabular data
2498
- ============
2499
- */
2501
+ .text-overflow-wrap {
2502
+ word-wrap: anywhere;
2503
+ }
2500
2504
 
2501
- /**
2502
- Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
2503
- */
2505
+ .font-weight-bold {
2506
+ font-weight: 700 !important;
2507
+ font-weight: var(--font-weight-bold) !important;
2508
+ }
2504
2509
 
2505
- table {
2506
- border-color: currentcolor;
2510
+ .font-weight-semi-bold {
2511
+ font-weight: 600 !important;
2512
+ font-weight: var(--font-weight-semi-bold) !important;
2507
2513
  }
2508
2514
 
2509
- /*
2510
- Forms
2511
- =====
2512
- */
2515
+ .font-weight-normal {
2516
+ font-weight: 400 !important;
2517
+ font-weight: var(--font-weight-regular) !important;
2518
+ }
2513
2519
 
2514
- /**
2515
- 1. Change the font styles in all browsers.
2516
- 2. Remove the margin in Firefox and Safari.
2517
- */
2520
+ .font-italic {
2521
+ font-style: italic !important;
2522
+ }
2518
2523
 
2519
- button,
2520
- input,
2521
- optgroup,
2522
- select,
2523
- textarea {
2524
- font-family: inherit;
2525
- /* 1 */
2526
- font-size: 100%;
2527
- /* 1 */
2528
- line-height: 1.15;
2529
- /* 1 */
2530
- margin: 0;
2531
- /* 2 */
2524
+ .text-primary {
2525
+ color: #37517e !important;
2526
+ color: var(--color-content-primary) !important;
2532
2527
  }
2533
2528
 
2534
- /**
2535
- Correct the inability to style clickable types in iOS and Safari.
2536
- */
2529
+ a.text-primary:hover,
2530
+ a.text-primary:focus {
2531
+ color: #37517e !important;
2532
+ color: var(--color-content-primary) !important;
2533
+ }
2537
2534
 
2538
- button,
2539
- [type='button'],
2540
- [type='reset'],
2541
- [type='submit'] {
2542
- -webkit-appearance: button;
2535
+ .bg-primary .text-primary {
2536
+ color: #ffffff !important;
2543
2537
  }
2544
2538
 
2545
- /**
2546
- Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
2547
- */
2548
-
2549
- legend {
2550
- padding: 0;
2551
- }
2552
-
2553
- /**
2554
- Add the correct vertical alignment in Chrome and Firefox.
2555
- */
2556
-
2557
- progress {
2558
- vertical-align: baseline;
2539
+ .text-secondary {
2540
+ color: #5d7079 !important;
2541
+ color: var(--color-content-secondary) !important;
2559
2542
  }
2560
2543
 
2561
- /**
2562
- Correct the cursor style of increment and decrement buttons in Safari.
2563
- */
2564
-
2565
- ::-webkit-inner-spin-button,
2566
- ::-webkit-outer-spin-button {
2567
- height: auto;
2544
+ .text-positive,
2545
+ .text-success {
2546
+ color: #008026 !important;
2547
+ color: var(--color-content-positive) !important;
2568
2548
  }
2569
2549
 
2570
- /**
2571
- 1. Correct the odd appearance in Chrome and Safari.
2572
- 2. Correct the outline style in Safari.
2573
- */
2574
-
2575
- [type='search'] {
2576
- -webkit-appearance: textfield;
2577
- /* 1 */
2578
- outline-offset: -2px;
2579
- /* 2 */
2550
+ a.text-positive:hover,
2551
+ a.text-success:hover,
2552
+ a.text-positive:focus,
2553
+ a.text-success:focus {
2554
+ color: #006d13 !important;
2555
+ color: var(--color-content-positive-hover) !important;
2580
2556
  }
2581
2557
 
2582
- /**
2583
- Remove the inner padding in Chrome and Safari on macOS.
2584
- */
2585
-
2586
- ::-webkit-search-decoration {
2587
- -webkit-appearance: none;
2558
+ .bg-primary .text-positive,
2559
+ .bg-primary .text-success {
2560
+ color: #6fd698 !important;
2588
2561
  }
2589
2562
 
2590
- /**
2591
- 1. Correct the inability to style clickable types in iOS and Safari.
2592
- 2. Change font properties to 'inherit' in Safari.
2593
- */
2594
-
2595
- ::-webkit-file-upload-button {
2596
- -webkit-appearance: button;
2597
- /* 1 */
2598
- font: inherit;
2599
- /* 2 */
2563
+ .text-accent,
2564
+ .text-info {
2565
+ color: #0097c7 !important;
2566
+ color: var(--color-content-accent) !important;
2567
+ color: var(--color-interactive-primary) !important;
2600
2568
  }
2601
2569
 
2602
- /*
2603
- Interactive
2604
- ===========
2605
- */
2606
-
2607
- /*
2608
- Add the correct display in Chrome and Safari.
2609
- */
2610
-
2611
- summary {
2612
- display: list-item;
2570
+ a.text-accent:hover,
2571
+ a.text-info:hover,
2572
+ a.text-accent:focus,
2573
+ a.text-info:focus {
2574
+ color: #0084b3 !important;
2575
+ color: var(--color-content-accent-hover) !important;
2613
2576
  }
2614
2577
 
2615
- :root {
2616
- --base-font-size: 16px;
2617
- --font-family-regular: "Inter", Helvetica, Arial, sans-serif;
2618
- --input-group-addon-padding: 12px 16px calc(12px - 2px);
2619
- --btn-padding: 12px 24px calc(12px - 2px);
2620
- --btn-xs-padding: 2px 8px calc(2px - 2px);
2621
- --btn-sm-padding: 4px 16px calc(4px - 2px);
2622
- --btn-lg-padding: 20px 24px calc(20px - 2px);
2623
- --input-padding: 12px 16px calc(12px - 2px);
2624
- --input-padding-small: 4px 12px calc(4px - 2px);
2625
- --input-padding-large: 12px 16px calc(12px - 2px);
2626
- --input-group-addon-sm-padding: calc(4px - 1px) 12px;
2627
- --input-group-addon-lg-padding: 12px 16px calc(12px - 2px);
2628
- --dropdown-link-padding: calc(12px + 1px) 16px calc(12px - 1px);
2629
- --btn-radius-base: 3px;
2630
- --btn-sm-radius-base: 2px;
2631
- --btn-lg-radius-base: 3px;
2632
- }
2633
-
2634
- .np-theme-light,
2635
- .np-theme-dark,
2636
- .np-theme-navy {
2637
- --font-family-regular: averta, avenir w02, avenir, helvetica, arial, sans-serif !important;
2638
- font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
2639
- font-family: var(--font-family-regular);
2640
- line-height: 1.5;
2641
- line-height: var(--line-height-body);
2578
+ .bg-primary .text-accent,
2579
+ .bg-primary .text-info {
2580
+ color: #00b9ff !important;
2642
2581
  }
2643
2582
 
2644
- .np-theme-personal {
2645
- --font-family-regular: "Inter", Helvetica, Arial, sans-serif !important;
2646
- font-family: "Inter", Helvetica, Arial, sans-serif;
2647
- font-family: var(--font-family-regular);
2648
- font-feature-settings: "calt";
2649
- --input-group-addon-padding: 12px 16px;
2650
- --btn-padding: calc(12px - 1px) 24px;
2651
- --btn-xs-padding: calc(2px - 1px) 8px;
2652
- --btn-sm-padding: calc(4px - 1px) 16px;
2653
- --btn-lg-padding: calc(20px - 1px) 24px;
2654
- --btn-height: 48px;
2655
- --btn-xs-height: 22px;
2656
- --btn-sm-height: 32px;
2657
- --btn-lg-height: 72px;
2658
- --input-height-base: 48px;
2659
- --input-height-large: 72px;
2660
- --input-height-small: 32px;
2661
- --input-padding: 12px 16px;
2662
- --input-padding-small: 4px 12px;
2663
- --input-padding-large: 12px 16px;
2664
- --input-group-addon-sm-padding: 4px 12px;
2665
- --input-group-addon-lg-padding: 12px 16px;
2666
- --dropdown-link-padding: 12px 16px;
2667
- --btn-radius-base: 9999px;
2668
- --btn-sm-radius-base: var(--btn-radius-base);
2669
- --btn-lg-radius-base: var(--btn-radius-base);
2670
- color: #5d7079;
2671
- color: var(--color-content-secondary);
2672
- background-color: #ffffff;
2673
- background-color: var(--color-background-screen);
2583
+ .text-warning {
2584
+ color: #9a6500 !important;
2585
+ color: var(--color-content-warning) !important;
2674
2586
  }
2675
2587
 
2676
- html {
2677
- font-size: 16px;
2678
- font-size: var(--base-font-size);
2679
- font-family: 'Inter', Helvetica, Arial, sans-serif;
2680
- font-family: var(--font-family-regular);
2681
- color: #5d7079;
2682
- color: var(--color-content-secondary);
2683
- background-color: #ffffff;
2684
- background-color: var(--color-background-screen);
2685
- -webkit-font-smoothing: antialiased;
2686
- -moz-osx-font-smoothing: grayscale;
2588
+ a.text-warning:hover,
2589
+ a.text-warning:focus {
2590
+ color: #855400 !important;
2591
+ color: var(--color-content-warning-hover) !important;
2687
2592
  }
2688
2593
 
2689
- blockquote,
2690
- dl,
2691
- dd,
2692
- hr,
2693
- figure,
2694
- p,
2695
- pre {
2696
- margin: 0;
2594
+ .bg-primary .text-warning {
2595
+ color: #ffd184 !important;
2697
2596
  }
2698
2597
 
2699
- .np-theme-personal::-moz-selection {
2700
- background-color: var(--color-background-neutral-active);
2701
- color: #37517e;
2702
- color: var(--color-content-primary);
2598
+ .text-negative,
2599
+ .text-danger {
2600
+ color: var(--color-sentiment-negative) !important;
2703
2601
  }
2704
2602
 
2705
- .np-theme-personal::selection {
2706
- background-color: var(--color-background-neutral-active);
2707
- color: #37517e;
2708
- color: var(--color-content-primary);
2603
+ a.text-negative:hover,
2604
+ a.text-danger:hover,
2605
+ a.text-negative:focus,
2606
+ a.text-danger:focus {
2607
+ color: var(--color-sentiment-negative-hover) !important;
2709
2608
  }
2710
2609
 
2711
- /* DEPRECATED: use `a` tag or .np-text-link-* instead */
2712
-
2713
- /* stylelint-disable-next-line selector-list-comma-newline-after */
2714
-
2715
- .anchor,
2716
- a,
2717
- .np-text-link-default,
2718
- .np-text-link-large {
2719
- color: var(--color-sentiment-content-primary, var(--color-content-link));
2610
+ .bg-primary .text-negative,
2611
+ .bg-primary .text-danger {
2612
+ color: #ffa6a9 !important;
2720
2613
  }
2721
2614
 
2722
- .bg-primary .anchor,
2723
- .bg-primary a,
2724
- .bg-primary .np-text-link-default,
2725
- .bg-primary .np-text-link-large {
2726
- color: #00b9ff;
2615
+ .text-inverse {
2616
+ color: #ffffff !important;
2727
2617
  }
2728
2618
 
2729
- .bg-primary .anchor:hover,
2730
- .bg-primary a:hover,
2731
- .bg-primary .np-text-link-default:hover,
2732
- .bg-primary .np-text-link-large:hover,
2733
- .bg-primary .anchor:focus,
2734
- .bg-primary a:focus,
2735
- .bg-primary .np-text-link-default:focus,
2736
- .bg-primary .np-text-link-large:focus {
2737
- color: #00a6ea;
2619
+ a.text-inverse:hover,
2620
+ a.text-inverse:focus {
2621
+ color: #c9cbce !important;
2738
2622
  }
2739
2623
 
2740
- .bg-primary .anchor:active,
2741
- .bg-primary a:active,
2742
- .bg-primary .np-text-link-default:active,
2743
- .bg-primary .np-text-link-large:active {
2744
- color: #0097db;
2624
+ .text-muted {
2625
+ color: #768e9c !important;
2626
+ color: var(--color-content-tertiary) !important;
2745
2627
  }
2746
2628
 
2747
- .anchor:hover,
2748
- a:hover,
2749
- .np-text-link-default:hover,
2750
- .np-text-link-large:hover,
2751
- .anchor:focus,
2752
- a:focus,
2753
- .np-text-link-default:focus,
2754
- .np-text-link-large:focus {
2755
- color: var(--color-sentiment-content-primary-hover, var(--color-content-link-hover));
2756
- -webkit-text-decoration: underline;
2757
- text-decoration: underline;
2629
+ .colored-dot::after {
2630
+ content: none;
2758
2631
  }
2759
2632
 
2760
- .anchor:active,
2761
- a:active,
2762
- .np-text-link-default:active,
2763
- .np-text-link-large:active {
2764
- color: var(--color-sentiment-content-primary-active, var(--color-content-link-active));
2633
+ @media (max-width: 320px) {
2634
+ .np-theme-personal {
2635
+ --delta: 2;
2636
+ --size-4: calc(4px / var(--delta));
2637
+ --size-5: calc(5px / var(--delta));
2638
+ --size-8: calc(8px / var(--delta));
2639
+ --size-10: calc(10px / var(--delta));
2640
+ --size-12: calc(12px / var(--delta));
2641
+ --size-14: calc(14px / var(--delta));
2642
+ --size-16: calc(16px / var(--delta));
2643
+ --size-24: calc(24px / var(--delta));
2644
+ --size-32: calc(32px / var(--delta));
2645
+ --size-40: calc(40px / var(--delta));
2646
+ --size-48: calc(48px / var(--delta));
2647
+ --size-52: calc(52px / var(--delta));
2648
+ --size-56: calc(56px / var(--delta));
2649
+ --size-60: calc(60px / var(--delta));
2650
+ --size-64: calc(64px / var(--delta));
2651
+ --size-72: calc(72px / var(--delta));
2652
+ --size-80: calc(80px / var(--delta));
2653
+ --size-88: calc(88px / var(--delta));
2654
+ --size-96: calc(96px / var(--delta));
2655
+ --size-104: calc(104px / var(--delta));
2656
+ --size-112: calc(112px / var(--delta));
2657
+ --size-120: calc(120px / var(--delta));
2658
+ --size-126: calc(126px / var(--delta));
2659
+ --size-128: calc(128px / var(--delta));
2660
+ --size-146: calc(146px / var(--delta));
2661
+ --size-154: calc(154px / var(--delta));
2662
+ --size-x-small: calc(24px / var(--delta));
2663
+ --size-small: calc(32px / var(--delta));
2664
+ --size-medium: calc(40px / var(--delta));
2665
+ --size-large: calc(48px / var(--delta));
2666
+ --size-x-large: calc(56px / var(--delta));
2667
+ --size-2x-large: calc(72px / var(--delta));
2668
+ --space-content-horizontal: calc(16px / var(--delta));
2669
+ --space-small: calc(16px / var(--delta));
2670
+ --space-medium: calc(32px / var(--delta));
2671
+ --space-large: calc(40px / var(--delta));
2672
+ --space-x-large: calc(56px / var(--delta));
2673
+ --padding-x-small: var(--size-8);
2674
+ --padding-small: var(--size-16);
2675
+ --padding-medium: var(--size-24);
2676
+ --padding-large: var(--size-32);
2677
+ --input-height-base: var(--size-32);
2678
+ --input-height-large: var(--input-height-small);
2679
+ --input-padding: var(--input-padding-small);
2680
+ --input-padding-large: var(--input-padding-small);
2681
+ --input-group-addon-padding: var(--input-group-addon-sm-padding);
2682
+ --input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
2683
+ --btn-height: var(--input-height-base);
2684
+ --btn-lg-height: var(--btn-height);
2685
+ --btn-sm-height: var(--btn-height);
2686
+ --btn-padding: var(--input-padding);
2687
+ --btn-sm-padding: var(--btn-padding);
2688
+ --btn-lg-padding: var(--btn-padding);
2689
+ --dropdown-link-padding: var(--size-12) var(--size-16);
2690
+ }
2765
2691
  }
2766
2692
 
2767
- .anchor.secondary,
2768
- a.secondary,
2769
- .np-text-link-default.secondary,
2770
- .np-text-link-large.secondary {
2693
+ .bg-default,
2694
+ .bg-neutral {
2695
+ background-color: rgba(134,167,189,0.10196) !important;
2696
+ background-color: var(--color-background-neutral) !important;
2771
2697
  color: #5d7079;
2772
2698
  color: var(--color-content-secondary);
2773
2699
  }
2774
2700
 
2775
- .anchor.secondary:hover,
2776
- a.secondary:hover,
2777
- .np-text-link-default.secondary:hover,
2778
- .np-text-link-large.secondary:hover,
2779
- .anchor.secondary:focus,
2780
- a.secondary:focus,
2781
- .np-text-link-default.secondary:focus,
2782
- .np-text-link-large.secondary:focus {
2783
- color: #0084b3;
2784
- color: var(--color-content-accent-hover);
2785
- }
2786
-
2787
- .anchor.secondary:active,
2788
- a.secondary:active,
2789
- .np-text-link-default.secondary:active,
2790
- .np-text-link-large.secondary:active {
2791
- color: #0077a5;
2792
- color: var(--color-content-accent-active);
2793
- }
2794
-
2795
- html.ios-click {
2796
- cursor: pointer;
2797
- }
2798
-
2799
- fieldset {
2800
- margin: 0;
2801
- padding: 0;
2802
- }
2803
-
2804
- button,
2805
- input,
2806
- optgroup,
2807
- select,
2808
- textarea {
2809
- padding: 0;
2810
- color: inherit;
2811
- font-size: inherit;
2812
- line-height: inherit;
2813
- }
2814
-
2815
- button,
2816
- [type="button"],
2817
- [type="reset"],
2818
- [type="submit"] {
2819
- cursor: pointer;
2820
- }
2821
-
2822
- [role="button"] {
2823
- cursor: pointer;
2824
- }
2825
-
2826
- textarea {
2827
- resize: vertical;
2828
- }
2829
-
2830
- input::-moz-placeholder, textarea::-moz-placeholder {
2831
- color: #768e9c;
2832
- color: var(--color-content-tertiary);
2833
- }
2834
-
2835
- input::placeholder,
2836
- textarea::placeholder {
2837
- color: #768e9c;
2838
- color: var(--color-content-tertiary);
2839
- }
2840
-
2841
- ol,
2842
- ul {
2843
- margin: 0 0 24px;
2844
- margin: 0 0 var(--size-24);
2845
- padding: 0 0 0 calc(48px - 10px);
2846
- padding: 0 0 0 calc(var(--size-48) - var(--size-10));
2847
- }
2848
-
2849
- [dir="rtl"] ol,
2850
- [dir="rtl"] ul {
2851
- padding: 0 calc(48px - 10px) 0 0;
2852
- padding: 0 calc(var(--size-48) - var(--size-10)) 0 0;
2853
- }
2854
-
2855
- ol ol,
2856
- ul ol,
2857
- ol ul,
2858
- ul ul {
2859
- margin-bottom: 0;
2860
- }
2861
-
2862
- .list-unstyled {
2863
- padding-left: 0;
2864
- list-style: none;
2865
- }
2866
-
2867
- [dir="rtl"] .list-unstyled {
2868
- padding-right: 0;
2869
- padding-left: 0;
2870
- padding-left: initial;
2871
- }
2872
-
2873
- .list-inline {
2874
- margin-left: calc(4px * -1);
2875
- margin-left: calc(var(--size-4) * -1);
2876
- padding-left: 0;
2877
- list-style: none;
2878
- }
2879
-
2880
- [dir="rtl"] .list-inline {
2881
- margin-right: calc(4px * -1);
2882
- margin-right: calc(var(--size-4) * -1);
2883
- margin-left: 0;
2884
- margin-left: initial;
2885
- }
2886
-
2887
- [dir="rtl"] .list-inline {
2888
- padding-right: 0;
2889
- padding-left: 0;
2890
- padding-left: initial;
2701
+ .bg-accent,
2702
+ .bg-info {
2703
+ background-color: rgba(56,200,255,0.10196) !important;
2704
+ background-color: var(--color-background-accent) !important;
2891
2705
  }
2892
2706
 
2893
- .list-inline > li {
2894
- display: inline-block;
2895
- padding-right: 8px;
2896
- padding-right: var(--size-8);
2897
- padding-left: 4px;
2898
- padding-left: var(--size-4);
2899
- }
2900
-
2901
- [dir="rtl"] .list-inline > li {
2902
- padding-left: 8px;
2903
- padding-left: var(--size-8);
2904
- padding-right: 0;
2905
- padding-right: initial;
2906
- }
2907
-
2908
- [dir="rtl"] .list-inline > li {
2909
- padding-right: 4px;
2910
- padding-right: var(--size-4);
2911
- padding-left: 0;
2912
- padding-left: initial;
2913
- }
2914
-
2915
- [dir="rtl"] .list-inline > li {
2916
- border-left: 1px solid rgba(0,0,0,0.10196);
2917
- border-left: 1px solid var(--color-border-neutral);
2918
- }
2919
-
2920
- html:not([dir="rtl"]) .list-inline > li {
2921
- border-right: 1px solid rgba(0,0,0,0.10196);
2922
- border-right: 1px solid var(--color-border-neutral);
2923
- }
2924
-
2925
- [dir="rtl"] .list-inline > li:last-child {
2926
- border-left: 0 ;
2927
- }
2928
-
2929
- html:not([dir="rtl"]) .list-inline > li:last-child {
2930
- border-right: 0 ;
2931
- }
2932
-
2933
- dt,
2934
- dd {
2935
- line-height: 1.5;
2936
- line-height: var(--line-height-body);
2937
- }
2938
-
2939
- dt {
2940
- font-size: 0.875rem;
2941
- font-size: var(--font-size-14);
2942
- }
2943
-
2944
- dd {
2945
- margin-bottom: 16px;
2946
- margin-bottom: var(--size-16);
2947
- color: #37517e;
2948
- color: var(--color-content-primary);
2949
- }
2950
-
2951
- @media (min-width: 576px) {
2952
- dd {
2953
- margin-bottom: 24px;
2954
- margin-bottom: var(--size-24);
2955
- }
2956
- }
2957
-
2958
- /* Deprecated - use the Neptune Web DefinitionList component */
2959
-
2960
- .dl-horizontal dd::before,
2961
- .dl-horizontal dd::after {
2962
- display: table;
2963
- content: " ";
2964
- }
2965
-
2966
- .dl-horizontal dd::after {
2967
- clear: both;
2968
- }
2969
-
2970
- @media (min-width: 576px) {
2971
- .dl-horizontal dt {
2972
- float: left;
2973
- clear: left;
2974
- width: 156px;
2975
- overflow: hidden;
2976
- white-space: nowrap;
2977
- text-align: left;
2978
- text-overflow: ellipsis;
2979
- }
2980
- [dir="rtl"] .dl-horizontal dt {
2981
- float: right;
2982
- }
2983
- [dir="rtl"] .dl-horizontal dt {
2984
- clear: right;
2985
- }
2986
- [dir="rtl"] .dl-horizontal dt {
2987
- text-align: right;
2988
- }
2989
- .dl-horizontal dd {
2990
- margin-bottom: 8px;
2991
- margin-bottom: var(--size-8);
2992
- margin-left: 180px;
2993
- }
2994
- [dir="rtl"] .dl-horizontal dd {
2995
- margin-right: 180px;
2996
- margin-left: 0;
2997
- margin-left: initial;
2998
- }
2999
- }
3000
-
3001
- /* Deprecated - use the Neptune Web DefinitionList component */
3002
-
3003
- .dl-horizontal-item {
3004
- display: flex;
3005
- flex-wrap: nowrap;
3006
- }
3007
-
3008
- .dl-horizontal-item dt {
3009
- flex: 1 2 auto;
3010
- }
3011
-
3012
- .dl-horizontal-item dd {
3013
- flex: 1 1 auto;
3014
- text-align: right;
3015
- word-break: break-all;
3016
- }
3017
-
3018
- [dir="rtl"] .dl-horizontal-item dd {
3019
- text-align: left;
3020
- }
3021
-
3022
- hr {
3023
- margin: 16px auto;
3024
- margin: var(--size-16) auto;
3025
- border: 0;
3026
- border-top: 1px solid rgba(0,0,0,0.10196);
3027
- border-top: 1px solid var(--color-border-neutral);
3028
- }
3029
-
3030
- .bg-primary hr {
3031
- border-top: 1px solid rgba(255,255,255,0.10196);
3032
- }
3033
-
3034
- @media (min-width: 576px) {
3035
- hr {
3036
- margin: 24px auto;
3037
- margin: var(--size-24) auto;
3038
- }
3039
- }
3040
-
3041
- @media (min-width: 992px) {
3042
- hr {
3043
- margin: 32px auto;
3044
- margin: var(--size-32) auto;
3045
- }
3046
- }
3047
-
3048
- table {
3049
- border-collapse: collapse;
3050
- border-spacing: 0;
3051
- }
3052
-
3053
- video,
3054
- canvas,
3055
- audio,
3056
- iframe,
3057
- embed,
3058
- object {
3059
- display: block;
3060
- }
3061
-
3062
- img,
3063
- video {
3064
- max-width: 100%;
3065
- height: auto;
3066
- vertical-align: middle;
3067
- }
3068
-
3069
- .img-rounded {
3070
- border-radius: 10px;
3071
- border-radius: var(--radius-small);
3072
- }
3073
-
3074
- .img-circle {
3075
- border-radius: 50%;
3076
- }
3077
-
3078
- .disabled,
3079
- :disabled {
3080
- filter: grayscale(1);
3081
- opacity: 0.45;
3082
- cursor: not-allowed !important;
3083
- }
3084
-
3085
- .sr-only {
3086
- position: absolute;
3087
- width: 1px;
3088
- height: 1px;
3089
- margin: -1px;
3090
- padding: 0;
3091
- overflow: hidden;
3092
- border: 0;
3093
- clip: rect(0, 0, 0, 0);
3094
- }
3095
-
3096
- .sr-only-focusable:active,
3097
- .sr-only-focusable:focus {
3098
- position: static;
3099
- width: auto;
3100
- height: auto;
3101
- margin: 0;
3102
- overflow: visible;
3103
- clip: auto;
3104
- }
3105
-
3106
- /* stylelint-disable selector-max-empty-lines */
3107
-
3108
- /* DEPRECATED: use .np-text-*-title instead */
3109
-
3110
- /* stylelint-disable-next-line selector-list-comma-newline-after */
3111
-
3112
- .h1,
3113
- .h2,
3114
- .h3,
3115
- .h4,
3116
- .h5,
3117
- .h6,
3118
- .title-1,
3119
- .title-2,
3120
- .title-3,
3121
- .title-4,
3122
- .title-5,
3123
- h1,
3124
- h2,
3125
- h3,
3126
- h4,
3127
- h5,
3128
- h6,
3129
- .np-text-title-screen,
3130
- .np-text-title-section,
3131
- .np-text-title-subsection,
3132
- .np-text-title-body,
3133
- .np-text-title-group {
3134
- margin: 0;
3135
- color: #37517e;
3136
- color: var(--color-content-primary);
3137
- line-height: 1.2;
3138
- line-height: var(--line-height-title);
3139
- letter-spacing: 0;
3140
- }
3141
-
3142
- @supports (hyphenate-limit-chars: 1) {
3143
- .h1,
3144
- .h2,
3145
- .h3,
3146
- .h4,
3147
- .h5,
3148
- .h6,
3149
- .title-1,
3150
- .title-2,
3151
- .title-3,
3152
- .title-4,
3153
- .title-5,
3154
- h1,
3155
- h2,
3156
- h3,
3157
- h4,
3158
- h5,
3159
- h6,
3160
- .np-text-title-screen,
3161
- .np-text-title-section,
3162
- .np-text-title-subsection,
3163
- .np-text-title-body,
3164
- .np-text-title-group {
3165
- hyphens: auto;
3166
- hyphenate-limit-chars: 7 3;
3167
- }
3168
- @media (min-width: 768px) {
3169
- .h1,
3170
- .h2,
3171
- .h3,
3172
- .h4,
3173
- .h5,
3174
- .h6,
3175
- .title-1,
3176
- .title-2,
3177
- .title-3,
3178
- .title-4,
3179
- .title-5,
3180
- h1,
3181
- h2,
3182
- h3,
3183
- h4,
3184
- h5,
3185
- h6,
3186
- .np-text-title-screen,
3187
- .np-text-title-section,
3188
- .np-text-title-subsection,
3189
- .np-text-title-body,
3190
- .np-text-title-group {
3191
- hyphenate-limit-chars: 8 3;
3192
- }
3193
- }
3194
- @media (min-width: 992px) {
3195
- .h1,
3196
- .h2,
3197
- .h3,
3198
- .h4,
3199
- .h5,
3200
- .h6,
3201
- .title-1,
3202
- .title-2,
3203
- .title-3,
3204
- .title-4,
3205
- .title-5,
3206
- h1,
3207
- h2,
3208
- h3,
3209
- h4,
3210
- h5,
3211
- h6,
3212
- .np-text-title-screen,
3213
- .np-text-title-section,
3214
- .np-text-title-subsection,
3215
- .np-text-title-body,
3216
- .np-text-title-group {
3217
- hyphenate-limit-chars: 10 4 3;
3218
- }
3219
- }
3220
- }
3221
-
3222
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3223
- .h1,
3224
- .h2,
3225
- .h3,
3226
- .h4,
3227
- .h5,
3228
- .h6,
3229
- .title-1,
3230
- .title-2,
3231
- .title-3,
3232
- .title-4,
3233
- .title-5,
3234
- h1,
3235
- h2,
3236
- h3,
3237
- h4,
3238
- h5,
3239
- h6,
3240
- .np-text-title-screen,
3241
- .np-text-title-section,
3242
- .np-text-title-subsection,
3243
- .np-text-title-body,
3244
- .np-text-title-group {
3245
- hyphens: auto;
3246
- -webkit-hyphenate-limit-before: 3;
3247
- -webkit-hyphenate-limit-after: 3;
3248
- }
3249
- @media (min-width: 992px) {
3250
- .h1,
3251
- .h2,
3252
- .h3,
3253
- .h4,
3254
- .h5,
3255
- .h6,
3256
- .title-1,
3257
- .title-2,
3258
- .title-3,
3259
- .title-4,
3260
- .title-5,
3261
- h1,
3262
- h2,
3263
- h3,
3264
- h4,
3265
- h5,
3266
- h6,
3267
- .np-text-title-screen,
3268
- .np-text-title-section,
3269
- .np-text-title-subsection,
3270
- .np-text-title-body,
3271
- .np-text-title-group {
3272
- -webkit-hyphenate-limit-before: 4;
3273
- }
3274
- }
3275
- }
3276
-
3277
- .h1 + p,
3278
- .h2 + p,
3279
- .h3 + p,
3280
- .h4 + p,
3281
- .h5 + p,
3282
- .h6 + p,
3283
- .title-1 + p,
3284
- .title-2 + p,
3285
- .title-3 + p,
3286
- .title-4 + p,
3287
- .title-5 + p,
3288
- h1 + p,
3289
- h2 + p,
3290
- h3 + p,
3291
- h4 + p,
3292
- h5 + p,
3293
- h6 + p,
3294
- .np-text-title-screen + p,
3295
- .np-text-title-section + p,
3296
- .np-text-title-subsection + p,
3297
- .np-text-title-body + p,
3298
- .np-text-title-group + p,
3299
- .h1 + ul:not(.list-unstyled),
3300
- .h2 + ul:not(.list-unstyled),
3301
- .h3 + ul:not(.list-unstyled),
3302
- .h4 + ul:not(.list-unstyled),
3303
- .h5 + ul:not(.list-unstyled),
3304
- .h6 + ul:not(.list-unstyled),
3305
- .title-1 + ul:not(.list-unstyled),
3306
- .title-2 + ul:not(.list-unstyled),
3307
- .title-3 + ul:not(.list-unstyled),
3308
- .title-4 + ul:not(.list-unstyled),
3309
- .title-5 + ul:not(.list-unstyled),
3310
- h1 + ul:not(.list-unstyled),
3311
- h2 + ul:not(.list-unstyled),
3312
- h3 + ul:not(.list-unstyled),
3313
- h4 + ul:not(.list-unstyled),
3314
- h5 + ul:not(.list-unstyled),
3315
- h6 + ul:not(.list-unstyled),
3316
- .np-text-title-screen + ul:not(.list-unstyled),
3317
- .np-text-title-section + ul:not(.list-unstyled),
3318
- .np-text-title-subsection + ul:not(.list-unstyled),
3319
- .np-text-title-body + ul:not(.list-unstyled),
3320
- .np-text-title-group + ul:not(.list-unstyled),
3321
- .h1 + ol:not(.list-unstyled),
3322
- .h2 + ol:not(.list-unstyled),
3323
- .h3 + ol:not(.list-unstyled),
3324
- .h4 + ol:not(.list-unstyled),
3325
- .h5 + ol:not(.list-unstyled),
3326
- .h6 + ol:not(.list-unstyled),
3327
- .title-1 + ol:not(.list-unstyled),
3328
- .title-2 + ol:not(.list-unstyled),
3329
- .title-3 + ol:not(.list-unstyled),
3330
- .title-4 + ol:not(.list-unstyled),
3331
- .title-5 + ol:not(.list-unstyled),
3332
- h1 + ol:not(.list-unstyled),
3333
- h2 + ol:not(.list-unstyled),
3334
- h3 + ol:not(.list-unstyled),
3335
- h4 + ol:not(.list-unstyled),
3336
- h5 + ol:not(.list-unstyled),
3337
- h6 + ol:not(.list-unstyled),
3338
- .np-text-title-screen + ol:not(.list-unstyled),
3339
- .np-text-title-section + ol:not(.list-unstyled),
3340
- .np-text-title-subsection + ol:not(.list-unstyled),
3341
- .np-text-title-body + ol:not(.list-unstyled),
3342
- .np-text-title-group + ol:not(.list-unstyled) {
3343
- margin-top: 8px;
3344
- margin-top: var(--size-8);
3345
- }
3346
-
3347
- /* DEPRECATED: use .np-text-title-screen instead */
3348
-
3349
- /* stylelint-disable-next-line selector-list-comma-newline-after */
3350
-
3351
- .h1,
3352
- .title-1,
3353
- h1,
3354
- .np-text-title-screen {
3355
- margin-bottom: 0;
3356
- margin-bottom: initial;
3357
- font-size: 1.875rem;
3358
- font-size: var(--font-size-30);
3359
- font-weight: 600;
3360
- font-weight: var(--font-weight-semi-bold);
3361
- letter-spacing: -0.021em;
3362
- line-height: 115%;
3363
- }
3364
-
3365
- /* DEPRECATED: use .np-text-title-section instead */
3366
-
3367
- /* stylelint-disable-next-line selector-list-comma-newline-after */
3368
-
3369
- .h2,
3370
- .title-2,
3371
- h2,
3372
- .np-text-title-section {
3373
- margin-bottom: 0;
3374
- margin-bottom: initial;
3375
- font-weight: 600;
3376
- font-weight: var(--font-weight-semi-bold);
3377
- font-size: 1.625rem;
3378
- font-size: var(--font-size-26);
3379
- letter-spacing: -0.02em;
3380
- line-height: 122%;
3381
- }
3382
-
3383
- /* DEPRECATED: use .np-text-title-subsection instead */
3384
-
3385
- /* stylelint-disable-next-line selector-list-comma-newline-after */
3386
-
3387
- .h3,
3388
- .title-3,
3389
- h3,
3390
- .np-text-title-subsection {
3391
- margin-bottom: 0;
3392
- margin-bottom: initial;
3393
- font-size: 1.375rem;
3394
- font-size: var(--font-size-22);
3395
- font-weight: 600;
3396
- font-weight: var(--font-weight-semi-bold);
3397
- letter-spacing: -0.018em;
3398
- line-height: 125%;
3399
- }
3400
-
3401
- /* DEPRECATED: use .np-text-title-body instead */
3402
-
3403
- /* stylelint-disable-next-line selector-list-comma-newline-after */
3404
-
3405
- .h4,
3406
- .title-4,
3407
- h4,
3408
- .np-text-title-body {
3409
- font-size: 1.125rem;
3410
- font-size: var(--font-size-18);
3411
- font-weight: 600;
3412
- font-weight: var(--font-weight-semi-bold);
3413
- letter-spacing: -0.014em;
3414
- line-height: 135%;
3415
- }
3416
-
3417
- /* DEPRECATED: use .np-text-title-group instead */
3418
-
3419
- /* stylelint-disable-next-line selector-list-comma-newline-after */
3420
-
3421
- .h5,
3422
- .h6,
3423
- .title-5,
3424
- h5,
3425
- h6,
3426
- .np-text-title-group {
3427
- font-weight: 500;
3428
- font-weight: var(--font-weight-medium);
3429
- font-size: 0.875rem;
3430
- font-size: var(--font-size-14);
3431
- letter-spacing: -0.006em;
3432
- line-height: 140%;
3433
- }
3434
-
3435
- /* DEPRECATED: use .np-text-title-body instead */
3436
-
3437
- .lead {
3438
- margin-bottom: 24px;
3439
- margin-bottom: var(--size-24);
3440
- font-size: 1.25rem;
3441
- font-size: var(--font-size-20);
3442
- line-height: 1.2;
3443
- line-height: var(--line-height-title);
3444
- }
3445
-
3446
- .tiny {
3447
- color: #5d7079;
3448
- color: var(--color-content-secondary);
3449
- }
3450
-
3451
- /* DEPRECATED: use .np-text-body-default instead */
3452
-
3453
- /* stylelint-disable-next-line selector-list-comma-newline-after */
3454
-
3455
- .body-2,
3456
- .body-3,
3457
- .small,
3458
- .tiny,
3459
- body,
3460
- small,
3461
- .np-text-body-default {
3462
- font-size: 0.875rem;
3463
- font-size: var(--font-size-14);
3464
- line-height: 155%;
3465
- letter-spacing: -0.006em;
3466
- font-weight: 400;
3467
- font-weight: var(--font-weight-regular);
3468
- }
3469
-
3470
- /* DEPRECATED: use .np-text-body-default-bold instead */
3471
-
3472
- /* stylelint-disable-next-line selector-list-comma-newline-after */
3473
-
3474
- .control-2,
3475
- .label,
3476
- .control-label,
3477
- .np-text-body-default-bold {
3478
- font-size: 0.875rem;
3479
- font-size: var(--font-size-14);
3480
- line-height: 155%;
3481
- letter-spacing: -0.006em;
3482
- font-weight: 600;
3483
- font-weight: var(--font-weight-semi-bold);
3484
- }
3485
-
3486
- /* DEPRECATED: use .np-text-body-large instead */
3487
-
3488
- /* stylelint-disable-next-line selector-list-comma-newline-after */
3489
-
3490
- .body-1,
3491
- .value,
3492
- .np-text-body-large {
3493
- font-weight: 400;
3494
- font-weight: var(--font-weight-regular);
3495
- font-size: 1rem;
3496
- font-size: var(--font-size-16);
3497
- line-height: 150%;
3498
- letter-spacing: -0.011em;
3499
- }
3500
-
3501
- /* DEPRECATED: use np-text-body-large-bold instead */
3502
-
3503
- /* stylelint-disable-next-line selector-list-comma-newline-after */
3504
-
3505
- .control-1,
3506
- .np-text-body-large-bold {
3507
- font-weight: 600;
3508
- font-weight: var(--font-weight-semi-bold);
3509
- font-size: 1rem;
3510
- font-size: var(--font-size-16);
3511
- line-height: 150%;
3512
- letter-spacing: -0.011em;
3513
- }
3514
-
3515
- a,
3516
- .np-text-link-default,
3517
- .np-text-link-large {
3518
- font-weight: 600;
3519
- font-weight: var(--font-weight-semi-bold);
3520
- -webkit-text-decoration: underline;
3521
- text-decoration: underline;
3522
- text-underline-offset: 0.3em;
3523
- }
3524
-
3525
- .np-text-link-large {
3526
- font-size: 1rem;
3527
- font-size: var(--font-size-16);
3528
- letter-spacing: -0.011em;
3529
- line-height: 150%;
3530
- }
3531
-
3532
- .np-text-link-default {
3533
- font-size: 0.875rem;
3534
- font-size: var(--font-size-14);
3535
- letter-spacing: -0.006em;
3536
- line-height: 155%;
3537
- }
3538
-
3539
- .np-text-display-number {
3540
- font-weight: 600;
3541
- font-weight: var(--font-weight-semi-bold);
3542
- font-size: 40px;
3543
- line-height: 110%;
3544
- }
3545
-
3546
- .display-1,
3547
- .display-2,
3548
- .display-3,
3549
- .display-4,
3550
- .display-5,
3551
- .np-text-display-extra-large,
3552
- .np-text-display-large,
3553
- .np-text-display-medium,
3554
- .np-text-display-small {
3555
- font-family: "Wise Sans", Inter, sans-serif;
3556
- font-synthesis: none;
3557
- }
3558
-
3559
- /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */
3560
-
3561
- .np-text-display-extra-large,
3562
- .np-text-display-large,
3563
- .np-text-display-medium,
3564
- .np-text-display-small {
3565
- letter-spacing: normal;
3566
- }
3567
-
3568
- @supports (hyphenate-limit-chars: 1) {
3569
- .np-text-display-extra-large,
3570
- .np-text-display-large,
3571
- .np-text-display-medium,
3572
- .np-text-display-small {
3573
- hyphens: auto;
3574
- hyphenate-limit-chars: 7 3;
3575
- }
3576
- @media (min-width: 768px) {
3577
- .np-text-display-extra-large,
3578
- .np-text-display-large,
3579
- .np-text-display-medium,
3580
- .np-text-display-small {
3581
- hyphenate-limit-chars: 8 3;
3582
- }
3583
- }
3584
- @media (min-width: 992px) {
3585
- .np-text-display-extra-large,
3586
- .np-text-display-large,
3587
- .np-text-display-medium,
3588
- .np-text-display-small {
3589
- hyphenate-limit-chars: 10 4 3;
3590
- }
3591
- }
3592
- }
3593
-
3594
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3595
- .np-text-display-extra-large,
3596
- .np-text-display-large,
3597
- .np-text-display-medium,
3598
- .np-text-display-small {
3599
- hyphens: auto;
3600
- -webkit-hyphenate-limit-before: 3;
3601
- -webkit-hyphenate-limit-after: 3;
3602
- }
3603
- @media (min-width: 992px) {
3604
- .np-text-display-extra-large,
3605
- .np-text-display-large,
3606
- .np-text-display-medium,
3607
- .np-text-display-small {
3608
- -webkit-hyphenate-limit-before: 4;
3609
- }
3610
- }
3611
- }
3612
-
3613
- .np-text-display-extra-large,
3614
- .np-text-display-large {
3615
- font-size: 64px;
3616
- font-size: var(--size-64);
3617
- line-height: normal;
3618
- font-weight: 700;
3619
- font-weight: var(--font-weight-bold);
3620
- }
3621
-
3622
- .np-text-display-medium {
3623
- font-size: 52px;
3624
- font-size: var(--size-52);
3625
- line-height: normal;
3626
- font-weight: 700;
3627
- font-weight: var(--font-weight-bold);
3628
- }
3629
-
3630
- .np-text-display-small {
3631
- font-size: 40px;
3632
- font-size: var(--size-40);
3633
- line-height: normal;
3634
- font-weight: 700;
3635
- font-weight: var(--font-weight-bold);
3636
- }
3637
-
3638
- :lang(en) > .np-text-display-extra-large,
3639
- :lang(en) > .np-text-display-large {
3640
- font-size: 64px;
3641
- font-size: var(--size-64);
3642
- line-height: 0.85;
3643
- font-weight: 400;
3644
- font-weight: var(--font-weight-regular);
3645
- }
3646
-
3647
- :lang(en) > .np-text-display-medium {
3648
- font-size: 52px;
3649
- font-size: var(--size-52);
3650
- line-height: 0.85;
3651
- font-weight: 400;
3652
- font-weight: var(--font-weight-regular);
3653
- }
3654
-
3655
- :lang(en) > .np-text-display-small {
3656
- font-size: 40px;
3657
- font-size: var(--size-40);
3658
- line-height: 0.85;
3659
- font-weight: 400;
3660
- font-weight: var(--font-weight-regular);
3661
- }
3662
-
3663
- :lang(af) .np-text-display-extra-large,
3664
- :lang(sq) .np-text-display-extra-large,
3665
- :lang(eu) .np-text-display-extra-large,
3666
- :lang(bs) .np-text-display-extra-large,
3667
- :lang(ca) .np-text-display-extra-large,
3668
- :lang(kw) .np-text-display-extra-large,
3669
- :lang(hr) .np-text-display-extra-large,
3670
- :lang(cs) .np-text-display-extra-large,
3671
- :lang(da) .np-text-display-extra-large,
3672
- :lang(nl) .np-text-display-extra-large,
3673
- :lang(eo) .np-text-display-extra-large,
3674
- :lang(et) .np-text-display-extra-large,
3675
- :lang(fo) .np-text-display-extra-large,
3676
- :lang(fi) .np-text-display-extra-large,
3677
- :lang(fr) .np-text-display-extra-large,
3678
- :lang(gl) .np-text-display-extra-large,
3679
- :lang(lg) .np-text-display-extra-large,
3680
- :lang(de) .np-text-display-extra-large,
3681
- :lang(hu) .np-text-display-extra-large,
3682
- :lang(is) .np-text-display-extra-large,
3683
- :lang(se) .np-text-display-extra-large,
3684
- :lang(id) .np-text-display-extra-large,
3685
- :lang(in) .np-text-display-extra-large,
3686
- :lang(ga) .np-text-display-extra-large,
3687
- :lang(it) .np-text-display-extra-large,
3688
- :lang(kl) .np-text-display-extra-large,
3689
- :lang(ki) .np-text-display-extra-large,
3690
- :lang(rw) .np-text-display-extra-large,
3691
- :lang(lv) .np-text-display-extra-large,
3692
- :lang(lt) .np-text-display-extra-large,
3693
- :lang(lb) .np-text-display-extra-large,
3694
- :lang(mg) .np-text-display-extra-large,
3695
- :lang(ms) .np-text-display-extra-large,
3696
- :lang(mt) .np-text-display-extra-large,
3697
- :lang(gv) .np-text-display-extra-large,
3698
- :lang(mi) .np-text-display-extra-large,
3699
- :lang(nd) .np-text-display-extra-large,
3700
- :lang(nb) .np-text-display-extra-large,
3701
- :lang(nn) .np-text-display-extra-large,
3702
- :lang(om) .np-text-display-extra-large,
3703
- :lang(pl) .np-text-display-extra-large,
3704
- :lang(pt) .np-text-display-extra-large,
3705
- :lang(ro) .np-text-display-extra-large,
3706
- :lang(rm) .np-text-display-extra-large,
3707
- :lang(rn) .np-text-display-extra-large,
3708
- :lang(sg) .np-text-display-extra-large,
3709
- :lang(gd) .np-text-display-extra-large,
3710
- :lang(sr) .np-text-display-extra-large,
3711
- :lang(sn) .np-text-display-extra-large,
3712
- :lang(sk) .np-text-display-extra-large,
3713
- :lang(sl) .np-text-display-extra-large,
3714
- :lang(so) .np-text-display-extra-large,
3715
- :lang(es) .np-text-display-extra-large,
3716
- :lang(sw) .np-text-display-extra-large,
3717
- :lang(sv) .np-text-display-extra-large,
3718
- :lang(tr) .np-text-display-extra-large,
3719
- :lang(cy) .np-text-display-extra-large,
3720
- :lang(fy) .np-text-display-extra-large,
3721
- :lang(wo) .np-text-display-extra-large,
3722
- :lang(zu) .np-text-display-extra-large,
3723
- :lang(hsb) .np-text-display-extra-large,
3724
- :lang(gsw) .np-text-display-extra-large,
3725
- :lang(dsb) .np-text-display-extra-large,
3726
- :lang(fil) .np-text-display-extra-large,
3727
- :lang(af) .np-text-display-large,
3728
- :lang(sq) .np-text-display-large,
3729
- :lang(eu) .np-text-display-large,
3730
- :lang(bs) .np-text-display-large,
3731
- :lang(ca) .np-text-display-large,
3732
- :lang(kw) .np-text-display-large,
3733
- :lang(hr) .np-text-display-large,
3734
- :lang(cs) .np-text-display-large,
3735
- :lang(da) .np-text-display-large,
3736
- :lang(nl) .np-text-display-large,
3737
- :lang(eo) .np-text-display-large,
3738
- :lang(et) .np-text-display-large,
3739
- :lang(fo) .np-text-display-large,
3740
- :lang(fi) .np-text-display-large,
3741
- :lang(fr) .np-text-display-large,
3742
- :lang(gl) .np-text-display-large,
3743
- :lang(lg) .np-text-display-large,
3744
- :lang(de) .np-text-display-large,
3745
- :lang(hu) .np-text-display-large,
3746
- :lang(is) .np-text-display-large,
3747
- :lang(se) .np-text-display-large,
3748
- :lang(id) .np-text-display-large,
3749
- :lang(in) .np-text-display-large,
3750
- :lang(ga) .np-text-display-large,
3751
- :lang(it) .np-text-display-large,
3752
- :lang(kl) .np-text-display-large,
3753
- :lang(ki) .np-text-display-large,
3754
- :lang(rw) .np-text-display-large,
3755
- :lang(lv) .np-text-display-large,
3756
- :lang(lt) .np-text-display-large,
3757
- :lang(lb) .np-text-display-large,
3758
- :lang(mg) .np-text-display-large,
3759
- :lang(ms) .np-text-display-large,
3760
- :lang(mt) .np-text-display-large,
3761
- :lang(gv) .np-text-display-large,
3762
- :lang(mi) .np-text-display-large,
3763
- :lang(nd) .np-text-display-large,
3764
- :lang(nb) .np-text-display-large,
3765
- :lang(nn) .np-text-display-large,
3766
- :lang(om) .np-text-display-large,
3767
- :lang(pl) .np-text-display-large,
3768
- :lang(pt) .np-text-display-large,
3769
- :lang(ro) .np-text-display-large,
3770
- :lang(rm) .np-text-display-large,
3771
- :lang(rn) .np-text-display-large,
3772
- :lang(sg) .np-text-display-large,
3773
- :lang(gd) .np-text-display-large,
3774
- :lang(sr) .np-text-display-large,
3775
- :lang(sn) .np-text-display-large,
3776
- :lang(sk) .np-text-display-large,
3777
- :lang(sl) .np-text-display-large,
3778
- :lang(so) .np-text-display-large,
3779
- :lang(es) .np-text-display-large,
3780
- :lang(sw) .np-text-display-large,
3781
- :lang(sv) .np-text-display-large,
3782
- :lang(tr) .np-text-display-large,
3783
- :lang(cy) .np-text-display-large,
3784
- :lang(fy) .np-text-display-large,
3785
- :lang(wo) .np-text-display-large,
3786
- :lang(zu) .np-text-display-large,
3787
- :lang(hsb) .np-text-display-large,
3788
- :lang(gsw) .np-text-display-large,
3789
- :lang(dsb) .np-text-display-large,
3790
- :lang(fil) .np-text-display-large {
3791
- font-size: 64px;
3792
- font-size: var(--size-64);
3793
- line-height: 1.05;
3794
- font-weight: 400;
3795
- font-weight: var(--font-weight-regular);
3796
- }
3797
-
3798
- :lang(af) .np-text-display-medium,
3799
- :lang(sq) .np-text-display-medium,
3800
- :lang(eu) .np-text-display-medium,
3801
- :lang(bs) .np-text-display-medium,
3802
- :lang(ca) .np-text-display-medium,
3803
- :lang(kw) .np-text-display-medium,
3804
- :lang(hr) .np-text-display-medium,
3805
- :lang(cs) .np-text-display-medium,
3806
- :lang(da) .np-text-display-medium,
3807
- :lang(nl) .np-text-display-medium,
3808
- :lang(eo) .np-text-display-medium,
3809
- :lang(et) .np-text-display-medium,
3810
- :lang(fo) .np-text-display-medium,
3811
- :lang(fi) .np-text-display-medium,
3812
- :lang(fr) .np-text-display-medium,
3813
- :lang(gl) .np-text-display-medium,
3814
- :lang(lg) .np-text-display-medium,
3815
- :lang(de) .np-text-display-medium,
3816
- :lang(hu) .np-text-display-medium,
3817
- :lang(is) .np-text-display-medium,
3818
- :lang(se) .np-text-display-medium,
3819
- :lang(id) .np-text-display-medium,
3820
- :lang(in) .np-text-display-medium,
3821
- :lang(ga) .np-text-display-medium,
3822
- :lang(it) .np-text-display-medium,
3823
- :lang(kl) .np-text-display-medium,
3824
- :lang(ki) .np-text-display-medium,
3825
- :lang(rw) .np-text-display-medium,
3826
- :lang(lv) .np-text-display-medium,
3827
- :lang(lt) .np-text-display-medium,
3828
- :lang(lb) .np-text-display-medium,
3829
- :lang(mg) .np-text-display-medium,
3830
- :lang(ms) .np-text-display-medium,
3831
- :lang(mt) .np-text-display-medium,
3832
- :lang(gv) .np-text-display-medium,
3833
- :lang(mi) .np-text-display-medium,
3834
- :lang(nd) .np-text-display-medium,
3835
- :lang(nb) .np-text-display-medium,
3836
- :lang(nn) .np-text-display-medium,
3837
- :lang(om) .np-text-display-medium,
3838
- :lang(pl) .np-text-display-medium,
3839
- :lang(pt) .np-text-display-medium,
3840
- :lang(ro) .np-text-display-medium,
3841
- :lang(rm) .np-text-display-medium,
3842
- :lang(rn) .np-text-display-medium,
3843
- :lang(sg) .np-text-display-medium,
3844
- :lang(gd) .np-text-display-medium,
3845
- :lang(sr) .np-text-display-medium,
3846
- :lang(sn) .np-text-display-medium,
3847
- :lang(sk) .np-text-display-medium,
3848
- :lang(sl) .np-text-display-medium,
3849
- :lang(so) .np-text-display-medium,
3850
- :lang(es) .np-text-display-medium,
3851
- :lang(sw) .np-text-display-medium,
3852
- :lang(sv) .np-text-display-medium,
3853
- :lang(tr) .np-text-display-medium,
3854
- :lang(cy) .np-text-display-medium,
3855
- :lang(fy) .np-text-display-medium,
3856
- :lang(wo) .np-text-display-medium,
3857
- :lang(zu) .np-text-display-medium,
3858
- :lang(hsb) .np-text-display-medium,
3859
- :lang(gsw) .np-text-display-medium,
3860
- :lang(dsb) .np-text-display-medium,
3861
- :lang(fil) .np-text-display-medium {
3862
- font-size: 52px;
3863
- font-size: var(--size-52);
3864
- line-height: 1.05;
3865
- font-weight: 400;
3866
- font-weight: var(--font-weight-regular);
3867
- }
3868
-
3869
- :lang(af) .np-text-display-small,
3870
- :lang(sq) .np-text-display-small,
3871
- :lang(eu) .np-text-display-small,
3872
- :lang(bs) .np-text-display-small,
3873
- :lang(ca) .np-text-display-small,
3874
- :lang(kw) .np-text-display-small,
3875
- :lang(hr) .np-text-display-small,
3876
- :lang(cs) .np-text-display-small,
3877
- :lang(da) .np-text-display-small,
3878
- :lang(nl) .np-text-display-small,
3879
- :lang(eo) .np-text-display-small,
3880
- :lang(et) .np-text-display-small,
3881
- :lang(fo) .np-text-display-small,
3882
- :lang(fi) .np-text-display-small,
3883
- :lang(fr) .np-text-display-small,
3884
- :lang(gl) .np-text-display-small,
3885
- :lang(lg) .np-text-display-small,
3886
- :lang(de) .np-text-display-small,
3887
- :lang(hu) .np-text-display-small,
3888
- :lang(is) .np-text-display-small,
3889
- :lang(se) .np-text-display-small,
3890
- :lang(id) .np-text-display-small,
3891
- :lang(in) .np-text-display-small,
3892
- :lang(ga) .np-text-display-small,
3893
- :lang(it) .np-text-display-small,
3894
- :lang(kl) .np-text-display-small,
3895
- :lang(ki) .np-text-display-small,
3896
- :lang(rw) .np-text-display-small,
3897
- :lang(lv) .np-text-display-small,
3898
- :lang(lt) .np-text-display-small,
3899
- :lang(lb) .np-text-display-small,
3900
- :lang(mg) .np-text-display-small,
3901
- :lang(ms) .np-text-display-small,
3902
- :lang(mt) .np-text-display-small,
3903
- :lang(gv) .np-text-display-small,
3904
- :lang(mi) .np-text-display-small,
3905
- :lang(nd) .np-text-display-small,
3906
- :lang(nb) .np-text-display-small,
3907
- :lang(nn) .np-text-display-small,
3908
- :lang(om) .np-text-display-small,
3909
- :lang(pl) .np-text-display-small,
3910
- :lang(pt) .np-text-display-small,
3911
- :lang(ro) .np-text-display-small,
3912
- :lang(rm) .np-text-display-small,
3913
- :lang(rn) .np-text-display-small,
3914
- :lang(sg) .np-text-display-small,
3915
- :lang(gd) .np-text-display-small,
3916
- :lang(sr) .np-text-display-small,
3917
- :lang(sn) .np-text-display-small,
3918
- :lang(sk) .np-text-display-small,
3919
- :lang(sl) .np-text-display-small,
3920
- :lang(so) .np-text-display-small,
3921
- :lang(es) .np-text-display-small,
3922
- :lang(sw) .np-text-display-small,
3923
- :lang(sv) .np-text-display-small,
3924
- :lang(tr) .np-text-display-small,
3925
- :lang(cy) .np-text-display-small,
3926
- :lang(fy) .np-text-display-small,
3927
- :lang(wo) .np-text-display-small,
3928
- :lang(zu) .np-text-display-small,
3929
- :lang(hsb) .np-text-display-small,
3930
- :lang(gsw) .np-text-display-small,
3931
- :lang(dsb) .np-text-display-small,
3932
- :lang(fil) .np-text-display-small {
3933
- font-size: 40px;
3934
- font-size: var(--size-40);
3935
- line-height: 1.05;
3936
- font-weight: 400;
3937
- font-weight: var(--font-weight-regular);
3938
- }
3939
-
3940
- :lang(el) .np-text-display-extra-large,
3941
- :lang(az) .np-text-display-extra-large,
3942
- :lang(be) .np-text-display-extra-large,
3943
- :lang(bs) .np-text-display-extra-large,
3944
- :lang(bg) .np-text-display-extra-large,
3945
- :lang(ce) .np-text-display-extra-large,
3946
- :lang(mk) .np-text-display-extra-large,
3947
- :lang(os) .np-text-display-extra-large,
3948
- :lang(ru) .np-text-display-extra-large,
3949
- :lang(sr) .np-text-display-extra-large,
3950
- :lang(uk) .np-text-display-extra-large,
3951
- :lang(uz) .np-text-display-extra-large,
3952
- :lang(sah) .np-text-display-extra-large,
3953
- :lang(el) .np-text-display-large,
3954
- :lang(az) .np-text-display-large,
3955
- :lang(be) .np-text-display-large,
3956
- :lang(bs) .np-text-display-large,
3957
- :lang(bg) .np-text-display-large,
3958
- :lang(ce) .np-text-display-large,
3959
- :lang(mk) .np-text-display-large,
3960
- :lang(os) .np-text-display-large,
3961
- :lang(ru) .np-text-display-large,
3962
- :lang(sr) .np-text-display-large,
3963
- :lang(uk) .np-text-display-large,
3964
- :lang(uz) .np-text-display-large,
3965
- :lang(sah) .np-text-display-large {
3966
- font-size: 60px;
3967
- font-size: var(--size-60);
3968
- line-height: 120%;
3969
- font-weight: 600;
3970
- font-weight: var(--font-weight-semi-bold);
3971
- }
3972
-
3973
- :lang(el) .np-text-display-medium,
3974
- :lang(az) .np-text-display-medium,
3975
- :lang(be) .np-text-display-medium,
3976
- :lang(bs) .np-text-display-medium,
3977
- :lang(bg) .np-text-display-medium,
3978
- :lang(ce) .np-text-display-medium,
3979
- :lang(mk) .np-text-display-medium,
3980
- :lang(os) .np-text-display-medium,
3981
- :lang(ru) .np-text-display-medium,
3982
- :lang(sr) .np-text-display-medium,
3983
- :lang(uk) .np-text-display-medium,
3984
- :lang(uz) .np-text-display-medium,
3985
- :lang(sah) .np-text-display-medium {
3986
- font-size: 48px;
3987
- font-size: var(--size-48);
3988
- line-height: 120%;
3989
- font-weight: 600;
3990
- font-weight: var(--font-weight-semi-bold);
3991
- }
3992
-
3993
- :lang(el) .np-text-display-small,
3994
- :lang(az) .np-text-display-small,
3995
- :lang(be) .np-text-display-small,
3996
- :lang(bs) .np-text-display-small,
3997
- :lang(bg) .np-text-display-small,
3998
- :lang(ce) .np-text-display-small,
3999
- :lang(mk) .np-text-display-small,
4000
- :lang(os) .np-text-display-small,
4001
- :lang(ru) .np-text-display-small,
4002
- :lang(sr) .np-text-display-small,
4003
- :lang(uk) .np-text-display-small,
4004
- :lang(uz) .np-text-display-small,
4005
- :lang(sah) .np-text-display-small {
4006
- font-size: 40px;
4007
- font-size: var(--size-40);
4008
- line-height: 120%;
4009
- font-weight: 600;
4010
- font-weight: var(--font-weight-semi-bold);
4011
- }
4012
-
4013
- /* DEPRECATED: use `.np-text-display-*` instead */
4014
-
4015
- .display-1 {
4016
- margin-bottom: 24px;
4017
- margin-bottom: var(--size-24);
4018
- /* stylelint-disable-next-line number-max-precision */
4019
- font-size: 3.73333333rem;
4020
- }
4021
-
4022
- @media (min-width: 768px) {
4023
- .display-1 {
4024
- margin-bottom: 8px;
4025
- margin-bottom: var(--size-8);
4026
- font-size: 6.5rem;
4027
- }
4028
- }
4029
-
4030
- /* DEPRECATED: use `.np-text-display-*` instead */
4031
-
4032
- .display-2 {
4033
- margin-bottom: 24px;
4034
- margin-bottom: var(--size-24);
4035
- /* stylelint-disable-next-line number-max-precision */
4036
- font-size: 3.73333333rem;
4037
- }
4038
-
4039
- @media (min-width: 768px) {
4040
- .display-2 {
4041
- margin-bottom: 16px;
4042
- margin-bottom: var(--size-16);
4043
- font-size: 5.5rem;
4044
- }
4045
- }
4046
-
4047
- /* DEPRECATED: use `.np-text-display-*` instead */
4048
-
4049
- .display-3 {
4050
- margin-bottom: 8px;
4051
- margin-bottom: var(--size-8);
4052
- font-size: 2.8rem;
4053
- }
4054
-
4055
- @media (min-width: 768px) {
4056
- .display-3 {
4057
- margin-bottom: 24px;
4058
- margin-bottom: var(--size-24);
4059
- font-size: 4.5rem;
4060
- }
4061
- }
4062
-
4063
- /* DEPRECATED: use `.np-text-display-*` instead */
4064
-
4065
- .display-4 {
4066
- margin-bottom: 4px;
4067
- margin-bottom: var(--size-4);
4068
- /* stylelint-disable-next-line number-max-precision */
4069
- font-size: 1.86666667rem;
4070
- }
4071
-
4072
- @media (min-width: 768px) {
4073
- .display-4 {
4074
- margin-bottom: 24px;
4075
- margin-bottom: var(--size-24);
4076
- font-size: 3.5rem;
4077
- }
4078
- }
4079
-
4080
- /* DEPRECATED: use `.np-text-display-*` instead */
4081
-
4082
- .display-5 {
4083
- margin-bottom: 4px;
4084
- margin-bottom: var(--size-4);
4085
- /* stylelint-disable-next-line number-max-precision */
4086
- font-size: 1.86666667rem;
4087
- }
4088
-
4089
- @media (min-width: 768px) {
4090
- .display-5 {
4091
- margin-bottom: 8px;
4092
- margin-bottom: var(--size-8);
4093
- font-size: 2.625rem;
4094
- }
4095
- }
4096
-
4097
- p {
4098
- margin: 0 0 16px;
4099
- margin: 0 0 var(--size-16);
4100
- }
4101
-
4102
- p + h1,
4103
- p + h2,
4104
- p + h3,
4105
- p + h4,
4106
- p + h5,
4107
- p + h6,
4108
- p + .h1,
4109
- p + .h2,
4110
- p + .h3,
4111
- p + .h4,
4112
- p + .h5,
4113
- p + .h6,
4114
- p + .title-1,
4115
- p + .title-2,
4116
- p + .title-3,
4117
- p + .title-4,
4118
- p + .title-5,
4119
- p + .np-text-title-screen,
4120
- p + .np-text-title-section,
4121
- p + .np-text-title-subsection,
4122
- p + .np-text-title-body,
4123
- p + .np-text-title-group {
4124
- margin-top: 0;
4125
- margin-bottom: 8px;
4126
- margin-bottom: var(--size-8);
4127
- }
4128
-
4129
- .control-1,
4130
- .control-2 {
4131
- color: #0097c7;
4132
- color: var(--color-content-accent);
4133
- }
4134
-
4135
- strong,
4136
- b {
4137
- font-weight: 600;
4138
- font-weight: var(--font-weight-semi-bold);
4139
- color: #37517e;
4140
- color: var(--color-content-primary);
4141
- }
4142
-
4143
- mark,
4144
- .mark {
4145
- padding: 4px;
4146
- padding: var(--size-4);
4147
- background-color: rgba(255,172,0,0.10196);
4148
- background-color: var(--color-background-warning);
4149
- }
4150
-
4151
- address {
4152
- margin-bottom: 24px;
4153
- margin-bottom: var(--size-24);
4154
- font-style: normal;
4155
- }
4156
-
4157
- blockquote {
4158
- margin: 16px 0;
4159
- margin: var(--size-16) 0;
4160
- padding: 0 16px 0 calc(16px - 2px);
4161
- padding: 0 var(--size-16) 0 calc(var(--size-16) - 2px);
4162
- font-size: 1rem;
4163
- font-size: var(--font-size-16);
4164
- }
4165
-
4166
- [dir="rtl"] blockquote {
4167
- border-right: 2px solid #0097c7;
4168
- border-right: 2px solid var(--color-content-accent);
4169
- }
4170
-
4171
- html:not([dir="rtl"]) blockquote {
4172
- border-left: 2px solid #0097c7;
4173
- border-left: 2px solid var(--color-content-accent);
4174
- }
4175
-
4176
- blockquote p {
4177
- margin-bottom: 8px;
4178
- margin-bottom: var(--size-8);
4179
- }
4180
-
4181
- blockquote p:last-child,
4182
- blockquote ol:last-child,
4183
- blockquote ul:last-child {
4184
- margin-bottom: 0;
4185
- }
4186
-
4187
- blockquote footer {
4188
- display: block;
4189
- color: #5d7079;
4190
- color: var(--color-content-secondary);
4191
- font-size: 0.875rem;
4192
- font-size: var(--font-size-14);
4193
- line-height: 1.5;
4194
- line-height: var(--line-height-body);
4195
- }
4196
-
4197
- blockquote footer::before {
4198
- content: "\2014 \00A0";
4199
- }
4200
-
4201
- @media (min-width: 576px) {
4202
- blockquote {
4203
- margin: 24px;
4204
- margin: var(--size-24);
4205
- }
4206
- }
4207
-
4208
- @media (min-width: 992px) {
4209
- blockquote {
4210
- margin: 32px;
4211
- margin: var(--size-32);
4212
- font-size: 1rem;
4213
- font-size: var(--font-size-16);
4214
- }
4215
- }
4216
-
4217
- .blockquote-reverse {
4218
- padding-right: 22px;
4219
- padding-left: 0;
4220
- text-align: right;
4221
- }
4222
-
4223
- [dir="rtl"] .blockquote-reverse {
4224
- padding-left: 22px;
4225
- padding-right: 0;
4226
- padding-right: initial;
4227
- }
4228
-
4229
- [dir="rtl"] .blockquote-reverse {
4230
- padding-right: 0;
4231
- padding-left: 0;
4232
- padding-left: initial;
4233
- }
4234
-
4235
- [dir="rtl"] .blockquote-reverse {
4236
- text-align: left;
4237
- }
4238
-
4239
- [dir="rtl"] .blockquote-reverse {
4240
- border-left: 2px solid #0097c7;
4241
- border-left: 2px solid var(--color-content-accent);
4242
- }
4243
-
4244
- html:not([dir="rtl"]) .blockquote-reverse {
4245
- border-right: 2px solid #0097c7;
4246
- border-right: 2px solid var(--color-content-accent);
4247
- }
4248
-
4249
- [dir="rtl"] .blockquote-reverse {
4250
- border-right: 0 ;
4251
- }
4252
-
4253
- html:not([dir="rtl"]) .blockquote-reverse {
4254
- border-left: 0 ;
4255
- }
4256
-
4257
- .blockquote-reverse footer::before {
4258
- content: "";
4259
- }
4260
-
4261
- .blockquote-reverse footer::after {
4262
- content: "\00A0 \2014";
4263
- }
4264
-
4265
- pre,
4266
- code,
4267
- kbd {
4268
- border-radius: 10px;
4269
- border-radius: var(--radius-small);
4270
- }
4271
-
4272
- pre {
4273
- margin: 0 0 24px;
4274
- margin: 0 0 var(--size-24);
4275
- padding: 16px;
4276
- padding: var(--size-16);
4277
- overflow: auto;
4278
- color: #5d7079;
4279
- color: var(--color-content-secondary);
4280
- font-size: 0.875rem;
4281
- font-size: var(--font-size-14);
4282
- line-height: 1.5;
4283
- line-height: var(--line-height-body);
4284
- word-wrap: break-word;
4285
- word-break: break-all;
4286
- background-color: rgba(134,167,189,0.10196);
4287
- background-color: var(--color-background-neutral);
4288
- }
4289
-
4290
- pre code {
4291
- padding: 0;
4292
- font-size: inherit;
4293
- white-space: pre-wrap;
4294
- background-color: transparent;
4295
- border-radius: 0;
4296
- }
4297
-
4298
- code {
4299
- padding: 2px 4px;
4300
- padding: 2px var(--size-4);
4301
- font-size: 90%;
4302
- color: #5d7079;
4303
- color: var(--color-content-secondary);
4304
- background-color: rgba(134,167,189,0.10196);
4305
- background-color: var(--color-background-neutral);
4306
- }
4307
-
4308
- kbd {
4309
- padding: 2px 4px;
4310
- padding: 2px var(--size-4);
4311
- font-size: 90%;
4312
- color: #fff;
4313
- background-color: #333;
4314
- }
4315
-
4316
- kbd kbd {
4317
- padding: 0;
4318
- font-weight: 700;
4319
- font-weight: var(--font-weight-bold);
4320
- font-size: 100%;
4321
- }
4322
-
4323
- .text-xs-left {
4324
- text-align: left;
4325
- }
4326
-
4327
- [dir="rtl"] .text-xs-left {
4328
- text-align: right;
4329
- }
4330
-
4331
- .text-xs-right {
4332
- text-align: right;
4333
- }
4334
-
4335
- [dir="rtl"] .text-xs-right {
4336
- text-align: left;
4337
- }
4338
-
4339
- .text-xs-center {
4340
- text-align: center;
4341
- }
4342
-
4343
- .text-xs-justify {
4344
- text-align: justify;
4345
- }
4346
-
4347
- .text-xs-nowrap {
4348
- white-space: nowrap;
4349
- }
4350
-
4351
- @media (min-width: 576px) {
4352
- .text-sm-left {
4353
- text-align: left;
4354
- }
4355
- [dir="rtl"] .text-sm-left {
4356
- text-align: right;
4357
- }
4358
- .text-sm-right {
4359
- text-align: right;
4360
- }
4361
- [dir="rtl"] .text-sm-right {
4362
- text-align: left;
4363
- }
4364
- .text-sm-center {
4365
- text-align: center;
4366
- }
4367
- .text-sm-justify {
4368
- text-align: justify;
4369
- }
4370
- .text-sm-nowrap {
4371
- white-space: nowrap;
4372
- }
4373
- }
4374
-
4375
- @media (min-width: 768px) {
4376
- .text-md-left {
4377
- text-align: left;
4378
- }
4379
- [dir="rtl"] .text-md-left {
4380
- text-align: right;
4381
- }
4382
- .text-md-right {
4383
- text-align: right;
4384
- }
4385
- [dir="rtl"] .text-md-right {
4386
- text-align: left;
4387
- }
4388
- .text-md-center {
4389
- text-align: center;
4390
- }
4391
- .text-md-justify {
4392
- text-align: justify;
4393
- }
4394
- .text-md-nowrap {
4395
- white-space: nowrap;
4396
- }
4397
- }
4398
-
4399
- @media (min-width: 992px) {
4400
- .text-lg-left {
4401
- text-align: left;
4402
- }
4403
- [dir="rtl"] .text-lg-left {
4404
- text-align: right;
4405
- }
4406
- .text-lg-right {
4407
- text-align: right;
4408
- }
4409
- [dir="rtl"] .text-lg-right {
4410
- text-align: left;
4411
- }
4412
- .text-lg-center {
4413
- text-align: center;
4414
- }
4415
- .text-lg-justify {
4416
- text-align: justify;
4417
- }
4418
- .text-lg-nowrap {
4419
- white-space: nowrap;
4420
- }
4421
- }
4422
-
4423
- @media (min-width: 1200px) {
4424
- .text-xl-left {
4425
- text-align: left;
4426
- }
4427
- [dir="rtl"] .text-xl-left {
4428
- text-align: right;
4429
- }
4430
- .text-xl-right {
4431
- text-align: right;
4432
- }
4433
- [dir="rtl"] .text-xl-right {
4434
- text-align: left;
4435
- }
4436
- .text-xl-center {
4437
- text-align: center;
4438
- }
4439
- .text-xl-justify {
4440
- text-align: justify;
4441
- }
4442
- .text-xl-nowrap {
4443
- white-space: nowrap;
4444
- }
4445
- }
4446
-
4447
- .text-lowercase {
4448
- text-transform: lowercase;
4449
- }
4450
-
4451
- .text-uppercase {
4452
- text-transform: uppercase;
4453
- }
4454
-
4455
- .text-capitalize {
4456
- text-transform: capitalize;
4457
- }
4458
-
4459
- .text-underline {
4460
- text-decoration: underline;
4461
- -webkit-text-decoration: underline !important;
4462
- text-decoration: underline !important;
4463
- text-underline-offset: 0.3em;
4464
- }
4465
-
4466
- .text-no-decoration {
4467
- -webkit-text-decoration: none !important;
4468
- text-decoration: none !important;
4469
- }
4470
-
4471
- .text-ellipsis,
4472
- .text-ellipses {
4473
- display: block;
4474
- text-overflow: ellipsis;
4475
- white-space: nowrap;
4476
- overflow: hidden;
4477
- }
4478
-
4479
- .text-max-width {
4480
- max-width: 600px;
4481
- }
4482
-
4483
- .text-word-break {
4484
- word-break: break-all;
4485
- }
4486
-
4487
- .text-overflow-wrap {
4488
- word-wrap: anywhere;
4489
- }
4490
-
4491
- .font-weight-bold {
4492
- font-weight: 700 !important;
4493
- font-weight: var(--font-weight-bold) !important;
4494
- }
4495
-
4496
- .font-weight-semi-bold {
4497
- font-weight: 600 !important;
4498
- font-weight: var(--font-weight-semi-bold) !important;
4499
- }
4500
-
4501
- .font-weight-normal {
4502
- font-weight: 400 !important;
4503
- font-weight: var(--font-weight-regular) !important;
4504
- }
4505
-
4506
- .font-italic {
4507
- font-style: italic !important;
4508
- }
4509
-
4510
- .text-primary {
4511
- color: #37517e !important;
4512
- color: var(--color-content-primary) !important;
4513
- }
4514
-
4515
- a.text-primary:hover,
4516
- a.text-primary:focus {
4517
- color: #37517e !important;
4518
- color: var(--color-content-primary) !important;
4519
- }
4520
-
4521
- .bg-primary .text-primary {
4522
- color: #ffffff !important;
4523
- }
4524
-
4525
- .text-secondary {
4526
- color: #5d7079 !important;
4527
- color: var(--color-content-secondary) !important;
4528
- }
4529
-
4530
- .text-positive,
4531
- .text-success {
4532
- color: #008026 !important;
4533
- color: var(--color-content-positive) !important;
4534
- }
4535
-
4536
- a.text-positive:hover,
4537
- a.text-success:hover,
4538
- a.text-positive:focus,
4539
- a.text-success:focus {
4540
- color: #006d13 !important;
4541
- color: var(--color-content-positive-hover) !important;
4542
- }
4543
-
4544
- .bg-primary .text-positive,
4545
- .bg-primary .text-success {
4546
- color: #6fd698 !important;
4547
- }
4548
-
4549
- .text-accent,
4550
- .text-info {
4551
- color: #0097c7 !important;
4552
- color: var(--color-content-accent) !important;
4553
- color: var(--color-interactive-primary) !important;
4554
- }
4555
-
4556
- a.text-accent:hover,
4557
- a.text-info:hover,
4558
- a.text-accent:focus,
4559
- a.text-info:focus {
4560
- color: #0084b3 !important;
4561
- color: var(--color-content-accent-hover) !important;
4562
- }
4563
-
4564
- .bg-primary .text-accent,
4565
- .bg-primary .text-info {
4566
- color: #00b9ff !important;
4567
- }
4568
-
4569
- .text-warning {
4570
- color: #9a6500 !important;
4571
- color: var(--color-content-warning) !important;
4572
- }
4573
-
4574
- a.text-warning:hover,
4575
- a.text-warning:focus {
4576
- color: #855400 !important;
4577
- color: var(--color-content-warning-hover) !important;
4578
- }
4579
-
4580
- .bg-primary .text-warning {
4581
- color: #ffd184 !important;
4582
- }
4583
-
4584
- .text-negative,
4585
- .text-danger {
4586
- color: var(--color-sentiment-negative) !important;
4587
- }
4588
-
4589
- a.text-negative:hover,
4590
- a.text-danger:hover,
4591
- a.text-negative:focus,
4592
- a.text-danger:focus {
4593
- color: var(--color-sentiment-negative-hover) !important;
4594
- }
4595
-
4596
- .bg-primary .text-negative,
4597
- .bg-primary .text-danger {
4598
- color: #ffa6a9 !important;
4599
- }
4600
-
4601
- .text-inverse {
4602
- color: #ffffff !important;
4603
- }
4604
-
4605
- a.text-inverse:hover,
4606
- a.text-inverse:focus {
4607
- color: #c9cbce !important;
4608
- }
4609
-
4610
- .text-muted {
4611
- color: #768e9c !important;
4612
- color: var(--color-content-tertiary) !important;
4613
- }
4614
-
4615
- .colored-dot::after {
4616
- content: none;
4617
- }
4618
-
4619
- .bg-default,
4620
- .bg-neutral {
4621
- background-color: rgba(134,167,189,0.10196) !important;
4622
- background-color: var(--color-background-neutral) !important;
4623
- color: #5d7079;
4624
- color: var(--color-content-secondary);
4625
- }
4626
-
4627
- .bg-accent,
4628
- .bg-info {
4629
- background-color: rgba(56,200,255,0.10196) !important;
4630
- background-color: var(--color-background-accent) !important;
4631
- }
4632
-
4633
- .bg-primary {
4634
- background-color: #37517e !important;
4635
- color: #ffffff;
4636
- }
4637
-
4638
- .bg-positive,
4639
- .bg-success {
4640
- background-color: rgba(54,199,151,0.10196) !important;
4641
- background-color: var(--color-background-positive) !important;
4642
- }
4643
-
4644
- .bg-negative,
4645
- .bg-danger {
4646
- background-color: rgba(255,135,135,0.10196) !important;
4647
- background-color: var(--color-background-negative) !important;
4648
- }
4649
-
4650
- .bg-warning {
4651
- background-color: rgba(255,172,0,0.10196) !important;
4652
- background-color: var(--color-background-warning) !important;
4653
- }
4654
-
4655
- .bg-elevated {
4656
- background-color: #ffffff !important;
4657
- background-color: var(--color-background-elevated) !important;
4658
- }
4659
-
4660
- .bg-screen {
4661
- background-color: #ffffff !important;
4662
- background-color: var(--color-background-screen) !important;
4663
- }
4664
-
4665
- .bg-overlay {
4666
- background-color: rgba(0,0,0,0.10196) !important;
4667
- background-color: var(--color-background-overlay) !important;
4668
- }
4669
-
4670
- .bg-primary h1,
4671
- .bg-info h1,
4672
- .bg-accent h1,
4673
- .bg-primary h2,
4674
- .bg-info h2,
4675
- .bg-accent h2,
4676
- .bg-primary h3,
4677
- .bg-info h3,
4678
- .bg-accent h3,
4679
- .bg-primary h4,
4680
- .bg-info h4,
4681
- .bg-accent h4,
4682
- .bg-primary h5,
4683
- .bg-info h5,
4684
- .bg-accent h5,
4685
- .bg-primary h6,
4686
- .bg-info h6,
4687
- .bg-accent h6,
4688
- .bg-primary .h1,
4689
- .bg-info .h1,
4690
- .bg-accent .h1,
4691
- .bg-primary .h2,
4692
- .bg-info .h2,
4693
- .bg-accent .h2,
4694
- .bg-primary .h3,
4695
- .bg-info .h3,
4696
- .bg-accent .h3,
4697
- .bg-primary .h4,
4698
- .bg-info .h4,
4699
- .bg-accent .h4,
4700
- .bg-primary .h5,
4701
- .bg-info .h5,
4702
- .bg-accent .h5,
4703
- .bg-primary .h6,
4704
- .bg-info .h6,
4705
- .bg-accent .h6,
4706
- .bg-primary .title-1,
4707
- .bg-info .title-1,
4708
- .bg-accent .title-1,
4709
- .bg-primary .title-2,
4710
- .bg-info .title-2,
4711
- .bg-accent .title-2,
4712
- .bg-primary .title-3,
4713
- .bg-info .title-3,
4714
- .bg-accent .title-3,
4715
- .bg-primary .title-4,
4716
- .bg-info .title-4,
4717
- .bg-accent .title-4,
4718
- .bg-primary .title-5,
4719
- .bg-info .title-5,
4720
- .bg-accent .title-5,
4721
- .bg-primary .np-text-title-screen,
4722
- .bg-info .np-text-title-screen,
4723
- .bg-accent .np-text-title-screen,
4724
- .bg-primary .np-text-title-section,
4725
- .bg-info .np-text-title-section,
4726
- .bg-accent .np-text-title-section,
4727
- .bg-primary .np-text-title-subsection,
4728
- .bg-info .np-text-title-subsection,
4729
- .bg-accent .np-text-title-subsection,
4730
- .bg-primary .np-text-title-body,
4731
- .bg-info .np-text-title-body,
4732
- .bg-accent .np-text-title-body,
4733
- .bg-primary .np-text-title-group,
4734
- .bg-info .np-text-title-group,
4735
- .bg-accent .np-text-title-group,
4736
- .bg-primary strong,
4737
- .bg-info strong,
4738
- .bg-accent strong {
4739
- color: #ffffff;
4740
- }
4741
-
4742
- .d-block {
4743
- display: block !important;
4744
- }
4745
-
4746
- .d-inline-block {
4747
- display: inline-block !important;
4748
- }
4749
-
4750
- .visible-xs,
4751
- .visible-xs-block,
4752
- .visible-xs-inline,
4753
- .visible-xs-inline-block,
4754
- .visible-sm,
4755
- .visible-sm-block,
4756
- .visible-sm-inline,
4757
- .visible-sm-inline-block,
4758
- .visible-md,
4759
- .visible-md-block,
4760
- .visible-md-inline,
4761
- .visible-md-inline-block,
4762
- .visible-lg,
4763
- .visible-lg-block,
4764
- .visible-lg-inline,
4765
- .visible-lg-inline-block,
4766
- .visible-xl,
4767
- .visible-xl-block,
4768
- .visible-xl-inline,
4769
- .visible-xl-inline-block {
4770
- display: none !important;
4771
- }
4772
-
4773
- @media (max-width: 575px) {
4774
- .visible-xs,
4775
- .visible-xs-block {
4776
- display: block !important;
4777
- }
4778
- }
4779
-
4780
- @media (max-width: 575px) {
4781
- .visible-xs-inline {
4782
- display: inline !important;
4783
- }
4784
- }
4785
-
4786
- @media (max-width: 575px) {
4787
- .visible-xs-inline-block {
4788
- display: inline-block !important;
4789
- }
4790
- }
4791
-
4792
- @media (min-width: 576px) and (max-width: 767px) {
4793
- .visible-sm,
4794
- .visible-sm-block {
4795
- display: block !important;
4796
- }
4797
- }
4798
-
4799
- @media (min-width: 576px) and (max-width: 767px) {
4800
- .visible-sm-inline {
4801
- display: inline !important;
4802
- }
4803
- }
4804
-
4805
- @media (min-width: 576px) and (max-width: 767px) {
4806
- .visible-sm-inline-block {
4807
- display: inline-block !important;
4808
- }
4809
- }
4810
-
4811
- @media (min-width: 768px) and (max-width: 991px) {
4812
- .visible-md,
4813
- .visible-md-block {
4814
- display: block !important;
4815
- }
4816
- }
4817
-
4818
- @media (min-width: 768px) and (max-width: 991px) {
4819
- .visible-md-inline {
4820
- display: inline !important;
4821
- }
4822
- }
4823
-
4824
- @media (min-width: 768px) and (max-width: 991px) {
4825
- .visible-md-inline-block {
4826
- display: inline-block !important;
4827
- }
4828
- }
4829
-
4830
- @media (min-width: 992px) and (max-width: 1199px) {
4831
- .visible-lg,
4832
- .visible-lg-block {
4833
- display: block !important;
4834
- }
4835
- }
4836
-
4837
- @media (min-width: 992px) and (max-width: 1199px) {
4838
- .visible-lg-inline {
4839
- display: inline !important;
4840
- }
4841
- }
4842
-
4843
- @media (min-width: 992px) and (max-width: 1199px) {
4844
- .visible-lg-inline-block {
4845
- display: inline-block !important;
4846
- }
4847
- }
4848
-
4849
- @media (min-width: 1200px) {
4850
- .visible-xl,
4851
- .visible-xl-block {
4852
- display: block !important;
4853
- }
4854
- }
4855
-
4856
- @media (min-width: 1200px) {
4857
- .visible-xl-inline {
4858
- display: inline !important;
4859
- }
4860
- }
4861
-
4862
- @media (min-width: 1200px) {
4863
- .visible-xl-inline-block {
4864
- display: inline-block !important;
4865
- }
4866
- }
4867
-
4868
- @media (max-width: 575px) {
4869
- .hidden-xs {
4870
- display: none !important;
4871
- }
4872
- }
4873
-
4874
- @media (min-width: 576px) and (max-width: 767px) {
4875
- .hidden-sm {
4876
- display: none !important;
4877
- }
4878
- }
4879
-
4880
- @media (min-width: 768px) and (max-width: 991px) {
4881
- .hidden-md {
4882
- display: none !important;
4883
- }
4884
- }
4885
-
4886
- @media (min-width: 992px) and (max-width: 1199px) {
4887
- .hidden-lg {
4888
- display: none !important;
4889
- }
4890
- }
4891
-
4892
- @media (min-width: 1200px) {
4893
- .hidden-xl {
4894
- display: none !important;
4895
- }
4896
- }
4897
-
4898
- .outline-none {
4899
- outline: none;
4900
- }
4901
-
4902
- .m-a-0 {
4903
- margin-top: 0 !important;
4904
- margin-bottom: 0 !important;
4905
- }
4906
-
4907
- [dir="rtl"] .m-a-0 {
4908
- margin-left: 0 !important;
4909
- }
4910
-
4911
- html:not([dir="rtl"]) .m-a-0 {
4912
- margin-right: 0 !important;
4913
- }
4914
-
4915
- [dir="rtl"] .m-a-0 {
4916
- margin-right: 0 !important;
4917
- }
4918
-
4919
- html:not([dir="rtl"]) .m-a-0 {
4920
- margin-left: 0 !important;
4921
- }
4922
-
4923
- .p-a-0 {
4924
- padding-top: 0 !important;
4925
- padding-bottom: 0 !important;
4926
- }
4927
-
4928
- [dir="rtl"] .p-a-0 {
4929
- padding-left: 0 !important;
4930
- }
4931
-
4932
- html:not([dir="rtl"]) .p-a-0 {
4933
- padding-right: 0 !important;
4934
- }
4935
-
4936
- [dir="rtl"] .p-a-0 {
4937
- padding-right: 0 !important;
4938
- }
4939
-
4940
- html:not([dir="rtl"]) .p-a-0 {
4941
- padding-left: 0 !important;
4942
- }
4943
-
4944
- .m-t-0 {
4945
- margin-top: 0 !important;
4946
- }
4947
-
4948
- .m-b-0 {
4949
- margin-bottom: 0 !important;
4950
- }
4951
-
4952
- .m-y-0 {
4953
- margin-top: 0 !important;
4954
- margin-bottom: 0 !important;
4955
- }
4956
-
4957
- .p-t-0 {
4958
- padding-top: 0 !important;
4959
- }
4960
-
4961
- .p-b-0 {
4962
- padding-bottom: 0 !important;
4963
- }
4964
-
4965
- .p-y-0 {
4966
- padding-top: 0 !important;
4967
- padding-bottom: 0 !important;
4968
- }
4969
-
4970
- [dir="rtl"] .m-l-0 {
4971
- margin-right: 0 !important;
4972
- }
4973
-
4974
- html:not([dir="rtl"]) .m-l-0 {
4975
- margin-left: 0 !important;
4976
- }
4977
-
4978
- [dir="rtl"] .m-r-0 {
4979
- margin-left: 0 !important;
4980
- }
4981
-
4982
- html:not([dir="rtl"]) .m-r-0 {
4983
- margin-right: 0 !important;
4984
- }
4985
-
4986
- [dir="rtl"] .m-x-0 {
4987
- margin-right: 0 !important;
4988
- }
4989
-
4990
- html:not([dir="rtl"]) .m-x-0 {
4991
- margin-left: 0 !important;
4992
- }
4993
-
4994
- [dir="rtl"] .m-x-0 {
4995
- margin-left: 0 !important;
4996
- }
4997
-
4998
- html:not([dir="rtl"]) .m-x-0 {
4999
- margin-right: 0 !important;
5000
- }
5001
-
5002
- [dir="rtl"] .p-l-0 {
5003
- padding-right: 0 !important;
5004
- }
5005
-
5006
- html:not([dir="rtl"]) .p-l-0 {
5007
- padding-left: 0 !important;
5008
- }
5009
-
5010
- [dir="rtl"] .p-r-0 {
5011
- padding-left: 0 !important;
5012
- }
5013
-
5014
- html:not([dir="rtl"]) .p-r-0 {
5015
- padding-right: 0 !important;
5016
- }
5017
-
5018
- [dir="rtl"] .p-x-0 {
5019
- padding-right: 0 !important;
5020
- }
5021
-
5022
- html:not([dir="rtl"]) .p-x-0 {
5023
- padding-left: 0 !important;
5024
- }
5025
-
5026
- [dir="rtl"] .p-x-0 {
5027
- padding-left: 0 !important;
5028
- }
5029
-
5030
- html:not([dir="rtl"]) .p-x-0 {
5031
- padding-right: 0 !important;
5032
- }
5033
-
5034
- .m-a-1 {
5035
- margin-top: 8px !important;
5036
- margin-top: var(--size-8) !important;
5037
- margin-bottom: 8px !important;
5038
- margin-bottom: var(--size-8) !important;
5039
- }
5040
-
5041
- [dir="rtl"] .m-a-1 {
5042
- margin-left: 8px !important;
5043
- margin-left: var(--size-8) !important;
5044
- }
5045
-
5046
- html:not([dir="rtl"]) .m-a-1 {
5047
- margin-right: 8px !important;
5048
- margin-right: var(--size-8) !important;
5049
- }
5050
-
5051
- [dir="rtl"] .m-a-1 {
5052
- margin-right: 8px !important;
5053
- margin-right: var(--size-8) !important;
5054
- }
5055
-
5056
- html:not([dir="rtl"]) .m-a-1 {
5057
- margin-left: 8px !important;
5058
- margin-left: var(--size-8) !important;
5059
- }
5060
-
5061
- .p-a-1 {
5062
- padding-top: 8px !important;
5063
- padding-top: var(--size-8) !important;
5064
- padding-bottom: 8px !important;
5065
- padding-bottom: var(--size-8) !important;
5066
- }
5067
-
5068
- [dir="rtl"] .p-a-1 {
5069
- padding-left: 8px !important;
5070
- padding-left: var(--size-8) !important;
5071
- }
5072
-
5073
- html:not([dir="rtl"]) .p-a-1 {
5074
- padding-right: 8px !important;
5075
- padding-right: var(--size-8) !important;
5076
- }
5077
-
5078
- [dir="rtl"] .p-a-1 {
5079
- padding-right: 8px !important;
5080
- padding-right: var(--size-8) !important;
5081
- }
5082
-
5083
- html:not([dir="rtl"]) .p-a-1 {
5084
- padding-left: 8px !important;
5085
- padding-left: var(--size-8) !important;
5086
- }
5087
-
5088
- .m-t-1 {
5089
- margin-top: 8px !important;
5090
- margin-top: var(--size-8) !important;
5091
- }
5092
-
5093
- .m-b-1 {
5094
- margin-bottom: 8px !important;
5095
- margin-bottom: var(--size-8) !important;
5096
- }
5097
-
5098
- .m-y-1 {
5099
- margin-top: 8px !important;
5100
- margin-top: var(--size-8) !important;
5101
- margin-bottom: 8px !important;
5102
- margin-bottom: var(--size-8) !important;
5103
- }
5104
-
5105
- .p-t-1 {
5106
- padding-top: 8px !important;
5107
- padding-top: var(--size-8) !important;
5108
- }
5109
-
5110
- .p-b-1 {
5111
- padding-bottom: 8px !important;
5112
- padding-bottom: var(--size-8) !important;
5113
- }
5114
-
5115
- .p-y-1 {
5116
- padding-top: 8px !important;
5117
- padding-top: var(--size-8) !important;
5118
- padding-bottom: 8px !important;
5119
- padding-bottom: var(--size-8) !important;
5120
- }
5121
-
5122
- [dir="rtl"] .m-l-1 {
5123
- margin-right: 8px !important;
5124
- margin-right: var(--size-8) !important;
5125
- }
5126
-
5127
- html:not([dir="rtl"]) .m-l-1 {
5128
- margin-left: 8px !important;
5129
- margin-left: var(--size-8) !important;
5130
- }
5131
-
5132
- [dir="rtl"] .m-r-1 {
5133
- margin-left: 8px !important;
5134
- margin-left: var(--size-8) !important;
5135
- }
5136
-
5137
- html:not([dir="rtl"]) .m-r-1 {
5138
- margin-right: 8px !important;
5139
- margin-right: var(--size-8) !important;
5140
- }
5141
-
5142
- [dir="rtl"] .m-x-1 {
5143
- margin-right: 8px !important;
5144
- margin-right: var(--size-8) !important;
5145
- }
5146
-
5147
- html:not([dir="rtl"]) .m-x-1 {
5148
- margin-left: 8px !important;
5149
- margin-left: var(--size-8) !important;
5150
- }
5151
-
5152
- [dir="rtl"] .m-x-1 {
5153
- margin-left: 8px !important;
5154
- margin-left: var(--size-8) !important;
5155
- }
5156
-
5157
- html:not([dir="rtl"]) .m-x-1 {
5158
- margin-right: 8px !important;
5159
- margin-right: var(--size-8) !important;
5160
- }
5161
-
5162
- [dir="rtl"] .p-l-1 {
5163
- padding-right: 8px !important;
5164
- padding-right: var(--size-8) !important;
5165
- }
5166
-
5167
- html:not([dir="rtl"]) .p-l-1 {
5168
- padding-left: 8px !important;
5169
- padding-left: var(--size-8) !important;
5170
- }
5171
-
5172
- [dir="rtl"] .p-r-1 {
5173
- padding-left: 8px !important;
5174
- padding-left: var(--size-8) !important;
5175
- }
5176
-
5177
- html:not([dir="rtl"]) .p-r-1 {
5178
- padding-right: 8px !important;
5179
- padding-right: var(--size-8) !important;
5180
- }
5181
-
5182
- [dir="rtl"] .p-x-1 {
5183
- padding-right: 8px !important;
5184
- padding-right: var(--size-8) !important;
5185
- }
5186
-
5187
- html:not([dir="rtl"]) .p-x-1 {
5188
- padding-left: 8px !important;
5189
- padding-left: var(--size-8) !important;
5190
- }
5191
-
5192
- [dir="rtl"] .p-x-1 {
5193
- padding-left: 8px !important;
5194
- padding-left: var(--size-8) !important;
5195
- }
5196
-
5197
- html:not([dir="rtl"]) .p-x-1 {
5198
- padding-right: 8px !important;
5199
- padding-right: var(--size-8) !important;
5200
- }
5201
-
5202
- .m-a-2 {
5203
- margin-top: 16px !important;
5204
- margin-top: var(--size-16) !important;
5205
- margin-bottom: 16px !important;
5206
- margin-bottom: var(--size-16) !important;
5207
- }
5208
-
5209
- [dir="rtl"] .m-a-2 {
5210
- margin-left: 16px !important;
5211
- margin-left: var(--size-16) !important;
5212
- }
5213
-
5214
- html:not([dir="rtl"]) .m-a-2 {
5215
- margin-right: 16px !important;
5216
- margin-right: var(--size-16) !important;
5217
- }
5218
-
5219
- [dir="rtl"] .m-a-2 {
5220
- margin-right: 16px !important;
5221
- margin-right: var(--size-16) !important;
5222
- }
5223
-
5224
- html:not([dir="rtl"]) .m-a-2 {
5225
- margin-left: 16px !important;
5226
- margin-left: var(--size-16) !important;
5227
- }
5228
-
5229
- .p-a-2 {
5230
- padding-top: 16px !important;
5231
- padding-top: var(--size-16) !important;
5232
- padding-bottom: 16px !important;
5233
- padding-bottom: var(--size-16) !important;
5234
- }
5235
-
5236
- [dir="rtl"] .p-a-2 {
5237
- padding-left: 16px !important;
5238
- padding-left: var(--size-16) !important;
5239
- }
5240
-
5241
- html:not([dir="rtl"]) .p-a-2 {
5242
- padding-right: 16px !important;
5243
- padding-right: var(--size-16) !important;
5244
- }
5245
-
5246
- [dir="rtl"] .p-a-2 {
5247
- padding-right: 16px !important;
5248
- padding-right: var(--size-16) !important;
5249
- }
5250
-
5251
- html:not([dir="rtl"]) .p-a-2 {
5252
- padding-left: 16px !important;
5253
- padding-left: var(--size-16) !important;
5254
- }
5255
-
5256
- .m-t-2 {
5257
- margin-top: 16px !important;
5258
- margin-top: var(--size-16) !important;
5259
- }
5260
-
5261
- .m-b-2 {
5262
- margin-bottom: 16px !important;
5263
- margin-bottom: var(--size-16) !important;
5264
- }
5265
-
5266
- .m-y-2 {
5267
- margin-top: 16px !important;
5268
- margin-top: var(--size-16) !important;
5269
- margin-bottom: 16px !important;
5270
- margin-bottom: var(--size-16) !important;
5271
- }
5272
-
5273
- .p-t-2 {
5274
- padding-top: 16px !important;
5275
- padding-top: var(--size-16) !important;
5276
- }
5277
-
5278
- .p-b-2 {
5279
- padding-bottom: 16px !important;
5280
- padding-bottom: var(--size-16) !important;
5281
- }
5282
-
5283
- .p-y-2 {
5284
- padding-top: 16px !important;
5285
- padding-top: var(--size-16) !important;
5286
- padding-bottom: 16px !important;
5287
- padding-bottom: var(--size-16) !important;
5288
- }
5289
-
5290
- [dir="rtl"] .m-l-2 {
5291
- margin-right: 16px !important;
5292
- margin-right: var(--size-16) !important;
5293
- }
5294
-
5295
- html:not([dir="rtl"]) .m-l-2 {
5296
- margin-left: 16px !important;
5297
- margin-left: var(--size-16) !important;
5298
- }
5299
-
5300
- [dir="rtl"] .m-r-2 {
5301
- margin-left: 16px !important;
5302
- margin-left: var(--size-16) !important;
5303
- }
5304
-
5305
- html:not([dir="rtl"]) .m-r-2 {
5306
- margin-right: 16px !important;
5307
- margin-right: var(--size-16) !important;
5308
- }
5309
-
5310
- [dir="rtl"] .m-x-2 {
5311
- margin-right: 16px !important;
5312
- margin-right: var(--size-16) !important;
5313
- }
5314
-
5315
- html:not([dir="rtl"]) .m-x-2 {
5316
- margin-left: 16px !important;
5317
- margin-left: var(--size-16) !important;
5318
- }
5319
-
5320
- [dir="rtl"] .m-x-2 {
5321
- margin-left: 16px !important;
5322
- margin-left: var(--size-16) !important;
5323
- }
5324
-
5325
- html:not([dir="rtl"]) .m-x-2 {
5326
- margin-right: 16px !important;
5327
- margin-right: var(--size-16) !important;
5328
- }
5329
-
5330
- [dir="rtl"] .p-l-2 {
5331
- padding-right: 16px !important;
5332
- padding-right: var(--size-16) !important;
5333
- }
5334
-
5335
- html:not([dir="rtl"]) .p-l-2 {
5336
- padding-left: 16px !important;
5337
- padding-left: var(--size-16) !important;
5338
- }
5339
-
5340
- [dir="rtl"] .p-r-2 {
5341
- padding-left: 16px !important;
5342
- padding-left: var(--size-16) !important;
5343
- }
5344
-
5345
- html:not([dir="rtl"]) .p-r-2 {
5346
- padding-right: 16px !important;
5347
- padding-right: var(--size-16) !important;
5348
- }
5349
-
5350
- [dir="rtl"] .p-x-2 {
5351
- padding-right: 16px !important;
5352
- padding-right: var(--size-16) !important;
5353
- }
5354
-
5355
- html:not([dir="rtl"]) .p-x-2 {
5356
- padding-left: 16px !important;
5357
- padding-left: var(--size-16) !important;
5358
- }
5359
-
5360
- [dir="rtl"] .p-x-2 {
5361
- padding-left: 16px !important;
5362
- padding-left: var(--size-16) !important;
5363
- }
5364
-
5365
- html:not([dir="rtl"]) .p-x-2 {
5366
- padding-right: 16px !important;
5367
- padding-right: var(--size-16) !important;
5368
- }
5369
-
5370
- .m-a-3 {
5371
- margin-top: 24px !important;
5372
- margin-top: var(--size-24) !important;
5373
- margin-bottom: 24px !important;
5374
- margin-bottom: var(--size-24) !important;
5375
- }
5376
-
5377
- [dir="rtl"] .m-a-3 {
5378
- margin-left: 24px !important;
5379
- margin-left: var(--size-24) !important;
5380
- }
5381
-
5382
- html:not([dir="rtl"]) .m-a-3 {
5383
- margin-right: 24px !important;
5384
- margin-right: var(--size-24) !important;
5385
- }
5386
-
5387
- [dir="rtl"] .m-a-3 {
5388
- margin-right: 24px !important;
5389
- margin-right: var(--size-24) !important;
5390
- }
5391
-
5392
- html:not([dir="rtl"]) .m-a-3 {
5393
- margin-left: 24px !important;
5394
- margin-left: var(--size-24) !important;
5395
- }
5396
-
5397
- .p-a-3 {
5398
- padding-top: 24px !important;
5399
- padding-top: var(--size-24) !important;
5400
- padding-bottom: 24px !important;
5401
- padding-bottom: var(--size-24) !important;
5402
- }
5403
-
5404
- [dir="rtl"] .p-a-3 {
5405
- padding-left: 24px !important;
5406
- padding-left: var(--size-24) !important;
5407
- }
5408
-
5409
- html:not([dir="rtl"]) .p-a-3 {
5410
- padding-right: 24px !important;
5411
- padding-right: var(--size-24) !important;
5412
- }
5413
-
5414
- [dir="rtl"] .p-a-3 {
5415
- padding-right: 24px !important;
5416
- padding-right: var(--size-24) !important;
5417
- }
5418
-
5419
- html:not([dir="rtl"]) .p-a-3 {
5420
- padding-left: 24px !important;
5421
- padding-left: var(--size-24) !important;
5422
- }
5423
-
5424
- .m-t-3 {
5425
- margin-top: 24px !important;
5426
- margin-top: var(--size-24) !important;
5427
- }
5428
-
5429
- .m-b-3 {
5430
- margin-bottom: 24px !important;
5431
- margin-bottom: var(--size-24) !important;
5432
- }
5433
-
5434
- .m-y-3 {
5435
- margin-top: 24px !important;
5436
- margin-top: var(--size-24) !important;
5437
- margin-bottom: 24px !important;
5438
- margin-bottom: var(--size-24) !important;
5439
- }
5440
-
5441
- .p-t-3 {
5442
- padding-top: 24px !important;
5443
- padding-top: var(--size-24) !important;
5444
- }
5445
-
5446
- .p-b-3 {
5447
- padding-bottom: 24px !important;
5448
- padding-bottom: var(--size-24) !important;
5449
- }
5450
-
5451
- .p-y-3 {
5452
- padding-top: 24px !important;
5453
- padding-top: var(--size-24) !important;
5454
- padding-bottom: 24px !important;
5455
- padding-bottom: var(--size-24) !important;
5456
- }
5457
-
5458
- [dir="rtl"] .m-l-3 {
5459
- margin-right: 24px !important;
5460
- margin-right: var(--size-24) !important;
5461
- }
5462
-
5463
- html:not([dir="rtl"]) .m-l-3 {
5464
- margin-left: 24px !important;
5465
- margin-left: var(--size-24) !important;
5466
- }
5467
-
5468
- [dir="rtl"] .m-r-3 {
5469
- margin-left: 24px !important;
5470
- margin-left: var(--size-24) !important;
5471
- }
5472
-
5473
- html:not([dir="rtl"]) .m-r-3 {
5474
- margin-right: 24px !important;
5475
- margin-right: var(--size-24) !important;
5476
- }
5477
-
5478
- [dir="rtl"] .m-x-3 {
5479
- margin-right: 24px !important;
5480
- margin-right: var(--size-24) !important;
5481
- }
5482
-
5483
- html:not([dir="rtl"]) .m-x-3 {
5484
- margin-left: 24px !important;
5485
- margin-left: var(--size-24) !important;
5486
- }
5487
-
5488
- [dir="rtl"] .m-x-3 {
5489
- margin-left: 24px !important;
5490
- margin-left: var(--size-24) !important;
5491
- }
5492
-
5493
- html:not([dir="rtl"]) .m-x-3 {
5494
- margin-right: 24px !important;
5495
- margin-right: var(--size-24) !important;
5496
- }
5497
-
5498
- [dir="rtl"] .p-l-3 {
5499
- padding-right: 24px !important;
5500
- padding-right: var(--size-24) !important;
5501
- }
5502
-
5503
- html:not([dir="rtl"]) .p-l-3 {
5504
- padding-left: 24px !important;
5505
- padding-left: var(--size-24) !important;
5506
- }
5507
-
5508
- [dir="rtl"] .p-r-3 {
5509
- padding-left: 24px !important;
5510
- padding-left: var(--size-24) !important;
5511
- }
5512
-
5513
- html:not([dir="rtl"]) .p-r-3 {
5514
- padding-right: 24px !important;
5515
- padding-right: var(--size-24) !important;
5516
- }
5517
-
5518
- [dir="rtl"] .p-x-3 {
5519
- padding-right: 24px !important;
5520
- padding-right: var(--size-24) !important;
5521
- }
5522
-
5523
- html:not([dir="rtl"]) .p-x-3 {
5524
- padding-left: 24px !important;
5525
- padding-left: var(--size-24) !important;
5526
- }
5527
-
5528
- [dir="rtl"] .p-x-3 {
5529
- padding-left: 24px !important;
5530
- padding-left: var(--size-24) !important;
5531
- }
5532
-
5533
- html:not([dir="rtl"]) .p-x-3 {
5534
- padding-right: 24px !important;
5535
- padding-right: var(--size-24) !important;
5536
- }
5537
-
5538
- .m-a-4 {
5539
- margin-top: 32px !important;
5540
- margin-top: var(--size-32) !important;
5541
- margin-bottom: 32px !important;
5542
- margin-bottom: var(--size-32) !important;
5543
- }
5544
-
5545
- [dir="rtl"] .m-a-4 {
5546
- margin-left: 32px !important;
5547
- margin-left: var(--size-32) !important;
5548
- }
5549
-
5550
- html:not([dir="rtl"]) .m-a-4 {
5551
- margin-right: 32px !important;
5552
- margin-right: var(--size-32) !important;
5553
- }
5554
-
5555
- [dir="rtl"] .m-a-4 {
5556
- margin-right: 32px !important;
5557
- margin-right: var(--size-32) !important;
5558
- }
5559
-
5560
- html:not([dir="rtl"]) .m-a-4 {
5561
- margin-left: 32px !important;
5562
- margin-left: var(--size-32) !important;
5563
- }
5564
-
5565
- .p-a-4 {
5566
- padding-top: 32px !important;
5567
- padding-top: var(--size-32) !important;
5568
- padding-bottom: 32px !important;
5569
- padding-bottom: var(--size-32) !important;
5570
- }
5571
-
5572
- [dir="rtl"] .p-a-4 {
5573
- padding-left: 32px !important;
5574
- padding-left: var(--size-32) !important;
5575
- }
5576
-
5577
- html:not([dir="rtl"]) .p-a-4 {
5578
- padding-right: 32px !important;
5579
- padding-right: var(--size-32) !important;
5580
- }
5581
-
5582
- [dir="rtl"] .p-a-4 {
5583
- padding-right: 32px !important;
5584
- padding-right: var(--size-32) !important;
5585
- }
5586
-
5587
- html:not([dir="rtl"]) .p-a-4 {
5588
- padding-left: 32px !important;
5589
- padding-left: var(--size-32) !important;
5590
- }
5591
-
5592
- .m-t-4 {
5593
- margin-top: 32px !important;
5594
- margin-top: var(--size-32) !important;
5595
- }
5596
-
5597
- .m-b-4 {
5598
- margin-bottom: 32px !important;
5599
- margin-bottom: var(--size-32) !important;
5600
- }
5601
-
5602
- .m-y-4 {
5603
- margin-top: 32px !important;
5604
- margin-top: var(--size-32) !important;
5605
- margin-bottom: 32px !important;
5606
- margin-bottom: var(--size-32) !important;
5607
- }
5608
-
5609
- .p-t-4 {
5610
- padding-top: 32px !important;
5611
- padding-top: var(--size-32) !important;
5612
- }
5613
-
5614
- .p-b-4 {
5615
- padding-bottom: 32px !important;
5616
- padding-bottom: var(--size-32) !important;
5617
- }
5618
-
5619
- .p-y-4 {
5620
- padding-top: 32px !important;
5621
- padding-top: var(--size-32) !important;
5622
- padding-bottom: 32px !important;
5623
- padding-bottom: var(--size-32) !important;
5624
- }
5625
-
5626
- [dir="rtl"] .m-l-4 {
5627
- margin-right: 32px !important;
5628
- margin-right: var(--size-32) !important;
5629
- }
5630
-
5631
- html:not([dir="rtl"]) .m-l-4 {
5632
- margin-left: 32px !important;
5633
- margin-left: var(--size-32) !important;
5634
- }
5635
-
5636
- [dir="rtl"] .m-r-4 {
5637
- margin-left: 32px !important;
5638
- margin-left: var(--size-32) !important;
5639
- }
5640
-
5641
- html:not([dir="rtl"]) .m-r-4 {
5642
- margin-right: 32px !important;
5643
- margin-right: var(--size-32) !important;
5644
- }
5645
-
5646
- [dir="rtl"] .m-x-4 {
5647
- margin-right: 32px !important;
5648
- margin-right: var(--size-32) !important;
5649
- }
5650
-
5651
- html:not([dir="rtl"]) .m-x-4 {
5652
- margin-left: 32px !important;
5653
- margin-left: var(--size-32) !important;
5654
- }
5655
-
5656
- [dir="rtl"] .m-x-4 {
5657
- margin-left: 32px !important;
5658
- margin-left: var(--size-32) !important;
5659
- }
5660
-
5661
- html:not([dir="rtl"]) .m-x-4 {
5662
- margin-right: 32px !important;
5663
- margin-right: var(--size-32) !important;
5664
- }
5665
-
5666
- [dir="rtl"] .p-l-4 {
5667
- padding-right: 32px !important;
5668
- padding-right: var(--size-32) !important;
5669
- }
5670
-
5671
- html:not([dir="rtl"]) .p-l-4 {
5672
- padding-left: 32px !important;
5673
- padding-left: var(--size-32) !important;
5674
- }
5675
-
5676
- [dir="rtl"] .p-r-4 {
5677
- padding-left: 32px !important;
5678
- padding-left: var(--size-32) !important;
5679
- }
5680
-
5681
- html:not([dir="rtl"]) .p-r-4 {
5682
- padding-right: 32px !important;
5683
- padding-right: var(--size-32) !important;
5684
- }
5685
-
5686
- [dir="rtl"] .p-x-4 {
5687
- padding-right: 32px !important;
5688
- padding-right: var(--size-32) !important;
5689
- }
5690
-
5691
- html:not([dir="rtl"]) .p-x-4 {
5692
- padding-left: 32px !important;
5693
- padding-left: var(--size-32) !important;
5694
- }
5695
-
5696
- [dir="rtl"] .p-x-4 {
5697
- padding-left: 32px !important;
5698
- padding-left: var(--size-32) !important;
5699
- }
5700
-
5701
- html:not([dir="rtl"]) .p-x-4 {
5702
- padding-right: 32px !important;
5703
- padding-right: var(--size-32) !important;
5704
- }
5705
-
5706
- .m-a-5 {
5707
- margin-top: 40px !important;
5708
- margin-top: var(--size-40) !important;
5709
- margin-bottom: 40px !important;
5710
- margin-bottom: var(--size-40) !important;
5711
- }
5712
-
5713
- [dir="rtl"] .m-a-5 {
5714
- margin-left: 40px !important;
5715
- margin-left: var(--size-40) !important;
5716
- }
5717
-
5718
- html:not([dir="rtl"]) .m-a-5 {
5719
- margin-right: 40px !important;
5720
- margin-right: var(--size-40) !important;
5721
- }
5722
-
5723
- [dir="rtl"] .m-a-5 {
5724
- margin-right: 40px !important;
5725
- margin-right: var(--size-40) !important;
5726
- }
5727
-
5728
- html:not([dir="rtl"]) .m-a-5 {
5729
- margin-left: 40px !important;
5730
- margin-left: var(--size-40) !important;
5731
- }
5732
-
5733
- .p-a-5 {
5734
- padding-top: 40px !important;
5735
- padding-top: var(--size-40) !important;
5736
- padding-bottom: 40px !important;
5737
- padding-bottom: var(--size-40) !important;
5738
- }
5739
-
5740
- [dir="rtl"] .p-a-5 {
5741
- padding-left: 40px !important;
5742
- padding-left: var(--size-40) !important;
5743
- }
5744
-
5745
- html:not([dir="rtl"]) .p-a-5 {
5746
- padding-right: 40px !important;
5747
- padding-right: var(--size-40) !important;
5748
- }
5749
-
5750
- [dir="rtl"] .p-a-5 {
5751
- padding-right: 40px !important;
5752
- padding-right: var(--size-40) !important;
5753
- }
5754
-
5755
- html:not([dir="rtl"]) .p-a-5 {
5756
- padding-left: 40px !important;
5757
- padding-left: var(--size-40) !important;
5758
- }
5759
-
5760
- .m-t-5 {
5761
- margin-top: 40px !important;
5762
- margin-top: var(--size-40) !important;
5763
- }
5764
-
5765
- .m-b-5 {
5766
- margin-bottom: 40px !important;
5767
- margin-bottom: var(--size-40) !important;
5768
- }
5769
-
5770
- .m-y-5 {
5771
- margin-top: 40px !important;
5772
- margin-top: var(--size-40) !important;
5773
- margin-bottom: 40px !important;
5774
- margin-bottom: var(--size-40) !important;
5775
- }
5776
-
5777
- .p-t-5 {
5778
- padding-top: 40px !important;
5779
- padding-top: var(--size-40) !important;
5780
- }
5781
-
5782
- .p-b-5 {
5783
- padding-bottom: 40px !important;
5784
- padding-bottom: var(--size-40) !important;
5785
- }
5786
-
5787
- .p-y-5 {
5788
- padding-top: 40px !important;
5789
- padding-top: var(--size-40) !important;
5790
- padding-bottom: 40px !important;
5791
- padding-bottom: var(--size-40) !important;
5792
- }
5793
-
5794
- [dir="rtl"] .m-l-5 {
5795
- margin-right: 40px !important;
5796
- margin-right: var(--size-40) !important;
5797
- }
5798
-
5799
- html:not([dir="rtl"]) .m-l-5 {
5800
- margin-left: 40px !important;
5801
- margin-left: var(--size-40) !important;
5802
- }
5803
-
5804
- [dir="rtl"] .m-r-5 {
5805
- margin-left: 40px !important;
5806
- margin-left: var(--size-40) !important;
5807
- }
5808
-
5809
- html:not([dir="rtl"]) .m-r-5 {
5810
- margin-right: 40px !important;
5811
- margin-right: var(--size-40) !important;
5812
- }
5813
-
5814
- [dir="rtl"] .m-x-5 {
5815
- margin-right: 40px !important;
5816
- margin-right: var(--size-40) !important;
5817
- }
5818
-
5819
- html:not([dir="rtl"]) .m-x-5 {
5820
- margin-left: 40px !important;
5821
- margin-left: var(--size-40) !important;
5822
- }
5823
-
5824
- [dir="rtl"] .m-x-5 {
5825
- margin-left: 40px !important;
5826
- margin-left: var(--size-40) !important;
5827
- }
5828
-
5829
- html:not([dir="rtl"]) .m-x-5 {
5830
- margin-right: 40px !important;
5831
- margin-right: var(--size-40) !important;
5832
- }
5833
-
5834
- [dir="rtl"] .p-l-5 {
5835
- padding-right: 40px !important;
5836
- padding-right: var(--size-40) !important;
5837
- }
5838
-
5839
- html:not([dir="rtl"]) .p-l-5 {
5840
- padding-left: 40px !important;
5841
- padding-left: var(--size-40) !important;
5842
- }
5843
-
5844
- [dir="rtl"] .p-r-5 {
5845
- padding-left: 40px !important;
5846
- padding-left: var(--size-40) !important;
5847
- }
5848
-
5849
- html:not([dir="rtl"]) .p-r-5 {
5850
- padding-right: 40px !important;
5851
- padding-right: var(--size-40) !important;
5852
- }
5853
-
5854
- [dir="rtl"] .p-x-5 {
5855
- padding-right: 40px !important;
5856
- padding-right: var(--size-40) !important;
5857
- }
5858
-
5859
- html:not([dir="rtl"]) .p-x-5 {
5860
- padding-left: 40px !important;
5861
- padding-left: var(--size-40) !important;
5862
- }
5863
-
5864
- [dir="rtl"] .p-x-5 {
5865
- padding-left: 40px !important;
5866
- padding-left: var(--size-40) !important;
5867
- }
5868
-
5869
- html:not([dir="rtl"]) .p-x-5 {
5870
- padding-right: 40px !important;
5871
- padding-right: var(--size-40) !important;
5872
- }
5873
-
5874
- .m-t-4 {
5875
- margin-top: 32px !important;
5876
- margin-top: var(--size-32) !important;
5877
- }
5878
-
5879
- .m-b-4 {
5880
- margin-bottom: 32px !important;
5881
- margin-bottom: var(--size-32) !important;
5882
- }
5883
-
5884
- .m-y-4 {
5885
- margin-top: 32px !important;
5886
- margin-top: var(--size-32) !important;
5887
- margin-bottom: 32px !important;
5888
- margin-bottom: var(--size-32) !important;
5889
- }
5890
-
5891
- .p-t-4 {
5892
- padding-top: 32px !important;
5893
- padding-top: var(--size-32) !important;
5894
- }
5895
-
5896
- .p-b-4 {
5897
- padding-bottom: 32px !important;
5898
- padding-bottom: var(--size-32) !important;
5899
- }
5900
-
5901
- .p-y-4 {
5902
- padding-top: 32px !important;
5903
- padding-top: var(--size-32) !important;
5904
- padding-bottom: 32px !important;
5905
- padding-bottom: var(--size-32) !important;
5906
- }
5907
-
5908
- .m-t-5 {
5909
- margin-top: 40px !important;
5910
- margin-top: var(--size-40) !important;
5911
- }
5912
-
5913
- .m-b-5 {
5914
- margin-bottom: 40px !important;
5915
- margin-bottom: var(--size-40) !important;
5916
- }
5917
-
5918
- .m-y-5 {
5919
- margin-top: 40px !important;
5920
- margin-top: var(--size-40) !important;
5921
- margin-bottom: 40px !important;
5922
- margin-bottom: var(--size-40) !important;
5923
- }
5924
-
5925
- .p-t-5 {
5926
- padding-top: 40px !important;
5927
- padding-top: var(--size-40) !important;
5928
- }
5929
-
5930
- .p-b-5 {
5931
- padding-bottom: 40px !important;
5932
- padding-bottom: var(--size-40) !important;
5933
- }
5934
-
5935
- .p-y-5 {
5936
- padding-top: 40px !important;
5937
- padding-top: var(--size-40) !important;
5938
- padding-bottom: 40px !important;
5939
- padding-bottom: var(--size-40) !important;
5940
- }
5941
-
5942
- .gap-y-1 {
5943
- row-gap: 8px;
5944
- row-gap: var(--size-8);
5945
- }
5946
-
5947
- .m-a-panel {
5948
- margin-top: 16px !important;
5949
- margin-top: var(--size-16) !important;
5950
- margin-bottom: 16px !important;
5951
- margin-bottom: var(--size-16) !important;
5952
- }
5953
-
5954
- [dir="rtl"] .m-a-panel {
5955
- margin-left: 16px !important;
5956
- margin-left: var(--size-16) !important;
5957
- }
5958
-
5959
- html:not([dir="rtl"]) .m-a-panel {
5960
- margin-right: 16px !important;
5961
- margin-right: var(--size-16) !important;
5962
- }
5963
-
5964
- [dir="rtl"] .m-a-panel {
5965
- margin-right: 16px !important;
5966
- margin-right: var(--size-16) !important;
5967
- }
5968
-
5969
- html:not([dir="rtl"]) .m-a-panel {
5970
- margin-left: 16px !important;
5971
- margin-left: var(--size-16) !important;
5972
- }
5973
-
5974
- .p-a-panel {
5975
- padding-top: 16px !important;
5976
- padding-top: var(--size-16) !important;
5977
- padding-bottom: 16px !important;
5978
- padding-bottom: var(--size-16) !important;
5979
- }
5980
-
5981
- [dir="rtl"] .p-a-panel {
5982
- padding-left: 16px !important;
5983
- padding-left: var(--size-16) !important;
5984
- }
5985
-
5986
- html:not([dir="rtl"]) .p-a-panel {
5987
- padding-right: 16px !important;
5988
- padding-right: var(--size-16) !important;
5989
- }
5990
-
5991
- [dir="rtl"] .p-a-panel {
5992
- padding-right: 16px !important;
5993
- padding-right: var(--size-16) !important;
5994
- }
5995
-
5996
- html:not([dir="rtl"]) .p-a-panel {
5997
- padding-left: 16px !important;
5998
- padding-left: var(--size-16) !important;
5999
- }
6000
-
6001
- @media (min-width: 576px) {
6002
- .m-a-panel {
6003
- margin-top: 24px !important;
6004
- margin-top: var(--size-24) !important;
6005
- margin-bottom: 24px !important;
6006
- margin-bottom: var(--size-24) !important;
6007
- }
6008
- [dir="rtl"] .m-a-panel {
6009
- margin-left: 24px !important;
6010
- margin-left: var(--size-24) !important;
6011
- }
6012
- html:not([dir="rtl"]) .m-a-panel {
6013
- margin-right: 24px !important;
6014
- margin-right: var(--size-24) !important;
6015
- }
6016
- [dir="rtl"] .m-a-panel {
6017
- margin-right: 24px !important;
6018
- margin-right: var(--size-24) !important;
6019
- }
6020
- html:not([dir="rtl"]) .m-a-panel {
6021
- margin-left: 24px !important;
6022
- margin-left: var(--size-24) !important;
6023
- }
6024
- .p-a-panel {
6025
- padding-top: 24px !important;
6026
- padding-top: var(--size-24) !important;
6027
- padding-bottom: 24px !important;
6028
- padding-bottom: var(--size-24) !important;
6029
- }
6030
- [dir="rtl"] .p-a-panel {
6031
- padding-left: 24px !important;
6032
- padding-left: var(--size-24) !important;
6033
- }
6034
- html:not([dir="rtl"]) .p-a-panel {
6035
- padding-right: 24px !important;
6036
- padding-right: var(--size-24) !important;
6037
- }
6038
- [dir="rtl"] .p-a-panel {
6039
- padding-right: 24px !important;
6040
- padding-right: var(--size-24) !important;
6041
- }
6042
- html:not([dir="rtl"]) .p-a-panel {
6043
- padding-left: 24px !important;
6044
- padding-left: var(--size-24) !important;
6045
- }
6046
- }
6047
-
6048
- @media (min-width: 992px) {
6049
- .m-a-panel {
6050
- margin-top: 32px !important;
6051
- margin-top: var(--size-32) !important;
6052
- margin-bottom: 32px !important;
6053
- margin-bottom: var(--size-32) !important;
6054
- }
6055
- [dir="rtl"] .m-a-panel {
6056
- margin-left: 32px !important;
6057
- margin-left: var(--size-32) !important;
6058
- }
6059
- html:not([dir="rtl"]) .m-a-panel {
6060
- margin-right: 32px !important;
6061
- margin-right: var(--size-32) !important;
6062
- }
6063
- [dir="rtl"] .m-a-panel {
6064
- margin-right: 32px !important;
6065
- margin-right: var(--size-32) !important;
6066
- }
6067
- html:not([dir="rtl"]) .m-a-panel {
6068
- margin-left: 32px !important;
6069
- margin-left: var(--size-32) !important;
6070
- }
6071
- .p-a-panel {
6072
- padding-top: 32px !important;
6073
- padding-top: var(--size-32) !important;
6074
- padding-bottom: 32px !important;
6075
- padding-bottom: var(--size-32) !important;
6076
- }
6077
- [dir="rtl"] .p-a-panel {
6078
- padding-left: 32px !important;
6079
- padding-left: var(--size-32) !important;
6080
- }
6081
- html:not([dir="rtl"]) .p-a-panel {
6082
- padding-right: 32px !important;
6083
- padding-right: var(--size-32) !important;
6084
- }
6085
- [dir="rtl"] .p-a-panel {
6086
- padding-right: 32px !important;
6087
- padding-right: var(--size-32) !important;
6088
- }
6089
- html:not([dir="rtl"]) .p-a-panel {
6090
- padding-left: 32px !important;
6091
- padding-left: var(--size-32) !important;
6092
- }
6093
- }
6094
-
6095
- .m-t-panel {
6096
- margin-top: 16px !important;
6097
- margin-top: var(--size-16) !important;
6098
- }
6099
-
6100
- .m-b-panel {
6101
- margin-bottom: 16px !important;
6102
- margin-bottom: var(--size-16) !important;
6103
- }
6104
-
6105
- .m-y-panel {
6106
- margin-top: 16px !important;
6107
- margin-top: var(--size-16) !important;
6108
- margin-bottom: 16px !important;
6109
- margin-bottom: var(--size-16) !important;
6110
- }
6111
-
6112
- .p-t-panel {
6113
- padding-top: 16px !important;
6114
- padding-top: var(--size-16) !important;
6115
- }
6116
-
6117
- .p-b-panel {
6118
- padding-bottom: 16px !important;
6119
- padding-bottom: var(--size-16) !important;
6120
- }
6121
-
6122
- .p-y-panel {
6123
- padding-top: 16px !important;
6124
- padding-top: var(--size-16) !important;
6125
- padding-bottom: 16px !important;
6126
- padding-bottom: var(--size-16) !important;
6127
- }
6128
-
6129
- @media (min-width: 576px) {
6130
- .m-t-panel {
6131
- margin-top: 24px !important;
6132
- margin-top: var(--size-24) !important;
6133
- }
6134
- .m-b-panel {
6135
- margin-bottom: 24px !important;
6136
- margin-bottom: var(--size-24) !important;
6137
- }
6138
- .m-y-panel {
6139
- margin-top: 24px !important;
6140
- margin-top: var(--size-24) !important;
6141
- margin-bottom: 24px !important;
6142
- margin-bottom: var(--size-24) !important;
6143
- }
6144
- .p-t-panel {
6145
- padding-top: 24px !important;
6146
- padding-top: var(--size-24) !important;
6147
- }
6148
- .p-b-panel {
6149
- padding-bottom: 24px !important;
6150
- padding-bottom: var(--size-24) !important;
6151
- }
6152
- .p-y-panel {
6153
- padding-top: 24px !important;
6154
- padding-top: var(--size-24) !important;
6155
- padding-bottom: 24px !important;
6156
- padding-bottom: var(--size-24) !important;
6157
- }
6158
- }
6159
-
6160
- @media (min-width: 992px) {
6161
- .m-t-panel {
6162
- margin-top: 32px !important;
6163
- margin-top: var(--size-32) !important;
6164
- }
6165
- .m-b-panel {
6166
- margin-bottom: 32px !important;
6167
- margin-bottom: var(--size-32) !important;
6168
- }
6169
- .m-y-panel {
6170
- margin-top: 32px !important;
6171
- margin-top: var(--size-32) !important;
6172
- margin-bottom: 32px !important;
6173
- margin-bottom: var(--size-32) !important;
6174
- }
6175
- .p-t-panel {
6176
- padding-top: 32px !important;
6177
- padding-top: var(--size-32) !important;
6178
- }
6179
- .p-b-panel {
6180
- padding-bottom: 32px !important;
6181
- padding-bottom: var(--size-32) !important;
6182
- }
6183
- .p-y-panel {
6184
- padding-top: 32px !important;
6185
- padding-top: var(--size-32) !important;
6186
- padding-bottom: 32px !important;
6187
- padding-bottom: var(--size-32) !important;
6188
- }
6189
- }
6190
-
6191
- [dir="rtl"] .m-l-panel {
6192
- margin-right: 16px !important;
6193
- margin-right: var(--size-16) !important;
6194
- }
6195
-
6196
- html:not([dir="rtl"]) .m-l-panel {
6197
- margin-left: 16px !important;
6198
- margin-left: var(--size-16) !important;
6199
- }
6200
-
6201
- [dir="rtl"] .m-r-panel {
6202
- margin-left: 16px !important;
6203
- margin-left: var(--size-16) !important;
6204
- }
6205
-
6206
- html:not([dir="rtl"]) .m-r-panel {
6207
- margin-right: 16px !important;
6208
- margin-right: var(--size-16) !important;
6209
- }
6210
-
6211
- [dir="rtl"] .m-x-panel {
6212
- margin-right: 16px !important;
6213
- margin-right: var(--size-16) !important;
6214
- }
6215
-
6216
- html:not([dir="rtl"]) .m-x-panel {
6217
- margin-left: 16px !important;
6218
- margin-left: var(--size-16) !important;
6219
- }
6220
-
6221
- [dir="rtl"] .m-x-panel {
6222
- margin-left: 16px !important;
6223
- margin-left: var(--size-16) !important;
6224
- }
6225
-
6226
- html:not([dir="rtl"]) .m-x-panel {
6227
- margin-right: 16px !important;
6228
- margin-right: var(--size-16) !important;
6229
- }
6230
-
6231
- [dir="rtl"] .p-l-panel {
6232
- padding-right: 16px !important;
6233
- padding-right: var(--size-16) !important;
6234
- }
6235
-
6236
- html:not([dir="rtl"]) .p-l-panel {
6237
- padding-left: 16px !important;
6238
- padding-left: var(--size-16) !important;
6239
- }
6240
-
6241
- [dir="rtl"] .p-r-panel {
6242
- padding-left: 16px !important;
6243
- padding-left: var(--size-16) !important;
6244
- }
6245
-
6246
- html:not([dir="rtl"]) .p-r-panel {
6247
- padding-right: 16px !important;
6248
- padding-right: var(--size-16) !important;
6249
- }
6250
-
6251
- [dir="rtl"] .p-x-panel {
6252
- padding-right: 16px !important;
6253
- padding-right: var(--size-16) !important;
6254
- }
6255
-
6256
- html:not([dir="rtl"]) .p-x-panel {
6257
- padding-left: 16px !important;
6258
- padding-left: var(--size-16) !important;
6259
- }
6260
-
6261
- [dir="rtl"] .p-x-panel {
6262
- padding-left: 16px !important;
6263
- padding-left: var(--size-16) !important;
6264
- }
6265
-
6266
- html:not([dir="rtl"]) .p-x-panel {
6267
- padding-right: 16px !important;
6268
- padding-right: var(--size-16) !important;
6269
- }
6270
-
6271
- @media (min-width: 576px) {
6272
- [dir="rtl"] .m-l-panel {
6273
- margin-right: 24px !important;
6274
- margin-right: var(--size-24) !important;
6275
- }
6276
- html:not([dir="rtl"]) .m-l-panel {
6277
- margin-left: 24px !important;
6278
- margin-left: var(--size-24) !important;
6279
- }
6280
- [dir="rtl"] .m-r-panel {
6281
- margin-left: 24px !important;
6282
- margin-left: var(--size-24) !important;
6283
- }
6284
- html:not([dir="rtl"]) .m-r-panel {
6285
- margin-right: 24px !important;
6286
- margin-right: var(--size-24) !important;
6287
- }
6288
- [dir="rtl"] .m-x-panel {
6289
- margin-right: 24px !important;
6290
- margin-right: var(--size-24) !important;
6291
- }
6292
- html:not([dir="rtl"]) .m-x-panel {
6293
- margin-left: 24px !important;
6294
- margin-left: var(--size-24) !important;
6295
- }
6296
- [dir="rtl"] .m-x-panel {
6297
- margin-left: 24px !important;
6298
- margin-left: var(--size-24) !important;
6299
- }
6300
- html:not([dir="rtl"]) .m-x-panel {
6301
- margin-right: 24px !important;
6302
- margin-right: var(--size-24) !important;
6303
- }
6304
- [dir="rtl"] .p-l-panel {
6305
- padding-right: 24px !important;
6306
- padding-right: var(--size-24) !important;
6307
- }
6308
- html:not([dir="rtl"]) .p-l-panel {
6309
- padding-left: 24px !important;
6310
- padding-left: var(--size-24) !important;
6311
- }
6312
- [dir="rtl"] .p-r-panel {
6313
- padding-left: 24px !important;
6314
- padding-left: var(--size-24) !important;
6315
- }
6316
- html:not([dir="rtl"]) .p-r-panel {
6317
- padding-right: 24px !important;
6318
- padding-right: var(--size-24) !important;
6319
- }
6320
- [dir="rtl"] .p-x-panel {
6321
- padding-right: 24px !important;
6322
- padding-right: var(--size-24) !important;
6323
- }
6324
- html:not([dir="rtl"]) .p-x-panel {
6325
- padding-left: 24px !important;
6326
- padding-left: var(--size-24) !important;
6327
- }
6328
- [dir="rtl"] .p-x-panel {
6329
- padding-left: 24px !important;
6330
- padding-left: var(--size-24) !important;
6331
- }
6332
- html:not([dir="rtl"]) .p-x-panel {
6333
- padding-right: 24px !important;
6334
- padding-right: var(--size-24) !important;
6335
- }
6336
- }
6337
-
6338
- @media (min-width: 992px) {
6339
- [dir="rtl"] .m-l-panel {
6340
- margin-right: 32px !important;
6341
- margin-right: var(--size-32) !important;
6342
- }
6343
- html:not([dir="rtl"]) .m-l-panel {
6344
- margin-left: 32px !important;
6345
- margin-left: var(--size-32) !important;
6346
- }
6347
- [dir="rtl"] .m-r-panel {
6348
- margin-left: 32px !important;
6349
- margin-left: var(--size-32) !important;
6350
- }
6351
- html:not([dir="rtl"]) .m-r-panel {
6352
- margin-right: 32px !important;
6353
- margin-right: var(--size-32) !important;
6354
- }
6355
- [dir="rtl"] .m-x-panel {
6356
- margin-right: 32px !important;
6357
- margin-right: var(--size-32) !important;
6358
- }
6359
- html:not([dir="rtl"]) .m-x-panel {
6360
- margin-left: 32px !important;
6361
- margin-left: var(--size-32) !important;
6362
- }
6363
- [dir="rtl"] .m-x-panel {
6364
- margin-left: 32px !important;
6365
- margin-left: var(--size-32) !important;
6366
- }
6367
- html:not([dir="rtl"]) .m-x-panel {
6368
- margin-right: 32px !important;
6369
- margin-right: var(--size-32) !important;
6370
- }
6371
- [dir="rtl"] .p-l-panel {
6372
- padding-right: 32px !important;
6373
- padding-right: var(--size-32) !important;
6374
- }
6375
- html:not([dir="rtl"]) .p-l-panel {
6376
- padding-left: 32px !important;
6377
- padding-left: var(--size-32) !important;
6378
- }
6379
- [dir="rtl"] .p-r-panel {
6380
- padding-left: 32px !important;
6381
- padding-left: var(--size-32) !important;
6382
- }
6383
- html:not([dir="rtl"]) .p-r-panel {
6384
- padding-right: 32px !important;
6385
- padding-right: var(--size-32) !important;
6386
- }
6387
- [dir="rtl"] .p-x-panel {
6388
- padding-right: 32px !important;
6389
- padding-right: var(--size-32) !important;
6390
- }
6391
- html:not([dir="rtl"]) .p-x-panel {
6392
- padding-left: 32px !important;
6393
- padding-left: var(--size-32) !important;
6394
- }
6395
- [dir="rtl"] .p-x-panel {
6396
- padding-left: 32px !important;
6397
- padding-left: var(--size-32) !important;
6398
- }
6399
- html:not([dir="rtl"]) .p-x-panel {
6400
- padding-right: 32px !important;
6401
- padding-right: var(--size-32) !important;
6402
- }
6403
- }
6404
-
6405
- .m-t-section-1 {
6406
- margin-top: 16px !important;
6407
- margin-top: var(--size-16) !important;
6408
- }
6409
-
6410
- .m-b-section-1 {
6411
- margin-bottom: 16px !important;
6412
- margin-bottom: var(--size-16) !important;
6413
- }
6414
-
6415
- .m-y-section-1 {
6416
- margin-top: 16px !important;
6417
- margin-top: var(--size-16) !important;
6418
- margin-bottom: 16px !important;
6419
- margin-bottom: var(--size-16) !important;
6420
- }
6421
-
6422
- .p-t-section-1 {
6423
- padding-top: 16px !important;
6424
- padding-top: var(--size-16) !important;
6425
- }
6426
-
6427
- .p-b-section-1 {
6428
- padding-bottom: 16px !important;
6429
- padding-bottom: var(--size-16) !important;
6430
- }
6431
-
6432
- .p-y-section-1 {
6433
- padding-top: 16px !important;
6434
- padding-top: var(--size-16) !important;
6435
- padding-bottom: 16px !important;
6436
- padding-bottom: var(--size-16) !important;
6437
- }
6438
-
6439
- @media (min-width: 576px) {
6440
- .m-t-section-1 {
6441
- margin-top: 24px !important;
6442
- margin-top: var(--size-24) !important;
6443
- }
6444
- .m-b-section-1 {
6445
- margin-bottom: 24px !important;
6446
- margin-bottom: var(--size-24) !important;
6447
- }
6448
- .m-y-section-1 {
6449
- margin-top: 24px !important;
6450
- margin-top: var(--size-24) !important;
6451
- margin-bottom: 24px !important;
6452
- margin-bottom: var(--size-24) !important;
6453
- }
6454
- .p-t-section-1 {
6455
- padding-top: 24px !important;
6456
- padding-top: var(--size-24) !important;
6457
- }
6458
- .p-b-section-1 {
6459
- padding-bottom: 24px !important;
6460
- padding-bottom: var(--size-24) !important;
6461
- }
6462
- .p-y-section-1 {
6463
- padding-top: 24px !important;
6464
- padding-top: var(--size-24) !important;
6465
- padding-bottom: 24px !important;
6466
- padding-bottom: var(--size-24) !important;
6467
- }
6468
- }
6469
-
6470
- @media (min-width: 992px) {
6471
- .m-t-section-1 {
6472
- margin-top: 32px !important;
6473
- margin-top: var(--size-32) !important;
6474
- }
6475
- .m-b-section-1 {
6476
- margin-bottom: 32px !important;
6477
- margin-bottom: var(--size-32) !important;
6478
- }
6479
- .m-y-section-1 {
6480
- margin-top: 32px !important;
6481
- margin-top: var(--size-32) !important;
6482
- margin-bottom: 32px !important;
6483
- margin-bottom: var(--size-32) !important;
6484
- }
6485
- .p-t-section-1 {
6486
- padding-top: 32px !important;
6487
- padding-top: var(--size-32) !important;
6488
- }
6489
- .p-b-section-1 {
6490
- padding-bottom: 32px !important;
6491
- padding-bottom: var(--size-32) !important;
6492
- }
6493
- .p-y-section-1 {
6494
- padding-top: 32px !important;
6495
- padding-top: var(--size-32) !important;
6496
- padding-bottom: 32px !important;
6497
- padding-bottom: var(--size-32) !important;
6498
- }
2707
+ .bg-primary {
2708
+ background-color: #37517e !important;
2709
+ color: #ffffff;
6499
2710
  }
6500
2711
 
6501
- .m-t-section-2 {
6502
- margin-top: 32px !important;
6503
- margin-top: var(--size-32) !important;
2712
+ .bg-positive,
2713
+ .bg-success {
2714
+ background-color: rgba(54,199,151,0.10196) !important;
2715
+ background-color: var(--color-background-positive) !important;
6504
2716
  }
6505
2717
 
6506
- .m-b-section-2 {
6507
- margin-bottom: 32px !important;
6508
- margin-bottom: var(--size-32) !important;
2718
+ .bg-negative,
2719
+ .bg-danger {
2720
+ background-color: rgba(255,135,135,0.10196) !important;
2721
+ background-color: var(--color-background-negative) !important;
6509
2722
  }
6510
2723
 
6511
- .m-y-section-2 {
6512
- margin-top: 32px !important;
6513
- margin-top: var(--size-32) !important;
6514
- margin-bottom: 32px !important;
6515
- margin-bottom: var(--size-32) !important;
2724
+ .bg-warning {
2725
+ background-color: rgba(255,172,0,0.10196) !important;
2726
+ background-color: var(--color-background-warning) !important;
6516
2727
  }
6517
2728
 
6518
- .p-t-section-2 {
6519
- padding-top: 32px !important;
6520
- padding-top: var(--size-32) !important;
2729
+ .bg-elevated {
2730
+ background-color: #ffffff !important;
2731
+ background-color: var(--color-background-elevated) !important;
6521
2732
  }
6522
2733
 
6523
- .p-b-section-2 {
6524
- padding-bottom: 32px !important;
6525
- padding-bottom: var(--size-32) !important;
2734
+ .bg-screen {
2735
+ background-color: #ffffff !important;
2736
+ background-color: var(--color-background-screen) !important;
6526
2737
  }
6527
2738
 
6528
- .p-y-section-2 {
6529
- padding-top: 32px !important;
6530
- padding-top: var(--size-32) !important;
6531
- padding-bottom: 32px !important;
6532
- padding-bottom: var(--size-32) !important;
2739
+ .bg-overlay {
2740
+ background-color: rgba(0,0,0,0.10196) !important;
2741
+ background-color: var(--color-background-overlay) !important;
6533
2742
  }
6534
2743
 
6535
- @media (min-width: 576px) {
6536
- .m-t-section-2 {
6537
- margin-top: 48px !important;
6538
- margin-top: var(--size-48) !important;
6539
- }
6540
- .m-b-section-2 {
6541
- margin-bottom: 48px !important;
6542
- margin-bottom: var(--size-48) !important;
6543
- }
6544
- .m-y-section-2 {
6545
- margin-top: 48px !important;
6546
- margin-top: var(--size-48) !important;
6547
- margin-bottom: 48px !important;
6548
- margin-bottom: var(--size-48) !important;
6549
- }
6550
- .p-t-section-2 {
6551
- padding-top: 48px !important;
6552
- padding-top: var(--size-48) !important;
6553
- }
6554
- .p-b-section-2 {
6555
- padding-bottom: 48px !important;
6556
- padding-bottom: var(--size-48) !important;
6557
- }
6558
- .p-y-section-2 {
6559
- padding-top: 48px !important;
6560
- padding-top: var(--size-48) !important;
6561
- padding-bottom: 48px !important;
6562
- padding-bottom: var(--size-48) !important;
6563
- }
2744
+ .bg-primary h1,
2745
+ .bg-info h1,
2746
+ .bg-accent h1,
2747
+ .bg-primary h2,
2748
+ .bg-info h2,
2749
+ .bg-accent h2,
2750
+ .bg-primary h3,
2751
+ .bg-info h3,
2752
+ .bg-accent h3,
2753
+ .bg-primary h4,
2754
+ .bg-info h4,
2755
+ .bg-accent h4,
2756
+ .bg-primary h5,
2757
+ .bg-info h5,
2758
+ .bg-accent h5,
2759
+ .bg-primary h6,
2760
+ .bg-info h6,
2761
+ .bg-accent h6,
2762
+ .bg-primary .h1,
2763
+ .bg-info .h1,
2764
+ .bg-accent .h1,
2765
+ .bg-primary .h2,
2766
+ .bg-info .h2,
2767
+ .bg-accent .h2,
2768
+ .bg-primary .h3,
2769
+ .bg-info .h3,
2770
+ .bg-accent .h3,
2771
+ .bg-primary .h4,
2772
+ .bg-info .h4,
2773
+ .bg-accent .h4,
2774
+ .bg-primary .h5,
2775
+ .bg-info .h5,
2776
+ .bg-accent .h5,
2777
+ .bg-primary .h6,
2778
+ .bg-info .h6,
2779
+ .bg-accent .h6,
2780
+ .bg-primary .title-1,
2781
+ .bg-info .title-1,
2782
+ .bg-accent .title-1,
2783
+ .bg-primary .title-2,
2784
+ .bg-info .title-2,
2785
+ .bg-accent .title-2,
2786
+ .bg-primary .title-3,
2787
+ .bg-info .title-3,
2788
+ .bg-accent .title-3,
2789
+ .bg-primary .title-4,
2790
+ .bg-info .title-4,
2791
+ .bg-accent .title-4,
2792
+ .bg-primary .title-5,
2793
+ .bg-info .title-5,
2794
+ .bg-accent .title-5,
2795
+ .bg-primary .np-text-title-screen,
2796
+ .bg-info .np-text-title-screen,
2797
+ .bg-accent .np-text-title-screen,
2798
+ .bg-primary .np-text-title-section,
2799
+ .bg-info .np-text-title-section,
2800
+ .bg-accent .np-text-title-section,
2801
+ .bg-primary .np-text-title-subsection,
2802
+ .bg-info .np-text-title-subsection,
2803
+ .bg-accent .np-text-title-subsection,
2804
+ .bg-primary .np-text-title-body,
2805
+ .bg-info .np-text-title-body,
2806
+ .bg-accent .np-text-title-body,
2807
+ .bg-primary .np-text-title-group,
2808
+ .bg-info .np-text-title-group,
2809
+ .bg-accent .np-text-title-group,
2810
+ .bg-primary strong,
2811
+ .bg-info strong,
2812
+ .bg-accent strong {
2813
+ color: #ffffff;
6564
2814
  }
6565
2815
 
6566
- @media (min-width: 992px) {
6567
- .m-t-section-2 {
6568
- margin-top: 64px !important;
6569
- margin-top: var(--size-64) !important;
6570
- }
6571
- .m-b-section-2 {
6572
- margin-bottom: 64px !important;
6573
- margin-bottom: var(--size-64) !important;
6574
- }
6575
- .m-y-section-2 {
6576
- margin-top: 64px !important;
6577
- margin-top: var(--size-64) !important;
6578
- margin-bottom: 64px !important;
6579
- margin-bottom: var(--size-64) !important;
6580
- }
6581
- .p-t-section-2 {
6582
- padding-top: 64px !important;
6583
- padding-top: var(--size-64) !important;
6584
- }
6585
- .p-b-section-2 {
6586
- padding-bottom: 64px !important;
6587
- padding-bottom: var(--size-64) !important;
6588
- }
6589
- .p-y-section-2 {
6590
- padding-top: 64px !important;
6591
- padding-top: var(--size-64) !important;
6592
- padding-bottom: 64px !important;
6593
- padding-bottom: var(--size-64) !important;
6594
- }
2816
+ .d-block {
2817
+ display: block !important;
6595
2818
  }
6596
2819
 
6597
- .m-t-section-3 {
6598
- margin-top: 48px !important;
6599
- margin-top: var(--size-48) !important;
2820
+ .d-inline-block {
2821
+ display: inline-block !important;
6600
2822
  }
6601
2823
 
6602
- .m-b-section-3 {
6603
- margin-bottom: 48px !important;
6604
- margin-bottom: var(--size-48) !important;
2824
+ .visible-xs,
2825
+ .visible-xs-block,
2826
+ .visible-xs-inline,
2827
+ .visible-xs-inline-block,
2828
+ .visible-sm,
2829
+ .visible-sm-block,
2830
+ .visible-sm-inline,
2831
+ .visible-sm-inline-block,
2832
+ .visible-md,
2833
+ .visible-md-block,
2834
+ .visible-md-inline,
2835
+ .visible-md-inline-block,
2836
+ .visible-lg,
2837
+ .visible-lg-block,
2838
+ .visible-lg-inline,
2839
+ .visible-lg-inline-block,
2840
+ .visible-xl,
2841
+ .visible-xl-block,
2842
+ .visible-xl-inline,
2843
+ .visible-xl-inline-block {
2844
+ display: none !important;
6605
2845
  }
6606
2846
 
6607
- .m-y-section-3 {
6608
- margin-top: 48px !important;
6609
- margin-top: var(--size-48) !important;
6610
- margin-bottom: 48px !important;
6611
- margin-bottom: var(--size-48) !important;
2847
+ @media (max-width: 575px) {
2848
+ .visible-xs,
2849
+ .visible-xs-block {
2850
+ display: block !important;
2851
+ }
6612
2852
  }
6613
2853
 
6614
- .p-t-section-3 {
6615
- padding-top: 48px !important;
6616
- padding-top: var(--size-48) !important;
2854
+ @media (max-width: 575px) {
2855
+ .visible-xs-inline {
2856
+ display: inline !important;
2857
+ }
6617
2858
  }
6618
2859
 
6619
- .p-b-section-3 {
6620
- padding-bottom: 48px !important;
6621
- padding-bottom: var(--size-48) !important;
2860
+ @media (max-width: 575px) {
2861
+ .visible-xs-inline-block {
2862
+ display: inline-block !important;
2863
+ }
6622
2864
  }
6623
2865
 
6624
- .p-y-section-3 {
6625
- padding-top: 48px !important;
6626
- padding-top: var(--size-48) !important;
6627
- padding-bottom: 48px !important;
6628
- padding-bottom: var(--size-48) !important;
2866
+ @media (min-width: 576px) and (max-width: 767px) {
2867
+ .visible-sm,
2868
+ .visible-sm-block {
2869
+ display: block !important;
2870
+ }
6629
2871
  }
6630
2872
 
6631
- @media (min-width: 576px) {
6632
- .m-t-section-3 {
6633
- margin-top: 72px !important;
6634
- margin-top: var(--size-72) !important;
6635
- }
6636
- .m-b-section-3 {
6637
- margin-bottom: 72px !important;
6638
- margin-bottom: var(--size-72) !important;
6639
- }
6640
- .m-y-section-3 {
6641
- margin-top: 72px !important;
6642
- margin-top: var(--size-72) !important;
6643
- margin-bottom: 72px !important;
6644
- margin-bottom: var(--size-72) !important;
6645
- }
6646
- .p-t-section-3 {
6647
- padding-top: 72px !important;
6648
- padding-top: var(--size-72) !important;
6649
- }
6650
- .p-b-section-3 {
6651
- padding-bottom: 72px !important;
6652
- padding-bottom: var(--size-72) !important;
6653
- }
6654
- .p-y-section-3 {
6655
- padding-top: 72px !important;
6656
- padding-top: var(--size-72) !important;
6657
- padding-bottom: 72px !important;
6658
- padding-bottom: var(--size-72) !important;
2873
+ @media (min-width: 576px) and (max-width: 767px) {
2874
+ .visible-sm-inline {
2875
+ display: inline !important;
6659
2876
  }
6660
2877
  }
6661
2878
 
6662
- @media (min-width: 992px) {
6663
- .m-t-section-3 {
6664
- margin-top: 96px !important;
6665
- margin-top: var(--size-96) !important;
6666
- }
6667
- .m-b-section-3 {
6668
- margin-bottom: 96px !important;
6669
- margin-bottom: var(--size-96) !important;
6670
- }
6671
- .m-y-section-3 {
6672
- margin-top: 96px !important;
6673
- margin-top: var(--size-96) !important;
6674
- margin-bottom: 96px !important;
6675
- margin-bottom: var(--size-96) !important;
6676
- }
6677
- .p-t-section-3 {
6678
- padding-top: 96px !important;
6679
- padding-top: var(--size-96) !important;
6680
- }
6681
- .p-b-section-3 {
6682
- padding-bottom: 96px !important;
6683
- padding-bottom: var(--size-96) !important;
6684
- }
6685
- .p-y-section-3 {
6686
- padding-top: 96px !important;
6687
- padding-top: var(--size-96) !important;
6688
- padding-bottom: 96px !important;
6689
- padding-bottom: var(--size-96) !important;
2879
+ @media (min-width: 576px) and (max-width: 767px) {
2880
+ .visible-sm-inline-block {
2881
+ display: inline-block !important;
6690
2882
  }
6691
2883
  }
6692
2884
 
6693
- .m-x-auto {
6694
- margin-right: auto !important;
6695
- margin-left: auto !important;
2885
+ @media (min-width: 768px) and (max-width: 991px) {
2886
+ .visible-md,
2887
+ .visible-md-block {
2888
+ display: block !important;
2889
+ }
6696
2890
  }
6697
2891
 
6698
- [dir="rtl"] .m-x-auto {
6699
- margin-left: auto !important;
6700
- margin-right: 0 !important;
6701
- margin-right: initial !important;
2892
+ @media (min-width: 768px) and (max-width: 991px) {
2893
+ .visible-md-inline {
2894
+ display: inline !important;
2895
+ }
6702
2896
  }
6703
2897
 
6704
- [dir="rtl"] .m-x-auto {
6705
- margin-right: auto !important;
6706
- margin-left: 0 !important;
6707
- margin-left: initial !important;
2898
+ @media (min-width: 768px) and (max-width: 991px) {
2899
+ .visible-md-inline-block {
2900
+ display: inline-block !important;
2901
+ }
6708
2902
  }
6709
2903
 
6710
- .m-r-auto {
6711
- margin-right: auto !important;
2904
+ @media (min-width: 992px) and (max-width: 1199px) {
2905
+ .visible-lg,
2906
+ .visible-lg-block {
2907
+ display: block !important;
2908
+ }
6712
2909
  }
6713
2910
 
6714
- [dir="rtl"] .m-r-auto {
6715
- margin-left: auto !important;
6716
- margin-right: 0 !important;
6717
- margin-right: initial !important;
2911
+ @media (min-width: 992px) and (max-width: 1199px) {
2912
+ .visible-lg-inline {
2913
+ display: inline !important;
2914
+ }
6718
2915
  }
6719
2916
 
6720
- .m-l-auto {
6721
- margin-left: auto !important;
2917
+ @media (min-width: 992px) and (max-width: 1199px) {
2918
+ .visible-lg-inline-block {
2919
+ display: inline-block !important;
2920
+ }
6722
2921
  }
6723
2922
 
6724
- [dir="rtl"] .m-l-auto {
6725
- margin-right: auto !important;
6726
- margin-left: 0 !important;
6727
- margin-left: initial !important;
2923
+ @media (min-width: 1200px) {
2924
+ .visible-xl,
2925
+ .visible-xl-block {
2926
+ display: block !important;
2927
+ }
6728
2928
  }
6729
2929
 
6730
- .section {
6731
- padding-top: 48px;
6732
- padding-top: var(--size-48);
6733
- padding-bottom: 48px;
6734
- padding-bottom: var(--size-48);
2930
+ @media (min-width: 1200px) {
2931
+ .visible-xl-inline {
2932
+ display: inline !important;
2933
+ }
6735
2934
  }
6736
2935
 
6737
- @media (min-width: 576px) {
6738
- .section {
6739
- padding-top: 72px;
6740
- padding-top: var(--size-72);
6741
- padding-bottom: 72px;
6742
- padding-bottom: var(--size-72);
2936
+ @media (min-width: 1200px) {
2937
+ .visible-xl-inline-block {
2938
+ display: inline-block !important;
6743
2939
  }
6744
2940
  }
6745
2941
 
6746
- @media (min-width: 992px) {
6747
- .section {
6748
- padding-top: 96px;
6749
- padding-top: var(--size-96);
6750
- padding-bottom: 96px;
6751
- padding-bottom: var(--size-96);
2942
+ @media (max-width: 575px) {
2943
+ .hidden-xs {
2944
+ display: none !important;
6752
2945
  }
6753
2946
  }
6754
2947
 
6755
- @supports (hyphenate-limit-chars: 1) {
6756
- .np-text-hyphenated {
6757
- hyphens: auto;
6758
- hyphenate-limit-chars: 7 3;
6759
- }
6760
- @media (min-width: 768px) {
6761
- .np-text-hyphenated {
6762
- hyphenate-limit-chars: 8 3;
6763
- }
2948
+ @media (min-width: 576px) and (max-width: 767px) {
2949
+ .hidden-sm {
2950
+ display: none !important;
6764
2951
  }
6765
- @media (min-width: 992px) {
6766
- .np-text-hyphenated {
6767
- hyphenate-limit-chars: 10 4 3;
6768
- }
2952
+ }
2953
+
2954
+ @media (min-width: 768px) and (max-width: 991px) {
2955
+ .hidden-md {
2956
+ display: none !important;
6769
2957
  }
6770
2958
  }
6771
2959
 
6772
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
6773
- .np-text-hyphenated {
6774
- hyphens: auto;
6775
- -webkit-hyphenate-limit-before: 3;
6776
- -webkit-hyphenate-limit-after: 3;
2960
+ @media (min-width: 992px) and (max-width: 1199px) {
2961
+ .hidden-lg {
2962
+ display: none !important;
6777
2963
  }
6778
- @media (min-width: 992px) {
6779
- .np-text-hyphenated {
6780
- -webkit-hyphenate-limit-before: 4;
6781
- }
2964
+ }
2965
+
2966
+ @media (min-width: 1200px) {
2967
+ .hidden-xl {
2968
+ display: none !important;
6782
2969
  }
6783
2970
  }
6784
2971
 
2972
+ .outline-none {
2973
+ outline: none;
2974
+ }
2975
+
6785
2976
  .border-bottom {
6786
2977
  border-bottom: 1px solid rgba(134,167,189,0.10196);
6787
2978
  border-bottom: 1px solid var(--color-background-neutral);
@@ -7895,13 +4086,11 @@ a.badge:focus {
7895
4086
  padding-bottom: 10px;
7896
4087
  font-weight: 600;
7897
4088
  font-weight: var(--font-weight-semi-bold);
7898
- padding: 12px 24px calc(12px - 2px);
7899
4089
  padding: var(--btn-padding);
7900
4090
  font-size: 1rem;
7901
4091
  font-size: var(--font-size-16);
7902
4092
  line-height: 1.5rem;
7903
4093
  line-height: var(--line-height-24);
7904
- border-radius: 3px;
7905
4094
  border-radius: var(--btn-radius-base);
7906
4095
  min-height: var(--btn-height);
7907
4096
  -webkit-user-select: none;
@@ -9079,13 +5268,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
9079
5268
 
9080
5269
  .btn-lg,
9081
5270
  .btn-group-lg > .btn {
9082
- padding: 20px 24px calc(20px - 2px);
9083
5271
  padding: var(--btn-lg-padding);
9084
5272
  font-size: 1.125rem;
9085
5273
  font-size: var(--font-size-18);
9086
5274
  line-height: 1.75rem;
9087
5275
  line-height: var(--line-height-28);
9088
- border-radius: 3px;
9089
5276
  border-radius: var(--btn-lg-radius-base);
9090
5277
  min-height: var(--btn-lg-height);
9091
5278
  }
@@ -9109,13 +5296,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
9109
5296
  .btn-sm,
9110
5297
  .navbar .btn,
9111
5298
  .btn-group-sm > .btn {
9112
- padding: 4px 16px calc(4px - 2px);
9113
5299
  padding: var(--btn-sm-padding);
9114
5300
  font-size: 0.875rem;
9115
5301
  font-size: var(--font-size-14);
9116
5302
  line-height: 1.375rem;
9117
5303
  line-height: var(--line-height-22);
9118
- border-radius: 2px;
9119
5304
  border-radius: var(--btn-sm-radius-base);
9120
5305
  min-height: var(--btn-sm-height);
9121
5306
  }
@@ -9136,13 +5321,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
9136
5321
 
9137
5322
  .btn-xs,
9138
5323
  .btn-group-xs > .btn {
9139
- padding: 2px 8px calc(2px - 2px);
9140
5324
  padding: var(--btn-xs-padding);
9141
5325
  font-size: 0.75rem;
9142
5326
  font-size: var(--font-size-12);
9143
5327
  line-height: 1.25rem;
9144
5328
  line-height: var(--line-height-20);
9145
- border-radius: 2px;
9146
5329
  border-radius: var(--btn-sm-radius-base);
9147
5330
  min-height: 22px;
9148
5331
  }
@@ -9168,7 +5351,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
9168
5351
 
9169
5352
  @media (max-width: 767px) {
9170
5353
  .navbar-collapse .btn {
9171
- padding: 12px 24px calc(12px - 2px);
9172
5354
  padding: var(--btn-padding);
9173
5355
  font-size: 1rem;
9174
5356
  font-size: var(--font-size-16);
@@ -10243,7 +6425,6 @@ output {
10243
6425
  border: 1px solid var(--color-interactive-secondary);
10244
6426
  transition: border-color ease-in-out 0.15s;
10245
6427
  min-height: var(--input-height-base);
10246
- padding: 12px 16px calc(12px - 2px);
10247
6428
  padding: var(--input-padding);
10248
6429
  border-radius: 3px;
10249
6430
  font-weight: 400;
@@ -10474,7 +6655,6 @@ fieldset[disabled] .checkbox label {
10474
6655
  border: 1px solid #c9cbce;
10475
6656
  border: 1px solid var(--color-interactive-secondary);
10476
6657
  border-radius: 3px;
10477
- padding: 12px 16px calc(12px - 2px);
10478
6658
  padding: var(--input-padding);
10479
6659
  }
10480
6660
 
@@ -10500,7 +6680,6 @@ fieldset[disabled] .checkbox label {
10500
6680
 
10501
6681
  .input-sm {
10502
6682
  min-height: 32px;
10503
- padding: 4px 12px calc(4px - 2px);
10504
6683
  padding: var(--input-padding-small);
10505
6684
  border-radius: 3px;
10506
6685
  font-size: 14px;
@@ -10525,7 +6704,6 @@ select[multiple].input-sm {
10525
6704
  .form-group-sm .form-control,
10526
6705
  .navbar .form-control {
10527
6706
  height: 32px;
10528
- padding: 4px 12px calc(4px - 2px);
10529
6707
  padding: var(--input-padding-small);
10530
6708
  font-size: 0.875rem;
10531
6709
  font-size: var(--font-size-14);
@@ -10551,7 +6729,6 @@ select[multiple].input-sm {
10551
6729
  height: 32px;
10552
6730
  min-height: calc(1.2 + 14px);
10553
6731
  min-height: calc(var(--line-height-control) + 14px);
10554
- padding: 4px 12px calc(4px - 2px);
10555
6732
  padding: var(--input-padding-small);
10556
6733
  font-size: 0.875rem;
10557
6734
  font-size: var(--font-size-14);
@@ -10560,7 +6737,6 @@ select[multiple].input-sm {
10560
6737
 
10561
6738
  .input-lg {
10562
6739
  min-height: var(--input-height-large);
10563
- padding: 12px 16px calc(12px - 2px);
10564
6740
  padding: var(--input-padding-large);
10565
6741
  border-radius: 3px;
10566
6742
  font-weight: 400;
@@ -10607,7 +6783,6 @@ select[multiple].input-lg {
10607
6783
  height: var(--input-height-large);
10608
6784
  min-height: calc(1.2 + 22px);
10609
6785
  min-height: calc(var(--line-height-control) + 22px);
10610
- padding: 12px 16px calc(12px - 2px);
10611
6786
  padding: var(--input-padding-large);
10612
6787
  font-size: 22px;
10613
6788
  line-height: 32px;
@@ -12197,7 +8372,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
12197
8372
 
12198
8373
  .np-theme-personal .np-radio.radio > label,
12199
8374
  .np-theme-personal .np-checkbox.checkbox > label {
12200
- padding: 12px 16px calc(12px - 2px);
12201
8375
  padding: var(--input-padding);
12202
8376
  }
12203
8377
 
@@ -12810,7 +8984,6 @@ html:not([dir="rtl"]) .input-group .form-control:not(:last-child) {
12810
8984
  .input-group-lg > .input-group-addon,
12811
8985
  .input-group-lg > .input-group-btn .btn {
12812
8986
  min-height: var(--input-height-large);
12813
- padding: 12px 16px calc(12px - 2px);
12814
8987
  padding: var(--input-padding-large);
12815
8988
  border-radius: 3px;
12816
8989
  font-weight: 400;
@@ -12907,7 +9080,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
12907
9080
  .input-group-sm > .form-control,
12908
9081
  .input-group-sm > .input-group-addon {
12909
9082
  min-height: 32px;
12910
- padding: 4px 12px calc(4px - 2px);
12911
9083
  padding: var(--input-padding-small);
12912
9084
  border-radius: 3px;
12913
9085
  font-size: 14px;
@@ -12940,13 +9112,11 @@ select[multiple].input-group-sm > .input-group-addon {
12940
9112
 
12941
9113
  .input-group-sm > .input-group-btn > .btn {
12942
9114
  height: 32px;
12943
- padding: 4px 16px calc(4px - 2px);
12944
9115
  padding: var(--btn-sm-padding);
12945
9116
  font-size: 0.875rem;
12946
9117
  font-size: var(--font-size-14);
12947
9118
  line-height: 1.375rem;
12948
9119
  line-height: var(--line-height-22);
12949
- border-radius: 2px;
12950
9120
  border-radius: var(--btn-sm-radius-base);
12951
9121
  min-height: var(--btn-sm-height);
12952
9122
  }
@@ -12990,7 +9160,6 @@ select[multiple].input-group-sm > .input-group-addon {
12990
9160
  }
12991
9161
 
12992
9162
  .input-group-addon {
12993
- padding: 12px 16px calc(12px - 2px);
12994
9163
  padding: var(--input-group-addon-padding);
12995
9164
  font-size: 1rem;
12996
9165
  font-size: var(--font-size-16);
@@ -13006,12 +9175,10 @@ select[multiple].input-group-sm > .input-group-addon {
13006
9175
  }
13007
9176
 
13008
9177
  .input-group-addon.input-sm {
13009
- padding: calc(4px - 1px) 12px !important;
13010
9178
  padding: var(--input-group-addon-sm-padding) !important;
13011
9179
  }
13012
9180
 
13013
9181
  .input-group-addon.input-lg {
13014
- padding: 12px 16px calc(12px - 2px) !important;
13015
9182
  padding: var(--input-group-addon-lg-padding) !important;
13016
9183
  }
13017
9184
 
@@ -14084,7 +10251,6 @@ li > a > .currency-flag:first-child {
14084
10251
 
14085
10252
  .dropdown-menu > li > a {
14086
10253
  display: block;
14087
- padding: calc(12px + 1px) 16px calc(12px - 1px);
14088
10254
  padding: var(--dropdown-link-padding);
14089
10255
  clear: both;
14090
10256
  border-radius: 3px;