@asante-org/atlascopco-vt-litesitegenerator 3.6.0 → 3.6.2
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/dist/index.esm.scss +69 -2210
- package/dist/index.scss +69 -2210
- package/dist/themes/theme-1.css +5 -83
- package/dist/themes/theme-1.css.map +1 -1
- package/dist/themes/theme-2.css +9 -83
- package/dist/themes/theme-2.css.map +1 -1
- package/dist/themes/theme-3.css +10 -84
- package/dist/themes/theme-3.css.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.scss
CHANGED
|
@@ -1,68 +1,4 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
3
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
4
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
5
|
-
--atlascopco-blue-7: #3daccc;
|
|
6
|
-
--atlascopco-blue-9: #0092bc;
|
|
7
|
-
--atlascopco-blue-11: #006f8f;
|
|
8
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
9
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
10
|
-
--atlascopco-gray-5: #aab0b5;
|
|
11
|
-
--atlascopco-gray-7: #828b92;
|
|
12
|
-
--atlascopco-gray-9: #5b6770;
|
|
13
|
-
--atlascopco-gray-11: #2f363a;
|
|
14
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
15
|
-
--atlascopco-beige-2: #efebe6;
|
|
16
|
-
--atlascopco-beige-3: #e7e0da;
|
|
17
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
18
|
-
--atlascopco-blue: #0092bc;
|
|
19
|
-
--atlascopco-blue-dark: #006f8f;
|
|
20
|
-
--atlascopco-black: #000000;
|
|
21
|
-
--atlascopco-white: #ffffff;
|
|
22
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
23
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
24
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
25
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
26
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
27
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
28
|
-
--atlascopco-grey-300: #aab0b5;
|
|
29
|
-
--atlascopco-grey-400: #828b92;
|
|
30
|
-
--atlascopco-grey-500: #5b6770;
|
|
31
|
-
--atlascopco-grey-600: #2f363a;
|
|
32
|
-
--color-primary: #0092bc;
|
|
33
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
34
|
-
--spacing-zero: 0px;
|
|
35
|
-
--spacing-xxs: 4px;
|
|
36
|
-
--spacing-xs: 8px;
|
|
37
|
-
--spacing-sm: 12px;
|
|
38
|
-
--spacing-md: 16px;
|
|
39
|
-
--spacing-lg: 24px;
|
|
40
|
-
--spacing-xl: 36px;
|
|
41
|
-
--spacing-xxl: 48px;
|
|
42
|
-
--spacing-3xl: 72px;
|
|
43
|
-
--spacing-4xl: 96px;
|
|
44
|
-
--h1-mobile-size: 32px;
|
|
45
|
-
--h1-mobile-line-height: 1.2;
|
|
46
|
-
--h2-mobile-size: 24px;
|
|
47
|
-
--h2-mobile-line-height: 1.2;
|
|
48
|
-
--h3-mobile-size: 18px;
|
|
49
|
-
--h3-mobile-line-height: 1.6;
|
|
50
|
-
--body-mobile-size: 14px;
|
|
51
|
-
--body-mobile-line-height: 1.5;
|
|
52
|
-
--h1-desktop-size: 55px;
|
|
53
|
-
--h1-desktop-line-height: 1.15;
|
|
54
|
-
--h2-desktop-size: 40px;
|
|
55
|
-
--h2-desktop-line-height: 1.2;
|
|
56
|
-
--h3-desktop-size: 32px;
|
|
57
|
-
--h3-desktop-line-height: 1.2;
|
|
58
|
-
--body-desktop-size: 18px;
|
|
59
|
-
--body-desktop-line-height: 1.6;
|
|
60
|
-
--text-lg-size: 27px;
|
|
61
|
-
--text-lg-line-height: 1.4;
|
|
62
|
-
--text-xl-size: 36px;
|
|
63
|
-
--text-xl-line-height: 1.4;
|
|
64
|
-
--text-xxl-size: 64px;
|
|
65
|
-
--text-xxl-line-height: 1;
|
|
66
2
|
--lsg-color-primary: #14532d;
|
|
67
3
|
--lsg-color-secondary: #3f3f46;
|
|
68
4
|
--lsg-color-tertiary: #c2410c;
|
|
@@ -70,6 +6,8 @@
|
|
|
70
6
|
--lsg-color-dark: #18181b;
|
|
71
7
|
--lsg-color-black: #09090b;
|
|
72
8
|
--lsg-color-white: #ffffff;
|
|
9
|
+
--lsg-color-form--active: #02b82c;
|
|
10
|
+
--lsg-color-form--error: #ff0000;
|
|
73
11
|
--lsg-size-Small: 14px;
|
|
74
12
|
--lsg-size-body: 18px;
|
|
75
13
|
--lsg-size-Pretitle: 18px;
|
|
@@ -141,7 +79,7 @@
|
|
|
141
79
|
--lsg-type-xxxlarge-desktop-size: var(--lsg-size-xxxl);
|
|
142
80
|
--lsg-type-xxxlarge-mobile-line-height: var(--lsg-line-height-tight);
|
|
143
81
|
--lsg-type-xxxlarge-desktop-line-height: var(--lsg-line-height-tight);
|
|
144
|
-
--lsg-theme-radius:
|
|
82
|
+
--lsg-theme-radius: var(--lsg-theme-radius);
|
|
145
83
|
--lsg-spacing-size-2XS: 4px;
|
|
146
84
|
--lsg-spacing-size-XS: 8px;
|
|
147
85
|
--lsg-spacing-size-SM: 16px;
|
|
@@ -174,7 +112,7 @@
|
|
|
174
112
|
--lsg-ai-banner-gap: var(--lsg-spacing-size-XS);
|
|
175
113
|
--lsg-ai-banner-max-width: var(--lsg-container-width-medium);
|
|
176
114
|
--lsg-accordion-max-width: 600px;
|
|
177
|
-
--lsg-accordion-divider-color:
|
|
115
|
+
--lsg-accordion-divider-color: #e7e0da;
|
|
178
116
|
--lsg-accordion-active-color: var(--lsg-color-primary);
|
|
179
117
|
--lsg-accordion-active-border-width: 3px;
|
|
180
118
|
--lsg-accordion-title-color: var(--lsg-color-black);
|
|
@@ -195,7 +133,7 @@
|
|
|
195
133
|
--lsg-accordion-faq-title-font-size: 1.125rem;
|
|
196
134
|
--lsg-accordion-faq-content-font-size: 1rem;
|
|
197
135
|
--lsg-tabs-max-width: var(--lsg-container-width-medium);
|
|
198
|
-
--lsg-tabs-divider-color:
|
|
136
|
+
--lsg-tabs-divider-color: #e7e0da;
|
|
199
137
|
--lsg-tabs-active-color: var(--lsg-color-primary);
|
|
200
138
|
--lsg-tabs-active-border-width: 3px;
|
|
201
139
|
--lsg-tabs-tab-color: var(--lsg-color-secondary, #5b6770);
|
|
@@ -4513,73 +4451,6 @@
|
|
|
4513
4451
|
justify-content: flex-end;
|
|
4514
4452
|
justify-items: end;
|
|
4515
4453
|
}
|
|
4516
|
-
:root {
|
|
4517
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
4518
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
4519
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
4520
|
-
--atlascopco-blue-7: #3daccc;
|
|
4521
|
-
--atlascopco-blue-9: #0092bc;
|
|
4522
|
-
--atlascopco-blue-11: #006f8f;
|
|
4523
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
4524
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
4525
|
-
--atlascopco-gray-5: #aab0b5;
|
|
4526
|
-
--atlascopco-gray-7: #828b92;
|
|
4527
|
-
--atlascopco-gray-9: #5b6770;
|
|
4528
|
-
--atlascopco-gray-11: #2f363a;
|
|
4529
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
4530
|
-
--atlascopco-beige-2: #efebe6;
|
|
4531
|
-
--atlascopco-beige-3: #e7e0da;
|
|
4532
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
4533
|
-
--atlascopco-blue: #0092bc;
|
|
4534
|
-
--atlascopco-blue-dark: #006f8f;
|
|
4535
|
-
--atlascopco-black: #000000;
|
|
4536
|
-
--atlascopco-white: #ffffff;
|
|
4537
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
4538
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
4539
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
4540
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
4541
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
4542
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
4543
|
-
--atlascopco-grey-300: #aab0b5;
|
|
4544
|
-
--atlascopco-grey-400: #828b92;
|
|
4545
|
-
--atlascopco-grey-500: #5b6770;
|
|
4546
|
-
--atlascopco-grey-600: #2f363a;
|
|
4547
|
-
--color-primary: #0092bc;
|
|
4548
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
4549
|
-
--spacing-zero: 0px;
|
|
4550
|
-
--spacing-xxs: 4px;
|
|
4551
|
-
--spacing-xs: 8px;
|
|
4552
|
-
--spacing-sm: 12px;
|
|
4553
|
-
--spacing-md: 16px;
|
|
4554
|
-
--spacing-lg: 24px;
|
|
4555
|
-
--spacing-xl: 36px;
|
|
4556
|
-
--spacing-xxl: 48px;
|
|
4557
|
-
--spacing-3xl: 72px;
|
|
4558
|
-
--spacing-4xl: 96px;
|
|
4559
|
-
--h1-mobile-size: 32px;
|
|
4560
|
-
--h1-mobile-line-height: 1.2;
|
|
4561
|
-
--h2-mobile-size: 24px;
|
|
4562
|
-
--h2-mobile-line-height: 1.2;
|
|
4563
|
-
--h3-mobile-size: 18px;
|
|
4564
|
-
--h3-mobile-line-height: 1.6;
|
|
4565
|
-
--body-mobile-size: 14px;
|
|
4566
|
-
--body-mobile-line-height: 1.5;
|
|
4567
|
-
--h1-desktop-size: 55px;
|
|
4568
|
-
--h1-desktop-line-height: 1.15;
|
|
4569
|
-
--h2-desktop-size: 40px;
|
|
4570
|
-
--h2-desktop-line-height: 1.2;
|
|
4571
|
-
--h3-desktop-size: 32px;
|
|
4572
|
-
--h3-desktop-line-height: 1.2;
|
|
4573
|
-
--body-desktop-size: 18px;
|
|
4574
|
-
--body-desktop-line-height: 1.6;
|
|
4575
|
-
--text-lg-size: 27px;
|
|
4576
|
-
--text-lg-line-height: 1.4;
|
|
4577
|
-
--text-xl-size: 36px;
|
|
4578
|
-
--text-xl-line-height: 1.4;
|
|
4579
|
-
--text-xxl-size: 64px;
|
|
4580
|
-
--text-xxl-line-height: 1;
|
|
4581
|
-
}
|
|
4582
|
-
|
|
4583
4454
|
.lsg-button {
|
|
4584
4455
|
display: inline-flex;
|
|
4585
4456
|
align-items: center;
|
|
@@ -4625,73 +4496,6 @@
|
|
|
4625
4496
|
cursor: not-allowed;
|
|
4626
4497
|
pointer-events: none;
|
|
4627
4498
|
}
|
|
4628
|
-
:root {
|
|
4629
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
4630
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
4631
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
4632
|
-
--atlascopco-blue-7: #3daccc;
|
|
4633
|
-
--atlascopco-blue-9: #0092bc;
|
|
4634
|
-
--atlascopco-blue-11: #006f8f;
|
|
4635
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
4636
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
4637
|
-
--atlascopco-gray-5: #aab0b5;
|
|
4638
|
-
--atlascopco-gray-7: #828b92;
|
|
4639
|
-
--atlascopco-gray-9: #5b6770;
|
|
4640
|
-
--atlascopco-gray-11: #2f363a;
|
|
4641
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
4642
|
-
--atlascopco-beige-2: #efebe6;
|
|
4643
|
-
--atlascopco-beige-3: #e7e0da;
|
|
4644
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
4645
|
-
--atlascopco-blue: #0092bc;
|
|
4646
|
-
--atlascopco-blue-dark: #006f8f;
|
|
4647
|
-
--atlascopco-black: #000000;
|
|
4648
|
-
--atlascopco-white: #ffffff;
|
|
4649
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
4650
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
4651
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
4652
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
4653
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
4654
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
4655
|
-
--atlascopco-grey-300: #aab0b5;
|
|
4656
|
-
--atlascopco-grey-400: #828b92;
|
|
4657
|
-
--atlascopco-grey-500: #5b6770;
|
|
4658
|
-
--atlascopco-grey-600: #2f363a;
|
|
4659
|
-
--color-primary: #0092bc;
|
|
4660
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
4661
|
-
--spacing-zero: 0px;
|
|
4662
|
-
--spacing-xxs: 4px;
|
|
4663
|
-
--spacing-xs: 8px;
|
|
4664
|
-
--spacing-sm: 12px;
|
|
4665
|
-
--spacing-md: 16px;
|
|
4666
|
-
--spacing-lg: 24px;
|
|
4667
|
-
--spacing-xl: 36px;
|
|
4668
|
-
--spacing-xxl: 48px;
|
|
4669
|
-
--spacing-3xl: 72px;
|
|
4670
|
-
--spacing-4xl: 96px;
|
|
4671
|
-
--h1-mobile-size: 32px;
|
|
4672
|
-
--h1-mobile-line-height: 1.2;
|
|
4673
|
-
--h2-mobile-size: 24px;
|
|
4674
|
-
--h2-mobile-line-height: 1.2;
|
|
4675
|
-
--h3-mobile-size: 18px;
|
|
4676
|
-
--h3-mobile-line-height: 1.6;
|
|
4677
|
-
--body-mobile-size: 14px;
|
|
4678
|
-
--body-mobile-line-height: 1.5;
|
|
4679
|
-
--h1-desktop-size: 55px;
|
|
4680
|
-
--h1-desktop-line-height: 1.15;
|
|
4681
|
-
--h2-desktop-size: 40px;
|
|
4682
|
-
--h2-desktop-line-height: 1.2;
|
|
4683
|
-
--h3-desktop-size: 32px;
|
|
4684
|
-
--h3-desktop-line-height: 1.2;
|
|
4685
|
-
--body-desktop-size: 18px;
|
|
4686
|
-
--body-desktop-line-height: 1.6;
|
|
4687
|
-
--text-lg-size: 27px;
|
|
4688
|
-
--text-lg-line-height: 1.4;
|
|
4689
|
-
--text-xl-size: 36px;
|
|
4690
|
-
--text-xl-line-height: 1.4;
|
|
4691
|
-
--text-xxl-size: 64px;
|
|
4692
|
-
--text-xxl-line-height: 1;
|
|
4693
|
-
}
|
|
4694
|
-
|
|
4695
4499
|
.lsg-banner,
|
|
4696
4500
|
.lsg-banner * {
|
|
4697
4501
|
box-sizing: border-box;
|
|
@@ -4951,73 +4755,6 @@
|
|
|
4951
4755
|
align-self: center;
|
|
4952
4756
|
}
|
|
4953
4757
|
}
|
|
4954
|
-
:root {
|
|
4955
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
4956
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
4957
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
4958
|
-
--atlascopco-blue-7: #3daccc;
|
|
4959
|
-
--atlascopco-blue-9: #0092bc;
|
|
4960
|
-
--atlascopco-blue-11: #006f8f;
|
|
4961
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
4962
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
4963
|
-
--atlascopco-gray-5: #aab0b5;
|
|
4964
|
-
--atlascopco-gray-7: #828b92;
|
|
4965
|
-
--atlascopco-gray-9: #5b6770;
|
|
4966
|
-
--atlascopco-gray-11: #2f363a;
|
|
4967
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
4968
|
-
--atlascopco-beige-2: #efebe6;
|
|
4969
|
-
--atlascopco-beige-3: #e7e0da;
|
|
4970
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
4971
|
-
--atlascopco-blue: #0092bc;
|
|
4972
|
-
--atlascopco-blue-dark: #006f8f;
|
|
4973
|
-
--atlascopco-black: #000000;
|
|
4974
|
-
--atlascopco-white: #ffffff;
|
|
4975
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
4976
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
4977
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
4978
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
4979
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
4980
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
4981
|
-
--atlascopco-grey-300: #aab0b5;
|
|
4982
|
-
--atlascopco-grey-400: #828b92;
|
|
4983
|
-
--atlascopco-grey-500: #5b6770;
|
|
4984
|
-
--atlascopco-grey-600: #2f363a;
|
|
4985
|
-
--color-primary: #0092bc;
|
|
4986
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
4987
|
-
--spacing-zero: 0px;
|
|
4988
|
-
--spacing-xxs: 4px;
|
|
4989
|
-
--spacing-xs: 8px;
|
|
4990
|
-
--spacing-sm: 12px;
|
|
4991
|
-
--spacing-md: 16px;
|
|
4992
|
-
--spacing-lg: 24px;
|
|
4993
|
-
--spacing-xl: 36px;
|
|
4994
|
-
--spacing-xxl: 48px;
|
|
4995
|
-
--spacing-3xl: 72px;
|
|
4996
|
-
--spacing-4xl: 96px;
|
|
4997
|
-
--h1-mobile-size: 32px;
|
|
4998
|
-
--h1-mobile-line-height: 1.2;
|
|
4999
|
-
--h2-mobile-size: 24px;
|
|
5000
|
-
--h2-mobile-line-height: 1.2;
|
|
5001
|
-
--h3-mobile-size: 18px;
|
|
5002
|
-
--h3-mobile-line-height: 1.6;
|
|
5003
|
-
--body-mobile-size: 14px;
|
|
5004
|
-
--body-mobile-line-height: 1.5;
|
|
5005
|
-
--h1-desktop-size: 55px;
|
|
5006
|
-
--h1-desktop-line-height: 1.15;
|
|
5007
|
-
--h2-desktop-size: 40px;
|
|
5008
|
-
--h2-desktop-line-height: 1.2;
|
|
5009
|
-
--h3-desktop-size: 32px;
|
|
5010
|
-
--h3-desktop-line-height: 1.2;
|
|
5011
|
-
--body-desktop-size: 18px;
|
|
5012
|
-
--body-desktop-line-height: 1.6;
|
|
5013
|
-
--text-lg-size: 27px;
|
|
5014
|
-
--text-lg-line-height: 1.4;
|
|
5015
|
-
--text-xl-size: 36px;
|
|
5016
|
-
--text-xl-line-height: 1.4;
|
|
5017
|
-
--text-xxl-size: 64px;
|
|
5018
|
-
--text-xxl-line-height: 1;
|
|
5019
|
-
}
|
|
5020
|
-
|
|
5021
4758
|
.lsg-image {
|
|
5022
4759
|
position: relative;
|
|
5023
4760
|
width: 100%;
|
|
@@ -5149,73 +4886,6 @@
|
|
|
5149
4886
|
transition: none;
|
|
5150
4887
|
}
|
|
5151
4888
|
}
|
|
5152
|
-
:root {
|
|
5153
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
5154
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
5155
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
5156
|
-
--atlascopco-blue-7: #3daccc;
|
|
5157
|
-
--atlascopco-blue-9: #0092bc;
|
|
5158
|
-
--atlascopco-blue-11: #006f8f;
|
|
5159
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
5160
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
5161
|
-
--atlascopco-gray-5: #aab0b5;
|
|
5162
|
-
--atlascopco-gray-7: #828b92;
|
|
5163
|
-
--atlascopco-gray-9: #5b6770;
|
|
5164
|
-
--atlascopco-gray-11: #2f363a;
|
|
5165
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
5166
|
-
--atlascopco-beige-2: #efebe6;
|
|
5167
|
-
--atlascopco-beige-3: #e7e0da;
|
|
5168
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
5169
|
-
--atlascopco-blue: #0092bc;
|
|
5170
|
-
--atlascopco-blue-dark: #006f8f;
|
|
5171
|
-
--atlascopco-black: #000000;
|
|
5172
|
-
--atlascopco-white: #ffffff;
|
|
5173
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
5174
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
5175
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
5176
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
5177
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
5178
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
5179
|
-
--atlascopco-grey-300: #aab0b5;
|
|
5180
|
-
--atlascopco-grey-400: #828b92;
|
|
5181
|
-
--atlascopco-grey-500: #5b6770;
|
|
5182
|
-
--atlascopco-grey-600: #2f363a;
|
|
5183
|
-
--color-primary: #0092bc;
|
|
5184
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
5185
|
-
--spacing-zero: 0px;
|
|
5186
|
-
--spacing-xxs: 4px;
|
|
5187
|
-
--spacing-xs: 8px;
|
|
5188
|
-
--spacing-sm: 12px;
|
|
5189
|
-
--spacing-md: 16px;
|
|
5190
|
-
--spacing-lg: 24px;
|
|
5191
|
-
--spacing-xl: 36px;
|
|
5192
|
-
--spacing-xxl: 48px;
|
|
5193
|
-
--spacing-3xl: 72px;
|
|
5194
|
-
--spacing-4xl: 96px;
|
|
5195
|
-
--h1-mobile-size: 32px;
|
|
5196
|
-
--h1-mobile-line-height: 1.2;
|
|
5197
|
-
--h2-mobile-size: 24px;
|
|
5198
|
-
--h2-mobile-line-height: 1.2;
|
|
5199
|
-
--h3-mobile-size: 18px;
|
|
5200
|
-
--h3-mobile-line-height: 1.6;
|
|
5201
|
-
--body-mobile-size: 14px;
|
|
5202
|
-
--body-mobile-line-height: 1.5;
|
|
5203
|
-
--h1-desktop-size: 55px;
|
|
5204
|
-
--h1-desktop-line-height: 1.15;
|
|
5205
|
-
--h2-desktop-size: 40px;
|
|
5206
|
-
--h2-desktop-line-height: 1.2;
|
|
5207
|
-
--h3-desktop-size: 32px;
|
|
5208
|
-
--h3-desktop-line-height: 1.2;
|
|
5209
|
-
--body-desktop-size: 18px;
|
|
5210
|
-
--body-desktop-line-height: 1.6;
|
|
5211
|
-
--text-lg-size: 27px;
|
|
5212
|
-
--text-lg-line-height: 1.4;
|
|
5213
|
-
--text-xl-size: 36px;
|
|
5214
|
-
--text-xl-line-height: 1.4;
|
|
5215
|
-
--text-xxl-size: 64px;
|
|
5216
|
-
--text-xxl-line-height: 1;
|
|
5217
|
-
}
|
|
5218
|
-
|
|
5219
4889
|
.lsg-video {
|
|
5220
4890
|
position: relative;
|
|
5221
4891
|
width: 100%;
|
|
@@ -5374,73 +5044,6 @@
|
|
|
5374
5044
|
transition: none;
|
|
5375
5045
|
}
|
|
5376
5046
|
}
|
|
5377
|
-
:root {
|
|
5378
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
5379
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
5380
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
5381
|
-
--atlascopco-blue-7: #3daccc;
|
|
5382
|
-
--atlascopco-blue-9: #0092bc;
|
|
5383
|
-
--atlascopco-blue-11: #006f8f;
|
|
5384
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
5385
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
5386
|
-
--atlascopco-gray-5: #aab0b5;
|
|
5387
|
-
--atlascopco-gray-7: #828b92;
|
|
5388
|
-
--atlascopco-gray-9: #5b6770;
|
|
5389
|
-
--atlascopco-gray-11: #2f363a;
|
|
5390
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
5391
|
-
--atlascopco-beige-2: #efebe6;
|
|
5392
|
-
--atlascopco-beige-3: #e7e0da;
|
|
5393
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
5394
|
-
--atlascopco-blue: #0092bc;
|
|
5395
|
-
--atlascopco-blue-dark: #006f8f;
|
|
5396
|
-
--atlascopco-black: #000000;
|
|
5397
|
-
--atlascopco-white: #ffffff;
|
|
5398
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
5399
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
5400
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
5401
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
5402
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
5403
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
5404
|
-
--atlascopco-grey-300: #aab0b5;
|
|
5405
|
-
--atlascopco-grey-400: #828b92;
|
|
5406
|
-
--atlascopco-grey-500: #5b6770;
|
|
5407
|
-
--atlascopco-grey-600: #2f363a;
|
|
5408
|
-
--color-primary: #0092bc;
|
|
5409
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
5410
|
-
--spacing-zero: 0px;
|
|
5411
|
-
--spacing-xxs: 4px;
|
|
5412
|
-
--spacing-xs: 8px;
|
|
5413
|
-
--spacing-sm: 12px;
|
|
5414
|
-
--spacing-md: 16px;
|
|
5415
|
-
--spacing-lg: 24px;
|
|
5416
|
-
--spacing-xl: 36px;
|
|
5417
|
-
--spacing-xxl: 48px;
|
|
5418
|
-
--spacing-3xl: 72px;
|
|
5419
|
-
--spacing-4xl: 96px;
|
|
5420
|
-
--h1-mobile-size: 32px;
|
|
5421
|
-
--h1-mobile-line-height: 1.2;
|
|
5422
|
-
--h2-mobile-size: 24px;
|
|
5423
|
-
--h2-mobile-line-height: 1.2;
|
|
5424
|
-
--h3-mobile-size: 18px;
|
|
5425
|
-
--h3-mobile-line-height: 1.6;
|
|
5426
|
-
--body-mobile-size: 14px;
|
|
5427
|
-
--body-mobile-line-height: 1.5;
|
|
5428
|
-
--h1-desktop-size: 55px;
|
|
5429
|
-
--h1-desktop-line-height: 1.15;
|
|
5430
|
-
--h2-desktop-size: 40px;
|
|
5431
|
-
--h2-desktop-line-height: 1.2;
|
|
5432
|
-
--h3-desktop-size: 32px;
|
|
5433
|
-
--h3-desktop-line-height: 1.2;
|
|
5434
|
-
--body-desktop-size: 18px;
|
|
5435
|
-
--body-desktop-line-height: 1.6;
|
|
5436
|
-
--text-lg-size: 27px;
|
|
5437
|
-
--text-lg-line-height: 1.4;
|
|
5438
|
-
--text-xl-size: 36px;
|
|
5439
|
-
--text-xl-line-height: 1.4;
|
|
5440
|
-
--text-xxl-size: 64px;
|
|
5441
|
-
--text-xxl-line-height: 1;
|
|
5442
|
-
}
|
|
5443
|
-
|
|
5444
5047
|
.lsg-carousel {
|
|
5445
5048
|
--lsg-carousel-bg: var(--lsg-color-primary);
|
|
5446
5049
|
--lsg-carousel-color: var(--lsg-color-white);
|
|
@@ -5819,73 +5422,6 @@
|
|
|
5819
5422
|
margin-top: 8px;
|
|
5820
5423
|
}
|
|
5821
5424
|
}
|
|
5822
|
-
:root {
|
|
5823
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
5824
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
5825
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
5826
|
-
--atlascopco-blue-7: #3daccc;
|
|
5827
|
-
--atlascopco-blue-9: #0092bc;
|
|
5828
|
-
--atlascopco-blue-11: #006f8f;
|
|
5829
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
5830
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
5831
|
-
--atlascopco-gray-5: #aab0b5;
|
|
5832
|
-
--atlascopco-gray-7: #828b92;
|
|
5833
|
-
--atlascopco-gray-9: #5b6770;
|
|
5834
|
-
--atlascopco-gray-11: #2f363a;
|
|
5835
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
5836
|
-
--atlascopco-beige-2: #efebe6;
|
|
5837
|
-
--atlascopco-beige-3: #e7e0da;
|
|
5838
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
5839
|
-
--atlascopco-blue: #0092bc;
|
|
5840
|
-
--atlascopco-blue-dark: #006f8f;
|
|
5841
|
-
--atlascopco-black: #000000;
|
|
5842
|
-
--atlascopco-white: #ffffff;
|
|
5843
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
5844
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
5845
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
5846
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
5847
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
5848
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
5849
|
-
--atlascopco-grey-300: #aab0b5;
|
|
5850
|
-
--atlascopco-grey-400: #828b92;
|
|
5851
|
-
--atlascopco-grey-500: #5b6770;
|
|
5852
|
-
--atlascopco-grey-600: #2f363a;
|
|
5853
|
-
--color-primary: #0092bc;
|
|
5854
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
5855
|
-
--spacing-zero: 0px;
|
|
5856
|
-
--spacing-xxs: 4px;
|
|
5857
|
-
--spacing-xs: 8px;
|
|
5858
|
-
--spacing-sm: 12px;
|
|
5859
|
-
--spacing-md: 16px;
|
|
5860
|
-
--spacing-lg: 24px;
|
|
5861
|
-
--spacing-xl: 36px;
|
|
5862
|
-
--spacing-xxl: 48px;
|
|
5863
|
-
--spacing-3xl: 72px;
|
|
5864
|
-
--spacing-4xl: 96px;
|
|
5865
|
-
--h1-mobile-size: 32px;
|
|
5866
|
-
--h1-mobile-line-height: 1.2;
|
|
5867
|
-
--h2-mobile-size: 24px;
|
|
5868
|
-
--h2-mobile-line-height: 1.2;
|
|
5869
|
-
--h3-mobile-size: 18px;
|
|
5870
|
-
--h3-mobile-line-height: 1.6;
|
|
5871
|
-
--body-mobile-size: 14px;
|
|
5872
|
-
--body-mobile-line-height: 1.5;
|
|
5873
|
-
--h1-desktop-size: 55px;
|
|
5874
|
-
--h1-desktop-line-height: 1.15;
|
|
5875
|
-
--h2-desktop-size: 40px;
|
|
5876
|
-
--h2-desktop-line-height: 1.2;
|
|
5877
|
-
--h3-desktop-size: 32px;
|
|
5878
|
-
--h3-desktop-line-height: 1.2;
|
|
5879
|
-
--body-desktop-size: 18px;
|
|
5880
|
-
--body-desktop-line-height: 1.6;
|
|
5881
|
-
--text-lg-size: 27px;
|
|
5882
|
-
--text-lg-line-height: 1.4;
|
|
5883
|
-
--text-xl-size: 36px;
|
|
5884
|
-
--text-xl-line-height: 1.4;
|
|
5885
|
-
--text-xxl-size: 64px;
|
|
5886
|
-
--text-xxl-line-height: 1;
|
|
5887
|
-
}
|
|
5888
|
-
|
|
5889
5425
|
.lsg-card,
|
|
5890
5426
|
.lsg-card *,
|
|
5891
5427
|
.lsg-cards,
|
|
@@ -6024,73 +5560,6 @@
|
|
|
6024
5560
|
min-width: 0;
|
|
6025
5561
|
list-style: none;
|
|
6026
5562
|
}
|
|
6027
|
-
:root {
|
|
6028
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
6029
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
6030
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
6031
|
-
--atlascopco-blue-7: #3daccc;
|
|
6032
|
-
--atlascopco-blue-9: #0092bc;
|
|
6033
|
-
--atlascopco-blue-11: #006f8f;
|
|
6034
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
6035
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
6036
|
-
--atlascopco-gray-5: #aab0b5;
|
|
6037
|
-
--atlascopco-gray-7: #828b92;
|
|
6038
|
-
--atlascopco-gray-9: #5b6770;
|
|
6039
|
-
--atlascopco-gray-11: #2f363a;
|
|
6040
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
6041
|
-
--atlascopco-beige-2: #efebe6;
|
|
6042
|
-
--atlascopco-beige-3: #e7e0da;
|
|
6043
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
6044
|
-
--atlascopco-blue: #0092bc;
|
|
6045
|
-
--atlascopco-blue-dark: #006f8f;
|
|
6046
|
-
--atlascopco-black: #000000;
|
|
6047
|
-
--atlascopco-white: #ffffff;
|
|
6048
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
6049
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
6050
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
6051
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
6052
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
6053
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
6054
|
-
--atlascopco-grey-300: #aab0b5;
|
|
6055
|
-
--atlascopco-grey-400: #828b92;
|
|
6056
|
-
--atlascopco-grey-500: #5b6770;
|
|
6057
|
-
--atlascopco-grey-600: #2f363a;
|
|
6058
|
-
--color-primary: #0092bc;
|
|
6059
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
6060
|
-
--spacing-zero: 0px;
|
|
6061
|
-
--spacing-xxs: 4px;
|
|
6062
|
-
--spacing-xs: 8px;
|
|
6063
|
-
--spacing-sm: 12px;
|
|
6064
|
-
--spacing-md: 16px;
|
|
6065
|
-
--spacing-lg: 24px;
|
|
6066
|
-
--spacing-xl: 36px;
|
|
6067
|
-
--spacing-xxl: 48px;
|
|
6068
|
-
--spacing-3xl: 72px;
|
|
6069
|
-
--spacing-4xl: 96px;
|
|
6070
|
-
--h1-mobile-size: 32px;
|
|
6071
|
-
--h1-mobile-line-height: 1.2;
|
|
6072
|
-
--h2-mobile-size: 24px;
|
|
6073
|
-
--h2-mobile-line-height: 1.2;
|
|
6074
|
-
--h3-mobile-size: 18px;
|
|
6075
|
-
--h3-mobile-line-height: 1.6;
|
|
6076
|
-
--body-mobile-size: 14px;
|
|
6077
|
-
--body-mobile-line-height: 1.5;
|
|
6078
|
-
--h1-desktop-size: 55px;
|
|
6079
|
-
--h1-desktop-line-height: 1.15;
|
|
6080
|
-
--h2-desktop-size: 40px;
|
|
6081
|
-
--h2-desktop-line-height: 1.2;
|
|
6082
|
-
--h3-desktop-size: 32px;
|
|
6083
|
-
--h3-desktop-line-height: 1.2;
|
|
6084
|
-
--body-desktop-size: 18px;
|
|
6085
|
-
--body-desktop-line-height: 1.6;
|
|
6086
|
-
--text-lg-size: 27px;
|
|
6087
|
-
--text-lg-line-height: 1.4;
|
|
6088
|
-
--text-xl-size: 36px;
|
|
6089
|
-
--text-xl-line-height: 1.4;
|
|
6090
|
-
--text-xxl-size: 64px;
|
|
6091
|
-
--text-xxl-line-height: 1;
|
|
6092
|
-
}
|
|
6093
|
-
|
|
6094
5563
|
.lsg-breadcrumb,
|
|
6095
5564
|
.lsg-breadcrumb * {
|
|
6096
5565
|
box-sizing: border-box;
|
|
@@ -6198,73 +5667,6 @@
|
|
|
6198
5667
|
padding-left: var(--lsg-breadcrumb-padding-desktop, 200px);
|
|
6199
5668
|
}
|
|
6200
5669
|
}
|
|
6201
|
-
:root {
|
|
6202
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
6203
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
6204
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
6205
|
-
--atlascopco-blue-7: #3daccc;
|
|
6206
|
-
--atlascopco-blue-9: #0092bc;
|
|
6207
|
-
--atlascopco-blue-11: #006f8f;
|
|
6208
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
6209
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
6210
|
-
--atlascopco-gray-5: #aab0b5;
|
|
6211
|
-
--atlascopco-gray-7: #828b92;
|
|
6212
|
-
--atlascopco-gray-9: #5b6770;
|
|
6213
|
-
--atlascopco-gray-11: #2f363a;
|
|
6214
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
6215
|
-
--atlascopco-beige-2: #efebe6;
|
|
6216
|
-
--atlascopco-beige-3: #e7e0da;
|
|
6217
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
6218
|
-
--atlascopco-blue: #0092bc;
|
|
6219
|
-
--atlascopco-blue-dark: #006f8f;
|
|
6220
|
-
--atlascopco-black: #000000;
|
|
6221
|
-
--atlascopco-white: #ffffff;
|
|
6222
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
6223
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
6224
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
6225
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
6226
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
6227
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
6228
|
-
--atlascopco-grey-300: #aab0b5;
|
|
6229
|
-
--atlascopco-grey-400: #828b92;
|
|
6230
|
-
--atlascopco-grey-500: #5b6770;
|
|
6231
|
-
--atlascopco-grey-600: #2f363a;
|
|
6232
|
-
--color-primary: #0092bc;
|
|
6233
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
6234
|
-
--spacing-zero: 0px;
|
|
6235
|
-
--spacing-xxs: 4px;
|
|
6236
|
-
--spacing-xs: 8px;
|
|
6237
|
-
--spacing-sm: 12px;
|
|
6238
|
-
--spacing-md: 16px;
|
|
6239
|
-
--spacing-lg: 24px;
|
|
6240
|
-
--spacing-xl: 36px;
|
|
6241
|
-
--spacing-xxl: 48px;
|
|
6242
|
-
--spacing-3xl: 72px;
|
|
6243
|
-
--spacing-4xl: 96px;
|
|
6244
|
-
--h1-mobile-size: 32px;
|
|
6245
|
-
--h1-mobile-line-height: 1.2;
|
|
6246
|
-
--h2-mobile-size: 24px;
|
|
6247
|
-
--h2-mobile-line-height: 1.2;
|
|
6248
|
-
--h3-mobile-size: 18px;
|
|
6249
|
-
--h3-mobile-line-height: 1.6;
|
|
6250
|
-
--body-mobile-size: 14px;
|
|
6251
|
-
--body-mobile-line-height: 1.5;
|
|
6252
|
-
--h1-desktop-size: 55px;
|
|
6253
|
-
--h1-desktop-line-height: 1.15;
|
|
6254
|
-
--h2-desktop-size: 40px;
|
|
6255
|
-
--h2-desktop-line-height: 1.2;
|
|
6256
|
-
--h3-desktop-size: 32px;
|
|
6257
|
-
--h3-desktop-line-height: 1.2;
|
|
6258
|
-
--body-desktop-size: 18px;
|
|
6259
|
-
--body-desktop-line-height: 1.6;
|
|
6260
|
-
--text-lg-size: 27px;
|
|
6261
|
-
--text-lg-line-height: 1.4;
|
|
6262
|
-
--text-xl-size: 36px;
|
|
6263
|
-
--text-xl-line-height: 1.4;
|
|
6264
|
-
--text-xxl-size: 64px;
|
|
6265
|
-
--text-xxl-line-height: 1;
|
|
6266
|
-
}
|
|
6267
|
-
|
|
6268
5670
|
.lsg-logo {
|
|
6269
5671
|
display: inline-flex;
|
|
6270
5672
|
align-items: center;
|
|
@@ -6284,73 +5686,6 @@
|
|
|
6284
5686
|
color: var(--lsg-color-primary);
|
|
6285
5687
|
letter-spacing: -0.01em;
|
|
6286
5688
|
}
|
|
6287
|
-
:root {
|
|
6288
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
6289
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
6290
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
6291
|
-
--atlascopco-blue-7: #3daccc;
|
|
6292
|
-
--atlascopco-blue-9: #0092bc;
|
|
6293
|
-
--atlascopco-blue-11: #006f8f;
|
|
6294
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
6295
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
6296
|
-
--atlascopco-gray-5: #aab0b5;
|
|
6297
|
-
--atlascopco-gray-7: #828b92;
|
|
6298
|
-
--atlascopco-gray-9: #5b6770;
|
|
6299
|
-
--atlascopco-gray-11: #2f363a;
|
|
6300
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
6301
|
-
--atlascopco-beige-2: #efebe6;
|
|
6302
|
-
--atlascopco-beige-3: #e7e0da;
|
|
6303
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
6304
|
-
--atlascopco-blue: #0092bc;
|
|
6305
|
-
--atlascopco-blue-dark: #006f8f;
|
|
6306
|
-
--atlascopco-black: #000000;
|
|
6307
|
-
--atlascopco-white: #ffffff;
|
|
6308
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
6309
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
6310
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
6311
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
6312
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
6313
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
6314
|
-
--atlascopco-grey-300: #aab0b5;
|
|
6315
|
-
--atlascopco-grey-400: #828b92;
|
|
6316
|
-
--atlascopco-grey-500: #5b6770;
|
|
6317
|
-
--atlascopco-grey-600: #2f363a;
|
|
6318
|
-
--color-primary: #0092bc;
|
|
6319
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
6320
|
-
--spacing-zero: 0px;
|
|
6321
|
-
--spacing-xxs: 4px;
|
|
6322
|
-
--spacing-xs: 8px;
|
|
6323
|
-
--spacing-sm: 12px;
|
|
6324
|
-
--spacing-md: 16px;
|
|
6325
|
-
--spacing-lg: 24px;
|
|
6326
|
-
--spacing-xl: 36px;
|
|
6327
|
-
--spacing-xxl: 48px;
|
|
6328
|
-
--spacing-3xl: 72px;
|
|
6329
|
-
--spacing-4xl: 96px;
|
|
6330
|
-
--h1-mobile-size: 32px;
|
|
6331
|
-
--h1-mobile-line-height: 1.2;
|
|
6332
|
-
--h2-mobile-size: 24px;
|
|
6333
|
-
--h2-mobile-line-height: 1.2;
|
|
6334
|
-
--h3-mobile-size: 18px;
|
|
6335
|
-
--h3-mobile-line-height: 1.6;
|
|
6336
|
-
--body-mobile-size: 14px;
|
|
6337
|
-
--body-mobile-line-height: 1.5;
|
|
6338
|
-
--h1-desktop-size: 55px;
|
|
6339
|
-
--h1-desktop-line-height: 1.15;
|
|
6340
|
-
--h2-desktop-size: 40px;
|
|
6341
|
-
--h2-desktop-line-height: 1.2;
|
|
6342
|
-
--h3-desktop-size: 32px;
|
|
6343
|
-
--h3-desktop-line-height: 1.2;
|
|
6344
|
-
--body-desktop-size: 18px;
|
|
6345
|
-
--body-desktop-line-height: 1.6;
|
|
6346
|
-
--text-lg-size: 27px;
|
|
6347
|
-
--text-lg-line-height: 1.4;
|
|
6348
|
-
--text-xl-size: 36px;
|
|
6349
|
-
--text-xl-line-height: 1.4;
|
|
6350
|
-
--text-xxl-size: 64px;
|
|
6351
|
-
--text-xxl-line-height: 1;
|
|
6352
|
-
}
|
|
6353
|
-
|
|
6354
5689
|
.lsg-nav {
|
|
6355
5690
|
font-family: var(--lsg-font-family-primary);
|
|
6356
5691
|
--lsg-header-green: var(--lsg-color-primary);
|
|
@@ -6574,73 +5909,6 @@
|
|
|
6574
5909
|
display: none;
|
|
6575
5910
|
}
|
|
6576
5911
|
}
|
|
6577
|
-
:root {
|
|
6578
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
6579
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
6580
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
6581
|
-
--atlascopco-blue-7: #3daccc;
|
|
6582
|
-
--atlascopco-blue-9: #0092bc;
|
|
6583
|
-
--atlascopco-blue-11: #006f8f;
|
|
6584
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
6585
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
6586
|
-
--atlascopco-gray-5: #aab0b5;
|
|
6587
|
-
--atlascopco-gray-7: #828b92;
|
|
6588
|
-
--atlascopco-gray-9: #5b6770;
|
|
6589
|
-
--atlascopco-gray-11: #2f363a;
|
|
6590
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
6591
|
-
--atlascopco-beige-2: #efebe6;
|
|
6592
|
-
--atlascopco-beige-3: #e7e0da;
|
|
6593
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
6594
|
-
--atlascopco-blue: #0092bc;
|
|
6595
|
-
--atlascopco-blue-dark: #006f8f;
|
|
6596
|
-
--atlascopco-black: #000000;
|
|
6597
|
-
--atlascopco-white: #ffffff;
|
|
6598
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
6599
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
6600
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
6601
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
6602
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
6603
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
6604
|
-
--atlascopco-grey-300: #aab0b5;
|
|
6605
|
-
--atlascopco-grey-400: #828b92;
|
|
6606
|
-
--atlascopco-grey-500: #5b6770;
|
|
6607
|
-
--atlascopco-grey-600: #2f363a;
|
|
6608
|
-
--color-primary: #0092bc;
|
|
6609
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
6610
|
-
--spacing-zero: 0px;
|
|
6611
|
-
--spacing-xxs: 4px;
|
|
6612
|
-
--spacing-xs: 8px;
|
|
6613
|
-
--spacing-sm: 12px;
|
|
6614
|
-
--spacing-md: 16px;
|
|
6615
|
-
--spacing-lg: 24px;
|
|
6616
|
-
--spacing-xl: 36px;
|
|
6617
|
-
--spacing-xxl: 48px;
|
|
6618
|
-
--spacing-3xl: 72px;
|
|
6619
|
-
--spacing-4xl: 96px;
|
|
6620
|
-
--h1-mobile-size: 32px;
|
|
6621
|
-
--h1-mobile-line-height: 1.2;
|
|
6622
|
-
--h2-mobile-size: 24px;
|
|
6623
|
-
--h2-mobile-line-height: 1.2;
|
|
6624
|
-
--h3-mobile-size: 18px;
|
|
6625
|
-
--h3-mobile-line-height: 1.6;
|
|
6626
|
-
--body-mobile-size: 14px;
|
|
6627
|
-
--body-mobile-line-height: 1.5;
|
|
6628
|
-
--h1-desktop-size: 55px;
|
|
6629
|
-
--h1-desktop-line-height: 1.15;
|
|
6630
|
-
--h2-desktop-size: 40px;
|
|
6631
|
-
--h2-desktop-line-height: 1.2;
|
|
6632
|
-
--h3-desktop-size: 32px;
|
|
6633
|
-
--h3-desktop-line-height: 1.2;
|
|
6634
|
-
--body-desktop-size: 18px;
|
|
6635
|
-
--body-desktop-line-height: 1.6;
|
|
6636
|
-
--text-lg-size: 27px;
|
|
6637
|
-
--text-lg-line-height: 1.4;
|
|
6638
|
-
--text-xl-size: 36px;
|
|
6639
|
-
--text-xl-line-height: 1.4;
|
|
6640
|
-
--text-xxl-size: 64px;
|
|
6641
|
-
--text-xxl-line-height: 1;
|
|
6642
|
-
}
|
|
6643
|
-
|
|
6644
5912
|
.lsg-lang-switcher {
|
|
6645
5913
|
font-family: var(--lsg-font-family-primary);
|
|
6646
5914
|
position: relative;
|
|
@@ -6719,73 +5987,6 @@
|
|
|
6719
5987
|
font-weight: 600;
|
|
6720
5988
|
color: var(--lsg-color-primary);
|
|
6721
5989
|
}
|
|
6722
|
-
:root {
|
|
6723
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
6724
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
6725
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
6726
|
-
--atlascopco-blue-7: #3daccc;
|
|
6727
|
-
--atlascopco-blue-9: #0092bc;
|
|
6728
|
-
--atlascopco-blue-11: #006f8f;
|
|
6729
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
6730
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
6731
|
-
--atlascopco-gray-5: #aab0b5;
|
|
6732
|
-
--atlascopco-gray-7: #828b92;
|
|
6733
|
-
--atlascopco-gray-9: #5b6770;
|
|
6734
|
-
--atlascopco-gray-11: #2f363a;
|
|
6735
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
6736
|
-
--atlascopco-beige-2: #efebe6;
|
|
6737
|
-
--atlascopco-beige-3: #e7e0da;
|
|
6738
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
6739
|
-
--atlascopco-blue: #0092bc;
|
|
6740
|
-
--atlascopco-blue-dark: #006f8f;
|
|
6741
|
-
--atlascopco-black: #000000;
|
|
6742
|
-
--atlascopco-white: #ffffff;
|
|
6743
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
6744
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
6745
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
6746
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
6747
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
6748
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
6749
|
-
--atlascopco-grey-300: #aab0b5;
|
|
6750
|
-
--atlascopco-grey-400: #828b92;
|
|
6751
|
-
--atlascopco-grey-500: #5b6770;
|
|
6752
|
-
--atlascopco-grey-600: #2f363a;
|
|
6753
|
-
--color-primary: #0092bc;
|
|
6754
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
6755
|
-
--spacing-zero: 0px;
|
|
6756
|
-
--spacing-xxs: 4px;
|
|
6757
|
-
--spacing-xs: 8px;
|
|
6758
|
-
--spacing-sm: 12px;
|
|
6759
|
-
--spacing-md: 16px;
|
|
6760
|
-
--spacing-lg: 24px;
|
|
6761
|
-
--spacing-xl: 36px;
|
|
6762
|
-
--spacing-xxl: 48px;
|
|
6763
|
-
--spacing-3xl: 72px;
|
|
6764
|
-
--spacing-4xl: 96px;
|
|
6765
|
-
--h1-mobile-size: 32px;
|
|
6766
|
-
--h1-mobile-line-height: 1.2;
|
|
6767
|
-
--h2-mobile-size: 24px;
|
|
6768
|
-
--h2-mobile-line-height: 1.2;
|
|
6769
|
-
--h3-mobile-size: 18px;
|
|
6770
|
-
--h3-mobile-line-height: 1.6;
|
|
6771
|
-
--body-mobile-size: 14px;
|
|
6772
|
-
--body-mobile-line-height: 1.5;
|
|
6773
|
-
--h1-desktop-size: 55px;
|
|
6774
|
-
--h1-desktop-line-height: 1.15;
|
|
6775
|
-
--h2-desktop-size: 40px;
|
|
6776
|
-
--h2-desktop-line-height: 1.2;
|
|
6777
|
-
--h3-desktop-size: 32px;
|
|
6778
|
-
--h3-desktop-line-height: 1.2;
|
|
6779
|
-
--body-desktop-size: 18px;
|
|
6780
|
-
--body-desktop-line-height: 1.6;
|
|
6781
|
-
--text-lg-size: 27px;
|
|
6782
|
-
--text-lg-line-height: 1.4;
|
|
6783
|
-
--text-xl-size: 36px;
|
|
6784
|
-
--text-xl-line-height: 1.4;
|
|
6785
|
-
--text-xxl-size: 64px;
|
|
6786
|
-
--text-xxl-line-height: 1;
|
|
6787
|
-
}
|
|
6788
|
-
|
|
6789
5990
|
.lsg-search-trigger {
|
|
6790
5991
|
display: inline-flex;
|
|
6791
5992
|
align-items: center;
|
|
@@ -6812,73 +6013,6 @@
|
|
|
6812
6013
|
height: 20px;
|
|
6813
6014
|
pointer-events: none;
|
|
6814
6015
|
}
|
|
6815
|
-
:root {
|
|
6816
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
6817
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
6818
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
6819
|
-
--atlascopco-blue-7: #3daccc;
|
|
6820
|
-
--atlascopco-blue-9: #0092bc;
|
|
6821
|
-
--atlascopco-blue-11: #006f8f;
|
|
6822
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
6823
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
6824
|
-
--atlascopco-gray-5: #aab0b5;
|
|
6825
|
-
--atlascopco-gray-7: #828b92;
|
|
6826
|
-
--atlascopco-gray-9: #5b6770;
|
|
6827
|
-
--atlascopco-gray-11: #2f363a;
|
|
6828
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
6829
|
-
--atlascopco-beige-2: #efebe6;
|
|
6830
|
-
--atlascopco-beige-3: #e7e0da;
|
|
6831
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
6832
|
-
--atlascopco-blue: #0092bc;
|
|
6833
|
-
--atlascopco-blue-dark: #006f8f;
|
|
6834
|
-
--atlascopco-black: #000000;
|
|
6835
|
-
--atlascopco-white: #ffffff;
|
|
6836
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
6837
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
6838
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
6839
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
6840
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
6841
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
6842
|
-
--atlascopco-grey-300: #aab0b5;
|
|
6843
|
-
--atlascopco-grey-400: #828b92;
|
|
6844
|
-
--atlascopco-grey-500: #5b6770;
|
|
6845
|
-
--atlascopco-grey-600: #2f363a;
|
|
6846
|
-
--color-primary: #0092bc;
|
|
6847
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
6848
|
-
--spacing-zero: 0px;
|
|
6849
|
-
--spacing-xxs: 4px;
|
|
6850
|
-
--spacing-xs: 8px;
|
|
6851
|
-
--spacing-sm: 12px;
|
|
6852
|
-
--spacing-md: 16px;
|
|
6853
|
-
--spacing-lg: 24px;
|
|
6854
|
-
--spacing-xl: 36px;
|
|
6855
|
-
--spacing-xxl: 48px;
|
|
6856
|
-
--spacing-3xl: 72px;
|
|
6857
|
-
--spacing-4xl: 96px;
|
|
6858
|
-
--h1-mobile-size: 32px;
|
|
6859
|
-
--h1-mobile-line-height: 1.2;
|
|
6860
|
-
--h2-mobile-size: 24px;
|
|
6861
|
-
--h2-mobile-line-height: 1.2;
|
|
6862
|
-
--h3-mobile-size: 18px;
|
|
6863
|
-
--h3-mobile-line-height: 1.6;
|
|
6864
|
-
--body-mobile-size: 14px;
|
|
6865
|
-
--body-mobile-line-height: 1.5;
|
|
6866
|
-
--h1-desktop-size: 55px;
|
|
6867
|
-
--h1-desktop-line-height: 1.15;
|
|
6868
|
-
--h2-desktop-size: 40px;
|
|
6869
|
-
--h2-desktop-line-height: 1.2;
|
|
6870
|
-
--h3-desktop-size: 32px;
|
|
6871
|
-
--h3-desktop-line-height: 1.2;
|
|
6872
|
-
--body-desktop-size: 18px;
|
|
6873
|
-
--body-desktop-line-height: 1.6;
|
|
6874
|
-
--text-lg-size: 27px;
|
|
6875
|
-
--text-lg-line-height: 1.4;
|
|
6876
|
-
--text-xl-size: 36px;
|
|
6877
|
-
--text-xl-line-height: 1.4;
|
|
6878
|
-
--text-xxl-size: 64px;
|
|
6879
|
-
--text-xxl-line-height: 1;
|
|
6880
|
-
}
|
|
6881
|
-
|
|
6882
6016
|
.lsg-search-overlay {
|
|
6883
6017
|
font-family: var(--lsg-font-family-primary);
|
|
6884
6018
|
position: fixed;
|
|
@@ -6975,73 +6109,6 @@
|
|
|
6975
6109
|
width: 16px;
|
|
6976
6110
|
height: 16px;
|
|
6977
6111
|
}
|
|
6978
|
-
:root {
|
|
6979
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
6980
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
6981
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
6982
|
-
--atlascopco-blue-7: #3daccc;
|
|
6983
|
-
--atlascopco-blue-9: #0092bc;
|
|
6984
|
-
--atlascopco-blue-11: #006f8f;
|
|
6985
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
6986
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
6987
|
-
--atlascopco-gray-5: #aab0b5;
|
|
6988
|
-
--atlascopco-gray-7: #828b92;
|
|
6989
|
-
--atlascopco-gray-9: #5b6770;
|
|
6990
|
-
--atlascopco-gray-11: #2f363a;
|
|
6991
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
6992
|
-
--atlascopco-beige-2: #efebe6;
|
|
6993
|
-
--atlascopco-beige-3: #e7e0da;
|
|
6994
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
6995
|
-
--atlascopco-blue: #0092bc;
|
|
6996
|
-
--atlascopco-blue-dark: #006f8f;
|
|
6997
|
-
--atlascopco-black: #000000;
|
|
6998
|
-
--atlascopco-white: #ffffff;
|
|
6999
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
7000
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
7001
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
7002
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
7003
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
7004
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
7005
|
-
--atlascopco-grey-300: #aab0b5;
|
|
7006
|
-
--atlascopco-grey-400: #828b92;
|
|
7007
|
-
--atlascopco-grey-500: #5b6770;
|
|
7008
|
-
--atlascopco-grey-600: #2f363a;
|
|
7009
|
-
--color-primary: #0092bc;
|
|
7010
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
7011
|
-
--spacing-zero: 0px;
|
|
7012
|
-
--spacing-xxs: 4px;
|
|
7013
|
-
--spacing-xs: 8px;
|
|
7014
|
-
--spacing-sm: 12px;
|
|
7015
|
-
--spacing-md: 16px;
|
|
7016
|
-
--spacing-lg: 24px;
|
|
7017
|
-
--spacing-xl: 36px;
|
|
7018
|
-
--spacing-xxl: 48px;
|
|
7019
|
-
--spacing-3xl: 72px;
|
|
7020
|
-
--spacing-4xl: 96px;
|
|
7021
|
-
--h1-mobile-size: 32px;
|
|
7022
|
-
--h1-mobile-line-height: 1.2;
|
|
7023
|
-
--h2-mobile-size: 24px;
|
|
7024
|
-
--h2-mobile-line-height: 1.2;
|
|
7025
|
-
--h3-mobile-size: 18px;
|
|
7026
|
-
--h3-mobile-line-height: 1.6;
|
|
7027
|
-
--body-mobile-size: 14px;
|
|
7028
|
-
--body-mobile-line-height: 1.5;
|
|
7029
|
-
--h1-desktop-size: 55px;
|
|
7030
|
-
--h1-desktop-line-height: 1.15;
|
|
7031
|
-
--h2-desktop-size: 40px;
|
|
7032
|
-
--h2-desktop-line-height: 1.2;
|
|
7033
|
-
--h3-desktop-size: 32px;
|
|
7034
|
-
--h3-desktop-line-height: 1.2;
|
|
7035
|
-
--body-desktop-size: 18px;
|
|
7036
|
-
--body-desktop-line-height: 1.6;
|
|
7037
|
-
--text-lg-size: 27px;
|
|
7038
|
-
--text-lg-line-height: 1.4;
|
|
7039
|
-
--text-xl-size: 36px;
|
|
7040
|
-
--text-xl-line-height: 1.4;
|
|
7041
|
-
--text-xxl-size: 64px;
|
|
7042
|
-
--text-xxl-line-height: 1;
|
|
7043
|
-
}
|
|
7044
|
-
|
|
7045
6112
|
@keyframes lsg-header-panel-in {
|
|
7046
6113
|
from {
|
|
7047
6114
|
opacity: 0;
|
|
@@ -7791,73 +6858,6 @@
|
|
|
7791
6858
|
margin: 0 auto;
|
|
7792
6859
|
}
|
|
7793
6860
|
}
|
|
7794
|
-
:root {
|
|
7795
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
7796
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
7797
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
7798
|
-
--atlascopco-blue-7: #3daccc;
|
|
7799
|
-
--atlascopco-blue-9: #0092bc;
|
|
7800
|
-
--atlascopco-blue-11: #006f8f;
|
|
7801
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
7802
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
7803
|
-
--atlascopco-gray-5: #aab0b5;
|
|
7804
|
-
--atlascopco-gray-7: #828b92;
|
|
7805
|
-
--atlascopco-gray-9: #5b6770;
|
|
7806
|
-
--atlascopco-gray-11: #2f363a;
|
|
7807
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
7808
|
-
--atlascopco-beige-2: #efebe6;
|
|
7809
|
-
--atlascopco-beige-3: #e7e0da;
|
|
7810
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
7811
|
-
--atlascopco-blue: #0092bc;
|
|
7812
|
-
--atlascopco-blue-dark: #006f8f;
|
|
7813
|
-
--atlascopco-black: #000000;
|
|
7814
|
-
--atlascopco-white: #ffffff;
|
|
7815
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
7816
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
7817
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
7818
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
7819
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
7820
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
7821
|
-
--atlascopco-grey-300: #aab0b5;
|
|
7822
|
-
--atlascopco-grey-400: #828b92;
|
|
7823
|
-
--atlascopco-grey-500: #5b6770;
|
|
7824
|
-
--atlascopco-grey-600: #2f363a;
|
|
7825
|
-
--color-primary: #0092bc;
|
|
7826
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
7827
|
-
--spacing-zero: 0px;
|
|
7828
|
-
--spacing-xxs: 4px;
|
|
7829
|
-
--spacing-xs: 8px;
|
|
7830
|
-
--spacing-sm: 12px;
|
|
7831
|
-
--spacing-md: 16px;
|
|
7832
|
-
--spacing-lg: 24px;
|
|
7833
|
-
--spacing-xl: 36px;
|
|
7834
|
-
--spacing-xxl: 48px;
|
|
7835
|
-
--spacing-3xl: 72px;
|
|
7836
|
-
--spacing-4xl: 96px;
|
|
7837
|
-
--h1-mobile-size: 32px;
|
|
7838
|
-
--h1-mobile-line-height: 1.2;
|
|
7839
|
-
--h2-mobile-size: 24px;
|
|
7840
|
-
--h2-mobile-line-height: 1.2;
|
|
7841
|
-
--h3-mobile-size: 18px;
|
|
7842
|
-
--h3-mobile-line-height: 1.6;
|
|
7843
|
-
--body-mobile-size: 14px;
|
|
7844
|
-
--body-mobile-line-height: 1.5;
|
|
7845
|
-
--h1-desktop-size: 55px;
|
|
7846
|
-
--h1-desktop-line-height: 1.15;
|
|
7847
|
-
--h2-desktop-size: 40px;
|
|
7848
|
-
--h2-desktop-line-height: 1.2;
|
|
7849
|
-
--h3-desktop-size: 32px;
|
|
7850
|
-
--h3-desktop-line-height: 1.2;
|
|
7851
|
-
--body-desktop-size: 18px;
|
|
7852
|
-
--body-desktop-line-height: 1.6;
|
|
7853
|
-
--text-lg-size: 27px;
|
|
7854
|
-
--text-lg-line-height: 1.4;
|
|
7855
|
-
--text-xl-size: 36px;
|
|
7856
|
-
--text-xl-line-height: 1.4;
|
|
7857
|
-
--text-xxl-size: 64px;
|
|
7858
|
-
--text-xxl-line-height: 1;
|
|
7859
|
-
}
|
|
7860
|
-
|
|
7861
6861
|
.lsg-quick-links__heading {
|
|
7862
6862
|
font-size: 0.8125rem;
|
|
7863
6863
|
font-weight: 700;
|
|
@@ -7887,73 +6887,6 @@
|
|
|
7887
6887
|
.lsg-quick-links__link:focus-visible {
|
|
7888
6888
|
text-decoration: underline;
|
|
7889
6889
|
}
|
|
7890
|
-
:root {
|
|
7891
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
7892
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
7893
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
7894
|
-
--atlascopco-blue-7: #3daccc;
|
|
7895
|
-
--atlascopco-blue-9: #0092bc;
|
|
7896
|
-
--atlascopco-blue-11: #006f8f;
|
|
7897
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
7898
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
7899
|
-
--atlascopco-gray-5: #aab0b5;
|
|
7900
|
-
--atlascopco-gray-7: #828b92;
|
|
7901
|
-
--atlascopco-gray-9: #5b6770;
|
|
7902
|
-
--atlascopco-gray-11: #2f363a;
|
|
7903
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
7904
|
-
--atlascopco-beige-2: #efebe6;
|
|
7905
|
-
--atlascopco-beige-3: #e7e0da;
|
|
7906
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
7907
|
-
--atlascopco-blue: #0092bc;
|
|
7908
|
-
--atlascopco-blue-dark: #006f8f;
|
|
7909
|
-
--atlascopco-black: #000000;
|
|
7910
|
-
--atlascopco-white: #ffffff;
|
|
7911
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
7912
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
7913
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
7914
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
7915
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
7916
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
7917
|
-
--atlascopco-grey-300: #aab0b5;
|
|
7918
|
-
--atlascopco-grey-400: #828b92;
|
|
7919
|
-
--atlascopco-grey-500: #5b6770;
|
|
7920
|
-
--atlascopco-grey-600: #2f363a;
|
|
7921
|
-
--color-primary: #0092bc;
|
|
7922
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
7923
|
-
--spacing-zero: 0px;
|
|
7924
|
-
--spacing-xxs: 4px;
|
|
7925
|
-
--spacing-xs: 8px;
|
|
7926
|
-
--spacing-sm: 12px;
|
|
7927
|
-
--spacing-md: 16px;
|
|
7928
|
-
--spacing-lg: 24px;
|
|
7929
|
-
--spacing-xl: 36px;
|
|
7930
|
-
--spacing-xxl: 48px;
|
|
7931
|
-
--spacing-3xl: 72px;
|
|
7932
|
-
--spacing-4xl: 96px;
|
|
7933
|
-
--h1-mobile-size: 32px;
|
|
7934
|
-
--h1-mobile-line-height: 1.2;
|
|
7935
|
-
--h2-mobile-size: 24px;
|
|
7936
|
-
--h2-mobile-line-height: 1.2;
|
|
7937
|
-
--h3-mobile-size: 18px;
|
|
7938
|
-
--h3-mobile-line-height: 1.6;
|
|
7939
|
-
--body-mobile-size: 14px;
|
|
7940
|
-
--body-mobile-line-height: 1.5;
|
|
7941
|
-
--h1-desktop-size: 55px;
|
|
7942
|
-
--h1-desktop-line-height: 1.15;
|
|
7943
|
-
--h2-desktop-size: 40px;
|
|
7944
|
-
--h2-desktop-line-height: 1.2;
|
|
7945
|
-
--h3-desktop-size: 32px;
|
|
7946
|
-
--h3-desktop-line-height: 1.2;
|
|
7947
|
-
--body-desktop-size: 18px;
|
|
7948
|
-
--body-desktop-line-height: 1.6;
|
|
7949
|
-
--text-lg-size: 27px;
|
|
7950
|
-
--text-lg-line-height: 1.4;
|
|
7951
|
-
--text-xl-size: 36px;
|
|
7952
|
-
--text-xl-line-height: 1.4;
|
|
7953
|
-
--text-xxl-size: 64px;
|
|
7954
|
-
--text-xxl-line-height: 1;
|
|
7955
|
-
}
|
|
7956
|
-
|
|
7957
6890
|
.lsg-social-icons {
|
|
7958
6891
|
display: flex;
|
|
7959
6892
|
align-items: center;
|
|
@@ -7988,73 +6921,6 @@
|
|
|
7988
6921
|
pointer-events: none;
|
|
7989
6922
|
fill: currentColor;
|
|
7990
6923
|
}
|
|
7991
|
-
:root {
|
|
7992
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
7993
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
7994
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
7995
|
-
--atlascopco-blue-7: #3daccc;
|
|
7996
|
-
--atlascopco-blue-9: #0092bc;
|
|
7997
|
-
--atlascopco-blue-11: #006f8f;
|
|
7998
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
7999
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
8000
|
-
--atlascopco-gray-5: #aab0b5;
|
|
8001
|
-
--atlascopco-gray-7: #828b92;
|
|
8002
|
-
--atlascopco-gray-9: #5b6770;
|
|
8003
|
-
--atlascopco-gray-11: #2f363a;
|
|
8004
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
8005
|
-
--atlascopco-beige-2: #efebe6;
|
|
8006
|
-
--atlascopco-beige-3: #e7e0da;
|
|
8007
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
8008
|
-
--atlascopco-blue: #0092bc;
|
|
8009
|
-
--atlascopco-blue-dark: #006f8f;
|
|
8010
|
-
--atlascopco-black: #000000;
|
|
8011
|
-
--atlascopco-white: #ffffff;
|
|
8012
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
8013
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
8014
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
8015
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
8016
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
8017
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
8018
|
-
--atlascopco-grey-300: #aab0b5;
|
|
8019
|
-
--atlascopco-grey-400: #828b92;
|
|
8020
|
-
--atlascopco-grey-500: #5b6770;
|
|
8021
|
-
--atlascopco-grey-600: #2f363a;
|
|
8022
|
-
--color-primary: #0092bc;
|
|
8023
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
8024
|
-
--spacing-zero: 0px;
|
|
8025
|
-
--spacing-xxs: 4px;
|
|
8026
|
-
--spacing-xs: 8px;
|
|
8027
|
-
--spacing-sm: 12px;
|
|
8028
|
-
--spacing-md: 16px;
|
|
8029
|
-
--spacing-lg: 24px;
|
|
8030
|
-
--spacing-xl: 36px;
|
|
8031
|
-
--spacing-xxl: 48px;
|
|
8032
|
-
--spacing-3xl: 72px;
|
|
8033
|
-
--spacing-4xl: 96px;
|
|
8034
|
-
--h1-mobile-size: 32px;
|
|
8035
|
-
--h1-mobile-line-height: 1.2;
|
|
8036
|
-
--h2-mobile-size: 24px;
|
|
8037
|
-
--h2-mobile-line-height: 1.2;
|
|
8038
|
-
--h3-mobile-size: 18px;
|
|
8039
|
-
--h3-mobile-line-height: 1.6;
|
|
8040
|
-
--body-mobile-size: 14px;
|
|
8041
|
-
--body-mobile-line-height: 1.5;
|
|
8042
|
-
--h1-desktop-size: 55px;
|
|
8043
|
-
--h1-desktop-line-height: 1.15;
|
|
8044
|
-
--h2-desktop-size: 40px;
|
|
8045
|
-
--h2-desktop-line-height: 1.2;
|
|
8046
|
-
--h3-desktop-size: 32px;
|
|
8047
|
-
--h3-desktop-line-height: 1.2;
|
|
8048
|
-
--body-desktop-size: 18px;
|
|
8049
|
-
--body-desktop-line-height: 1.6;
|
|
8050
|
-
--text-lg-size: 27px;
|
|
8051
|
-
--text-lg-line-height: 1.4;
|
|
8052
|
-
--text-xl-size: 36px;
|
|
8053
|
-
--text-xl-line-height: 1.4;
|
|
8054
|
-
--text-xxl-size: 64px;
|
|
8055
|
-
--text-xxl-line-height: 1;
|
|
8056
|
-
}
|
|
8057
|
-
|
|
8058
6924
|
.lsg-footer {
|
|
8059
6925
|
font-family: var(--lsg-font-family-primary);
|
|
8060
6926
|
background-color: var(--lsg-footer-bg, #18181b);
|
|
@@ -8431,73 +7297,6 @@
|
|
|
8431
7297
|
margin: 0;
|
|
8432
7298
|
}
|
|
8433
7299
|
|
|
8434
|
-
:root {
|
|
8435
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
8436
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
8437
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
8438
|
-
--atlascopco-blue-7: #3daccc;
|
|
8439
|
-
--atlascopco-blue-9: #0092bc;
|
|
8440
|
-
--atlascopco-blue-11: #006f8f;
|
|
8441
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
8442
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
8443
|
-
--atlascopco-gray-5: #aab0b5;
|
|
8444
|
-
--atlascopco-gray-7: #828b92;
|
|
8445
|
-
--atlascopco-gray-9: #5b6770;
|
|
8446
|
-
--atlascopco-gray-11: #2f363a;
|
|
8447
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
8448
|
-
--atlascopco-beige-2: #efebe6;
|
|
8449
|
-
--atlascopco-beige-3: #e7e0da;
|
|
8450
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
8451
|
-
--atlascopco-blue: #0092bc;
|
|
8452
|
-
--atlascopco-blue-dark: #006f8f;
|
|
8453
|
-
--atlascopco-black: #000000;
|
|
8454
|
-
--atlascopco-white: #ffffff;
|
|
8455
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
8456
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
8457
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
8458
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
8459
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
8460
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
8461
|
-
--atlascopco-grey-300: #aab0b5;
|
|
8462
|
-
--atlascopco-grey-400: #828b92;
|
|
8463
|
-
--atlascopco-grey-500: #5b6770;
|
|
8464
|
-
--atlascopco-grey-600: #2f363a;
|
|
8465
|
-
--color-primary: #0092bc;
|
|
8466
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
8467
|
-
--spacing-zero: 0px;
|
|
8468
|
-
--spacing-xxs: 4px;
|
|
8469
|
-
--spacing-xs: 8px;
|
|
8470
|
-
--spacing-sm: 12px;
|
|
8471
|
-
--spacing-md: 16px;
|
|
8472
|
-
--spacing-lg: 24px;
|
|
8473
|
-
--spacing-xl: 36px;
|
|
8474
|
-
--spacing-xxl: 48px;
|
|
8475
|
-
--spacing-3xl: 72px;
|
|
8476
|
-
--spacing-4xl: 96px;
|
|
8477
|
-
--h1-mobile-size: 32px;
|
|
8478
|
-
--h1-mobile-line-height: 1.2;
|
|
8479
|
-
--h2-mobile-size: 24px;
|
|
8480
|
-
--h2-mobile-line-height: 1.2;
|
|
8481
|
-
--h3-mobile-size: 18px;
|
|
8482
|
-
--h3-mobile-line-height: 1.6;
|
|
8483
|
-
--body-mobile-size: 14px;
|
|
8484
|
-
--body-mobile-line-height: 1.5;
|
|
8485
|
-
--h1-desktop-size: 55px;
|
|
8486
|
-
--h1-desktop-line-height: 1.15;
|
|
8487
|
-
--h2-desktop-size: 40px;
|
|
8488
|
-
--h2-desktop-line-height: 1.2;
|
|
8489
|
-
--h3-desktop-size: 32px;
|
|
8490
|
-
--h3-desktop-line-height: 1.2;
|
|
8491
|
-
--body-desktop-size: 18px;
|
|
8492
|
-
--body-desktop-line-height: 1.6;
|
|
8493
|
-
--text-lg-size: 27px;
|
|
8494
|
-
--text-lg-line-height: 1.4;
|
|
8495
|
-
--text-xl-size: 36px;
|
|
8496
|
-
--text-xl-line-height: 1.4;
|
|
8497
|
-
--text-xxl-size: 64px;
|
|
8498
|
-
--text-xxl-line-height: 1;
|
|
8499
|
-
}
|
|
8500
|
-
|
|
8501
7300
|
.lsg-hero {
|
|
8502
7301
|
position: relative;
|
|
8503
7302
|
overflow: hidden;
|
|
@@ -8761,73 +7560,6 @@
|
|
|
8761
7560
|
.lsg-hero-card--fill-white .lsg-hero-card__content-wrapper {
|
|
8762
7561
|
background-color: transparent;
|
|
8763
7562
|
}
|
|
8764
|
-
:root {
|
|
8765
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
8766
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
8767
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
8768
|
-
--atlascopco-blue-7: #3daccc;
|
|
8769
|
-
--atlascopco-blue-9: #0092bc;
|
|
8770
|
-
--atlascopco-blue-11: #006f8f;
|
|
8771
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
8772
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
8773
|
-
--atlascopco-gray-5: #aab0b5;
|
|
8774
|
-
--atlascopco-gray-7: #828b92;
|
|
8775
|
-
--atlascopco-gray-9: #5b6770;
|
|
8776
|
-
--atlascopco-gray-11: #2f363a;
|
|
8777
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
8778
|
-
--atlascopco-beige-2: #efebe6;
|
|
8779
|
-
--atlascopco-beige-3: #e7e0da;
|
|
8780
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
8781
|
-
--atlascopco-blue: #0092bc;
|
|
8782
|
-
--atlascopco-blue-dark: #006f8f;
|
|
8783
|
-
--atlascopco-black: #000000;
|
|
8784
|
-
--atlascopco-white: #ffffff;
|
|
8785
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
8786
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
8787
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
8788
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
8789
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
8790
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
8791
|
-
--atlascopco-grey-300: #aab0b5;
|
|
8792
|
-
--atlascopco-grey-400: #828b92;
|
|
8793
|
-
--atlascopco-grey-500: #5b6770;
|
|
8794
|
-
--atlascopco-grey-600: #2f363a;
|
|
8795
|
-
--color-primary: #0092bc;
|
|
8796
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
8797
|
-
--spacing-zero: 0px;
|
|
8798
|
-
--spacing-xxs: 4px;
|
|
8799
|
-
--spacing-xs: 8px;
|
|
8800
|
-
--spacing-sm: 12px;
|
|
8801
|
-
--spacing-md: 16px;
|
|
8802
|
-
--spacing-lg: 24px;
|
|
8803
|
-
--spacing-xl: 36px;
|
|
8804
|
-
--spacing-xxl: 48px;
|
|
8805
|
-
--spacing-3xl: 72px;
|
|
8806
|
-
--spacing-4xl: 96px;
|
|
8807
|
-
--h1-mobile-size: 32px;
|
|
8808
|
-
--h1-mobile-line-height: 1.2;
|
|
8809
|
-
--h2-mobile-size: 24px;
|
|
8810
|
-
--h2-mobile-line-height: 1.2;
|
|
8811
|
-
--h3-mobile-size: 18px;
|
|
8812
|
-
--h3-mobile-line-height: 1.6;
|
|
8813
|
-
--body-mobile-size: 14px;
|
|
8814
|
-
--body-mobile-line-height: 1.5;
|
|
8815
|
-
--h1-desktop-size: 55px;
|
|
8816
|
-
--h1-desktop-line-height: 1.15;
|
|
8817
|
-
--h2-desktop-size: 40px;
|
|
8818
|
-
--h2-desktop-line-height: 1.2;
|
|
8819
|
-
--h3-desktop-size: 32px;
|
|
8820
|
-
--h3-desktop-line-height: 1.2;
|
|
8821
|
-
--body-desktop-size: 18px;
|
|
8822
|
-
--body-desktop-line-height: 1.6;
|
|
8823
|
-
--text-lg-size: 27px;
|
|
8824
|
-
--text-lg-line-height: 1.4;
|
|
8825
|
-
--text-xl-size: 36px;
|
|
8826
|
-
--text-xl-line-height: 1.4;
|
|
8827
|
-
--text-xxl-size: 64px;
|
|
8828
|
-
--text-xxl-line-height: 1;
|
|
8829
|
-
}
|
|
8830
|
-
|
|
8831
7563
|
.lsg-ai-banner {
|
|
8832
7564
|
width: 100%;
|
|
8833
7565
|
background-color: var(--lsg-ai-banner-bg);
|
|
@@ -8876,73 +7608,6 @@
|
|
|
8876
7608
|
.lsg-ai-banner__text strong {
|
|
8877
7609
|
font-weight: inherit;
|
|
8878
7610
|
}
|
|
8879
|
-
:root {
|
|
8880
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
8881
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
8882
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
8883
|
-
--atlascopco-blue-7: #3daccc;
|
|
8884
|
-
--atlascopco-blue-9: #0092bc;
|
|
8885
|
-
--atlascopco-blue-11: #006f8f;
|
|
8886
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
8887
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
8888
|
-
--atlascopco-gray-5: #aab0b5;
|
|
8889
|
-
--atlascopco-gray-7: #828b92;
|
|
8890
|
-
--atlascopco-gray-9: #5b6770;
|
|
8891
|
-
--atlascopco-gray-11: #2f363a;
|
|
8892
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
8893
|
-
--atlascopco-beige-2: #efebe6;
|
|
8894
|
-
--atlascopco-beige-3: #e7e0da;
|
|
8895
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
8896
|
-
--atlascopco-blue: #0092bc;
|
|
8897
|
-
--atlascopco-blue-dark: #006f8f;
|
|
8898
|
-
--atlascopco-black: #000000;
|
|
8899
|
-
--atlascopco-white: #ffffff;
|
|
8900
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
8901
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
8902
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
8903
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
8904
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
8905
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
8906
|
-
--atlascopco-grey-300: #aab0b5;
|
|
8907
|
-
--atlascopco-grey-400: #828b92;
|
|
8908
|
-
--atlascopco-grey-500: #5b6770;
|
|
8909
|
-
--atlascopco-grey-600: #2f363a;
|
|
8910
|
-
--color-primary: #0092bc;
|
|
8911
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
8912
|
-
--spacing-zero: 0px;
|
|
8913
|
-
--spacing-xxs: 4px;
|
|
8914
|
-
--spacing-xs: 8px;
|
|
8915
|
-
--spacing-sm: 12px;
|
|
8916
|
-
--spacing-md: 16px;
|
|
8917
|
-
--spacing-lg: 24px;
|
|
8918
|
-
--spacing-xl: 36px;
|
|
8919
|
-
--spacing-xxl: 48px;
|
|
8920
|
-
--spacing-3xl: 72px;
|
|
8921
|
-
--spacing-4xl: 96px;
|
|
8922
|
-
--h1-mobile-size: 32px;
|
|
8923
|
-
--h1-mobile-line-height: 1.2;
|
|
8924
|
-
--h2-mobile-size: 24px;
|
|
8925
|
-
--h2-mobile-line-height: 1.2;
|
|
8926
|
-
--h3-mobile-size: 18px;
|
|
8927
|
-
--h3-mobile-line-height: 1.6;
|
|
8928
|
-
--body-mobile-size: 14px;
|
|
8929
|
-
--body-mobile-line-height: 1.5;
|
|
8930
|
-
--h1-desktop-size: 55px;
|
|
8931
|
-
--h1-desktop-line-height: 1.15;
|
|
8932
|
-
--h2-desktop-size: 40px;
|
|
8933
|
-
--h2-desktop-line-height: 1.2;
|
|
8934
|
-
--h3-desktop-size: 32px;
|
|
8935
|
-
--h3-desktop-line-height: 1.2;
|
|
8936
|
-
--body-desktop-size: 18px;
|
|
8937
|
-
--body-desktop-line-height: 1.6;
|
|
8938
|
-
--text-lg-size: 27px;
|
|
8939
|
-
--text-lg-line-height: 1.4;
|
|
8940
|
-
--text-xl-size: 36px;
|
|
8941
|
-
--text-xl-line-height: 1.4;
|
|
8942
|
-
--text-xxl-size: 64px;
|
|
8943
|
-
--text-xxl-line-height: 1;
|
|
8944
|
-
}
|
|
8945
|
-
|
|
8946
7611
|
.lsg-accordion {
|
|
8947
7612
|
display: flex;
|
|
8948
7613
|
flex-direction: column;
|
|
@@ -9085,73 +7750,6 @@
|
|
|
9085
7750
|
.lsg-accordion--icon-plus .lsg-accordion__icon-svg {
|
|
9086
7751
|
display: block !important;
|
|
9087
7752
|
}
|
|
9088
|
-
:root {
|
|
9089
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
9090
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
9091
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
9092
|
-
--atlascopco-blue-7: #3daccc;
|
|
9093
|
-
--atlascopco-blue-9: #0092bc;
|
|
9094
|
-
--atlascopco-blue-11: #006f8f;
|
|
9095
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
9096
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
9097
|
-
--atlascopco-gray-5: #aab0b5;
|
|
9098
|
-
--atlascopco-gray-7: #828b92;
|
|
9099
|
-
--atlascopco-gray-9: #5b6770;
|
|
9100
|
-
--atlascopco-gray-11: #2f363a;
|
|
9101
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
9102
|
-
--atlascopco-beige-2: #efebe6;
|
|
9103
|
-
--atlascopco-beige-3: #e7e0da;
|
|
9104
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
9105
|
-
--atlascopco-blue: #0092bc;
|
|
9106
|
-
--atlascopco-blue-dark: #006f8f;
|
|
9107
|
-
--atlascopco-black: #000000;
|
|
9108
|
-
--atlascopco-white: #ffffff;
|
|
9109
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
9110
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
9111
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
9112
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
9113
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
9114
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
9115
|
-
--atlascopco-grey-300: #aab0b5;
|
|
9116
|
-
--atlascopco-grey-400: #828b92;
|
|
9117
|
-
--atlascopco-grey-500: #5b6770;
|
|
9118
|
-
--atlascopco-grey-600: #2f363a;
|
|
9119
|
-
--color-primary: #0092bc;
|
|
9120
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
9121
|
-
--spacing-zero: 0px;
|
|
9122
|
-
--spacing-xxs: 4px;
|
|
9123
|
-
--spacing-xs: 8px;
|
|
9124
|
-
--spacing-sm: 12px;
|
|
9125
|
-
--spacing-md: 16px;
|
|
9126
|
-
--spacing-lg: 24px;
|
|
9127
|
-
--spacing-xl: 36px;
|
|
9128
|
-
--spacing-xxl: 48px;
|
|
9129
|
-
--spacing-3xl: 72px;
|
|
9130
|
-
--spacing-4xl: 96px;
|
|
9131
|
-
--h1-mobile-size: 32px;
|
|
9132
|
-
--h1-mobile-line-height: 1.2;
|
|
9133
|
-
--h2-mobile-size: 24px;
|
|
9134
|
-
--h2-mobile-line-height: 1.2;
|
|
9135
|
-
--h3-mobile-size: 18px;
|
|
9136
|
-
--h3-mobile-line-height: 1.6;
|
|
9137
|
-
--body-mobile-size: 14px;
|
|
9138
|
-
--body-mobile-line-height: 1.5;
|
|
9139
|
-
--h1-desktop-size: 55px;
|
|
9140
|
-
--h1-desktop-line-height: 1.15;
|
|
9141
|
-
--h2-desktop-size: 40px;
|
|
9142
|
-
--h2-desktop-line-height: 1.2;
|
|
9143
|
-
--h3-desktop-size: 32px;
|
|
9144
|
-
--h3-desktop-line-height: 1.2;
|
|
9145
|
-
--body-desktop-size: 18px;
|
|
9146
|
-
--body-desktop-line-height: 1.6;
|
|
9147
|
-
--text-lg-size: 27px;
|
|
9148
|
-
--text-lg-line-height: 1.4;
|
|
9149
|
-
--text-xl-size: 36px;
|
|
9150
|
-
--text-xl-line-height: 1.4;
|
|
9151
|
-
--text-xxl-size: 64px;
|
|
9152
|
-
--text-xxl-line-height: 1;
|
|
9153
|
-
}
|
|
9154
|
-
|
|
9155
7753
|
.lsg-tabs {
|
|
9156
7754
|
position: relative;
|
|
9157
7755
|
font-family: var(--lsg-font-family-primary);
|
|
@@ -9546,73 +8144,6 @@
|
|
|
9546
8144
|
.lsg-tabs[data-panelcontainer] .lsg-tabs__panel.cmp-tabs__tabpanel--active {
|
|
9547
8145
|
display: block;
|
|
9548
8146
|
}
|
|
9549
|
-
:root {
|
|
9550
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
9551
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
9552
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
9553
|
-
--atlascopco-blue-7: #3daccc;
|
|
9554
|
-
--atlascopco-blue-9: #0092bc;
|
|
9555
|
-
--atlascopco-blue-11: #006f8f;
|
|
9556
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
9557
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
9558
|
-
--atlascopco-gray-5: #aab0b5;
|
|
9559
|
-
--atlascopco-gray-7: #828b92;
|
|
9560
|
-
--atlascopco-gray-9: #5b6770;
|
|
9561
|
-
--atlascopco-gray-11: #2f363a;
|
|
9562
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
9563
|
-
--atlascopco-beige-2: #efebe6;
|
|
9564
|
-
--atlascopco-beige-3: #e7e0da;
|
|
9565
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
9566
|
-
--atlascopco-blue: #0092bc;
|
|
9567
|
-
--atlascopco-blue-dark: #006f8f;
|
|
9568
|
-
--atlascopco-black: #000000;
|
|
9569
|
-
--atlascopco-white: #ffffff;
|
|
9570
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
9571
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
9572
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
9573
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
9574
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
9575
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
9576
|
-
--atlascopco-grey-300: #aab0b5;
|
|
9577
|
-
--atlascopco-grey-400: #828b92;
|
|
9578
|
-
--atlascopco-grey-500: #5b6770;
|
|
9579
|
-
--atlascopco-grey-600: #2f363a;
|
|
9580
|
-
--color-primary: #0092bc;
|
|
9581
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
9582
|
-
--spacing-zero: 0px;
|
|
9583
|
-
--spacing-xxs: 4px;
|
|
9584
|
-
--spacing-xs: 8px;
|
|
9585
|
-
--spacing-sm: 12px;
|
|
9586
|
-
--spacing-md: 16px;
|
|
9587
|
-
--spacing-lg: 24px;
|
|
9588
|
-
--spacing-xl: 36px;
|
|
9589
|
-
--spacing-xxl: 48px;
|
|
9590
|
-
--spacing-3xl: 72px;
|
|
9591
|
-
--spacing-4xl: 96px;
|
|
9592
|
-
--h1-mobile-size: 32px;
|
|
9593
|
-
--h1-mobile-line-height: 1.2;
|
|
9594
|
-
--h2-mobile-size: 24px;
|
|
9595
|
-
--h2-mobile-line-height: 1.2;
|
|
9596
|
-
--h3-mobile-size: 18px;
|
|
9597
|
-
--h3-mobile-line-height: 1.6;
|
|
9598
|
-
--body-mobile-size: 14px;
|
|
9599
|
-
--body-mobile-line-height: 1.5;
|
|
9600
|
-
--h1-desktop-size: 55px;
|
|
9601
|
-
--h1-desktop-line-height: 1.15;
|
|
9602
|
-
--h2-desktop-size: 40px;
|
|
9603
|
-
--h2-desktop-line-height: 1.2;
|
|
9604
|
-
--h3-desktop-size: 32px;
|
|
9605
|
-
--h3-desktop-line-height: 1.2;
|
|
9606
|
-
--body-desktop-size: 18px;
|
|
9607
|
-
--body-desktop-line-height: 1.6;
|
|
9608
|
-
--text-lg-size: 27px;
|
|
9609
|
-
--text-lg-line-height: 1.4;
|
|
9610
|
-
--text-xl-size: 36px;
|
|
9611
|
-
--text-xl-line-height: 1.4;
|
|
9612
|
-
--text-xxl-size: 64px;
|
|
9613
|
-
--text-xxl-line-height: 1;
|
|
9614
|
-
}
|
|
9615
|
-
|
|
9616
8147
|
.cmp-vtba-form__field {
|
|
9617
8148
|
display: flex;
|
|
9618
8149
|
flex-direction: column;
|
|
@@ -9624,7 +8155,7 @@
|
|
|
9624
8155
|
font-size: var(--lsg-size-body);
|
|
9625
8156
|
font-weight: var(--lsg-font-weight-semibold);
|
|
9626
8157
|
line-height: var(--lsg-line-height-copy);
|
|
9627
|
-
color:
|
|
8158
|
+
color: var(--lsg-color-black);
|
|
9628
8159
|
}
|
|
9629
8160
|
|
|
9630
8161
|
.cmp-vtba-form__required {
|
|
@@ -9640,7 +8171,7 @@
|
|
|
9640
8171
|
font-family: var(--lsg-font-family-primary);
|
|
9641
8172
|
font-size: var(--lsg-size-body);
|
|
9642
8173
|
line-height: var(--lsg-line-height-copy);
|
|
9643
|
-
color:
|
|
8174
|
+
color: var(--lsg-color-black);
|
|
9644
8175
|
background-color: var(--lsg-color-white);
|
|
9645
8176
|
border: 1px solid;
|
|
9646
8177
|
border-radius: var(--lsg-form-radius, 2px);
|
|
@@ -9650,10 +8181,10 @@
|
|
|
9650
8181
|
transition: border-color 0.15s ease;
|
|
9651
8182
|
}
|
|
9652
8183
|
.cmp-vtba-form__input::-moz-placeholder {
|
|
9653
|
-
color:
|
|
8184
|
+
color: var(--lsg-color-secondary);
|
|
9654
8185
|
}
|
|
9655
8186
|
.cmp-vtba-form__input::placeholder {
|
|
9656
|
-
color:
|
|
8187
|
+
color: var(--lsg-color-secondary);
|
|
9657
8188
|
}
|
|
9658
8189
|
.cmp-vtba-form__input:focus {
|
|
9659
8190
|
outline: none;
|
|
@@ -9661,8 +8192,8 @@
|
|
|
9661
8192
|
box-shadow: 0 0 0 3px rgba(var(--lsg-color-dark), 0.15);
|
|
9662
8193
|
}
|
|
9663
8194
|
.cmp-vtba-form__input:disabled {
|
|
9664
|
-
background-color:
|
|
9665
|
-
color:
|
|
8195
|
+
background-color: rgba(118, 118, 118, 0.1);
|
|
8196
|
+
color: var(--lsg-color-secondary);
|
|
9666
8197
|
cursor: not-allowed;
|
|
9667
8198
|
}
|
|
9668
8199
|
[aria-invalid=true].cmp-vtba-form__input {
|
|
@@ -9673,7 +8204,7 @@
|
|
|
9673
8204
|
.cmp-vtba-form__help {
|
|
9674
8205
|
font-family: var(--lsg-font-family-primary);
|
|
9675
8206
|
font-size: var(--lsg-size-Small);
|
|
9676
|
-
color:
|
|
8207
|
+
color: var(--lsg-color-secondary);
|
|
9677
8208
|
line-height: var(--lsg-line-height-copy);
|
|
9678
8209
|
}
|
|
9679
8210
|
|
|
@@ -9694,73 +8225,6 @@
|
|
|
9694
8225
|
.cmp-vtba-form__field--tel input, .cmp-vtba-form__field--tel button {
|
|
9695
8226
|
border: 0px;
|
|
9696
8227
|
}
|
|
9697
|
-
:root {
|
|
9698
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
9699
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
9700
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
9701
|
-
--atlascopco-blue-7: #3daccc;
|
|
9702
|
-
--atlascopco-blue-9: #0092bc;
|
|
9703
|
-
--atlascopco-blue-11: #006f8f;
|
|
9704
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
9705
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
9706
|
-
--atlascopco-gray-5: #aab0b5;
|
|
9707
|
-
--atlascopco-gray-7: #828b92;
|
|
9708
|
-
--atlascopco-gray-9: #5b6770;
|
|
9709
|
-
--atlascopco-gray-11: #2f363a;
|
|
9710
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
9711
|
-
--atlascopco-beige-2: #efebe6;
|
|
9712
|
-
--atlascopco-beige-3: #e7e0da;
|
|
9713
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
9714
|
-
--atlascopco-blue: #0092bc;
|
|
9715
|
-
--atlascopco-blue-dark: #006f8f;
|
|
9716
|
-
--atlascopco-black: #000000;
|
|
9717
|
-
--atlascopco-white: #ffffff;
|
|
9718
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
9719
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
9720
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
9721
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
9722
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
9723
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
9724
|
-
--atlascopco-grey-300: #aab0b5;
|
|
9725
|
-
--atlascopco-grey-400: #828b92;
|
|
9726
|
-
--atlascopco-grey-500: #5b6770;
|
|
9727
|
-
--atlascopco-grey-600: #2f363a;
|
|
9728
|
-
--color-primary: #0092bc;
|
|
9729
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
9730
|
-
--spacing-zero: 0px;
|
|
9731
|
-
--spacing-xxs: 4px;
|
|
9732
|
-
--spacing-xs: 8px;
|
|
9733
|
-
--spacing-sm: 12px;
|
|
9734
|
-
--spacing-md: 16px;
|
|
9735
|
-
--spacing-lg: 24px;
|
|
9736
|
-
--spacing-xl: 36px;
|
|
9737
|
-
--spacing-xxl: 48px;
|
|
9738
|
-
--spacing-3xl: 72px;
|
|
9739
|
-
--spacing-4xl: 96px;
|
|
9740
|
-
--h1-mobile-size: 32px;
|
|
9741
|
-
--h1-mobile-line-height: 1.2;
|
|
9742
|
-
--h2-mobile-size: 24px;
|
|
9743
|
-
--h2-mobile-line-height: 1.2;
|
|
9744
|
-
--h3-mobile-size: 18px;
|
|
9745
|
-
--h3-mobile-line-height: 1.6;
|
|
9746
|
-
--body-mobile-size: 14px;
|
|
9747
|
-
--body-mobile-line-height: 1.5;
|
|
9748
|
-
--h1-desktop-size: 55px;
|
|
9749
|
-
--h1-desktop-line-height: 1.15;
|
|
9750
|
-
--h2-desktop-size: 40px;
|
|
9751
|
-
--h2-desktop-line-height: 1.2;
|
|
9752
|
-
--h3-desktop-size: 32px;
|
|
9753
|
-
--h3-desktop-line-height: 1.2;
|
|
9754
|
-
--body-desktop-size: 18px;
|
|
9755
|
-
--body-desktop-line-height: 1.6;
|
|
9756
|
-
--text-lg-size: 27px;
|
|
9757
|
-
--text-lg-line-height: 1.4;
|
|
9758
|
-
--text-xl-size: 36px;
|
|
9759
|
-
--text-xl-line-height: 1.4;
|
|
9760
|
-
--text-xxl-size: 64px;
|
|
9761
|
-
--text-xxl-line-height: 1;
|
|
9762
|
-
}
|
|
9763
|
-
|
|
9764
8228
|
.cmp-vtba-form__field {
|
|
9765
8229
|
display: flex;
|
|
9766
8230
|
flex-direction: column;
|
|
@@ -9772,7 +8236,7 @@
|
|
|
9772
8236
|
font-size: var(--lsg-size-body);
|
|
9773
8237
|
font-weight: var(--lsg-font-weight-semibold);
|
|
9774
8238
|
line-height: var(--lsg-line-height-copy);
|
|
9775
|
-
color:
|
|
8239
|
+
color: var(--lsg-color-black);
|
|
9776
8240
|
}
|
|
9777
8241
|
|
|
9778
8242
|
.cmp-vtba-form__required {
|
|
@@ -9788,7 +8252,7 @@
|
|
|
9788
8252
|
font-family: var(--lsg-font-family-primary);
|
|
9789
8253
|
font-size: var(--lsg-size-body);
|
|
9790
8254
|
line-height: var(--lsg-line-height-copy);
|
|
9791
|
-
color:
|
|
8255
|
+
color: var(--lsg-color-black);
|
|
9792
8256
|
background-color: var(--lsg-color-white);
|
|
9793
8257
|
border: 1px solid;
|
|
9794
8258
|
border-radius: var(--lsg-form-radius, 2px);
|
|
@@ -9798,10 +8262,10 @@
|
|
|
9798
8262
|
transition: border-color 0.15s ease;
|
|
9799
8263
|
}
|
|
9800
8264
|
.cmp-vtba-form__input::-moz-placeholder {
|
|
9801
|
-
color:
|
|
8265
|
+
color: var(--lsg-color-secondary);
|
|
9802
8266
|
}
|
|
9803
8267
|
.cmp-vtba-form__input::placeholder {
|
|
9804
|
-
color:
|
|
8268
|
+
color: var(--lsg-color-secondary);
|
|
9805
8269
|
}
|
|
9806
8270
|
.cmp-vtba-form__input:focus {
|
|
9807
8271
|
outline: none;
|
|
@@ -9809,8 +8273,8 @@
|
|
|
9809
8273
|
box-shadow: 0 0 0 3px rgba(var(--lsg-color-dark), 0.15);
|
|
9810
8274
|
}
|
|
9811
8275
|
.cmp-vtba-form__input:disabled {
|
|
9812
|
-
background-color:
|
|
9813
|
-
color:
|
|
8276
|
+
background-color: rgba(118, 118, 118, 0.1);
|
|
8277
|
+
color: var(--lsg-color-secondary);
|
|
9814
8278
|
cursor: not-allowed;
|
|
9815
8279
|
}
|
|
9816
8280
|
[aria-invalid=true].cmp-vtba-form__input {
|
|
@@ -9821,7 +8285,7 @@
|
|
|
9821
8285
|
.cmp-vtba-form__help {
|
|
9822
8286
|
font-family: var(--lsg-font-family-primary);
|
|
9823
8287
|
font-size: var(--lsg-size-Small);
|
|
9824
|
-
color:
|
|
8288
|
+
color: var(--lsg-color-secondary);
|
|
9825
8289
|
line-height: var(--lsg-line-height-copy);
|
|
9826
8290
|
}
|
|
9827
8291
|
|
|
@@ -9842,73 +8306,6 @@
|
|
|
9842
8306
|
.cmp-vtba-form__field--tel input, .cmp-vtba-form__field--tel button {
|
|
9843
8307
|
border: 0px;
|
|
9844
8308
|
}
|
|
9845
|
-
:root {
|
|
9846
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
9847
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
9848
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
9849
|
-
--atlascopco-blue-7: #3daccc;
|
|
9850
|
-
--atlascopco-blue-9: #0092bc;
|
|
9851
|
-
--atlascopco-blue-11: #006f8f;
|
|
9852
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
9853
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
9854
|
-
--atlascopco-gray-5: #aab0b5;
|
|
9855
|
-
--atlascopco-gray-7: #828b92;
|
|
9856
|
-
--atlascopco-gray-9: #5b6770;
|
|
9857
|
-
--atlascopco-gray-11: #2f363a;
|
|
9858
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
9859
|
-
--atlascopco-beige-2: #efebe6;
|
|
9860
|
-
--atlascopco-beige-3: #e7e0da;
|
|
9861
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
9862
|
-
--atlascopco-blue: #0092bc;
|
|
9863
|
-
--atlascopco-blue-dark: #006f8f;
|
|
9864
|
-
--atlascopco-black: #000000;
|
|
9865
|
-
--atlascopco-white: #ffffff;
|
|
9866
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
9867
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
9868
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
9869
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
9870
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
9871
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
9872
|
-
--atlascopco-grey-300: #aab0b5;
|
|
9873
|
-
--atlascopco-grey-400: #828b92;
|
|
9874
|
-
--atlascopco-grey-500: #5b6770;
|
|
9875
|
-
--atlascopco-grey-600: #2f363a;
|
|
9876
|
-
--color-primary: #0092bc;
|
|
9877
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
9878
|
-
--spacing-zero: 0px;
|
|
9879
|
-
--spacing-xxs: 4px;
|
|
9880
|
-
--spacing-xs: 8px;
|
|
9881
|
-
--spacing-sm: 12px;
|
|
9882
|
-
--spacing-md: 16px;
|
|
9883
|
-
--spacing-lg: 24px;
|
|
9884
|
-
--spacing-xl: 36px;
|
|
9885
|
-
--spacing-xxl: 48px;
|
|
9886
|
-
--spacing-3xl: 72px;
|
|
9887
|
-
--spacing-4xl: 96px;
|
|
9888
|
-
--h1-mobile-size: 32px;
|
|
9889
|
-
--h1-mobile-line-height: 1.2;
|
|
9890
|
-
--h2-mobile-size: 24px;
|
|
9891
|
-
--h2-mobile-line-height: 1.2;
|
|
9892
|
-
--h3-mobile-size: 18px;
|
|
9893
|
-
--h3-mobile-line-height: 1.6;
|
|
9894
|
-
--body-mobile-size: 14px;
|
|
9895
|
-
--body-mobile-line-height: 1.5;
|
|
9896
|
-
--h1-desktop-size: 55px;
|
|
9897
|
-
--h1-desktop-line-height: 1.15;
|
|
9898
|
-
--h2-desktop-size: 40px;
|
|
9899
|
-
--h2-desktop-line-height: 1.2;
|
|
9900
|
-
--h3-desktop-size: 32px;
|
|
9901
|
-
--h3-desktop-line-height: 1.2;
|
|
9902
|
-
--body-desktop-size: 18px;
|
|
9903
|
-
--body-desktop-line-height: 1.6;
|
|
9904
|
-
--text-lg-size: 27px;
|
|
9905
|
-
--text-lg-line-height: 1.4;
|
|
9906
|
-
--text-xl-size: 36px;
|
|
9907
|
-
--text-xl-line-height: 1.4;
|
|
9908
|
-
--text-xxl-size: 64px;
|
|
9909
|
-
--text-xxl-line-height: 1;
|
|
9910
|
-
}
|
|
9911
|
-
|
|
9912
8309
|
.cmp-vtba-form__field {
|
|
9913
8310
|
display: flex;
|
|
9914
8311
|
flex-direction: column;
|
|
@@ -9920,7 +8317,7 @@
|
|
|
9920
8317
|
font-size: var(--lsg-size-body);
|
|
9921
8318
|
font-weight: var(--lsg-font-weight-semibold);
|
|
9922
8319
|
line-height: var(--lsg-line-height-copy);
|
|
9923
|
-
color:
|
|
8320
|
+
color: var(--lsg-color-black);
|
|
9924
8321
|
}
|
|
9925
8322
|
|
|
9926
8323
|
.cmp-vtba-form__required {
|
|
@@ -9936,7 +8333,7 @@
|
|
|
9936
8333
|
font-family: var(--lsg-font-family-primary);
|
|
9937
8334
|
font-size: var(--lsg-size-body);
|
|
9938
8335
|
line-height: var(--lsg-line-height-copy);
|
|
9939
|
-
color:
|
|
8336
|
+
color: var(--lsg-color-black);
|
|
9940
8337
|
background-color: var(--lsg-color-white);
|
|
9941
8338
|
border: 1px solid;
|
|
9942
8339
|
border-radius: var(--lsg-form-radius, 2px);
|
|
@@ -9946,10 +8343,10 @@
|
|
|
9946
8343
|
transition: border-color 0.15s ease;
|
|
9947
8344
|
}
|
|
9948
8345
|
.cmp-vtba-form__input::-moz-placeholder {
|
|
9949
|
-
color:
|
|
8346
|
+
color: var(--lsg-color-secondary);
|
|
9950
8347
|
}
|
|
9951
8348
|
.cmp-vtba-form__input::placeholder {
|
|
9952
|
-
color:
|
|
8349
|
+
color: var(--lsg-color-secondary);
|
|
9953
8350
|
}
|
|
9954
8351
|
.cmp-vtba-form__input:focus {
|
|
9955
8352
|
outline: none;
|
|
@@ -9957,8 +8354,8 @@
|
|
|
9957
8354
|
box-shadow: 0 0 0 3px rgba(var(--lsg-color-dark), 0.15);
|
|
9958
8355
|
}
|
|
9959
8356
|
.cmp-vtba-form__input:disabled {
|
|
9960
|
-
background-color:
|
|
9961
|
-
color:
|
|
8357
|
+
background-color: rgba(118, 118, 118, 0.1);
|
|
8358
|
+
color: var(--lsg-color-secondary);
|
|
9962
8359
|
cursor: not-allowed;
|
|
9963
8360
|
}
|
|
9964
8361
|
[aria-invalid=true].cmp-vtba-form__input {
|
|
@@ -9969,7 +8366,7 @@
|
|
|
9969
8366
|
.cmp-vtba-form__help {
|
|
9970
8367
|
font-family: var(--lsg-font-family-primary);
|
|
9971
8368
|
font-size: var(--lsg-size-Small);
|
|
9972
|
-
color:
|
|
8369
|
+
color: var(--lsg-color-secondary);
|
|
9973
8370
|
line-height: var(--lsg-line-height-copy);
|
|
9974
8371
|
}
|
|
9975
8372
|
|
|
@@ -9991,73 +8388,6 @@
|
|
|
9991
8388
|
border: 0px;
|
|
9992
8389
|
}
|
|
9993
8390
|
/* VTBA form tel field: emoji-flag + dial-code picker (vanilla, no image assets). */
|
|
9994
|
-
:root {
|
|
9995
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
9996
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
9997
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
9998
|
-
--atlascopco-blue-7: #3daccc;
|
|
9999
|
-
--atlascopco-blue-9: #0092bc;
|
|
10000
|
-
--atlascopco-blue-11: #006f8f;
|
|
10001
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
10002
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
10003
|
-
--atlascopco-gray-5: #aab0b5;
|
|
10004
|
-
--atlascopco-gray-7: #828b92;
|
|
10005
|
-
--atlascopco-gray-9: #5b6770;
|
|
10006
|
-
--atlascopco-gray-11: #2f363a;
|
|
10007
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
10008
|
-
--atlascopco-beige-2: #efebe6;
|
|
10009
|
-
--atlascopco-beige-3: #e7e0da;
|
|
10010
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
10011
|
-
--atlascopco-blue: #0092bc;
|
|
10012
|
-
--atlascopco-blue-dark: #006f8f;
|
|
10013
|
-
--atlascopco-black: #000000;
|
|
10014
|
-
--atlascopco-white: #ffffff;
|
|
10015
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
10016
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
10017
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
10018
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
10019
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
10020
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
10021
|
-
--atlascopco-grey-300: #aab0b5;
|
|
10022
|
-
--atlascopco-grey-400: #828b92;
|
|
10023
|
-
--atlascopco-grey-500: #5b6770;
|
|
10024
|
-
--atlascopco-grey-600: #2f363a;
|
|
10025
|
-
--color-primary: #0092bc;
|
|
10026
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
10027
|
-
--spacing-zero: 0px;
|
|
10028
|
-
--spacing-xxs: 4px;
|
|
10029
|
-
--spacing-xs: 8px;
|
|
10030
|
-
--spacing-sm: 12px;
|
|
10031
|
-
--spacing-md: 16px;
|
|
10032
|
-
--spacing-lg: 24px;
|
|
10033
|
-
--spacing-xl: 36px;
|
|
10034
|
-
--spacing-xxl: 48px;
|
|
10035
|
-
--spacing-3xl: 72px;
|
|
10036
|
-
--spacing-4xl: 96px;
|
|
10037
|
-
--h1-mobile-size: 32px;
|
|
10038
|
-
--h1-mobile-line-height: 1.2;
|
|
10039
|
-
--h2-mobile-size: 24px;
|
|
10040
|
-
--h2-mobile-line-height: 1.2;
|
|
10041
|
-
--h3-mobile-size: 18px;
|
|
10042
|
-
--h3-mobile-line-height: 1.6;
|
|
10043
|
-
--body-mobile-size: 14px;
|
|
10044
|
-
--body-mobile-line-height: 1.5;
|
|
10045
|
-
--h1-desktop-size: 55px;
|
|
10046
|
-
--h1-desktop-line-height: 1.15;
|
|
10047
|
-
--h2-desktop-size: 40px;
|
|
10048
|
-
--h2-desktop-line-height: 1.2;
|
|
10049
|
-
--h3-desktop-size: 32px;
|
|
10050
|
-
--h3-desktop-line-height: 1.2;
|
|
10051
|
-
--body-desktop-size: 18px;
|
|
10052
|
-
--body-desktop-line-height: 1.6;
|
|
10053
|
-
--text-lg-size: 27px;
|
|
10054
|
-
--text-lg-line-height: 1.4;
|
|
10055
|
-
--text-xl-size: 36px;
|
|
10056
|
-
--text-xl-line-height: 1.4;
|
|
10057
|
-
--text-xxl-size: 64px;
|
|
10058
|
-
--text-xxl-line-height: 1;
|
|
10059
|
-
}
|
|
10060
|
-
|
|
10061
8391
|
.cmp-vtba-tel {
|
|
10062
8392
|
position: relative;
|
|
10063
8393
|
display: flex;
|
|
@@ -10134,73 +8464,6 @@
|
|
|
10134
8464
|
.cmp-vtba-tel__option[aria-selected=true] {
|
|
10135
8465
|
font-weight: 700;
|
|
10136
8466
|
}
|
|
10137
|
-
:root {
|
|
10138
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
10139
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
10140
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
10141
|
-
--atlascopco-blue-7: #3daccc;
|
|
10142
|
-
--atlascopco-blue-9: #0092bc;
|
|
10143
|
-
--atlascopco-blue-11: #006f8f;
|
|
10144
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
10145
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
10146
|
-
--atlascopco-gray-5: #aab0b5;
|
|
10147
|
-
--atlascopco-gray-7: #828b92;
|
|
10148
|
-
--atlascopco-gray-9: #5b6770;
|
|
10149
|
-
--atlascopco-gray-11: #2f363a;
|
|
10150
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
10151
|
-
--atlascopco-beige-2: #efebe6;
|
|
10152
|
-
--atlascopco-beige-3: #e7e0da;
|
|
10153
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
10154
|
-
--atlascopco-blue: #0092bc;
|
|
10155
|
-
--atlascopco-blue-dark: #006f8f;
|
|
10156
|
-
--atlascopco-black: #000000;
|
|
10157
|
-
--atlascopco-white: #ffffff;
|
|
10158
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
10159
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
10160
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
10161
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
10162
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
10163
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
10164
|
-
--atlascopco-grey-300: #aab0b5;
|
|
10165
|
-
--atlascopco-grey-400: #828b92;
|
|
10166
|
-
--atlascopco-grey-500: #5b6770;
|
|
10167
|
-
--atlascopco-grey-600: #2f363a;
|
|
10168
|
-
--color-primary: #0092bc;
|
|
10169
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
10170
|
-
--spacing-zero: 0px;
|
|
10171
|
-
--spacing-xxs: 4px;
|
|
10172
|
-
--spacing-xs: 8px;
|
|
10173
|
-
--spacing-sm: 12px;
|
|
10174
|
-
--spacing-md: 16px;
|
|
10175
|
-
--spacing-lg: 24px;
|
|
10176
|
-
--spacing-xl: 36px;
|
|
10177
|
-
--spacing-xxl: 48px;
|
|
10178
|
-
--spacing-3xl: 72px;
|
|
10179
|
-
--spacing-4xl: 96px;
|
|
10180
|
-
--h1-mobile-size: 32px;
|
|
10181
|
-
--h1-mobile-line-height: 1.2;
|
|
10182
|
-
--h2-mobile-size: 24px;
|
|
10183
|
-
--h2-mobile-line-height: 1.2;
|
|
10184
|
-
--h3-mobile-size: 18px;
|
|
10185
|
-
--h3-mobile-line-height: 1.6;
|
|
10186
|
-
--body-mobile-size: 14px;
|
|
10187
|
-
--body-mobile-line-height: 1.5;
|
|
10188
|
-
--h1-desktop-size: 55px;
|
|
10189
|
-
--h1-desktop-line-height: 1.15;
|
|
10190
|
-
--h2-desktop-size: 40px;
|
|
10191
|
-
--h2-desktop-line-height: 1.2;
|
|
10192
|
-
--h3-desktop-size: 32px;
|
|
10193
|
-
--h3-desktop-line-height: 1.2;
|
|
10194
|
-
--body-desktop-size: 18px;
|
|
10195
|
-
--body-desktop-line-height: 1.6;
|
|
10196
|
-
--text-lg-size: 27px;
|
|
10197
|
-
--text-lg-line-height: 1.4;
|
|
10198
|
-
--text-xl-size: 36px;
|
|
10199
|
-
--text-xl-line-height: 1.4;
|
|
10200
|
-
--text-xxl-size: 64px;
|
|
10201
|
-
--text-xxl-line-height: 1;
|
|
10202
|
-
}
|
|
10203
|
-
|
|
10204
8467
|
.cmp-vtba-form__field {
|
|
10205
8468
|
display: flex;
|
|
10206
8469
|
flex-direction: column;
|
|
@@ -10212,7 +8475,7 @@
|
|
|
10212
8475
|
font-size: var(--lsg-size-body);
|
|
10213
8476
|
font-weight: var(--lsg-font-weight-semibold);
|
|
10214
8477
|
line-height: var(--lsg-line-height-copy);
|
|
10215
|
-
color:
|
|
8478
|
+
color: var(--lsg-color-black);
|
|
10216
8479
|
}
|
|
10217
8480
|
|
|
10218
8481
|
.cmp-vtba-form__required {
|
|
@@ -10228,7 +8491,7 @@
|
|
|
10228
8491
|
font-family: var(--lsg-font-family-primary);
|
|
10229
8492
|
font-size: var(--lsg-size-body);
|
|
10230
8493
|
line-height: var(--lsg-line-height-copy);
|
|
10231
|
-
color:
|
|
8494
|
+
color: var(--lsg-color-black);
|
|
10232
8495
|
background-color: var(--lsg-color-white);
|
|
10233
8496
|
border: 1px solid;
|
|
10234
8497
|
border-radius: var(--lsg-form-radius, 2px);
|
|
@@ -10238,10 +8501,10 @@
|
|
|
10238
8501
|
transition: border-color 0.15s ease;
|
|
10239
8502
|
}
|
|
10240
8503
|
.cmp-vtba-form__select::-moz-placeholder {
|
|
10241
|
-
color:
|
|
8504
|
+
color: var(--lsg-color-secondary);
|
|
10242
8505
|
}
|
|
10243
8506
|
.cmp-vtba-form__select::placeholder {
|
|
10244
|
-
color:
|
|
8507
|
+
color: var(--lsg-color-secondary);
|
|
10245
8508
|
}
|
|
10246
8509
|
.cmp-vtba-form__select:focus {
|
|
10247
8510
|
outline: none;
|
|
@@ -10249,8 +8512,8 @@
|
|
|
10249
8512
|
box-shadow: 0 0 0 3px rgba(var(--lsg-color-dark), 0.15);
|
|
10250
8513
|
}
|
|
10251
8514
|
.cmp-vtba-form__select:disabled {
|
|
10252
|
-
background-color:
|
|
10253
|
-
color:
|
|
8515
|
+
background-color: rgba(118, 118, 118, 0.1);
|
|
8516
|
+
color: var(--lsg-color-secondary);
|
|
10254
8517
|
cursor: not-allowed;
|
|
10255
8518
|
}
|
|
10256
8519
|
[aria-invalid=true].cmp-vtba-form__select {
|
|
@@ -10261,7 +8524,7 @@
|
|
|
10261
8524
|
.cmp-vtba-form__help {
|
|
10262
8525
|
font-family: var(--lsg-font-family-primary);
|
|
10263
8526
|
font-size: var(--lsg-size-Small);
|
|
10264
|
-
color:
|
|
8527
|
+
color: var(--lsg-color-secondary);
|
|
10265
8528
|
line-height: var(--lsg-line-height-copy);
|
|
10266
8529
|
}
|
|
10267
8530
|
|
|
@@ -10296,7 +8559,7 @@
|
|
|
10296
8559
|
height: 0;
|
|
10297
8560
|
border-left: 5px solid transparent;
|
|
10298
8561
|
border-right: 5px solid transparent;
|
|
10299
|
-
border-top: 6px solid
|
|
8562
|
+
border-top: 6px solid var(--lsg-color-secondary);
|
|
10300
8563
|
pointer-events: none;
|
|
10301
8564
|
}
|
|
10302
8565
|
|
|
@@ -10307,73 +8570,6 @@
|
|
|
10307
8570
|
.cmp-vtba-form__select:disabled {
|
|
10308
8571
|
cursor: not-allowed;
|
|
10309
8572
|
}
|
|
10310
|
-
:root {
|
|
10311
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
10312
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
10313
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
10314
|
-
--atlascopco-blue-7: #3daccc;
|
|
10315
|
-
--atlascopco-blue-9: #0092bc;
|
|
10316
|
-
--atlascopco-blue-11: #006f8f;
|
|
10317
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
10318
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
10319
|
-
--atlascopco-gray-5: #aab0b5;
|
|
10320
|
-
--atlascopco-gray-7: #828b92;
|
|
10321
|
-
--atlascopco-gray-9: #5b6770;
|
|
10322
|
-
--atlascopco-gray-11: #2f363a;
|
|
10323
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
10324
|
-
--atlascopco-beige-2: #efebe6;
|
|
10325
|
-
--atlascopco-beige-3: #e7e0da;
|
|
10326
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
10327
|
-
--atlascopco-blue: #0092bc;
|
|
10328
|
-
--atlascopco-blue-dark: #006f8f;
|
|
10329
|
-
--atlascopco-black: #000000;
|
|
10330
|
-
--atlascopco-white: #ffffff;
|
|
10331
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
10332
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
10333
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
10334
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
10335
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
10336
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
10337
|
-
--atlascopco-grey-300: #aab0b5;
|
|
10338
|
-
--atlascopco-grey-400: #828b92;
|
|
10339
|
-
--atlascopco-grey-500: #5b6770;
|
|
10340
|
-
--atlascopco-grey-600: #2f363a;
|
|
10341
|
-
--color-primary: #0092bc;
|
|
10342
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
10343
|
-
--spacing-zero: 0px;
|
|
10344
|
-
--spacing-xxs: 4px;
|
|
10345
|
-
--spacing-xs: 8px;
|
|
10346
|
-
--spacing-sm: 12px;
|
|
10347
|
-
--spacing-md: 16px;
|
|
10348
|
-
--spacing-lg: 24px;
|
|
10349
|
-
--spacing-xl: 36px;
|
|
10350
|
-
--spacing-xxl: 48px;
|
|
10351
|
-
--spacing-3xl: 72px;
|
|
10352
|
-
--spacing-4xl: 96px;
|
|
10353
|
-
--h1-mobile-size: 32px;
|
|
10354
|
-
--h1-mobile-line-height: 1.2;
|
|
10355
|
-
--h2-mobile-size: 24px;
|
|
10356
|
-
--h2-mobile-line-height: 1.2;
|
|
10357
|
-
--h3-mobile-size: 18px;
|
|
10358
|
-
--h3-mobile-line-height: 1.6;
|
|
10359
|
-
--body-mobile-size: 14px;
|
|
10360
|
-
--body-mobile-line-height: 1.5;
|
|
10361
|
-
--h1-desktop-size: 55px;
|
|
10362
|
-
--h1-desktop-line-height: 1.15;
|
|
10363
|
-
--h2-desktop-size: 40px;
|
|
10364
|
-
--h2-desktop-line-height: 1.2;
|
|
10365
|
-
--h3-desktop-size: 32px;
|
|
10366
|
-
--h3-desktop-line-height: 1.2;
|
|
10367
|
-
--body-desktop-size: 18px;
|
|
10368
|
-
--body-desktop-line-height: 1.6;
|
|
10369
|
-
--text-lg-size: 27px;
|
|
10370
|
-
--text-lg-line-height: 1.4;
|
|
10371
|
-
--text-xl-size: 36px;
|
|
10372
|
-
--text-xl-line-height: 1.4;
|
|
10373
|
-
--text-xxl-size: 64px;
|
|
10374
|
-
--text-xxl-line-height: 1;
|
|
10375
|
-
}
|
|
10376
|
-
|
|
10377
8573
|
.cmp-vtba-form__field {
|
|
10378
8574
|
display: flex;
|
|
10379
8575
|
flex-direction: column;
|
|
@@ -10385,7 +8581,7 @@
|
|
|
10385
8581
|
font-size: var(--lsg-size-body);
|
|
10386
8582
|
font-weight: var(--lsg-font-weight-semibold);
|
|
10387
8583
|
line-height: var(--lsg-line-height-copy);
|
|
10388
|
-
color:
|
|
8584
|
+
color: var(--lsg-color-black);
|
|
10389
8585
|
}
|
|
10390
8586
|
|
|
10391
8587
|
.cmp-vtba-form__required {
|
|
@@ -10401,7 +8597,7 @@
|
|
|
10401
8597
|
font-family: var(--lsg-font-family-primary);
|
|
10402
8598
|
font-size: var(--lsg-size-body);
|
|
10403
8599
|
line-height: var(--lsg-line-height-copy);
|
|
10404
|
-
color:
|
|
8600
|
+
color: var(--lsg-color-black);
|
|
10405
8601
|
background-color: var(--lsg-color-white);
|
|
10406
8602
|
border: 1px solid;
|
|
10407
8603
|
border-radius: var(--lsg-form-radius, 2px);
|
|
@@ -10411,10 +8607,10 @@
|
|
|
10411
8607
|
transition: border-color 0.15s ease;
|
|
10412
8608
|
}
|
|
10413
8609
|
.cmp-vtba-form__select::-moz-placeholder {
|
|
10414
|
-
color:
|
|
8610
|
+
color: var(--lsg-color-secondary);
|
|
10415
8611
|
}
|
|
10416
8612
|
.cmp-vtba-form__select::placeholder {
|
|
10417
|
-
color:
|
|
8613
|
+
color: var(--lsg-color-secondary);
|
|
10418
8614
|
}
|
|
10419
8615
|
.cmp-vtba-form__select:focus {
|
|
10420
8616
|
outline: none;
|
|
@@ -10422,8 +8618,8 @@
|
|
|
10422
8618
|
box-shadow: 0 0 0 3px rgba(var(--lsg-color-dark), 0.15);
|
|
10423
8619
|
}
|
|
10424
8620
|
.cmp-vtba-form__select:disabled {
|
|
10425
|
-
background-color:
|
|
10426
|
-
color:
|
|
8621
|
+
background-color: rgba(118, 118, 118, 0.1);
|
|
8622
|
+
color: var(--lsg-color-secondary);
|
|
10427
8623
|
cursor: not-allowed;
|
|
10428
8624
|
}
|
|
10429
8625
|
[aria-invalid=true].cmp-vtba-form__select {
|
|
@@ -10434,7 +8630,7 @@
|
|
|
10434
8630
|
.cmp-vtba-form__help {
|
|
10435
8631
|
font-family: var(--lsg-font-family-primary);
|
|
10436
8632
|
font-size: var(--lsg-size-Small);
|
|
10437
|
-
color:
|
|
8633
|
+
color: var(--lsg-color-secondary);
|
|
10438
8634
|
line-height: var(--lsg-line-height-copy);
|
|
10439
8635
|
}
|
|
10440
8636
|
|
|
@@ -10469,7 +8665,7 @@
|
|
|
10469
8665
|
height: 0;
|
|
10470
8666
|
border-left: 5px solid transparent;
|
|
10471
8667
|
border-right: 5px solid transparent;
|
|
10472
|
-
border-top: 6px solid
|
|
8668
|
+
border-top: 6px solid var(--lsg-color-secondary);
|
|
10473
8669
|
pointer-events: none;
|
|
10474
8670
|
}
|
|
10475
8671
|
|
|
@@ -10481,73 +8677,6 @@
|
|
|
10481
8677
|
.cmp-vtba-form__select:disabled {
|
|
10482
8678
|
cursor: not-allowed;
|
|
10483
8679
|
}
|
|
10484
|
-
:root {
|
|
10485
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
10486
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
10487
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
10488
|
-
--atlascopco-blue-7: #3daccc;
|
|
10489
|
-
--atlascopco-blue-9: #0092bc;
|
|
10490
|
-
--atlascopco-blue-11: #006f8f;
|
|
10491
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
10492
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
10493
|
-
--atlascopco-gray-5: #aab0b5;
|
|
10494
|
-
--atlascopco-gray-7: #828b92;
|
|
10495
|
-
--atlascopco-gray-9: #5b6770;
|
|
10496
|
-
--atlascopco-gray-11: #2f363a;
|
|
10497
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
10498
|
-
--atlascopco-beige-2: #efebe6;
|
|
10499
|
-
--atlascopco-beige-3: #e7e0da;
|
|
10500
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
10501
|
-
--atlascopco-blue: #0092bc;
|
|
10502
|
-
--atlascopco-blue-dark: #006f8f;
|
|
10503
|
-
--atlascopco-black: #000000;
|
|
10504
|
-
--atlascopco-white: #ffffff;
|
|
10505
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
10506
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
10507
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
10508
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
10509
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
10510
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
10511
|
-
--atlascopco-grey-300: #aab0b5;
|
|
10512
|
-
--atlascopco-grey-400: #828b92;
|
|
10513
|
-
--atlascopco-grey-500: #5b6770;
|
|
10514
|
-
--atlascopco-grey-600: #2f363a;
|
|
10515
|
-
--color-primary: #0092bc;
|
|
10516
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
10517
|
-
--spacing-zero: 0px;
|
|
10518
|
-
--spacing-xxs: 4px;
|
|
10519
|
-
--spacing-xs: 8px;
|
|
10520
|
-
--spacing-sm: 12px;
|
|
10521
|
-
--spacing-md: 16px;
|
|
10522
|
-
--spacing-lg: 24px;
|
|
10523
|
-
--spacing-xl: 36px;
|
|
10524
|
-
--spacing-xxl: 48px;
|
|
10525
|
-
--spacing-3xl: 72px;
|
|
10526
|
-
--spacing-4xl: 96px;
|
|
10527
|
-
--h1-mobile-size: 32px;
|
|
10528
|
-
--h1-mobile-line-height: 1.2;
|
|
10529
|
-
--h2-mobile-size: 24px;
|
|
10530
|
-
--h2-mobile-line-height: 1.2;
|
|
10531
|
-
--h3-mobile-size: 18px;
|
|
10532
|
-
--h3-mobile-line-height: 1.6;
|
|
10533
|
-
--body-mobile-size: 14px;
|
|
10534
|
-
--body-mobile-line-height: 1.5;
|
|
10535
|
-
--h1-desktop-size: 55px;
|
|
10536
|
-
--h1-desktop-line-height: 1.15;
|
|
10537
|
-
--h2-desktop-size: 40px;
|
|
10538
|
-
--h2-desktop-line-height: 1.2;
|
|
10539
|
-
--h3-desktop-size: 32px;
|
|
10540
|
-
--h3-desktop-line-height: 1.2;
|
|
10541
|
-
--body-desktop-size: 18px;
|
|
10542
|
-
--body-desktop-line-height: 1.6;
|
|
10543
|
-
--text-lg-size: 27px;
|
|
10544
|
-
--text-lg-line-height: 1.4;
|
|
10545
|
-
--text-xl-size: 36px;
|
|
10546
|
-
--text-xl-line-height: 1.4;
|
|
10547
|
-
--text-xxl-size: 64px;
|
|
10548
|
-
--text-xxl-line-height: 1;
|
|
10549
|
-
}
|
|
10550
|
-
|
|
10551
8680
|
.cmp-vtba-form__field {
|
|
10552
8681
|
display: flex;
|
|
10553
8682
|
flex-direction: column;
|
|
@@ -10559,7 +8688,7 @@
|
|
|
10559
8688
|
font-size: var(--lsg-size-body);
|
|
10560
8689
|
font-weight: var(--lsg-font-weight-semibold);
|
|
10561
8690
|
line-height: var(--lsg-line-height-copy);
|
|
10562
|
-
color:
|
|
8691
|
+
color: var(--lsg-color-black);
|
|
10563
8692
|
}
|
|
10564
8693
|
|
|
10565
8694
|
.cmp-vtba-form__required {
|
|
@@ -10575,7 +8704,7 @@
|
|
|
10575
8704
|
font-family: var(--lsg-font-family-primary);
|
|
10576
8705
|
font-size: var(--lsg-size-body);
|
|
10577
8706
|
line-height: var(--lsg-line-height-copy);
|
|
10578
|
-
color:
|
|
8707
|
+
color: var(--lsg-color-black);
|
|
10579
8708
|
background-color: var(--lsg-color-white);
|
|
10580
8709
|
border: 1px solid;
|
|
10581
8710
|
border-radius: var(--lsg-form-radius, 2px);
|
|
@@ -10585,10 +8714,10 @@
|
|
|
10585
8714
|
transition: border-color 0.15s ease;
|
|
10586
8715
|
}
|
|
10587
8716
|
.cmp-vtba-form__textarea::-moz-placeholder {
|
|
10588
|
-
color:
|
|
8717
|
+
color: var(--lsg-color-secondary);
|
|
10589
8718
|
}
|
|
10590
8719
|
.cmp-vtba-form__textarea::placeholder {
|
|
10591
|
-
color:
|
|
8720
|
+
color: var(--lsg-color-secondary);
|
|
10592
8721
|
}
|
|
10593
8722
|
.cmp-vtba-form__textarea:focus {
|
|
10594
8723
|
outline: none;
|
|
@@ -10596,8 +8725,8 @@
|
|
|
10596
8725
|
box-shadow: 0 0 0 3px rgba(var(--lsg-color-dark), 0.15);
|
|
10597
8726
|
}
|
|
10598
8727
|
.cmp-vtba-form__textarea:disabled {
|
|
10599
|
-
background-color:
|
|
10600
|
-
color:
|
|
8728
|
+
background-color: rgba(118, 118, 118, 0.1);
|
|
8729
|
+
color: var(--lsg-color-secondary);
|
|
10601
8730
|
cursor: not-allowed;
|
|
10602
8731
|
}
|
|
10603
8732
|
[aria-invalid=true].cmp-vtba-form__textarea {
|
|
@@ -10608,7 +8737,7 @@
|
|
|
10608
8737
|
.cmp-vtba-form__help {
|
|
10609
8738
|
font-family: var(--lsg-font-family-primary);
|
|
10610
8739
|
font-size: var(--lsg-size-Small);
|
|
10611
|
-
color:
|
|
8740
|
+
color: var(--lsg-color-secondary);
|
|
10612
8741
|
line-height: var(--lsg-line-height-copy);
|
|
10613
8742
|
}
|
|
10614
8743
|
|
|
@@ -10634,73 +8763,6 @@
|
|
|
10634
8763
|
resize: vertical;
|
|
10635
8764
|
min-height: 120px;
|
|
10636
8765
|
}
|
|
10637
|
-
:root {
|
|
10638
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
10639
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
10640
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
10641
|
-
--atlascopco-blue-7: #3daccc;
|
|
10642
|
-
--atlascopco-blue-9: #0092bc;
|
|
10643
|
-
--atlascopco-blue-11: #006f8f;
|
|
10644
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
10645
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
10646
|
-
--atlascopco-gray-5: #aab0b5;
|
|
10647
|
-
--atlascopco-gray-7: #828b92;
|
|
10648
|
-
--atlascopco-gray-9: #5b6770;
|
|
10649
|
-
--atlascopco-gray-11: #2f363a;
|
|
10650
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
10651
|
-
--atlascopco-beige-2: #efebe6;
|
|
10652
|
-
--atlascopco-beige-3: #e7e0da;
|
|
10653
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
10654
|
-
--atlascopco-blue: #0092bc;
|
|
10655
|
-
--atlascopco-blue-dark: #006f8f;
|
|
10656
|
-
--atlascopco-black: #000000;
|
|
10657
|
-
--atlascopco-white: #ffffff;
|
|
10658
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
10659
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
10660
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
10661
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
10662
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
10663
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
10664
|
-
--atlascopco-grey-300: #aab0b5;
|
|
10665
|
-
--atlascopco-grey-400: #828b92;
|
|
10666
|
-
--atlascopco-grey-500: #5b6770;
|
|
10667
|
-
--atlascopco-grey-600: #2f363a;
|
|
10668
|
-
--color-primary: #0092bc;
|
|
10669
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
10670
|
-
--spacing-zero: 0px;
|
|
10671
|
-
--spacing-xxs: 4px;
|
|
10672
|
-
--spacing-xs: 8px;
|
|
10673
|
-
--spacing-sm: 12px;
|
|
10674
|
-
--spacing-md: 16px;
|
|
10675
|
-
--spacing-lg: 24px;
|
|
10676
|
-
--spacing-xl: 36px;
|
|
10677
|
-
--spacing-xxl: 48px;
|
|
10678
|
-
--spacing-3xl: 72px;
|
|
10679
|
-
--spacing-4xl: 96px;
|
|
10680
|
-
--h1-mobile-size: 32px;
|
|
10681
|
-
--h1-mobile-line-height: 1.2;
|
|
10682
|
-
--h2-mobile-size: 24px;
|
|
10683
|
-
--h2-mobile-line-height: 1.2;
|
|
10684
|
-
--h3-mobile-size: 18px;
|
|
10685
|
-
--h3-mobile-line-height: 1.6;
|
|
10686
|
-
--body-mobile-size: 14px;
|
|
10687
|
-
--body-mobile-line-height: 1.5;
|
|
10688
|
-
--h1-desktop-size: 55px;
|
|
10689
|
-
--h1-desktop-line-height: 1.15;
|
|
10690
|
-
--h2-desktop-size: 40px;
|
|
10691
|
-
--h2-desktop-line-height: 1.2;
|
|
10692
|
-
--h3-desktop-size: 32px;
|
|
10693
|
-
--h3-desktop-line-height: 1.2;
|
|
10694
|
-
--body-desktop-size: 18px;
|
|
10695
|
-
--body-desktop-line-height: 1.6;
|
|
10696
|
-
--text-lg-size: 27px;
|
|
10697
|
-
--text-lg-line-height: 1.4;
|
|
10698
|
-
--text-xl-size: 36px;
|
|
10699
|
-
--text-xl-line-height: 1.4;
|
|
10700
|
-
--text-xxl-size: 64px;
|
|
10701
|
-
--text-xxl-line-height: 1;
|
|
10702
|
-
}
|
|
10703
|
-
|
|
10704
8766
|
.cmp-vtba-form__field--consent .cmp-vtba-form__field-error {
|
|
10705
8767
|
font-family: var(--lsg-font-family-primary);
|
|
10706
8768
|
font-size: var(--lsg-size-Small);
|
|
@@ -10722,7 +8784,7 @@
|
|
|
10722
8784
|
width: 18px;
|
|
10723
8785
|
height: 18px;
|
|
10724
8786
|
margin-top: 3px;
|
|
10725
|
-
accent-color:
|
|
8787
|
+
accent-color: var(--lsg-color-primary);
|
|
10726
8788
|
border-radius: var(--lsg-form-radius, 3px);
|
|
10727
8789
|
cursor: pointer;
|
|
10728
8790
|
}
|
|
@@ -10735,80 +8797,13 @@
|
|
|
10735
8797
|
font-family: var(--lsg-font-family-primary);
|
|
10736
8798
|
font-size: var(--lsg-size-body);
|
|
10737
8799
|
line-height: var(--lsg-line-height-copy);
|
|
10738
|
-
color:
|
|
8800
|
+
color: var(--lsg-color-black);
|
|
10739
8801
|
cursor: pointer;
|
|
10740
8802
|
}
|
|
10741
8803
|
.cmp-vtba-form__consent-label a {
|
|
10742
|
-
color:
|
|
8804
|
+
color: var(--lsg-color-primary);
|
|
10743
8805
|
text-underline-offset: 2px;
|
|
10744
8806
|
}
|
|
10745
|
-
:root {
|
|
10746
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
10747
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
10748
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
10749
|
-
--atlascopco-blue-7: #3daccc;
|
|
10750
|
-
--atlascopco-blue-9: #0092bc;
|
|
10751
|
-
--atlascopco-blue-11: #006f8f;
|
|
10752
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
10753
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
10754
|
-
--atlascopco-gray-5: #aab0b5;
|
|
10755
|
-
--atlascopco-gray-7: #828b92;
|
|
10756
|
-
--atlascopco-gray-9: #5b6770;
|
|
10757
|
-
--atlascopco-gray-11: #2f363a;
|
|
10758
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
10759
|
-
--atlascopco-beige-2: #efebe6;
|
|
10760
|
-
--atlascopco-beige-3: #e7e0da;
|
|
10761
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
10762
|
-
--atlascopco-blue: #0092bc;
|
|
10763
|
-
--atlascopco-blue-dark: #006f8f;
|
|
10764
|
-
--atlascopco-black: #000000;
|
|
10765
|
-
--atlascopco-white: #ffffff;
|
|
10766
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
10767
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
10768
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
10769
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
10770
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
10771
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
10772
|
-
--atlascopco-grey-300: #aab0b5;
|
|
10773
|
-
--atlascopco-grey-400: #828b92;
|
|
10774
|
-
--atlascopco-grey-500: #5b6770;
|
|
10775
|
-
--atlascopco-grey-600: #2f363a;
|
|
10776
|
-
--color-primary: #0092bc;
|
|
10777
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
10778
|
-
--spacing-zero: 0px;
|
|
10779
|
-
--spacing-xxs: 4px;
|
|
10780
|
-
--spacing-xs: 8px;
|
|
10781
|
-
--spacing-sm: 12px;
|
|
10782
|
-
--spacing-md: 16px;
|
|
10783
|
-
--spacing-lg: 24px;
|
|
10784
|
-
--spacing-xl: 36px;
|
|
10785
|
-
--spacing-xxl: 48px;
|
|
10786
|
-
--spacing-3xl: 72px;
|
|
10787
|
-
--spacing-4xl: 96px;
|
|
10788
|
-
--h1-mobile-size: 32px;
|
|
10789
|
-
--h1-mobile-line-height: 1.2;
|
|
10790
|
-
--h2-mobile-size: 24px;
|
|
10791
|
-
--h2-mobile-line-height: 1.2;
|
|
10792
|
-
--h3-mobile-size: 18px;
|
|
10793
|
-
--h3-mobile-line-height: 1.6;
|
|
10794
|
-
--body-mobile-size: 14px;
|
|
10795
|
-
--body-mobile-line-height: 1.5;
|
|
10796
|
-
--h1-desktop-size: 55px;
|
|
10797
|
-
--h1-desktop-line-height: 1.15;
|
|
10798
|
-
--h2-desktop-size: 40px;
|
|
10799
|
-
--h2-desktop-line-height: 1.2;
|
|
10800
|
-
--h3-desktop-size: 32px;
|
|
10801
|
-
--h3-desktop-line-height: 1.2;
|
|
10802
|
-
--body-desktop-size: 18px;
|
|
10803
|
-
--body-desktop-line-height: 1.6;
|
|
10804
|
-
--text-lg-size: 27px;
|
|
10805
|
-
--text-lg-line-height: 1.4;
|
|
10806
|
-
--text-xl-size: 36px;
|
|
10807
|
-
--text-xl-line-height: 1.4;
|
|
10808
|
-
--text-xxl-size: 64px;
|
|
10809
|
-
--text-xxl-line-height: 1;
|
|
10810
|
-
}
|
|
10811
|
-
|
|
10812
8807
|
.cmp-vtba-form__step {
|
|
10813
8808
|
border: none;
|
|
10814
8809
|
padding: 0;
|
|
@@ -10820,7 +8815,7 @@
|
|
|
10820
8815
|
font-size: var(--lsg-size-H4);
|
|
10821
8816
|
font-weight: var(--lsg-font-weight-bold);
|
|
10822
8817
|
line-height: var(--lsg-line-height-heading);
|
|
10823
|
-
color:
|
|
8818
|
+
color: var(--lsg-color-black);
|
|
10824
8819
|
margin-bottom: 12px;
|
|
10825
8820
|
padding: 0;
|
|
10826
8821
|
float: left;
|
|
@@ -10830,7 +8825,7 @@
|
|
|
10830
8825
|
.cmp-vtba-form__step-description {
|
|
10831
8826
|
font-family: var(--lsg-font-family-primary);
|
|
10832
8827
|
font-size: var(--lsg-size-body);
|
|
10833
|
-
color:
|
|
8828
|
+
color: var(--lsg-color-secondary);
|
|
10834
8829
|
line-height: var(--lsg-line-height-copy);
|
|
10835
8830
|
margin: 0 0 24px;
|
|
10836
8831
|
}
|
|
@@ -10841,73 +8836,6 @@
|
|
|
10841
8836
|
gap: 24px;
|
|
10842
8837
|
clear: left;
|
|
10843
8838
|
}
|
|
10844
|
-
:root {
|
|
10845
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
10846
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
10847
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
10848
|
-
--atlascopco-blue-7: #3daccc;
|
|
10849
|
-
--atlascopco-blue-9: #0092bc;
|
|
10850
|
-
--atlascopco-blue-11: #006f8f;
|
|
10851
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
10852
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
10853
|
-
--atlascopco-gray-5: #aab0b5;
|
|
10854
|
-
--atlascopco-gray-7: #828b92;
|
|
10855
|
-
--atlascopco-gray-9: #5b6770;
|
|
10856
|
-
--atlascopco-gray-11: #2f363a;
|
|
10857
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
10858
|
-
--atlascopco-beige-2: #efebe6;
|
|
10859
|
-
--atlascopco-beige-3: #e7e0da;
|
|
10860
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
10861
|
-
--atlascopco-blue: #0092bc;
|
|
10862
|
-
--atlascopco-blue-dark: #006f8f;
|
|
10863
|
-
--atlascopco-black: #000000;
|
|
10864
|
-
--atlascopco-white: #ffffff;
|
|
10865
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
10866
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
10867
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
10868
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
10869
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
10870
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
10871
|
-
--atlascopco-grey-300: #aab0b5;
|
|
10872
|
-
--atlascopco-grey-400: #828b92;
|
|
10873
|
-
--atlascopco-grey-500: #5b6770;
|
|
10874
|
-
--atlascopco-grey-600: #2f363a;
|
|
10875
|
-
--color-primary: #0092bc;
|
|
10876
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
10877
|
-
--spacing-zero: 0px;
|
|
10878
|
-
--spacing-xxs: 4px;
|
|
10879
|
-
--spacing-xs: 8px;
|
|
10880
|
-
--spacing-sm: 12px;
|
|
10881
|
-
--spacing-md: 16px;
|
|
10882
|
-
--spacing-lg: 24px;
|
|
10883
|
-
--spacing-xl: 36px;
|
|
10884
|
-
--spacing-xxl: 48px;
|
|
10885
|
-
--spacing-3xl: 72px;
|
|
10886
|
-
--spacing-4xl: 96px;
|
|
10887
|
-
--h1-mobile-size: 32px;
|
|
10888
|
-
--h1-mobile-line-height: 1.2;
|
|
10889
|
-
--h2-mobile-size: 24px;
|
|
10890
|
-
--h2-mobile-line-height: 1.2;
|
|
10891
|
-
--h3-mobile-size: 18px;
|
|
10892
|
-
--h3-mobile-line-height: 1.6;
|
|
10893
|
-
--body-mobile-size: 14px;
|
|
10894
|
-
--body-mobile-line-height: 1.5;
|
|
10895
|
-
--h1-desktop-size: 55px;
|
|
10896
|
-
--h1-desktop-line-height: 1.15;
|
|
10897
|
-
--h2-desktop-size: 40px;
|
|
10898
|
-
--h2-desktop-line-height: 1.2;
|
|
10899
|
-
--h3-desktop-size: 32px;
|
|
10900
|
-
--h3-desktop-line-height: 1.2;
|
|
10901
|
-
--body-desktop-size: 18px;
|
|
10902
|
-
--body-desktop-line-height: 1.6;
|
|
10903
|
-
--text-lg-size: 27px;
|
|
10904
|
-
--text-lg-line-height: 1.4;
|
|
10905
|
-
--text-xl-size: 36px;
|
|
10906
|
-
--text-xl-line-height: 1.4;
|
|
10907
|
-
--text-xxl-size: 64px;
|
|
10908
|
-
--text-xxl-line-height: 1;
|
|
10909
|
-
}
|
|
10910
|
-
|
|
10911
8839
|
.cmp-vtba-form {
|
|
10912
8840
|
font-family: var(--lsg-font-family-primary);
|
|
10913
8841
|
}
|
|
@@ -10923,12 +8851,11 @@
|
|
|
10923
8851
|
font-size: var(--lsg-size-H2);
|
|
10924
8852
|
font-weight: var(--lsg-font-weight-bold);
|
|
10925
8853
|
line-height: var(--lsg-line-height-heading);
|
|
10926
|
-
color:
|
|
10927
|
-
margin: 0;
|
|
8854
|
+
color: var(--lsg-color-black);
|
|
10928
8855
|
}
|
|
10929
8856
|
|
|
10930
8857
|
.cmp-vtba-form__progress {
|
|
10931
|
-
border-bottom: 1px solid
|
|
8858
|
+
border-bottom: 1px solid var(--lsg-color-light);
|
|
10932
8859
|
padding-bottom: 16px;
|
|
10933
8860
|
}
|
|
10934
8861
|
|
|
@@ -10944,17 +8871,17 @@
|
|
|
10944
8871
|
display: flex;
|
|
10945
8872
|
align-items: center;
|
|
10946
8873
|
gap: 8px;
|
|
10947
|
-
color:
|
|
8874
|
+
color: var(--lsg-color-secondary);
|
|
10948
8875
|
font-size: var(--lsg-size-Small);
|
|
10949
8876
|
}
|
|
10950
8877
|
.cmp-vtba-form__progress-step[aria-current=step] {
|
|
10951
|
-
color:
|
|
8878
|
+
color: var(--lsg-color-primary);
|
|
10952
8879
|
font-weight: var(--lsg-font-weight-semibold);
|
|
10953
8880
|
}
|
|
10954
8881
|
.cmp-vtba-form__progress-step[aria-current=step] .cmp-vtba-form__progress-number {
|
|
10955
|
-
background-color:
|
|
10956
|
-
color:
|
|
10957
|
-
border-color:
|
|
8882
|
+
background-color: var(--lsg-color-primary);
|
|
8883
|
+
color: var(--lsg-color-white);
|
|
8884
|
+
border-color: var(--lsg-color-primary);
|
|
10958
8885
|
}
|
|
10959
8886
|
|
|
10960
8887
|
.cmp-vtba-form__progress-number {
|
|
@@ -10964,7 +8891,7 @@
|
|
|
10964
8891
|
width: 24px;
|
|
10965
8892
|
height: 24px;
|
|
10966
8893
|
border-radius: 50%;
|
|
10967
|
-
border: 1px solid
|
|
8894
|
+
border: 1px solid var(--lsg-color-light);
|
|
10968
8895
|
font-size: 12px;
|
|
10969
8896
|
font-weight: var(--lsg-font-weight-semibold);
|
|
10970
8897
|
flex-shrink: 0;
|
|
@@ -10985,7 +8912,6 @@
|
|
|
10985
8912
|
align-items: center;
|
|
10986
8913
|
gap: 16px;
|
|
10987
8914
|
padding-top: 12px;
|
|
10988
|
-
border-top: 1px solid #d1d4d7;
|
|
10989
8915
|
}
|
|
10990
8916
|
|
|
10991
8917
|
.cmp-vtba-form__next,
|
|
@@ -11008,11 +8934,11 @@
|
|
|
11008
8934
|
|
|
11009
8935
|
.cmp-vtba-form__prev {
|
|
11010
8936
|
background-color: transparent;
|
|
11011
|
-
border-color:
|
|
11012
|
-
color:
|
|
8937
|
+
border-color: var(--lsg-color-light);
|
|
8938
|
+
color: var(--lsg-color-black);
|
|
11013
8939
|
}
|
|
11014
8940
|
.cmp-vtba-form__prev:hover {
|
|
11015
|
-
border-color:
|
|
8941
|
+
border-color: var(--lsg-color-secondary);
|
|
11016
8942
|
}
|
|
11017
8943
|
|
|
11018
8944
|
.cmp-vtba-form__next,
|
|
@@ -11038,77 +8964,10 @@
|
|
|
11038
8964
|
|
|
11039
8965
|
.cmp-vtba-form__success {
|
|
11040
8966
|
padding: 16px 24px;
|
|
11041
|
-
background-color:
|
|
11042
|
-
border-left: 3px solid
|
|
11043
|
-
color:
|
|
11044
|
-
}
|
|
11045
|
-
:root {
|
|
11046
|
-
--atlascopco-blue-1: #f5fbfc;
|
|
11047
|
-
--atlascopco-blue-3: #b8e0ec;
|
|
11048
|
-
--atlascopco-blue-5: #7ac6dc;
|
|
11049
|
-
--atlascopco-blue-7: #3daccc;
|
|
11050
|
-
--atlascopco-blue-9: #0092bc;
|
|
11051
|
-
--atlascopco-blue-11: #006f8f;
|
|
11052
|
-
--atlascopco-gray-1: #f8f9f9;
|
|
11053
|
-
--atlascopco-gray-3: #d1d4d7;
|
|
11054
|
-
--atlascopco-gray-5: #aab0b5;
|
|
11055
|
-
--atlascopco-gray-7: #828b92;
|
|
11056
|
-
--atlascopco-gray-9: #5b6770;
|
|
11057
|
-
--atlascopco-gray-11: #2f363a;
|
|
11058
|
-
--atlascopco-beige-1: #f5f2ef;
|
|
11059
|
-
--atlascopco-beige-2: #efebe6;
|
|
11060
|
-
--atlascopco-beige-3: #e7e0da;
|
|
11061
|
-
--atlascopco-beige-4: #dfd6ce;
|
|
11062
|
-
--atlascopco-blue: #0092bc;
|
|
11063
|
-
--atlascopco-blue-dark: #006f8f;
|
|
11064
|
-
--atlascopco-black: #000000;
|
|
11065
|
-
--atlascopco-white: #ffffff;
|
|
11066
|
-
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
11067
|
-
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
11068
|
-
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
11069
|
-
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
11070
|
-
--atlascopco-grey-100: #f8f9f9;
|
|
11071
|
-
--atlascopco-grey-200: #d1d4d7;
|
|
11072
|
-
--atlascopco-grey-300: #aab0b5;
|
|
11073
|
-
--atlascopco-grey-400: #828b92;
|
|
11074
|
-
--atlascopco-grey-500: #5b6770;
|
|
11075
|
-
--atlascopco-grey-600: #2f363a;
|
|
11076
|
-
--color-primary: #0092bc;
|
|
11077
|
-
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
11078
|
-
--spacing-zero: 0px;
|
|
11079
|
-
--spacing-xxs: 4px;
|
|
11080
|
-
--spacing-xs: 8px;
|
|
11081
|
-
--spacing-sm: 12px;
|
|
11082
|
-
--spacing-md: 16px;
|
|
11083
|
-
--spacing-lg: 24px;
|
|
11084
|
-
--spacing-xl: 36px;
|
|
11085
|
-
--spacing-xxl: 48px;
|
|
11086
|
-
--spacing-3xl: 72px;
|
|
11087
|
-
--spacing-4xl: 96px;
|
|
11088
|
-
--h1-mobile-size: 32px;
|
|
11089
|
-
--h1-mobile-line-height: 1.2;
|
|
11090
|
-
--h2-mobile-size: 24px;
|
|
11091
|
-
--h2-mobile-line-height: 1.2;
|
|
11092
|
-
--h3-mobile-size: 18px;
|
|
11093
|
-
--h3-mobile-line-height: 1.6;
|
|
11094
|
-
--body-mobile-size: 14px;
|
|
11095
|
-
--body-mobile-line-height: 1.5;
|
|
11096
|
-
--h1-desktop-size: 55px;
|
|
11097
|
-
--h1-desktop-line-height: 1.15;
|
|
11098
|
-
--h2-desktop-size: 40px;
|
|
11099
|
-
--h2-desktop-line-height: 1.2;
|
|
11100
|
-
--h3-desktop-size: 32px;
|
|
11101
|
-
--h3-desktop-line-height: 1.2;
|
|
11102
|
-
--body-desktop-size: 18px;
|
|
11103
|
-
--body-desktop-line-height: 1.6;
|
|
11104
|
-
--text-lg-size: 27px;
|
|
11105
|
-
--text-lg-line-height: 1.4;
|
|
11106
|
-
--text-xl-size: 36px;
|
|
11107
|
-
--text-xl-line-height: 1.4;
|
|
11108
|
-
--text-xxl-size: 64px;
|
|
11109
|
-
--text-xxl-line-height: 1;
|
|
8967
|
+
background-color: color-mix(in srgb, var(--lsg-color-primary) 20%, white);
|
|
8968
|
+
border-left: 3px solid var(--lsg-color-primary);
|
|
8969
|
+
color: var(--lsg-color-primary);
|
|
11110
8970
|
}
|
|
11111
|
-
|
|
11112
8971
|
.cmp-text--policy-notice-icon {
|
|
11113
8972
|
display: flex;
|
|
11114
8973
|
align-items: flex-start;
|
|
@@ -11133,7 +8992,7 @@
|
|
|
11133
8992
|
font-family: var(--lsg-font-family-primary);
|
|
11134
8993
|
font-size: var(--lsg-size-body);
|
|
11135
8994
|
line-height: var(--lsg-line-height-copy);
|
|
11136
|
-
color:
|
|
8995
|
+
color: var(--lsg-color-black);
|
|
11137
8996
|
margin: 0;
|
|
11138
8997
|
}
|
|
11139
8998
|
.cmp-text--policy-notice-icon a {
|