@asante-org/atlascopco-vt-litesitegenerator 3.6.1 → 3.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.esm.scss +536 -2220
  2. package/dist/index.scss +536 -2220
  3. package/dist/themes/theme-1.css +463 -90
  4. package/dist/themes/theme-1.css.map +1 -1
  5. package/dist/themes/theme-2.css +467 -90
  6. package/dist/themes/theme-2.css.map +1 -1
  7. package/dist/themes/theme-3.css +481 -97
  8. package/dist/themes/theme-3.css.map +1 -1
  9. 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;
@@ -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: var(--atlascopco-beige-3, #e7e0da);
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: var(--atlascopco-beige-3, #e7e0da);
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);
@@ -3339,8 +3277,8 @@
3339
3277
  z-index: 2;
3340
3278
  cursor: pointer;
3341
3279
  background-color: var(--lsg-tabs-arrow-color);
3342
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10 3L5 8l5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3343
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10 3L5 8l5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3280
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M10%203L5%208l5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3281
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M10%203L5%208l5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3344
3282
  }
3345
3283
  .lsg-tabs--scroll-start::before:hover {
3346
3284
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -3357,8 +3295,8 @@
3357
3295
  z-index: 2;
3358
3296
  cursor: pointer;
3359
3297
  background-color: var(--lsg-tabs-arrow-color);
3360
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3361
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3298
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M6%203l5%205-5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3299
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M6%203l5%205-5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3362
3300
  }
3363
3301
  .lsg-tabs--scroll-end::after:hover {
3364
3302
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -3381,8 +3319,8 @@
3381
3319
  z-index: 2;
3382
3320
  cursor: pointer;
3383
3321
  background-color: var(--lsg-tabs-arrow-color);
3384
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 10l5-5 5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3385
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 10l5-5 5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3322
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%2010l5-5%205%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3323
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%2010l5-5%205%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3386
3324
  }
3387
3325
  .lsg-tabs--vertical.lsg-tabs--scroll-start::before:hover {
3388
3326
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -3400,8 +3338,8 @@
3400
3338
  z-index: 2;
3401
3339
  cursor: pointer;
3402
3340
  background-color: var(--lsg-tabs-arrow-color);
3403
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3404
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3341
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%206l5%205%205-5'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3342
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%206l5%205%205-5'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3405
3343
  }
3406
3344
  .lsg-tabs--vertical.lsg-tabs--scroll-end::after:hover {
3407
3345
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -4045,6 +3983,462 @@
4045
3983
  color: var(--lsg-color-white);
4046
3984
  }
4047
3985
 
3986
+ .cmp-vtba-form__field {
3987
+ display: flex;
3988
+ flex-direction: column;
3989
+ gap: 8px;
3990
+ }
3991
+
3992
+ .cmp-vtba-form__label {
3993
+ font-family: var(--lsg-font-family-primary);
3994
+ font-size: var(--lsg-size-body);
3995
+ font-weight: var(--lsg-font-weight-semibold);
3996
+ line-height: var(--lsg-line-height-copy);
3997
+ color: var(--lsg-color-black);
3998
+ }
3999
+
4000
+ .cmp-vtba-form__required {
4001
+ margin-left: 4px;
4002
+ color: #c0392b;
4003
+ text-decoration: none;
4004
+ font-style: normal;
4005
+ }
4006
+
4007
+ .cmp-vtba-form__select, .cmp-vtba-form__textarea, .cmp-vtba-form__input {
4008
+ flex: 1 1 auto;
4009
+ padding: 12px 16px;
4010
+ font-family: var(--lsg-font-family-primary);
4011
+ font-size: var(--lsg-size-body);
4012
+ line-height: var(--lsg-line-height-copy);
4013
+ color: var(--lsg-color-black);
4014
+ background-color: var(--lsg-color-white);
4015
+ border: 1px solid;
4016
+ border-radius: var(--lsg-form-radius, 2px);
4017
+ -webkit-appearance: none;
4018
+ -moz-appearance: none;
4019
+ appearance: none;
4020
+ transition: border-color 0.15s ease;
4021
+ }
4022
+ .cmp-vtba-form__select::-moz-placeholder, .cmp-vtba-form__textarea::-moz-placeholder, .cmp-vtba-form__input::-moz-placeholder {
4023
+ color: var(--lsg-color-secondary);
4024
+ }
4025
+ .cmp-vtba-form__select::placeholder, .cmp-vtba-form__textarea::placeholder, .cmp-vtba-form__input::placeholder {
4026
+ color: var(--lsg-color-secondary);
4027
+ }
4028
+ .cmp-vtba-form__select:focus, .cmp-vtba-form__textarea:focus, .cmp-vtba-form__input:focus {
4029
+ outline: none;
4030
+ border: 1px solid var(--lsg-color-dark);
4031
+ box-shadow: 0 0 0 3px rgba(var(--lsg-color-dark), 0.15);
4032
+ }
4033
+ .cmp-vtba-form__select:disabled, .cmp-vtba-form__textarea:disabled, .cmp-vtba-form__input:disabled {
4034
+ background-color: rgba(118, 118, 118, 0.1);
4035
+ color: var(--lsg-color-secondary);
4036
+ cursor: not-allowed;
4037
+ }
4038
+ [aria-invalid=true].cmp-vtba-form__select, [aria-invalid=true].cmp-vtba-form__textarea, [aria-invalid=true].cmp-vtba-form__input {
4039
+ border: 1px solid #c0392b;
4040
+ border-color: #c0392b;
4041
+ }
4042
+
4043
+ .cmp-vtba-form__help {
4044
+ font-family: var(--lsg-font-family-primary);
4045
+ font-size: var(--lsg-size-Small);
4046
+ color: var(--lsg-color-secondary);
4047
+ line-height: var(--lsg-line-height-copy);
4048
+ }
4049
+
4050
+ .cmp-vtba-form__field-error {
4051
+ font-family: var(--lsg-font-family-primary);
4052
+ font-size: var(--lsg-size-Small);
4053
+ color: #c0392b;
4054
+ line-height: var(--lsg-line-height-copy);
4055
+ }
4056
+ .cmp-vtba-form__field-error[hidden] {
4057
+ display: none;
4058
+ }
4059
+
4060
+ .cmp-vtba-form__field--tel {
4061
+ border: 1px solid;
4062
+ border-radius: var(--lsg-form-radius, 2px);
4063
+ }
4064
+ .cmp-vtba-form__field--tel input, .cmp-vtba-form__field--tel button {
4065
+ border: 0px;
4066
+ }
4067
+
4068
+ .cmp-vtba-form {
4069
+ font-family: var(--lsg-font-family-primary);
4070
+ }
4071
+
4072
+ .cmp-vtba-form__form {
4073
+ display: flex;
4074
+ flex-direction: column;
4075
+ gap: 36px;
4076
+ }
4077
+
4078
+ .cmp-vtba-form__title {
4079
+ font-family: var(--lsg-font-family-secondary);
4080
+ font-size: var(--lsg-size-H2);
4081
+ font-weight: var(--lsg-font-weight-bold);
4082
+ line-height: var(--lsg-line-height-heading);
4083
+ color: var(--lsg-color-black);
4084
+ }
4085
+
4086
+ .cmp-vtba-form__progress {
4087
+ border-bottom: 1px solid var(--lsg-color-light);
4088
+ padding-bottom: 16px;
4089
+ }
4090
+
4091
+ .cmp-vtba-form__progress-list {
4092
+ display: flex;
4093
+ gap: 24px;
4094
+ list-style: none;
4095
+ margin: 0;
4096
+ padding: 0;
4097
+ }
4098
+
4099
+ .cmp-vtba-form__progress-step {
4100
+ display: flex;
4101
+ align-items: center;
4102
+ gap: 8px;
4103
+ color: var(--lsg-color-secondary);
4104
+ font-size: var(--lsg-size-Small);
4105
+ }
4106
+ .cmp-vtba-form__progress-step[aria-current=step] {
4107
+ color: var(--lsg-color-primary);
4108
+ font-weight: var(--lsg-font-weight-semibold);
4109
+ }
4110
+ .cmp-vtba-form__progress-step[aria-current=step] .cmp-vtba-form__progress-number {
4111
+ background-color: var(--lsg-color-primary);
4112
+ color: var(--lsg-color-white);
4113
+ border-color: var(--lsg-color-primary);
4114
+ }
4115
+
4116
+ .cmp-vtba-form__progress-number {
4117
+ display: inline-flex;
4118
+ align-items: center;
4119
+ justify-content: center;
4120
+ width: 24px;
4121
+ height: 24px;
4122
+ border-radius: 50%;
4123
+ border: 1px solid var(--lsg-color-light);
4124
+ font-size: 12px;
4125
+ font-weight: var(--lsg-font-weight-semibold);
4126
+ flex-shrink: 0;
4127
+ }
4128
+
4129
+ .cmp-vtba-form__progress-title {
4130
+ white-space: nowrap;
4131
+ }
4132
+
4133
+ .cmp-vtba-form__steps {
4134
+ display: flex;
4135
+ flex-direction: column;
4136
+ gap: 36px;
4137
+ }
4138
+
4139
+ .cmp-vtba-form__actions {
4140
+ display: flex;
4141
+ align-items: center;
4142
+ gap: 16px;
4143
+ padding-top: 12px;
4144
+ }
4145
+
4146
+ .cmp-vtba-form__next,
4147
+ .cmp-vtba-form__submit, .cmp-vtba-form__prev {
4148
+ display: inline-flex;
4149
+ align-items: center;
4150
+ padding: 12px 24px;
4151
+ font-family: var(--lsg-font-family-primary);
4152
+ font-size: var(--lsg-size-body);
4153
+ font-weight: var(--lsg-font-weight-semibold);
4154
+ line-height: 1.5;
4155
+ border: 2px solid transparent;
4156
+ cursor: pointer;
4157
+ transition: background-color 0.15s ease, border-color 0.15s ease;
4158
+ }
4159
+ [hidden].cmp-vtba-form__next,
4160
+ [hidden].cmp-vtba-form__submit, [hidden].cmp-vtba-form__prev {
4161
+ display: none;
4162
+ }
4163
+
4164
+ .cmp-vtba-form__prev {
4165
+ background-color: transparent;
4166
+ border-color: var(--lsg-color-light);
4167
+ color: var(--lsg-color-black);
4168
+ }
4169
+ .cmp-vtba-form__prev:hover {
4170
+ border-color: var(--lsg-color-secondary);
4171
+ }
4172
+
4173
+ .cmp-vtba-form__next,
4174
+ .cmp-vtba-form__submit {
4175
+ background-color: var(--lsg-color-primary);
4176
+ border-color: var(--lsg-color-primary);
4177
+ color: var(--lsg-color-white);
4178
+ }
4179
+ .cmp-vtba-form__next:hover:not([disabled]),
4180
+ .cmp-vtba-form__submit:hover:not([disabled]) {
4181
+ background-color: color-mix(in srgb, var(--lsg-color-primary) 82%, var(--lsg-color-black));
4182
+ border-color: color-mix(in srgb, var(--lsg-color-primary) 82%, var(--lsg-color-black));
4183
+ }
4184
+
4185
+ .cmp-vtba-form__error {
4186
+ padding: 12px 16px;
4187
+ background-color: rgb(251.3404255319, 239.8510638298, 238.6595744681);
4188
+ border-left: 3px solid #c0392b;
4189
+ color: rgb(150.3319148936, 44.629787234, 33.6680851064);
4190
+ font-size: var(--lsg-size-Small);
4191
+ margin: 0;
4192
+ }
4193
+
4194
+ .cmp-vtba-form__success {
4195
+ padding: 16px 24px;
4196
+ background-color: color-mix(in srgb, var(--lsg-color-primary) 20%, white);
4197
+ border-left: 3px solid var(--lsg-color-primary);
4198
+ color: var(--lsg-color-primary);
4199
+ }
4200
+
4201
+ .cmp-vtba-form__select-wrapper {
4202
+ position: relative;
4203
+ }
4204
+ .cmp-vtba-form__select-wrapper::after {
4205
+ content: "";
4206
+ position: absolute;
4207
+ right: 16px;
4208
+ top: 50%;
4209
+ transform: translateY(-50%);
4210
+ width: 0;
4211
+ height: 0;
4212
+ border-left: 5px solid transparent;
4213
+ border-right: 5px solid transparent;
4214
+ border-top: 6px solid var(--lsg-color-secondary);
4215
+ pointer-events: none;
4216
+ }
4217
+
4218
+ .cmp-vtba-form__select {
4219
+ padding-right: 36px;
4220
+ cursor: pointer;
4221
+ }
4222
+ .cmp-vtba-form__select:disabled {
4223
+ cursor: not-allowed;
4224
+ }
4225
+
4226
+ .cmp-vtba-form__textarea {
4227
+ resize: vertical;
4228
+ min-height: 120px;
4229
+ }
4230
+
4231
+ .cmp-vtba-form__select-wrapper {
4232
+ position: relative;
4233
+ }
4234
+ .cmp-vtba-form__select-wrapper::after {
4235
+ content: "";
4236
+ position: absolute;
4237
+ right: 16px;
4238
+ top: 50%;
4239
+ transform: translateY(-50%);
4240
+ width: 0;
4241
+ height: 0;
4242
+ border-left: 5px solid transparent;
4243
+ border-right: 5px solid transparent;
4244
+ border-top: 6px solid var(--lsg-color-secondary);
4245
+ pointer-events: none;
4246
+ }
4247
+
4248
+ .cmp-vtba-form__select {
4249
+ width: 100%;
4250
+ padding-right: 36px;
4251
+ cursor: pointer;
4252
+ }
4253
+ .cmp-vtba-form__select:disabled {
4254
+ cursor: not-allowed;
4255
+ }
4256
+
4257
+ .cmp-vtba-form__field--consent .cmp-vtba-form__field-error {
4258
+ font-family: var(--lsg-font-family-primary);
4259
+ font-size: var(--lsg-size-Small);
4260
+ color: #c0392b;
4261
+ line-height: var(--lsg-line-height-copy);
4262
+ }
4263
+ .cmp-vtba-form__field--consent .cmp-vtba-form__field-error[hidden] {
4264
+ display: none;
4265
+ }
4266
+
4267
+ .cmp-vtba-form__consent {
4268
+ display: flex;
4269
+ align-items: flex-start;
4270
+ gap: 12px;
4271
+ }
4272
+
4273
+ .cmp-vtba-form__checkbox {
4274
+ flex-shrink: 0;
4275
+ width: 18px;
4276
+ height: 18px;
4277
+ margin-top: 3px;
4278
+ accent-color: var(--lsg-color-primary);
4279
+ border-radius: var(--lsg-form-radius, 3px);
4280
+ cursor: pointer;
4281
+ }
4282
+ .cmp-vtba-form__checkbox:disabled {
4283
+ cursor: not-allowed;
4284
+ opacity: 0.5;
4285
+ }
4286
+
4287
+ .cmp-vtba-form__consent-label {
4288
+ font-family: var(--lsg-font-family-primary);
4289
+ font-size: var(--lsg-size-body);
4290
+ line-height: var(--lsg-line-height-copy);
4291
+ color: var(--lsg-color-black);
4292
+ cursor: pointer;
4293
+ }
4294
+ .cmp-vtba-form__consent-label a {
4295
+ color: var(--lsg-color-primary);
4296
+ text-underline-offset: 2px;
4297
+ }
4298
+
4299
+ .cmp-text--policy-notice-icon {
4300
+ display: flex;
4301
+ align-items: flex-start;
4302
+ gap: 12px;
4303
+ }
4304
+ .cmp-text--policy-notice-icon::before {
4305
+ content: "";
4306
+ display: block;
4307
+ flex-shrink: 0;
4308
+ width: 32px;
4309
+ height: 32px;
4310
+ margin-top: 2px;
4311
+ background-color: var(--lsg-color-primary);
4312
+ mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2032C24.8366%2032%2032%2024.8366%2032%2016C32%207.16344%2024.8366%200%2016%200C7.16344%200%200%207.16344%200%2016C0%2024.8366%207.16344%2032%2016%2032ZM13.9638%2014.1669C14.187%2013.5932%2013.8998%2013.3064%2013.6445%2013.3064C12.4651%2013.3064%2010.9334%2016.0808%2010.3606%2016.0808C10.1365%2016.0808%209.94528%2015.8569%209.94528%2015.6658C9.94528%2015.0917%2011.3483%2013.7526%2011.7637%2013.3378C13.0387%2012.126%2014.6976%2011.2012%2016.5475%2011.2012C17.9181%2011.2012%2019.3857%2012.03%2018.2377%2015.1243L15.941%2021.3424C15.7505%2021.8209%2015.3996%2022.6189%2015.3996%2023.1288C15.3996%2023.3518%2015.5264%2023.5756%2015.7816%2023.5756C16.7378%2023.5756%2018.4927%2020.8643%2018.9394%2020.8643C19.0985%2020.8643%2019.3215%2021.0554%2019.3215%2021.3424C19.3215%2022.2673%2015.5906%2026.2222%2012.3692%2026.2222C11.221%2026.2222%2010.4239%2025.6805%2010.4239%2024.4685C10.4239%2022.938%2011.508%2020.3225%2011.7322%2019.78L13.9638%2014.1669ZM15.6857%207.88425C15.6857%206.48115%2016.8974%205.33333%2018.3008%205.33333C19.5773%205.33333%2020.5015%206.19384%2020.5015%207.50182C20.5015%208.96943%2019.2902%2010.0538%2017.8549%2010.0538C16.5475%2010.0538%2015.6857%209.19217%2015.6857%207.88425Z'%20fill='black'/%3E%3C/svg%3E");
4313
+ mask-repeat: no-repeat;
4314
+ mask-size: contain;
4315
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2032C24.8366%2032%2032%2024.8366%2032%2016C32%207.16344%2024.8366%200%2016%200C7.16344%200%200%207.16344%200%2016C0%2024.8366%207.16344%2032%2016%2032ZM13.9638%2014.1669C14.187%2013.5932%2013.8998%2013.3064%2013.6445%2013.3064C12.4651%2013.3064%2010.9334%2016.0808%2010.3606%2016.0808C10.1365%2016.0808%209.94528%2015.8569%209.94528%2015.6658C9.94528%2015.0917%2011.3483%2013.7526%2011.7637%2013.3378C13.0387%2012.126%2014.6976%2011.2012%2016.5475%2011.2012C17.9181%2011.2012%2019.3857%2012.03%2018.2377%2015.1243L15.941%2021.3424C15.7505%2021.8209%2015.3996%2022.6189%2015.3996%2023.1288C15.3996%2023.3518%2015.5264%2023.5756%2015.7816%2023.5756C16.7378%2023.5756%2018.4927%2020.8643%2018.9394%2020.8643C19.0985%2020.8643%2019.3215%2021.0554%2019.3215%2021.3424C19.3215%2022.2673%2015.5906%2026.2222%2012.3692%2026.2222C11.221%2026.2222%2010.4239%2025.6805%2010.4239%2024.4685C10.4239%2022.938%2011.508%2020.3225%2011.7322%2019.78L13.9638%2014.1669ZM15.6857%207.88425C15.6857%206.48115%2016.8974%205.33333%2018.3008%205.33333C19.5773%205.33333%2020.5015%206.19384%2020.5015%207.50182C20.5015%208.96943%2019.2902%2010.0538%2017.8549%2010.0538C16.5475%2010.0538%2015.6857%209.19217%2015.6857%207.88425Z'%20fill='black'/%3E%3C/svg%3E");
4316
+ -webkit-mask-repeat: no-repeat;
4317
+ -webkit-mask-size: contain;
4318
+ }
4319
+ .cmp-text--policy-notice-icon p {
4320
+ font-family: var(--lsg-font-family-primary);
4321
+ font-size: var(--lsg-size-body);
4322
+ line-height: var(--lsg-line-height-copy);
4323
+ color: var(--lsg-color-black);
4324
+ margin: 0;
4325
+ }
4326
+ .cmp-text--policy-notice-icon a {
4327
+ color: var(--lsg-color-primary);
4328
+ text-underline-offset: 2px;
4329
+ }
4330
+
4331
+ .cmp-vtba-form__step {
4332
+ border: none;
4333
+ padding: 0;
4334
+ margin: 0;
4335
+ }
4336
+
4337
+ .cmp-vtba-form__step-legend {
4338
+ font-family: var(--lsg-font-family-secondary);
4339
+ font-size: var(--lsg-size-H4);
4340
+ font-weight: var(--lsg-font-weight-bold);
4341
+ line-height: var(--lsg-line-height-heading);
4342
+ color: var(--lsg-color-black);
4343
+ margin-bottom: 12px;
4344
+ padding: 0;
4345
+ float: left;
4346
+ width: 100%;
4347
+ }
4348
+
4349
+ .cmp-vtba-form__step-description {
4350
+ font-family: var(--lsg-font-family-primary);
4351
+ font-size: var(--lsg-size-body);
4352
+ color: var(--lsg-color-secondary);
4353
+ line-height: var(--lsg-line-height-copy);
4354
+ margin: 0 0 24px;
4355
+ }
4356
+
4357
+ .cmp-vtba-form__fields {
4358
+ display: flex;
4359
+ flex-direction: column;
4360
+ gap: 24px;
4361
+ clear: left;
4362
+ }
4363
+
4364
+ /* VTBA form tel field: emoji-flag + dial-code picker (vanilla, no image assets). */
4365
+ .cmp-vtba-tel {
4366
+ position: relative;
4367
+ display: flex;
4368
+ align-items: stretch;
4369
+ gap: 0.5rem;
4370
+ /* the tel <input> keeps its field styling but flexes to fill */
4371
+ }
4372
+ .cmp-vtba-tel .cmp-vtba-form__input {
4373
+ flex: 1 1 auto;
4374
+ min-width: 0;
4375
+ }
4376
+ .cmp-vtba-tel__toggle {
4377
+ flex: 0 0 auto;
4378
+ display: inline-flex;
4379
+ align-items: center;
4380
+ gap: 0.35rem;
4381
+ padding: 0 0.6rem;
4382
+ border: 1px solid #b3b3b3;
4383
+ border-radius: var(--lsg-form-radius, 2px);
4384
+ background: #fff;
4385
+ cursor: pointer;
4386
+ line-height: 1;
4387
+ white-space: nowrap;
4388
+ }
4389
+ .cmp-vtba-tel__toggle[aria-expanded=true] {
4390
+ border-color: #666;
4391
+ }
4392
+ .cmp-vtba-tel__flag {
4393
+ font-size: 1.15rem;
4394
+ }
4395
+ .cmp-vtba-tel__code {
4396
+ font-size: 0.95rem;
4397
+ }
4398
+ .cmp-vtba-tel__dropdown {
4399
+ position: absolute;
4400
+ top: calc(100% + 4px);
4401
+ left: 0;
4402
+ z-index: 40;
4403
+ width: 20rem;
4404
+ max-width: 90vw;
4405
+ background: #fff;
4406
+ border: 1px solid #b3b3b3;
4407
+ border-radius: var(--lsg-form-radius, 4px);
4408
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
4409
+ }
4410
+ .cmp-vtba-tel__dropdown[hidden] {
4411
+ display: none;
4412
+ }
4413
+ .cmp-vtba-tel__search {
4414
+ display: block;
4415
+ width: 100%;
4416
+ box-sizing: border-box;
4417
+ padding: 0.5rem 0.6rem;
4418
+ border: 0;
4419
+ border-bottom: 1px solid #e0e0e0;
4420
+ outline: none;
4421
+ }
4422
+ .cmp-vtba-tel__list {
4423
+ margin: 0;
4424
+ padding: 0;
4425
+ list-style: none;
4426
+ max-height: 15rem;
4427
+ overflow-y: auto;
4428
+ }
4429
+ .cmp-vtba-tel__option {
4430
+ padding: 0.4rem 0.6rem;
4431
+ cursor: pointer;
4432
+ white-space: nowrap;
4433
+ }
4434
+ .cmp-vtba-tel__option:hover, .cmp-vtba-tel__option:focus {
4435
+ background: #f0f4f8;
4436
+ outline: none;
4437
+ }
4438
+ .cmp-vtba-tel__option[aria-selected=true] {
4439
+ font-weight: 700;
4440
+ }
4441
+
4048
4442
  .lsg-visually-hidden {
4049
4443
  position: absolute;
4050
4444
  width: 1px;
@@ -4513,73 +4907,6 @@
4513
4907
  justify-content: flex-end;
4514
4908
  justify-items: end;
4515
4909
  }
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
4910
  .lsg-button {
4584
4911
  display: inline-flex;
4585
4912
  align-items: center;
@@ -4625,73 +4952,6 @@
4625
4952
  cursor: not-allowed;
4626
4953
  pointer-events: none;
4627
4954
  }
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
4955
  .lsg-banner,
4696
4956
  .lsg-banner * {
4697
4957
  box-sizing: border-box;
@@ -4951,73 +5211,6 @@
4951
5211
  align-self: center;
4952
5212
  }
4953
5213
  }
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
5214
  .lsg-image {
5022
5215
  position: relative;
5023
5216
  width: 100%;
@@ -5149,73 +5342,6 @@
5149
5342
  transition: none;
5150
5343
  }
5151
5344
  }
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
5345
  .lsg-video {
5220
5346
  position: relative;
5221
5347
  width: 100%;
@@ -5374,73 +5500,6 @@
5374
5500
  transition: none;
5375
5501
  }
5376
5502
  }
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
5503
  .lsg-carousel {
5445
5504
  --lsg-carousel-bg: var(--lsg-color-primary);
5446
5505
  --lsg-carousel-color: var(--lsg-color-white);
@@ -5819,73 +5878,6 @@
5819
5878
  margin-top: 8px;
5820
5879
  }
5821
5880
  }
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
5881
  .lsg-card,
5890
5882
  .lsg-card *,
5891
5883
  .lsg-cards,
@@ -6024,73 +6016,6 @@
6024
6016
  min-width: 0;
6025
6017
  list-style: none;
6026
6018
  }
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
6019
  .lsg-breadcrumb,
6095
6020
  .lsg-breadcrumb * {
6096
6021
  box-sizing: border-box;
@@ -6198,73 +6123,6 @@
6198
6123
  padding-left: var(--lsg-breadcrumb-padding-desktop, 200px);
6199
6124
  }
6200
6125
  }
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
6126
  .lsg-logo {
6269
6127
  display: inline-flex;
6270
6128
  align-items: center;
@@ -6284,73 +6142,6 @@
6284
6142
  color: var(--lsg-color-primary);
6285
6143
  letter-spacing: -0.01em;
6286
6144
  }
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
6145
  .lsg-nav {
6355
6146
  font-family: var(--lsg-font-family-primary);
6356
6147
  --lsg-header-green: var(--lsg-color-primary);
@@ -6574,73 +6365,6 @@
6574
6365
  display: none;
6575
6366
  }
6576
6367
  }
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
6368
  .lsg-lang-switcher {
6645
6369
  font-family: var(--lsg-font-family-primary);
6646
6370
  position: relative;
@@ -6719,73 +6443,6 @@
6719
6443
  font-weight: 600;
6720
6444
  color: var(--lsg-color-primary);
6721
6445
  }
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
6446
  .lsg-search-trigger {
6790
6447
  display: inline-flex;
6791
6448
  align-items: center;
@@ -6812,73 +6469,6 @@
6812
6469
  height: 20px;
6813
6470
  pointer-events: none;
6814
6471
  }
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
6472
  .lsg-search-overlay {
6883
6473
  font-family: var(--lsg-font-family-primary);
6884
6474
  position: fixed;
@@ -6975,73 +6565,6 @@
6975
6565
  width: 16px;
6976
6566
  height: 16px;
6977
6567
  }
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
6568
  @keyframes lsg-header-panel-in {
7046
6569
  from {
7047
6570
  opacity: 0;
@@ -7791,73 +7314,6 @@
7791
7314
  margin: 0 auto;
7792
7315
  }
7793
7316
  }
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
7317
  .lsg-quick-links__heading {
7862
7318
  font-size: 0.8125rem;
7863
7319
  font-weight: 700;
@@ -7887,73 +7343,6 @@
7887
7343
  .lsg-quick-links__link:focus-visible {
7888
7344
  text-decoration: underline;
7889
7345
  }
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
7346
  .lsg-social-icons {
7958
7347
  display: flex;
7959
7348
  align-items: center;
@@ -7988,73 +7377,6 @@
7988
7377
  pointer-events: none;
7989
7378
  fill: currentColor;
7990
7379
  }
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
7380
  .lsg-footer {
8059
7381
  font-family: var(--lsg-font-family-primary);
8060
7382
  background-color: var(--lsg-footer-bg, #18181b);
@@ -8431,73 +7753,6 @@
8431
7753
  margin: 0;
8432
7754
  }
8433
7755
 
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
7756
  .lsg-hero {
8502
7757
  position: relative;
8503
7758
  overflow: hidden;
@@ -8761,73 +8016,6 @@
8761
8016
  .lsg-hero-card--fill-white .lsg-hero-card__content-wrapper {
8762
8017
  background-color: transparent;
8763
8018
  }
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
8019
  .lsg-ai-banner {
8832
8020
  width: 100%;
8833
8021
  background-color: var(--lsg-ai-banner-bg);
@@ -8876,73 +8064,6 @@
8876
8064
  .lsg-ai-banner__text strong {
8877
8065
  font-weight: inherit;
8878
8066
  }
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
8067
  .lsg-accordion {
8947
8068
  display: flex;
8948
8069
  flex-direction: column;
@@ -9085,73 +8206,6 @@
9085
8206
  .lsg-accordion--icon-plus .lsg-accordion__icon-svg {
9086
8207
  display: block !important;
9087
8208
  }
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
8209
  .lsg-tabs {
9156
8210
  position: relative;
9157
8211
  font-family: var(--lsg-font-family-primary);
@@ -9281,8 +8335,8 @@
9281
8335
  z-index: 2;
9282
8336
  cursor: pointer;
9283
8337
  background-color: var(--lsg-tabs-arrow-color);
9284
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10 3L5 8l5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
9285
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10 3L5 8l5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8338
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M10%203L5%208l5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8339
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M10%203L5%208l5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
9286
8340
  }
9287
8341
  .lsg-tabs--scroll-start::before:hover {
9288
8342
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -9299,8 +8353,8 @@
9299
8353
  z-index: 2;
9300
8354
  cursor: pointer;
9301
8355
  background-color: var(--lsg-tabs-arrow-color);
9302
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
9303
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8356
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M6%203l5%205-5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8357
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M6%203l5%205-5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
9304
8358
  }
9305
8359
  .lsg-tabs--scroll-end::after:hover {
9306
8360
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -9323,8 +8377,8 @@
9323
8377
  z-index: 2;
9324
8378
  cursor: pointer;
9325
8379
  background-color: var(--lsg-tabs-arrow-color);
9326
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 10l5-5 5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
9327
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 10l5-5 5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8380
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%2010l5-5%205%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8381
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%2010l5-5%205%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
9328
8382
  }
9329
8383
  .lsg-tabs--vertical.lsg-tabs--scroll-start::before:hover {
9330
8384
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -9342,8 +8396,8 @@
9342
8396
  z-index: 2;
9343
8397
  cursor: pointer;
9344
8398
  background-color: var(--lsg-tabs-arrow-color);
9345
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
9346
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8399
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%206l5%205%205-5'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8400
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%206l5%205%205-5'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
9347
8401
  }
9348
8402
  .lsg-tabs--vertical.lsg-tabs--scroll-end::after:hover {
9349
8403
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -9546,73 +8600,6 @@
9546
8600
  .lsg-tabs[data-panelcontainer] .lsg-tabs__panel.cmp-tabs__tabpanel--active {
9547
8601
  display: block;
9548
8602
  }
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
8603
  .cmp-vtba-form__field {
9617
8604
  display: flex;
9618
8605
  flex-direction: column;
@@ -9624,7 +8611,7 @@
9624
8611
  font-size: var(--lsg-size-body);
9625
8612
  font-weight: var(--lsg-font-weight-semibold);
9626
8613
  line-height: var(--lsg-line-height-copy);
9627
- color: #000000;
8614
+ color: var(--lsg-color-black);
9628
8615
  }
9629
8616
 
9630
8617
  .cmp-vtba-form__required {
@@ -9640,7 +8627,7 @@
9640
8627
  font-family: var(--lsg-font-family-primary);
9641
8628
  font-size: var(--lsg-size-body);
9642
8629
  line-height: var(--lsg-line-height-copy);
9643
- color: #000000;
8630
+ color: var(--lsg-color-black);
9644
8631
  background-color: var(--lsg-color-white);
9645
8632
  border: 1px solid;
9646
8633
  border-radius: var(--lsg-form-radius, 2px);
@@ -9650,10 +8637,10 @@
9650
8637
  transition: border-color 0.15s ease;
9651
8638
  }
9652
8639
  .cmp-vtba-form__input::-moz-placeholder {
9653
- color: #828b92;
8640
+ color: var(--lsg-color-secondary);
9654
8641
  }
9655
8642
  .cmp-vtba-form__input::placeholder {
9656
- color: #828b92;
8643
+ color: var(--lsg-color-secondary);
9657
8644
  }
9658
8645
  .cmp-vtba-form__input:focus {
9659
8646
  outline: none;
@@ -9662,7 +8649,7 @@
9662
8649
  }
9663
8650
  .cmp-vtba-form__input:disabled {
9664
8651
  background-color: rgba(118, 118, 118, 0.1);
9665
- color: #828b92;
8652
+ color: var(--lsg-color-secondary);
9666
8653
  cursor: not-allowed;
9667
8654
  }
9668
8655
  [aria-invalid=true].cmp-vtba-form__input {
@@ -9673,7 +8660,7 @@
9673
8660
  .cmp-vtba-form__help {
9674
8661
  font-family: var(--lsg-font-family-primary);
9675
8662
  font-size: var(--lsg-size-Small);
9676
- color: #828b92;
8663
+ color: var(--lsg-color-secondary);
9677
8664
  line-height: var(--lsg-line-height-copy);
9678
8665
  }
9679
8666
 
@@ -9694,73 +8681,6 @@
9694
8681
  .cmp-vtba-form__field--tel input, .cmp-vtba-form__field--tel button {
9695
8682
  border: 0px;
9696
8683
  }
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
8684
  .cmp-vtba-form__field {
9765
8685
  display: flex;
9766
8686
  flex-direction: column;
@@ -9772,7 +8692,7 @@
9772
8692
  font-size: var(--lsg-size-body);
9773
8693
  font-weight: var(--lsg-font-weight-semibold);
9774
8694
  line-height: var(--lsg-line-height-copy);
9775
- color: #000000;
8695
+ color: var(--lsg-color-black);
9776
8696
  }
9777
8697
 
9778
8698
  .cmp-vtba-form__required {
@@ -9788,7 +8708,7 @@
9788
8708
  font-family: var(--lsg-font-family-primary);
9789
8709
  font-size: var(--lsg-size-body);
9790
8710
  line-height: var(--lsg-line-height-copy);
9791
- color: #000000;
8711
+ color: var(--lsg-color-black);
9792
8712
  background-color: var(--lsg-color-white);
9793
8713
  border: 1px solid;
9794
8714
  border-radius: var(--lsg-form-radius, 2px);
@@ -9798,10 +8718,10 @@
9798
8718
  transition: border-color 0.15s ease;
9799
8719
  }
9800
8720
  .cmp-vtba-form__input::-moz-placeholder {
9801
- color: #828b92;
8721
+ color: var(--lsg-color-secondary);
9802
8722
  }
9803
8723
  .cmp-vtba-form__input::placeholder {
9804
- color: #828b92;
8724
+ color: var(--lsg-color-secondary);
9805
8725
  }
9806
8726
  .cmp-vtba-form__input:focus {
9807
8727
  outline: none;
@@ -9810,7 +8730,7 @@
9810
8730
  }
9811
8731
  .cmp-vtba-form__input:disabled {
9812
8732
  background-color: rgba(118, 118, 118, 0.1);
9813
- color: #828b92;
8733
+ color: var(--lsg-color-secondary);
9814
8734
  cursor: not-allowed;
9815
8735
  }
9816
8736
  [aria-invalid=true].cmp-vtba-form__input {
@@ -9821,7 +8741,7 @@
9821
8741
  .cmp-vtba-form__help {
9822
8742
  font-family: var(--lsg-font-family-primary);
9823
8743
  font-size: var(--lsg-size-Small);
9824
- color: #828b92;
8744
+ color: var(--lsg-color-secondary);
9825
8745
  line-height: var(--lsg-line-height-copy);
9826
8746
  }
9827
8747
 
@@ -9842,73 +8762,6 @@
9842
8762
  .cmp-vtba-form__field--tel input, .cmp-vtba-form__field--tel button {
9843
8763
  border: 0px;
9844
8764
  }
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
8765
  .cmp-vtba-form__field {
9913
8766
  display: flex;
9914
8767
  flex-direction: column;
@@ -9920,7 +8773,7 @@
9920
8773
  font-size: var(--lsg-size-body);
9921
8774
  font-weight: var(--lsg-font-weight-semibold);
9922
8775
  line-height: var(--lsg-line-height-copy);
9923
- color: #000000;
8776
+ color: var(--lsg-color-black);
9924
8777
  }
9925
8778
 
9926
8779
  .cmp-vtba-form__required {
@@ -9936,7 +8789,7 @@
9936
8789
  font-family: var(--lsg-font-family-primary);
9937
8790
  font-size: var(--lsg-size-body);
9938
8791
  line-height: var(--lsg-line-height-copy);
9939
- color: #000000;
8792
+ color: var(--lsg-color-black);
9940
8793
  background-color: var(--lsg-color-white);
9941
8794
  border: 1px solid;
9942
8795
  border-radius: var(--lsg-form-radius, 2px);
@@ -9946,10 +8799,10 @@
9946
8799
  transition: border-color 0.15s ease;
9947
8800
  }
9948
8801
  .cmp-vtba-form__input::-moz-placeholder {
9949
- color: #828b92;
8802
+ color: var(--lsg-color-secondary);
9950
8803
  }
9951
8804
  .cmp-vtba-form__input::placeholder {
9952
- color: #828b92;
8805
+ color: var(--lsg-color-secondary);
9953
8806
  }
9954
8807
  .cmp-vtba-form__input:focus {
9955
8808
  outline: none;
@@ -9958,7 +8811,7 @@
9958
8811
  }
9959
8812
  .cmp-vtba-form__input:disabled {
9960
8813
  background-color: rgba(118, 118, 118, 0.1);
9961
- color: #828b92;
8814
+ color: var(--lsg-color-secondary);
9962
8815
  cursor: not-allowed;
9963
8816
  }
9964
8817
  [aria-invalid=true].cmp-vtba-form__input {
@@ -9969,7 +8822,7 @@
9969
8822
  .cmp-vtba-form__help {
9970
8823
  font-family: var(--lsg-font-family-primary);
9971
8824
  font-size: var(--lsg-size-Small);
9972
- color: #828b92;
8825
+ color: var(--lsg-color-secondary);
9973
8826
  line-height: var(--lsg-line-height-copy);
9974
8827
  }
9975
8828
 
@@ -9991,73 +8844,6 @@
9991
8844
  border: 0px;
9992
8845
  }
9993
8846
  /* 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
8847
  .cmp-vtba-tel {
10062
8848
  position: relative;
10063
8849
  display: flex;
@@ -10134,73 +8920,6 @@
10134
8920
  .cmp-vtba-tel__option[aria-selected=true] {
10135
8921
  font-weight: 700;
10136
8922
  }
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
8923
  .cmp-vtba-form__field {
10205
8924
  display: flex;
10206
8925
  flex-direction: column;
@@ -10212,7 +8931,7 @@
10212
8931
  font-size: var(--lsg-size-body);
10213
8932
  font-weight: var(--lsg-font-weight-semibold);
10214
8933
  line-height: var(--lsg-line-height-copy);
10215
- color: #000000;
8934
+ color: var(--lsg-color-black);
10216
8935
  }
10217
8936
 
10218
8937
  .cmp-vtba-form__required {
@@ -10228,7 +8947,7 @@
10228
8947
  font-family: var(--lsg-font-family-primary);
10229
8948
  font-size: var(--lsg-size-body);
10230
8949
  line-height: var(--lsg-line-height-copy);
10231
- color: #000000;
8950
+ color: var(--lsg-color-black);
10232
8951
  background-color: var(--lsg-color-white);
10233
8952
  border: 1px solid;
10234
8953
  border-radius: var(--lsg-form-radius, 2px);
@@ -10238,10 +8957,10 @@
10238
8957
  transition: border-color 0.15s ease;
10239
8958
  }
10240
8959
  .cmp-vtba-form__select::-moz-placeholder {
10241
- color: #828b92;
8960
+ color: var(--lsg-color-secondary);
10242
8961
  }
10243
8962
  .cmp-vtba-form__select::placeholder {
10244
- color: #828b92;
8963
+ color: var(--lsg-color-secondary);
10245
8964
  }
10246
8965
  .cmp-vtba-form__select:focus {
10247
8966
  outline: none;
@@ -10250,7 +8969,7 @@
10250
8969
  }
10251
8970
  .cmp-vtba-form__select:disabled {
10252
8971
  background-color: rgba(118, 118, 118, 0.1);
10253
- color: #828b92;
8972
+ color: var(--lsg-color-secondary);
10254
8973
  cursor: not-allowed;
10255
8974
  }
10256
8975
  [aria-invalid=true].cmp-vtba-form__select {
@@ -10261,7 +8980,7 @@
10261
8980
  .cmp-vtba-form__help {
10262
8981
  font-family: var(--lsg-font-family-primary);
10263
8982
  font-size: var(--lsg-size-Small);
10264
- color: #828b92;
8983
+ color: var(--lsg-color-secondary);
10265
8984
  line-height: var(--lsg-line-height-copy);
10266
8985
  }
10267
8986
 
@@ -10296,7 +9015,7 @@
10296
9015
  height: 0;
10297
9016
  border-left: 5px solid transparent;
10298
9017
  border-right: 5px solid transparent;
10299
- border-top: 6px solid #5b6770;
9018
+ border-top: 6px solid var(--lsg-color-secondary);
10300
9019
  pointer-events: none;
10301
9020
  }
10302
9021
 
@@ -10307,73 +9026,6 @@
10307
9026
  .cmp-vtba-form__select:disabled {
10308
9027
  cursor: not-allowed;
10309
9028
  }
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
9029
  .cmp-vtba-form__field {
10378
9030
  display: flex;
10379
9031
  flex-direction: column;
@@ -10385,7 +9037,7 @@
10385
9037
  font-size: var(--lsg-size-body);
10386
9038
  font-weight: var(--lsg-font-weight-semibold);
10387
9039
  line-height: var(--lsg-line-height-copy);
10388
- color: #000000;
9040
+ color: var(--lsg-color-black);
10389
9041
  }
10390
9042
 
10391
9043
  .cmp-vtba-form__required {
@@ -10401,7 +9053,7 @@
10401
9053
  font-family: var(--lsg-font-family-primary);
10402
9054
  font-size: var(--lsg-size-body);
10403
9055
  line-height: var(--lsg-line-height-copy);
10404
- color: #000000;
9056
+ color: var(--lsg-color-black);
10405
9057
  background-color: var(--lsg-color-white);
10406
9058
  border: 1px solid;
10407
9059
  border-radius: var(--lsg-form-radius, 2px);
@@ -10411,10 +9063,10 @@
10411
9063
  transition: border-color 0.15s ease;
10412
9064
  }
10413
9065
  .cmp-vtba-form__select::-moz-placeholder {
10414
- color: #828b92;
9066
+ color: var(--lsg-color-secondary);
10415
9067
  }
10416
9068
  .cmp-vtba-form__select::placeholder {
10417
- color: #828b92;
9069
+ color: var(--lsg-color-secondary);
10418
9070
  }
10419
9071
  .cmp-vtba-form__select:focus {
10420
9072
  outline: none;
@@ -10423,7 +9075,7 @@
10423
9075
  }
10424
9076
  .cmp-vtba-form__select:disabled {
10425
9077
  background-color: rgba(118, 118, 118, 0.1);
10426
- color: #828b92;
9078
+ color: var(--lsg-color-secondary);
10427
9079
  cursor: not-allowed;
10428
9080
  }
10429
9081
  [aria-invalid=true].cmp-vtba-form__select {
@@ -10434,7 +9086,7 @@
10434
9086
  .cmp-vtba-form__help {
10435
9087
  font-family: var(--lsg-font-family-primary);
10436
9088
  font-size: var(--lsg-size-Small);
10437
- color: #828b92;
9089
+ color: var(--lsg-color-secondary);
10438
9090
  line-height: var(--lsg-line-height-copy);
10439
9091
  }
10440
9092
 
@@ -10469,7 +9121,7 @@
10469
9121
  height: 0;
10470
9122
  border-left: 5px solid transparent;
10471
9123
  border-right: 5px solid transparent;
10472
- border-top: 6px solid #5b6770;
9124
+ border-top: 6px solid var(--lsg-color-secondary);
10473
9125
  pointer-events: none;
10474
9126
  }
10475
9127
 
@@ -10481,73 +9133,6 @@
10481
9133
  .cmp-vtba-form__select:disabled {
10482
9134
  cursor: not-allowed;
10483
9135
  }
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
9136
  .cmp-vtba-form__field {
10552
9137
  display: flex;
10553
9138
  flex-direction: column;
@@ -10559,7 +9144,7 @@
10559
9144
  font-size: var(--lsg-size-body);
10560
9145
  font-weight: var(--lsg-font-weight-semibold);
10561
9146
  line-height: var(--lsg-line-height-copy);
10562
- color: #000000;
9147
+ color: var(--lsg-color-black);
10563
9148
  }
10564
9149
 
10565
9150
  .cmp-vtba-form__required {
@@ -10575,7 +9160,7 @@
10575
9160
  font-family: var(--lsg-font-family-primary);
10576
9161
  font-size: var(--lsg-size-body);
10577
9162
  line-height: var(--lsg-line-height-copy);
10578
- color: #000000;
9163
+ color: var(--lsg-color-black);
10579
9164
  background-color: var(--lsg-color-white);
10580
9165
  border: 1px solid;
10581
9166
  border-radius: var(--lsg-form-radius, 2px);
@@ -10585,10 +9170,10 @@
10585
9170
  transition: border-color 0.15s ease;
10586
9171
  }
10587
9172
  .cmp-vtba-form__textarea::-moz-placeholder {
10588
- color: #828b92;
9173
+ color: var(--lsg-color-secondary);
10589
9174
  }
10590
9175
  .cmp-vtba-form__textarea::placeholder {
10591
- color: #828b92;
9176
+ color: var(--lsg-color-secondary);
10592
9177
  }
10593
9178
  .cmp-vtba-form__textarea:focus {
10594
9179
  outline: none;
@@ -10597,7 +9182,7 @@
10597
9182
  }
10598
9183
  .cmp-vtba-form__textarea:disabled {
10599
9184
  background-color: rgba(118, 118, 118, 0.1);
10600
- color: #828b92;
9185
+ color: var(--lsg-color-secondary);
10601
9186
  cursor: not-allowed;
10602
9187
  }
10603
9188
  [aria-invalid=true].cmp-vtba-form__textarea {
@@ -10608,7 +9193,7 @@
10608
9193
  .cmp-vtba-form__help {
10609
9194
  font-family: var(--lsg-font-family-primary);
10610
9195
  font-size: var(--lsg-size-Small);
10611
- color: #828b92;
9196
+ color: var(--lsg-color-secondary);
10612
9197
  line-height: var(--lsg-line-height-copy);
10613
9198
  }
10614
9199
 
@@ -10634,73 +9219,6 @@
10634
9219
  resize: vertical;
10635
9220
  min-height: 120px;
10636
9221
  }
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
9222
  .cmp-vtba-form__field--consent .cmp-vtba-form__field-error {
10705
9223
  font-family: var(--lsg-font-family-primary);
10706
9224
  font-size: var(--lsg-size-Small);
@@ -10722,7 +9240,7 @@
10722
9240
  width: 18px;
10723
9241
  height: 18px;
10724
9242
  margin-top: 3px;
10725
- accent-color: #0092bc;
9243
+ accent-color: var(--lsg-color-primary);
10726
9244
  border-radius: var(--lsg-form-radius, 3px);
10727
9245
  cursor: pointer;
10728
9246
  }
@@ -10735,80 +9253,13 @@
10735
9253
  font-family: var(--lsg-font-family-primary);
10736
9254
  font-size: var(--lsg-size-body);
10737
9255
  line-height: var(--lsg-line-height-copy);
10738
- color: #000000;
9256
+ color: var(--lsg-color-black);
10739
9257
  cursor: pointer;
10740
9258
  }
10741
9259
  .cmp-vtba-form__consent-label a {
10742
- color: #0092bc;
9260
+ color: var(--lsg-color-primary);
10743
9261
  text-underline-offset: 2px;
10744
9262
  }
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
9263
  .cmp-vtba-form__step {
10813
9264
  border: none;
10814
9265
  padding: 0;
@@ -10820,7 +9271,7 @@
10820
9271
  font-size: var(--lsg-size-H4);
10821
9272
  font-weight: var(--lsg-font-weight-bold);
10822
9273
  line-height: var(--lsg-line-height-heading);
10823
- color: #000000;
9274
+ color: var(--lsg-color-black);
10824
9275
  margin-bottom: 12px;
10825
9276
  padding: 0;
10826
9277
  float: left;
@@ -10830,7 +9281,7 @@
10830
9281
  .cmp-vtba-form__step-description {
10831
9282
  font-family: var(--lsg-font-family-primary);
10832
9283
  font-size: var(--lsg-size-body);
10833
- color: #5b6770;
9284
+ color: var(--lsg-color-secondary);
10834
9285
  line-height: var(--lsg-line-height-copy);
10835
9286
  margin: 0 0 24px;
10836
9287
  }
@@ -10841,73 +9292,6 @@
10841
9292
  gap: 24px;
10842
9293
  clear: left;
10843
9294
  }
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
9295
  .cmp-vtba-form {
10912
9296
  font-family: var(--lsg-font-family-primary);
10913
9297
  }
@@ -10923,12 +9307,11 @@
10923
9307
  font-size: var(--lsg-size-H2);
10924
9308
  font-weight: var(--lsg-font-weight-bold);
10925
9309
  line-height: var(--lsg-line-height-heading);
10926
- color: #000000;
10927
- margin: 0;
9310
+ color: var(--lsg-color-black);
10928
9311
  }
10929
9312
 
10930
9313
  .cmp-vtba-form__progress {
10931
- border-bottom: 1px solid #d1d4d7;
9314
+ border-bottom: 1px solid var(--lsg-color-light);
10932
9315
  padding-bottom: 16px;
10933
9316
  }
10934
9317
 
@@ -10944,17 +9327,17 @@
10944
9327
  display: flex;
10945
9328
  align-items: center;
10946
9329
  gap: 8px;
10947
- color: #828b92;
9330
+ color: var(--lsg-color-secondary);
10948
9331
  font-size: var(--lsg-size-Small);
10949
9332
  }
10950
9333
  .cmp-vtba-form__progress-step[aria-current=step] {
10951
- color: #0092bc;
9334
+ color: var(--lsg-color-primary);
10952
9335
  font-weight: var(--lsg-font-weight-semibold);
10953
9336
  }
10954
9337
  .cmp-vtba-form__progress-step[aria-current=step] .cmp-vtba-form__progress-number {
10955
- background-color: #0092bc;
10956
- color: #ffffff;
10957
- border-color: #0092bc;
9338
+ background-color: var(--lsg-color-primary);
9339
+ color: var(--lsg-color-white);
9340
+ border-color: var(--lsg-color-primary);
10958
9341
  }
10959
9342
 
10960
9343
  .cmp-vtba-form__progress-number {
@@ -10964,7 +9347,7 @@
10964
9347
  width: 24px;
10965
9348
  height: 24px;
10966
9349
  border-radius: 50%;
10967
- border: 1px solid #aab0b5;
9350
+ border: 1px solid var(--lsg-color-light);
10968
9351
  font-size: 12px;
10969
9352
  font-weight: var(--lsg-font-weight-semibold);
10970
9353
  flex-shrink: 0;
@@ -11007,11 +9390,11 @@
11007
9390
 
11008
9391
  .cmp-vtba-form__prev {
11009
9392
  background-color: transparent;
11010
- border-color: #aab0b5;
11011
- color: #000000;
9393
+ border-color: var(--lsg-color-light);
9394
+ color: var(--lsg-color-black);
11012
9395
  }
11013
9396
  .cmp-vtba-form__prev:hover {
11014
- border-color: #5b6770;
9397
+ border-color: var(--lsg-color-secondary);
11015
9398
  }
11016
9399
 
11017
9400
  .cmp-vtba-form__next,
@@ -11037,77 +9420,10 @@
11037
9420
 
11038
9421
  .cmp-vtba-form__success {
11039
9422
  padding: 16px 24px;
11040
- background-color: rgb(177.8, 237.7531914894, 255);
11041
- border-left: 3px solid #0092bc;
11042
- color: #006f8f;
11043
- }
11044
- :root {
11045
- --atlascopco-blue-1: #f5fbfc;
11046
- --atlascopco-blue-3: #b8e0ec;
11047
- --atlascopco-blue-5: #7ac6dc;
11048
- --atlascopco-blue-7: #3daccc;
11049
- --atlascopco-blue-9: #0092bc;
11050
- --atlascopco-blue-11: #006f8f;
11051
- --atlascopco-gray-1: #f8f9f9;
11052
- --atlascopco-gray-3: #d1d4d7;
11053
- --atlascopco-gray-5: #aab0b5;
11054
- --atlascopco-gray-7: #828b92;
11055
- --atlascopco-gray-9: #5b6770;
11056
- --atlascopco-gray-11: #2f363a;
11057
- --atlascopco-beige-1: #f5f2ef;
11058
- --atlascopco-beige-2: #efebe6;
11059
- --atlascopco-beige-3: #e7e0da;
11060
- --atlascopco-beige-4: #dfd6ce;
11061
- --atlascopco-blue: #0092bc;
11062
- --atlascopco-blue-dark: #006f8f;
11063
- --atlascopco-black: #000000;
11064
- --atlascopco-white: #ffffff;
11065
- --atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
11066
- --atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
11067
- --atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
11068
- --atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
11069
- --atlascopco-grey-100: #f8f9f9;
11070
- --atlascopco-grey-200: #d1d4d7;
11071
- --atlascopco-grey-300: #aab0b5;
11072
- --atlascopco-grey-400: #828b92;
11073
- --atlascopco-grey-500: #5b6770;
11074
- --atlascopco-grey-600: #2f363a;
11075
- --color-primary: #0092bc;
11076
- --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
11077
- --spacing-zero: 0px;
11078
- --spacing-xxs: 4px;
11079
- --spacing-xs: 8px;
11080
- --spacing-sm: 12px;
11081
- --spacing-md: 16px;
11082
- --spacing-lg: 24px;
11083
- --spacing-xl: 36px;
11084
- --spacing-xxl: 48px;
11085
- --spacing-3xl: 72px;
11086
- --spacing-4xl: 96px;
11087
- --h1-mobile-size: 32px;
11088
- --h1-mobile-line-height: 1.2;
11089
- --h2-mobile-size: 24px;
11090
- --h2-mobile-line-height: 1.2;
11091
- --h3-mobile-size: 18px;
11092
- --h3-mobile-line-height: 1.6;
11093
- --body-mobile-size: 14px;
11094
- --body-mobile-line-height: 1.5;
11095
- --h1-desktop-size: 55px;
11096
- --h1-desktop-line-height: 1.15;
11097
- --h2-desktop-size: 40px;
11098
- --h2-desktop-line-height: 1.2;
11099
- --h3-desktop-size: 32px;
11100
- --h3-desktop-line-height: 1.2;
11101
- --body-desktop-size: 18px;
11102
- --body-desktop-line-height: 1.6;
11103
- --text-lg-size: 27px;
11104
- --text-lg-line-height: 1.4;
11105
- --text-xl-size: 36px;
11106
- --text-xl-line-height: 1.4;
11107
- --text-xxl-size: 64px;
11108
- --text-xxl-line-height: 1;
9423
+ background-color: color-mix(in srgb, var(--lsg-color-primary) 20%, white);
9424
+ border-left: 3px solid var(--lsg-color-primary);
9425
+ color: var(--lsg-color-primary);
11109
9426
  }
11110
-
11111
9427
  .cmp-text--policy-notice-icon {
11112
9428
  display: flex;
11113
9429
  align-items: flex-start;
@@ -11121,10 +9437,10 @@
11121
9437
  height: 32px;
11122
9438
  margin-top: 2px;
11123
9439
  background-color: var(--lsg-color-primary);
11124
- mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM13.9638 14.1669C14.187 13.5932 13.8998 13.3064 13.6445 13.3064C12.4651 13.3064 10.9334 16.0808 10.3606 16.0808C10.1365 16.0808 9.94528 15.8569 9.94528 15.6658C9.94528 15.0917 11.3483 13.7526 11.7637 13.3378C13.0387 12.126 14.6976 11.2012 16.5475 11.2012C17.9181 11.2012 19.3857 12.03 18.2377 15.1243L15.941 21.3424C15.7505 21.8209 15.3996 22.6189 15.3996 23.1288C15.3996 23.3518 15.5264 23.5756 15.7816 23.5756C16.7378 23.5756 18.4927 20.8643 18.9394 20.8643C19.0985 20.8643 19.3215 21.0554 19.3215 21.3424C19.3215 22.2673 15.5906 26.2222 12.3692 26.2222C11.221 26.2222 10.4239 25.6805 10.4239 24.4685C10.4239 22.938 11.508 20.3225 11.7322 19.78L13.9638 14.1669ZM15.6857 7.88425C15.6857 6.48115 16.8974 5.33333 18.3008 5.33333C19.5773 5.33333 20.5015 6.19384 20.5015 7.50182C20.5015 8.96943 19.2902 10.0538 17.8549 10.0538C16.5475 10.0538 15.6857 9.19217 15.6857 7.88425Z' fill='black'/%3E%3C/svg%3E");
9440
+ mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2032C24.8366%2032%2032%2024.8366%2032%2016C32%207.16344%2024.8366%200%2016%200C7.16344%200%200%207.16344%200%2016C0%2024.8366%207.16344%2032%2016%2032ZM13.9638%2014.1669C14.187%2013.5932%2013.8998%2013.3064%2013.6445%2013.3064C12.4651%2013.3064%2010.9334%2016.0808%2010.3606%2016.0808C10.1365%2016.0808%209.94528%2015.8569%209.94528%2015.6658C9.94528%2015.0917%2011.3483%2013.7526%2011.7637%2013.3378C13.0387%2012.126%2014.6976%2011.2012%2016.5475%2011.2012C17.9181%2011.2012%2019.3857%2012.03%2018.2377%2015.1243L15.941%2021.3424C15.7505%2021.8209%2015.3996%2022.6189%2015.3996%2023.1288C15.3996%2023.3518%2015.5264%2023.5756%2015.7816%2023.5756C16.7378%2023.5756%2018.4927%2020.8643%2018.9394%2020.8643C19.0985%2020.8643%2019.3215%2021.0554%2019.3215%2021.3424C19.3215%2022.2673%2015.5906%2026.2222%2012.3692%2026.2222C11.221%2026.2222%2010.4239%2025.6805%2010.4239%2024.4685C10.4239%2022.938%2011.508%2020.3225%2011.7322%2019.78L13.9638%2014.1669ZM15.6857%207.88425C15.6857%206.48115%2016.8974%205.33333%2018.3008%205.33333C19.5773%205.33333%2020.5015%206.19384%2020.5015%207.50182C20.5015%208.96943%2019.2902%2010.0538%2017.8549%2010.0538C16.5475%2010.0538%2015.6857%209.19217%2015.6857%207.88425Z'%20fill='black'/%3E%3C/svg%3E");
11125
9441
  mask-repeat: no-repeat;
11126
9442
  mask-size: contain;
11127
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM13.9638 14.1669C14.187 13.5932 13.8998 13.3064 13.6445 13.3064C12.4651 13.3064 10.9334 16.0808 10.3606 16.0808C10.1365 16.0808 9.94528 15.8569 9.94528 15.6658C9.94528 15.0917 11.3483 13.7526 11.7637 13.3378C13.0387 12.126 14.6976 11.2012 16.5475 11.2012C17.9181 11.2012 19.3857 12.03 18.2377 15.1243L15.941 21.3424C15.7505 21.8209 15.3996 22.6189 15.3996 23.1288C15.3996 23.3518 15.5264 23.5756 15.7816 23.5756C16.7378 23.5756 18.4927 20.8643 18.9394 20.8643C19.0985 20.8643 19.3215 21.0554 19.3215 21.3424C19.3215 22.2673 15.5906 26.2222 12.3692 26.2222C11.221 26.2222 10.4239 25.6805 10.4239 24.4685C10.4239 22.938 11.508 20.3225 11.7322 19.78L13.9638 14.1669ZM15.6857 7.88425C15.6857 6.48115 16.8974 5.33333 18.3008 5.33333C19.5773 5.33333 20.5015 6.19384 20.5015 7.50182C20.5015 8.96943 19.2902 10.0538 17.8549 10.0538C16.5475 10.0538 15.6857 9.19217 15.6857 7.88425Z' fill='black'/%3E%3C/svg%3E");
9443
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2032C24.8366%2032%2032%2024.8366%2032%2016C32%207.16344%2024.8366%200%2016%200C7.16344%200%200%207.16344%200%2016C0%2024.8366%207.16344%2032%2016%2032ZM13.9638%2014.1669C14.187%2013.5932%2013.8998%2013.3064%2013.6445%2013.3064C12.4651%2013.3064%2010.9334%2016.0808%2010.3606%2016.0808C10.1365%2016.0808%209.94528%2015.8569%209.94528%2015.6658C9.94528%2015.0917%2011.3483%2013.7526%2011.7637%2013.3378C13.0387%2012.126%2014.6976%2011.2012%2016.5475%2011.2012C17.9181%2011.2012%2019.3857%2012.03%2018.2377%2015.1243L15.941%2021.3424C15.7505%2021.8209%2015.3996%2022.6189%2015.3996%2023.1288C15.3996%2023.3518%2015.5264%2023.5756%2015.7816%2023.5756C16.7378%2023.5756%2018.4927%2020.8643%2018.9394%2020.8643C19.0985%2020.8643%2019.3215%2021.0554%2019.3215%2021.3424C19.3215%2022.2673%2015.5906%2026.2222%2012.3692%2026.2222C11.221%2026.2222%2010.4239%2025.6805%2010.4239%2024.4685C10.4239%2022.938%2011.508%2020.3225%2011.7322%2019.78L13.9638%2014.1669ZM15.6857%207.88425C15.6857%206.48115%2016.8974%205.33333%2018.3008%205.33333C19.5773%205.33333%2020.5015%206.19384%2020.5015%207.50182C20.5015%208.96943%2019.2902%2010.0538%2017.8549%2010.0538C16.5475%2010.0538%2015.6857%209.19217%2015.6857%207.88425Z'%20fill='black'/%3E%3C/svg%3E");
11128
9444
  -webkit-mask-repeat: no-repeat;
11129
9445
  -webkit-mask-size: contain;
11130
9446
  }
@@ -11132,7 +9448,7 @@
11132
9448
  font-family: var(--lsg-font-family-primary);
11133
9449
  font-size: var(--lsg-size-body);
11134
9450
  line-height: var(--lsg-line-height-copy);
11135
- color: #000000;
9451
+ color: var(--lsg-color-black);
11136
9452
  margin: 0;
11137
9453
  }
11138
9454
  .cmp-text--policy-notice-icon a {