@asante-org/atlascopco-vt-litesitegenerator 1.6.22 → 1.6.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.scss +383 -93
- package/dist/index.scss +383 -93
- package/dist/src/components/lsg/LsgVideo/LsgVideo.d.ts +2 -2
- package/dist/src/components/lsg/index.d.ts +4 -0
- package/dist/themes/theme-1.css +72 -51
- package/dist/themes/theme-1.css.map +1 -1
- package/dist/themes/theme-2.css +79 -51
- package/dist/themes/theme-2.css.map +1 -1
- package/dist/themes/theme-3.css +78 -51
- package/dist/themes/theme-3.css.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/index.esm.scss
CHANGED
|
@@ -232,7 +232,6 @@
|
|
|
232
232
|
line-height: 1.5;
|
|
233
233
|
text-decoration: none;
|
|
234
234
|
border: 2px solid transparent;
|
|
235
|
-
border-radius: var(--lsg-theme-radius);
|
|
236
235
|
cursor: pointer;
|
|
237
236
|
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
|
|
238
237
|
white-space: nowrap;
|
|
@@ -266,7 +265,6 @@
|
|
|
266
265
|
}
|
|
267
266
|
|
|
268
267
|
.lsg-banner {
|
|
269
|
-
font-family: var(--lsg-font-family-primary);
|
|
270
268
|
position: relative;
|
|
271
269
|
display: flex;
|
|
272
270
|
align-items: center;
|
|
@@ -291,7 +289,7 @@
|
|
|
291
289
|
content: "";
|
|
292
290
|
position: absolute;
|
|
293
291
|
inset: 0;
|
|
294
|
-
background: linear-gradient(to right,
|
|
292
|
+
background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 100%);
|
|
295
293
|
}
|
|
296
294
|
.lsg-banner__inner {
|
|
297
295
|
position: relative;
|
|
@@ -311,7 +309,6 @@
|
|
|
311
309
|
margin: 0 0 12px;
|
|
312
310
|
}
|
|
313
311
|
.lsg-banner__heading {
|
|
314
|
-
font-family: var(--lsg-font-family-secondary);
|
|
315
312
|
font-size: clamp(1.75rem, 4vw, 3rem);
|
|
316
313
|
font-weight: 700;
|
|
317
314
|
line-height: 1.15;
|
|
@@ -329,15 +326,14 @@
|
|
|
329
326
|
display: flex;
|
|
330
327
|
flex-direction: column;
|
|
331
328
|
border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
|
|
332
|
-
border-radius: var(--lsg-
|
|
333
|
-
font-family: var(--lsg-font-family-primary);
|
|
329
|
+
border-radius: var(--lsg-radius-rounded);
|
|
334
330
|
background: var(--lsg-color-white);
|
|
335
331
|
overflow: hidden;
|
|
336
332
|
transition: box-shadow 0.2s ease;
|
|
337
333
|
height: 100%;
|
|
338
334
|
}
|
|
339
335
|
.lsg-card:hover {
|
|
340
|
-
box-shadow: 0 4px 16px
|
|
336
|
+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
|
|
341
337
|
}
|
|
342
338
|
.lsg-card__image {
|
|
343
339
|
aspect-ratio: 16/9;
|
|
@@ -358,7 +354,6 @@
|
|
|
358
354
|
gap: 12px;
|
|
359
355
|
}
|
|
360
356
|
.lsg-card__title {
|
|
361
|
-
font-family: var(--lsg-font-family-secondary);
|
|
362
357
|
font-size: 1.125rem;
|
|
363
358
|
font-weight: 600;
|
|
364
359
|
line-height: 1.3;
|
|
@@ -491,7 +486,7 @@
|
|
|
491
486
|
width: 176px;
|
|
492
487
|
padding: 8px 12px;
|
|
493
488
|
background: var(--lsg-color-light);
|
|
494
|
-
box-shadow: 0 12px 20px
|
|
489
|
+
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
|
|
495
490
|
opacity: 0;
|
|
496
491
|
pointer-events: none;
|
|
497
492
|
transform: translateX(-50%) translateY(-6px);
|
|
@@ -520,7 +515,7 @@
|
|
|
520
515
|
}
|
|
521
516
|
.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item {
|
|
522
517
|
display: block;
|
|
523
|
-
border-top: 1px solid
|
|
518
|
+
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
|
524
519
|
}
|
|
525
520
|
.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item:first-child {
|
|
526
521
|
border-top: 0;
|
|
@@ -588,7 +583,7 @@
|
|
|
588
583
|
color: var(--lsg-color-secondary);
|
|
589
584
|
background: none;
|
|
590
585
|
border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
|
|
591
|
-
border-radius: var(--lsg-
|
|
586
|
+
border-radius: var(--lsg-radius-rounded);
|
|
592
587
|
cursor: pointer;
|
|
593
588
|
transition: border-color 0.15s ease, color 0.15s ease;
|
|
594
589
|
}
|
|
@@ -627,8 +622,8 @@
|
|
|
627
622
|
min-width: 140px;
|
|
628
623
|
background: var(--lsg-color-light);
|
|
629
624
|
border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
|
|
630
|
-
border-radius: var(--lsg-
|
|
631
|
-
box-shadow: 0 4px 12px
|
|
625
|
+
border-radius: var(--lsg-radius-rounded);
|
|
626
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
632
627
|
list-style: none;
|
|
633
628
|
padding: 8px 0;
|
|
634
629
|
margin: 0;
|
|
@@ -653,7 +648,6 @@
|
|
|
653
648
|
}
|
|
654
649
|
|
|
655
650
|
.lsg-search-trigger {
|
|
656
|
-
font-family: var(--lsg-font-family-primary);
|
|
657
651
|
display: inline-flex;
|
|
658
652
|
align-items: center;
|
|
659
653
|
justify-content: center;
|
|
@@ -689,7 +683,7 @@
|
|
|
689
683
|
align-items: flex-start;
|
|
690
684
|
justify-content: center;
|
|
691
685
|
padding-top: 80px;
|
|
692
|
-
background-color:
|
|
686
|
+
background-color: rgba(0, 0, 0, 0.55);
|
|
693
687
|
opacity: 0;
|
|
694
688
|
visibility: hidden;
|
|
695
689
|
transition: opacity 0.2s ease, visibility 0.2s ease;
|
|
@@ -703,9 +697,9 @@
|
|
|
703
697
|
max-width: 640px;
|
|
704
698
|
margin: 0 24px;
|
|
705
699
|
background: var(--lsg-color-white);
|
|
706
|
-
border-radius: var(--lsg-
|
|
700
|
+
border-radius: var(--lsg-radius-rounded);
|
|
707
701
|
padding: 24px;
|
|
708
|
-
box-shadow: 0 8px 32px
|
|
702
|
+
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
|
|
709
703
|
}
|
|
710
704
|
.lsg-search-overlay__form {
|
|
711
705
|
display: flex;
|
|
@@ -744,7 +738,7 @@
|
|
|
744
738
|
.lsg-search-overlay__submit:focus-visible {
|
|
745
739
|
outline: 2px solid var(--lsg-color-primary);
|
|
746
740
|
outline-offset: 2px;
|
|
747
|
-
border-radius: var(--lsg-
|
|
741
|
+
border-radius: var(--lsg-radius-rounded);
|
|
748
742
|
}
|
|
749
743
|
.lsg-search-overlay__submit svg {
|
|
750
744
|
width: 20px;
|
|
@@ -790,7 +784,7 @@
|
|
|
790
784
|
.lsg-header {
|
|
791
785
|
--lsg-header-green: var(--lsg-color-primary);
|
|
792
786
|
--lsg-header-active: color-mix(in srgb, var(--lsg-color-primary) 11%, var(--lsg-color-white));
|
|
793
|
-
--lsg-header-divider:
|
|
787
|
+
--lsg-header-divider: rgba(255, 255, 255, 0.2);
|
|
794
788
|
--lsg-header-text: var(--lsg-color-black);
|
|
795
789
|
position: sticky;
|
|
796
790
|
top: 0;
|
|
@@ -832,7 +826,7 @@
|
|
|
832
826
|
min-width: 136px;
|
|
833
827
|
min-height: 28px;
|
|
834
828
|
padding: 0 12px;
|
|
835
|
-
background: linear-gradient(45deg,
|
|
829
|
+
background: linear-gradient(45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.04) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.04) 75%);
|
|
836
830
|
background-color: var(--lsg-color-white);
|
|
837
831
|
background-position: 0 0, 0 6px, 6px -6px, -6px 0;
|
|
838
832
|
background-size: 12px 12px;
|
|
@@ -965,7 +959,7 @@
|
|
|
965
959
|
padding: 0 20px 0 0;
|
|
966
960
|
margin: 0;
|
|
967
961
|
list-style: none;
|
|
968
|
-
border-right: 1px solid
|
|
962
|
+
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
|
969
963
|
}
|
|
970
964
|
.lsg-header__mega-column + .lsg-header__mega-column {
|
|
971
965
|
padding-left: 20px;
|
|
@@ -1315,11 +1309,7 @@
|
|
|
1315
1309
|
margin: 0 auto;
|
|
1316
1310
|
}
|
|
1317
1311
|
}
|
|
1318
|
-
.lsg-quick-links {
|
|
1319
|
-
font-family: var(--lsg-font-family-primary);
|
|
1320
|
-
}
|
|
1321
1312
|
.lsg-quick-links__heading {
|
|
1322
|
-
font-family: var(--lsg-font-family-secondary);
|
|
1323
1313
|
font-size: 0.8125rem;
|
|
1324
1314
|
font-weight: 700;
|
|
1325
1315
|
letter-spacing: 0.08em;
|
|
@@ -1350,7 +1340,6 @@
|
|
|
1350
1340
|
}
|
|
1351
1341
|
|
|
1352
1342
|
.lsg-social-icons {
|
|
1353
|
-
font-family: var(--lsg-font-family-primary);
|
|
1354
1343
|
display: flex;
|
|
1355
1344
|
align-items: center;
|
|
1356
1345
|
gap: 12px;
|
|
@@ -1372,7 +1361,7 @@
|
|
|
1372
1361
|
.lsg-social-icons__link:hover, .lsg-social-icons__link:focus-visible {
|
|
1373
1362
|
color: var(--lsg-color-white);
|
|
1374
1363
|
border-color: var(--lsg-color-white);
|
|
1375
|
-
background-color:
|
|
1364
|
+
background-color: rgba(255, 255, 255, 0.1);
|
|
1376
1365
|
}
|
|
1377
1366
|
.lsg-social-icons__link:focus-visible {
|
|
1378
1367
|
outline: 2px solid color-mix(in srgb, var(--lsg-color-primary) 35%, var(--lsg-color-white));
|
|
@@ -1387,8 +1376,8 @@
|
|
|
1387
1376
|
|
|
1388
1377
|
.lsg-footer {
|
|
1389
1378
|
font-family: var(--lsg-font-family-primary);
|
|
1390
|
-
background-color:
|
|
1391
|
-
color:
|
|
1379
|
+
background-color: #18181b;
|
|
1380
|
+
color: #ffffff;
|
|
1392
1381
|
width: 100%;
|
|
1393
1382
|
}
|
|
1394
1383
|
.lsg-footer--simple .lsg-footer__simple-inner {
|
|
@@ -1424,7 +1413,7 @@
|
|
|
1424
1413
|
}
|
|
1425
1414
|
}
|
|
1426
1415
|
.lsg-footer--simple .lsg-footer__pipe {
|
|
1427
|
-
color:
|
|
1416
|
+
color: #ffffff;
|
|
1428
1417
|
font-size: 0.875rem;
|
|
1429
1418
|
padding: 0 8px;
|
|
1430
1419
|
opacity: 0.5;
|
|
@@ -1441,13 +1430,13 @@
|
|
|
1441
1430
|
.lsg-footer--simple .lsg-footer__mobile-divider {
|
|
1442
1431
|
display: block;
|
|
1443
1432
|
border: none;
|
|
1444
|
-
border-top: 1px solid
|
|
1433
|
+
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
|
1445
1434
|
margin: 0;
|
|
1446
1435
|
width: 100%;
|
|
1447
1436
|
}
|
|
1448
1437
|
}
|
|
1449
1438
|
.lsg-footer--simple .lsg-footer__simple-nav-item {
|
|
1450
|
-
color:
|
|
1439
|
+
color: #ffffff;
|
|
1451
1440
|
text-decoration: none;
|
|
1452
1441
|
font-size: 0.875rem;
|
|
1453
1442
|
height: 40px;
|
|
@@ -1487,7 +1476,7 @@
|
|
|
1487
1476
|
padding-top: 4px;
|
|
1488
1477
|
}
|
|
1489
1478
|
.lsg-footer--complex .lsg-footer__logo-col .lsg-logo__text {
|
|
1490
|
-
color:
|
|
1479
|
+
color: #ffffff;
|
|
1491
1480
|
font-weight: 700;
|
|
1492
1481
|
}
|
|
1493
1482
|
.lsg-footer--complex .lsg-footer__logo-col .lsg-logo__image {
|
|
@@ -1520,7 +1509,7 @@
|
|
|
1520
1509
|
font-weight: 600;
|
|
1521
1510
|
letter-spacing: 0.08em;
|
|
1522
1511
|
text-transform: uppercase;
|
|
1523
|
-
color:
|
|
1512
|
+
color: #ffffff;
|
|
1524
1513
|
margin: 0 0 24px 0;
|
|
1525
1514
|
padding: 0;
|
|
1526
1515
|
line-height: 25px;
|
|
@@ -1534,18 +1523,18 @@
|
|
|
1534
1523
|
.lsg-footer--complex .lsg-footer__address svg {
|
|
1535
1524
|
flex-shrink: 0;
|
|
1536
1525
|
margin-top: 3px;
|
|
1537
|
-
color:
|
|
1526
|
+
color: #ffffff;
|
|
1538
1527
|
}
|
|
1539
1528
|
.lsg-footer--complex .lsg-footer__address p {
|
|
1540
1529
|
margin: 0;
|
|
1541
1530
|
font-size: 0.875rem;
|
|
1542
1531
|
line-height: 1.6;
|
|
1543
|
-
color:
|
|
1532
|
+
color: #ffffff;
|
|
1544
1533
|
white-space: pre-line;
|
|
1545
1534
|
}
|
|
1546
1535
|
.lsg-footer--complex .lsg-footer__divider {
|
|
1547
1536
|
border: none;
|
|
1548
|
-
border-top: 1px solid
|
|
1537
|
+
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
|
1549
1538
|
margin: 16px 0;
|
|
1550
1539
|
}
|
|
1551
1540
|
.lsg-footer--complex .lsg-footer__contact-items {
|
|
@@ -1558,16 +1547,16 @@
|
|
|
1558
1547
|
align-items: center;
|
|
1559
1548
|
gap: 12px;
|
|
1560
1549
|
font-size: 0.875rem;
|
|
1561
|
-
color:
|
|
1550
|
+
color: #ffffff;
|
|
1562
1551
|
height: 24px;
|
|
1563
1552
|
}
|
|
1564
1553
|
.lsg-footer--complex .lsg-footer__contact-item svg {
|
|
1565
1554
|
flex-shrink: 0;
|
|
1566
|
-
color:
|
|
1555
|
+
color: #ffffff;
|
|
1567
1556
|
}
|
|
1568
1557
|
.lsg-footer--complex .lsg-footer__contact-item span,
|
|
1569
1558
|
.lsg-footer--complex .lsg-footer__contact-item a {
|
|
1570
|
-
color:
|
|
1559
|
+
color: #ffffff;
|
|
1571
1560
|
text-decoration: none;
|
|
1572
1561
|
line-height: 24px;
|
|
1573
1562
|
}
|
|
@@ -1584,7 +1573,7 @@
|
|
|
1584
1573
|
}
|
|
1585
1574
|
.lsg-footer--complex .lsg-footer__quicklink {
|
|
1586
1575
|
display: block;
|
|
1587
|
-
color:
|
|
1576
|
+
color: #ffffff;
|
|
1588
1577
|
text-decoration: none;
|
|
1589
1578
|
font-size: 0.875rem;
|
|
1590
1579
|
line-height: 24px;
|
|
@@ -1595,7 +1584,7 @@
|
|
|
1595
1584
|
}
|
|
1596
1585
|
.lsg-footer--complex .lsg-footer__bottom-divider {
|
|
1597
1586
|
border: none;
|
|
1598
|
-
border-top: 1px solid
|
|
1587
|
+
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
|
1599
1588
|
margin: 0;
|
|
1600
1589
|
}
|
|
1601
1590
|
.lsg-footer--complex .lsg-footer__bottom {
|
|
@@ -1611,13 +1600,12 @@
|
|
|
1611
1600
|
.lsg-footer__copyright {
|
|
1612
1601
|
font-size: 0.875rem;
|
|
1613
1602
|
line-height: 29px;
|
|
1614
|
-
color:
|
|
1603
|
+
color: #ffffff;
|
|
1615
1604
|
margin: 0;
|
|
1616
1605
|
}
|
|
1617
1606
|
|
|
1618
1607
|
.lsg-ai-banner {
|
|
1619
1608
|
width: 100%;
|
|
1620
|
-
font-family: var(--lsg-font-family-primary, sans-serif);
|
|
1621
1609
|
background-color: var(--lsg-ai-banner-bg);
|
|
1622
1610
|
}
|
|
1623
1611
|
.lsg-ai-banner__inner {
|
|
@@ -1792,6 +1780,8 @@
|
|
|
1792
1780
|
width: 100%;
|
|
1793
1781
|
max-width: var(--lsg-video-max-width);
|
|
1794
1782
|
font-family: var(--lsg-font-family-primary);
|
|
1783
|
+
border-radius: var(--lsg-video-container-radius, 0);
|
|
1784
|
+
overflow: var(--lsg-video-container-overflow, visible);
|
|
1795
1785
|
}
|
|
1796
1786
|
.lsg-video--full-width {
|
|
1797
1787
|
max-width: none;
|
|
@@ -1804,8 +1794,9 @@
|
|
|
1804
1794
|
position: relative;
|
|
1805
1795
|
width: 100%;
|
|
1806
1796
|
height: var(--lsg-video-poster-height);
|
|
1807
|
-
overflow: hidden;
|
|
1797
|
+
overflow: var(--lsg-video-media-overflow, hidden);
|
|
1808
1798
|
background: var(--lsg-video-poster-bg);
|
|
1799
|
+
box-sizing: border-box;
|
|
1809
1800
|
}
|
|
1810
1801
|
.lsg-video__poster {
|
|
1811
1802
|
position: absolute;
|
|
@@ -1837,7 +1828,8 @@
|
|
|
1837
1828
|
.lsg-video__tags {
|
|
1838
1829
|
position: absolute;
|
|
1839
1830
|
left: var(--lsg-video-tags-inset);
|
|
1840
|
-
|
|
1831
|
+
top: var(--lsg-video-tags-top, auto);
|
|
1832
|
+
bottom: var(--lsg-video-tags-bottom, auto);
|
|
1841
1833
|
display: flex;
|
|
1842
1834
|
flex-wrap: wrap;
|
|
1843
1835
|
gap: var(--lsg-video-tag-gap);
|
|
@@ -1849,11 +1841,11 @@
|
|
|
1849
1841
|
padding: 0 var(--lsg-video-tag-padding-x);
|
|
1850
1842
|
display: inline-flex;
|
|
1851
1843
|
align-items: center;
|
|
1852
|
-
border-radius: var(--lsg-theme-radius,
|
|
1844
|
+
border-radius: var(--lsg-video-tag-radius, var(--lsg-theme-radius, 0));
|
|
1853
1845
|
background-color: var(--lsg-video-tag-bg);
|
|
1854
|
-
backdrop-filter: blur(var(--lsg-video-tag-blur));
|
|
1855
|
-
-webkit-backdrop-filter: blur(var(--lsg-video-tag-blur));
|
|
1856
|
-
border:
|
|
1846
|
+
backdrop-filter: blur(var(--lsg-video-tag-blur, 0px));
|
|
1847
|
+
-webkit-backdrop-filter: blur(var(--lsg-video-tag-blur, 0px));
|
|
1848
|
+
border: var(--lsg-video-tag-border-width, 0px) solid var(--lsg-video-tag-border-color, transparent);
|
|
1857
1849
|
font-size: var(--lsg-video-tag-font-size);
|
|
1858
1850
|
font-weight: var(--lsg-font-weight-semibold, 600);
|
|
1859
1851
|
color: var(--lsg-video-tag-color);
|
|
@@ -1890,6 +1882,12 @@
|
|
|
1890
1882
|
height: 100%;
|
|
1891
1883
|
}
|
|
1892
1884
|
.lsg-video__caption {
|
|
1885
|
+
position: var(--lsg-video-caption-position, absolute);
|
|
1886
|
+
top: var(--lsg-video-caption-top, auto);
|
|
1887
|
+
bottom: var(--lsg-video-caption-bottom, auto);
|
|
1888
|
+
left: 0;
|
|
1889
|
+
right: 0;
|
|
1890
|
+
z-index: 2;
|
|
1893
1891
|
width: 100%;
|
|
1894
1892
|
height: var(--lsg-video-caption-height);
|
|
1895
1893
|
overflow: hidden;
|
|
@@ -2375,7 +2373,6 @@
|
|
|
2375
2373
|
line-height: 1.5;
|
|
2376
2374
|
text-decoration: none;
|
|
2377
2375
|
border: 2px solid transparent;
|
|
2378
|
-
border-radius: var(--lsg-theme-radius);
|
|
2379
2376
|
cursor: pointer;
|
|
2380
2377
|
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
|
|
2381
2378
|
white-space: nowrap;
|
|
@@ -2475,7 +2472,6 @@
|
|
|
2475
2472
|
}
|
|
2476
2473
|
|
|
2477
2474
|
.lsg-banner {
|
|
2478
|
-
font-family: var(--lsg-font-family-primary);
|
|
2479
2475
|
position: relative;
|
|
2480
2476
|
display: flex;
|
|
2481
2477
|
align-items: center;
|
|
@@ -2500,7 +2496,7 @@
|
|
|
2500
2496
|
content: "";
|
|
2501
2497
|
position: absolute;
|
|
2502
2498
|
inset: 0;
|
|
2503
|
-
background: linear-gradient(to right,
|
|
2499
|
+
background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 100%);
|
|
2504
2500
|
}
|
|
2505
2501
|
.lsg-banner__inner {
|
|
2506
2502
|
position: relative;
|
|
@@ -2520,7 +2516,6 @@
|
|
|
2520
2516
|
margin: 0 0 12px;
|
|
2521
2517
|
}
|
|
2522
2518
|
.lsg-banner__heading {
|
|
2523
|
-
font-family: var(--lsg-font-family-secondary);
|
|
2524
2519
|
font-size: clamp(1.75rem, 4vw, 3rem);
|
|
2525
2520
|
font-weight: 700;
|
|
2526
2521
|
line-height: 1.15;
|
|
@@ -2605,15 +2600,14 @@
|
|
|
2605
2600
|
display: flex;
|
|
2606
2601
|
flex-direction: column;
|
|
2607
2602
|
border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
|
|
2608
|
-
border-radius: var(--lsg-
|
|
2609
|
-
font-family: var(--lsg-font-family-primary);
|
|
2603
|
+
border-radius: var(--lsg-radius-rounded);
|
|
2610
2604
|
background: var(--lsg-color-white);
|
|
2611
2605
|
overflow: hidden;
|
|
2612
2606
|
transition: box-shadow 0.2s ease;
|
|
2613
2607
|
height: 100%;
|
|
2614
2608
|
}
|
|
2615
2609
|
.lsg-card:hover {
|
|
2616
|
-
box-shadow: 0 4px 16px
|
|
2610
|
+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
|
|
2617
2611
|
}
|
|
2618
2612
|
.lsg-card__image {
|
|
2619
2613
|
aspect-ratio: 16/9;
|
|
@@ -2634,7 +2628,6 @@
|
|
|
2634
2628
|
gap: 12px;
|
|
2635
2629
|
}
|
|
2636
2630
|
.lsg-card__title {
|
|
2637
|
-
font-family: var(--lsg-font-family-secondary);
|
|
2638
2631
|
font-size: 1.125rem;
|
|
2639
2632
|
font-weight: 600;
|
|
2640
2633
|
line-height: 1.3;
|
|
@@ -2899,7 +2892,7 @@
|
|
|
2899
2892
|
width: 176px;
|
|
2900
2893
|
padding: 8px 12px;
|
|
2901
2894
|
background: var(--lsg-color-light);
|
|
2902
|
-
box-shadow: 0 12px 20px
|
|
2895
|
+
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
|
|
2903
2896
|
opacity: 0;
|
|
2904
2897
|
pointer-events: none;
|
|
2905
2898
|
transform: translateX(-50%) translateY(-6px);
|
|
@@ -2928,7 +2921,7 @@
|
|
|
2928
2921
|
}
|
|
2929
2922
|
.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item {
|
|
2930
2923
|
display: block;
|
|
2931
|
-
border-top: 1px solid
|
|
2924
|
+
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
|
2932
2925
|
}
|
|
2933
2926
|
.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item:first-child {
|
|
2934
2927
|
border-top: 0;
|
|
@@ -3063,7 +3056,7 @@
|
|
|
3063
3056
|
color: var(--lsg-color-secondary);
|
|
3064
3057
|
background: none;
|
|
3065
3058
|
border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
|
|
3066
|
-
border-radius: var(--lsg-
|
|
3059
|
+
border-radius: var(--lsg-radius-rounded);
|
|
3067
3060
|
cursor: pointer;
|
|
3068
3061
|
transition: border-color 0.15s ease, color 0.15s ease;
|
|
3069
3062
|
}
|
|
@@ -3102,8 +3095,8 @@
|
|
|
3102
3095
|
min-width: 140px;
|
|
3103
3096
|
background: var(--lsg-color-light);
|
|
3104
3097
|
border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
|
|
3105
|
-
border-radius: var(--lsg-
|
|
3106
|
-
box-shadow: 0 4px 12px
|
|
3098
|
+
border-radius: var(--lsg-radius-rounded);
|
|
3099
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
3107
3100
|
list-style: none;
|
|
3108
3101
|
padding: 8px 0;
|
|
3109
3102
|
margin: 0;
|
|
@@ -3194,7 +3187,6 @@
|
|
|
3194
3187
|
}
|
|
3195
3188
|
|
|
3196
3189
|
.lsg-search-trigger {
|
|
3197
|
-
font-family: var(--lsg-font-family-primary);
|
|
3198
3190
|
display: inline-flex;
|
|
3199
3191
|
align-items: center;
|
|
3200
3192
|
justify-content: center;
|
|
@@ -3296,7 +3288,7 @@
|
|
|
3296
3288
|
align-items: flex-start;
|
|
3297
3289
|
justify-content: center;
|
|
3298
3290
|
padding-top: 80px;
|
|
3299
|
-
background-color:
|
|
3291
|
+
background-color: rgba(0, 0, 0, 0.55);
|
|
3300
3292
|
opacity: 0;
|
|
3301
3293
|
visibility: hidden;
|
|
3302
3294
|
transition: opacity 0.2s ease, visibility 0.2s ease;
|
|
@@ -3310,9 +3302,9 @@
|
|
|
3310
3302
|
max-width: 640px;
|
|
3311
3303
|
margin: 0 24px;
|
|
3312
3304
|
background: var(--lsg-color-white);
|
|
3313
|
-
border-radius: var(--lsg-
|
|
3305
|
+
border-radius: var(--lsg-radius-rounded);
|
|
3314
3306
|
padding: 24px;
|
|
3315
|
-
box-shadow: 0 8px 32px
|
|
3307
|
+
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
|
|
3316
3308
|
}
|
|
3317
3309
|
.lsg-search-overlay__form {
|
|
3318
3310
|
display: flex;
|
|
@@ -3351,7 +3343,7 @@
|
|
|
3351
3343
|
.lsg-search-overlay__submit:focus-visible {
|
|
3352
3344
|
outline: 2px solid var(--lsg-color-primary);
|
|
3353
3345
|
outline-offset: 2px;
|
|
3354
|
-
border-radius: var(--lsg-
|
|
3346
|
+
border-radius: var(--lsg-radius-rounded);
|
|
3355
3347
|
}
|
|
3356
3348
|
.lsg-search-overlay__submit svg {
|
|
3357
3349
|
width: 20px;
|
|
@@ -3463,7 +3455,7 @@
|
|
|
3463
3455
|
.lsg-header {
|
|
3464
3456
|
--lsg-header-green: var(--lsg-color-primary);
|
|
3465
3457
|
--lsg-header-active: color-mix(in srgb, var(--lsg-color-primary) 11%, var(--lsg-color-white));
|
|
3466
|
-
--lsg-header-divider:
|
|
3458
|
+
--lsg-header-divider: rgba(255, 255, 255, 0.2);
|
|
3467
3459
|
--lsg-header-text: var(--lsg-color-black);
|
|
3468
3460
|
position: sticky;
|
|
3469
3461
|
top: 0;
|
|
@@ -3505,7 +3497,7 @@
|
|
|
3505
3497
|
min-width: 136px;
|
|
3506
3498
|
min-height: 28px;
|
|
3507
3499
|
padding: 0 12px;
|
|
3508
|
-
background: linear-gradient(45deg,
|
|
3500
|
+
background: linear-gradient(45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.04) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.04) 75%);
|
|
3509
3501
|
background-color: var(--lsg-color-white);
|
|
3510
3502
|
background-position: 0 0, 0 6px, 6px -6px, -6px 0;
|
|
3511
3503
|
background-size: 12px 12px;
|
|
@@ -3638,7 +3630,7 @@
|
|
|
3638
3630
|
padding: 0 20px 0 0;
|
|
3639
3631
|
margin: 0;
|
|
3640
3632
|
list-style: none;
|
|
3641
|
-
border-right: 1px solid
|
|
3633
|
+
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
|
3642
3634
|
}
|
|
3643
3635
|
.lsg-header__mega-column + .lsg-header__mega-column {
|
|
3644
3636
|
padding-left: 20px;
|
|
@@ -4055,11 +4047,7 @@
|
|
|
4055
4047
|
--text-xxl-line-height: 1;
|
|
4056
4048
|
}
|
|
4057
4049
|
|
|
4058
|
-
.lsg-quick-links {
|
|
4059
|
-
font-family: var(--lsg-font-family-primary);
|
|
4060
|
-
}
|
|
4061
4050
|
.lsg-quick-links__heading {
|
|
4062
|
-
font-family: var(--lsg-font-family-secondary);
|
|
4063
4051
|
font-size: 0.8125rem;
|
|
4064
4052
|
font-weight: 700;
|
|
4065
4053
|
letter-spacing: 0.08em;
|
|
@@ -4156,7 +4144,6 @@
|
|
|
4156
4144
|
}
|
|
4157
4145
|
|
|
4158
4146
|
.lsg-social-icons {
|
|
4159
|
-
font-family: var(--lsg-font-family-primary);
|
|
4160
4147
|
display: flex;
|
|
4161
4148
|
align-items: center;
|
|
4162
4149
|
gap: 12px;
|
|
@@ -4178,7 +4165,7 @@
|
|
|
4178
4165
|
.lsg-social-icons__link:hover, .lsg-social-icons__link:focus-visible {
|
|
4179
4166
|
color: var(--lsg-color-white);
|
|
4180
4167
|
border-color: var(--lsg-color-white);
|
|
4181
|
-
background-color:
|
|
4168
|
+
background-color: rgba(255, 255, 255, 0.1);
|
|
4182
4169
|
}
|
|
4183
4170
|
.lsg-social-icons__link:focus-visible {
|
|
4184
4171
|
outline: 2px solid color-mix(in srgb, var(--lsg-color-primary) 35%, var(--lsg-color-white));
|
|
@@ -4259,8 +4246,8 @@
|
|
|
4259
4246
|
|
|
4260
4247
|
.lsg-footer {
|
|
4261
4248
|
font-family: var(--lsg-font-family-primary);
|
|
4262
|
-
background-color:
|
|
4263
|
-
color:
|
|
4249
|
+
background-color: #18181b;
|
|
4250
|
+
color: #ffffff;
|
|
4264
4251
|
width: 100%;
|
|
4265
4252
|
}
|
|
4266
4253
|
.lsg-footer--simple .lsg-footer__simple-inner {
|
|
@@ -4296,7 +4283,7 @@
|
|
|
4296
4283
|
}
|
|
4297
4284
|
}
|
|
4298
4285
|
.lsg-footer--simple .lsg-footer__pipe {
|
|
4299
|
-
color:
|
|
4286
|
+
color: #ffffff;
|
|
4300
4287
|
font-size: 0.875rem;
|
|
4301
4288
|
padding: 0 8px;
|
|
4302
4289
|
opacity: 0.5;
|
|
@@ -4313,13 +4300,13 @@
|
|
|
4313
4300
|
.lsg-footer--simple .lsg-footer__mobile-divider {
|
|
4314
4301
|
display: block;
|
|
4315
4302
|
border: none;
|
|
4316
|
-
border-top: 1px solid
|
|
4303
|
+
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
|
4317
4304
|
margin: 0;
|
|
4318
4305
|
width: 100%;
|
|
4319
4306
|
}
|
|
4320
4307
|
}
|
|
4321
4308
|
.lsg-footer--simple .lsg-footer__simple-nav-item {
|
|
4322
|
-
color:
|
|
4309
|
+
color: #ffffff;
|
|
4323
4310
|
text-decoration: none;
|
|
4324
4311
|
font-size: 0.875rem;
|
|
4325
4312
|
height: 40px;
|
|
@@ -4359,7 +4346,7 @@
|
|
|
4359
4346
|
padding-top: 4px;
|
|
4360
4347
|
}
|
|
4361
4348
|
.lsg-footer--complex .lsg-footer__logo-col .lsg-logo__text {
|
|
4362
|
-
color:
|
|
4349
|
+
color: #ffffff;
|
|
4363
4350
|
font-weight: 700;
|
|
4364
4351
|
}
|
|
4365
4352
|
.lsg-footer--complex .lsg-footer__logo-col .lsg-logo__image {
|
|
@@ -4392,7 +4379,7 @@
|
|
|
4392
4379
|
font-weight: 600;
|
|
4393
4380
|
letter-spacing: 0.08em;
|
|
4394
4381
|
text-transform: uppercase;
|
|
4395
|
-
color:
|
|
4382
|
+
color: #ffffff;
|
|
4396
4383
|
margin: 0 0 24px 0;
|
|
4397
4384
|
padding: 0;
|
|
4398
4385
|
line-height: 25px;
|
|
@@ -4406,18 +4393,18 @@
|
|
|
4406
4393
|
.lsg-footer--complex .lsg-footer__address svg {
|
|
4407
4394
|
flex-shrink: 0;
|
|
4408
4395
|
margin-top: 3px;
|
|
4409
|
-
color:
|
|
4396
|
+
color: #ffffff;
|
|
4410
4397
|
}
|
|
4411
4398
|
.lsg-footer--complex .lsg-footer__address p {
|
|
4412
4399
|
margin: 0;
|
|
4413
4400
|
font-size: 0.875rem;
|
|
4414
4401
|
line-height: 1.6;
|
|
4415
|
-
color:
|
|
4402
|
+
color: #ffffff;
|
|
4416
4403
|
white-space: pre-line;
|
|
4417
4404
|
}
|
|
4418
4405
|
.lsg-footer--complex .lsg-footer__divider {
|
|
4419
4406
|
border: none;
|
|
4420
|
-
border-top: 1px solid
|
|
4407
|
+
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
|
4421
4408
|
margin: 16px 0;
|
|
4422
4409
|
}
|
|
4423
4410
|
.lsg-footer--complex .lsg-footer__contact-items {
|
|
@@ -4430,16 +4417,16 @@
|
|
|
4430
4417
|
align-items: center;
|
|
4431
4418
|
gap: 12px;
|
|
4432
4419
|
font-size: 0.875rem;
|
|
4433
|
-
color:
|
|
4420
|
+
color: #ffffff;
|
|
4434
4421
|
height: 24px;
|
|
4435
4422
|
}
|
|
4436
4423
|
.lsg-footer--complex .lsg-footer__contact-item svg {
|
|
4437
4424
|
flex-shrink: 0;
|
|
4438
|
-
color:
|
|
4425
|
+
color: #ffffff;
|
|
4439
4426
|
}
|
|
4440
4427
|
.lsg-footer--complex .lsg-footer__contact-item span,
|
|
4441
4428
|
.lsg-footer--complex .lsg-footer__contact-item a {
|
|
4442
|
-
color:
|
|
4429
|
+
color: #ffffff;
|
|
4443
4430
|
text-decoration: none;
|
|
4444
4431
|
line-height: 24px;
|
|
4445
4432
|
}
|
|
@@ -4456,7 +4443,7 @@
|
|
|
4456
4443
|
}
|
|
4457
4444
|
.lsg-footer--complex .lsg-footer__quicklink {
|
|
4458
4445
|
display: block;
|
|
4459
|
-
color:
|
|
4446
|
+
color: #ffffff;
|
|
4460
4447
|
text-decoration: none;
|
|
4461
4448
|
font-size: 0.875rem;
|
|
4462
4449
|
line-height: 24px;
|
|
@@ -4467,7 +4454,7 @@
|
|
|
4467
4454
|
}
|
|
4468
4455
|
.lsg-footer--complex .lsg-footer__bottom-divider {
|
|
4469
4456
|
border: none;
|
|
4470
|
-
border-top: 1px solid
|
|
4457
|
+
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
|
4471
4458
|
margin: 0;
|
|
4472
4459
|
}
|
|
4473
4460
|
.lsg-footer--complex .lsg-footer__bottom {
|
|
@@ -4483,6 +4470,309 @@
|
|
|
4483
4470
|
.lsg-footer__copyright {
|
|
4484
4471
|
font-size: 0.875rem;
|
|
4485
4472
|
line-height: 29px;
|
|
4486
|
-
color:
|
|
4473
|
+
color: #ffffff;
|
|
4487
4474
|
margin: 0;
|
|
4475
|
+
}
|
|
4476
|
+
:root {
|
|
4477
|
+
--atlascopco-blue-1: #f5fbfc;
|
|
4478
|
+
--atlascopco-blue-3: #b8e0ec;
|
|
4479
|
+
--atlascopco-blue-5: #7ac6dc;
|
|
4480
|
+
--atlascopco-blue-7: #3daccc;
|
|
4481
|
+
--atlascopco-blue-9: #0092bc;
|
|
4482
|
+
--atlascopco-blue-11: #006f8f;
|
|
4483
|
+
--atlascopco-gray-1: #f8f9f9;
|
|
4484
|
+
--atlascopco-gray-3: #d1d4d7;
|
|
4485
|
+
--atlascopco-gray-5: #aab0b5;
|
|
4486
|
+
--atlascopco-gray-7: #828b92;
|
|
4487
|
+
--atlascopco-gray-9: #5b6770;
|
|
4488
|
+
--atlascopco-gray-11: #2f363a;
|
|
4489
|
+
--atlascopco-beige-1: #f5f2ef;
|
|
4490
|
+
--atlascopco-beige-2: #efebe6;
|
|
4491
|
+
--atlascopco-beige-3: #e7e0da;
|
|
4492
|
+
--atlascopco-beige-4: #dfd6ce;
|
|
4493
|
+
--atlascopco-blue: #0092bc;
|
|
4494
|
+
--atlascopco-blue-dark: #006f8f;
|
|
4495
|
+
--atlascopco-black: #000000;
|
|
4496
|
+
--atlascopco-white: #ffffff;
|
|
4497
|
+
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
4498
|
+
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
4499
|
+
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
4500
|
+
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
4501
|
+
--atlascopco-grey-100: #f8f9f9;
|
|
4502
|
+
--atlascopco-grey-200: #d1d4d7;
|
|
4503
|
+
--atlascopco-grey-300: #aab0b5;
|
|
4504
|
+
--atlascopco-grey-400: #828b92;
|
|
4505
|
+
--atlascopco-grey-500: #5b6770;
|
|
4506
|
+
--atlascopco-grey-600: #2f363a;
|
|
4507
|
+
--color-primary: #0092bc;
|
|
4508
|
+
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
4509
|
+
--spacing-zero: 0px;
|
|
4510
|
+
--spacing-xxs: 4px;
|
|
4511
|
+
--spacing-xs: 8px;
|
|
4512
|
+
--spacing-sm: 12px;
|
|
4513
|
+
--spacing-md: 16px;
|
|
4514
|
+
--spacing-lg: 24px;
|
|
4515
|
+
--spacing-xl: 36px;
|
|
4516
|
+
--spacing-xxl: 48px;
|
|
4517
|
+
--spacing-3xl: 72px;
|
|
4518
|
+
--spacing-4xl: 96px;
|
|
4519
|
+
--h1-mobile-size: 32px;
|
|
4520
|
+
--h1-mobile-line-height: 1.2;
|
|
4521
|
+
--h2-mobile-size: 24px;
|
|
4522
|
+
--h2-mobile-line-height: 1.2;
|
|
4523
|
+
--h3-mobile-size: 18px;
|
|
4524
|
+
--h3-mobile-line-height: 1.6;
|
|
4525
|
+
--body-mobile-size: 14px;
|
|
4526
|
+
--body-mobile-line-height: 1.5;
|
|
4527
|
+
--h1-desktop-size: 55px;
|
|
4528
|
+
--h1-desktop-line-height: 1.15;
|
|
4529
|
+
--h2-desktop-size: 40px;
|
|
4530
|
+
--h2-desktop-line-height: 1.2;
|
|
4531
|
+
--h3-desktop-size: 32px;
|
|
4532
|
+
--h3-desktop-line-height: 1.2;
|
|
4533
|
+
--body-desktop-size: 18px;
|
|
4534
|
+
--body-desktop-line-height: 1.6;
|
|
4535
|
+
--text-lg-size: 27px;
|
|
4536
|
+
--text-lg-line-height: 1.4;
|
|
4537
|
+
--text-xl-size: 36px;
|
|
4538
|
+
--text-xl-line-height: 1.4;
|
|
4539
|
+
--text-xxl-size: 64px;
|
|
4540
|
+
--text-xxl-line-height: 1;
|
|
4541
|
+
}
|
|
4542
|
+
|
|
4543
|
+
.lsg-ai-banner {
|
|
4544
|
+
width: 100%;
|
|
4545
|
+
background-color: var(--lsg-ai-banner-bg);
|
|
4546
|
+
}
|
|
4547
|
+
.lsg-ai-banner__inner {
|
|
4548
|
+
display: flex;
|
|
4549
|
+
align-items: center;
|
|
4550
|
+
justify-content: center;
|
|
4551
|
+
max-width: var(--lsg-ai-banner-max-width);
|
|
4552
|
+
margin: 0 auto;
|
|
4553
|
+
padding: 0 24px;
|
|
4554
|
+
height: var(--lsg-ai-banner-height);
|
|
4555
|
+
}
|
|
4556
|
+
.lsg-ai-banner__content {
|
|
4557
|
+
display: flex;
|
|
4558
|
+
align-items: center;
|
|
4559
|
+
justify-content: center;
|
|
4560
|
+
gap: var(--lsg-ai-banner-gap);
|
|
4561
|
+
min-width: 0;
|
|
4562
|
+
}
|
|
4563
|
+
@media (min-width: 768px) {
|
|
4564
|
+
.lsg-ai-banner__content {
|
|
4565
|
+
transform: translateX(25vw);
|
|
4566
|
+
}
|
|
4567
|
+
}
|
|
4568
|
+
.lsg-ai-banner__icon {
|
|
4569
|
+
display: flex;
|
|
4570
|
+
align-items: center;
|
|
4571
|
+
justify-content: center;
|
|
4572
|
+
flex-shrink: 0;
|
|
4573
|
+
color: var(--lsg-ai-banner-icon-color);
|
|
4574
|
+
width: var(--lsg-ai-banner-icon-size);
|
|
4575
|
+
height: var(--lsg-ai-banner-icon-size);
|
|
4576
|
+
}
|
|
4577
|
+
.lsg-ai-banner__icon-svg {
|
|
4578
|
+
width: var(--lsg-ai-banner-icon-size);
|
|
4579
|
+
height: var(--lsg-ai-banner-icon-size);
|
|
4580
|
+
}
|
|
4581
|
+
.lsg-ai-banner__text {
|
|
4582
|
+
font-size: var(--lsg-ai-banner-font-size);
|
|
4583
|
+
line-height: 1.35;
|
|
4584
|
+
color: var(--lsg-ai-banner-text-color);
|
|
4585
|
+
margin: 0;
|
|
4586
|
+
text-align: center;
|
|
4587
|
+
}
|
|
4588
|
+
.lsg-ai-banner__text strong {
|
|
4589
|
+
font-weight: inherit;
|
|
4590
|
+
}
|
|
4591
|
+
:root {
|
|
4592
|
+
--atlascopco-blue-1: #f5fbfc;
|
|
4593
|
+
--atlascopco-blue-3: #b8e0ec;
|
|
4594
|
+
--atlascopco-blue-5: #7ac6dc;
|
|
4595
|
+
--atlascopco-blue-7: #3daccc;
|
|
4596
|
+
--atlascopco-blue-9: #0092bc;
|
|
4597
|
+
--atlascopco-blue-11: #006f8f;
|
|
4598
|
+
--atlascopco-gray-1: #f8f9f9;
|
|
4599
|
+
--atlascopco-gray-3: #d1d4d7;
|
|
4600
|
+
--atlascopco-gray-5: #aab0b5;
|
|
4601
|
+
--atlascopco-gray-7: #828b92;
|
|
4602
|
+
--atlascopco-gray-9: #5b6770;
|
|
4603
|
+
--atlascopco-gray-11: #2f363a;
|
|
4604
|
+
--atlascopco-beige-1: #f5f2ef;
|
|
4605
|
+
--atlascopco-beige-2: #efebe6;
|
|
4606
|
+
--atlascopco-beige-3: #e7e0da;
|
|
4607
|
+
--atlascopco-beige-4: #dfd6ce;
|
|
4608
|
+
--atlascopco-blue: #0092bc;
|
|
4609
|
+
--atlascopco-blue-dark: #006f8f;
|
|
4610
|
+
--atlascopco-black: #000000;
|
|
4611
|
+
--atlascopco-white: #ffffff;
|
|
4612
|
+
--atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
|
|
4613
|
+
--atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
|
|
4614
|
+
--atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
|
|
4615
|
+
--atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
|
|
4616
|
+
--atlascopco-grey-100: #f8f9f9;
|
|
4617
|
+
--atlascopco-grey-200: #d1d4d7;
|
|
4618
|
+
--atlascopco-grey-300: #aab0b5;
|
|
4619
|
+
--atlascopco-grey-400: #828b92;
|
|
4620
|
+
--atlascopco-grey-500: #5b6770;
|
|
4621
|
+
--atlascopco-grey-600: #2f363a;
|
|
4622
|
+
--color-primary: #0092bc;
|
|
4623
|
+
--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
|
|
4624
|
+
--spacing-zero: 0px;
|
|
4625
|
+
--spacing-xxs: 4px;
|
|
4626
|
+
--spacing-xs: 8px;
|
|
4627
|
+
--spacing-sm: 12px;
|
|
4628
|
+
--spacing-md: 16px;
|
|
4629
|
+
--spacing-lg: 24px;
|
|
4630
|
+
--spacing-xl: 36px;
|
|
4631
|
+
--spacing-xxl: 48px;
|
|
4632
|
+
--spacing-3xl: 72px;
|
|
4633
|
+
--spacing-4xl: 96px;
|
|
4634
|
+
--h1-mobile-size: 32px;
|
|
4635
|
+
--h1-mobile-line-height: 1.2;
|
|
4636
|
+
--h2-mobile-size: 24px;
|
|
4637
|
+
--h2-mobile-line-height: 1.2;
|
|
4638
|
+
--h3-mobile-size: 18px;
|
|
4639
|
+
--h3-mobile-line-height: 1.6;
|
|
4640
|
+
--body-mobile-size: 14px;
|
|
4641
|
+
--body-mobile-line-height: 1.5;
|
|
4642
|
+
--h1-desktop-size: 55px;
|
|
4643
|
+
--h1-desktop-line-height: 1.15;
|
|
4644
|
+
--h2-desktop-size: 40px;
|
|
4645
|
+
--h2-desktop-line-height: 1.2;
|
|
4646
|
+
--h3-desktop-size: 32px;
|
|
4647
|
+
--h3-desktop-line-height: 1.2;
|
|
4648
|
+
--body-desktop-size: 18px;
|
|
4649
|
+
--body-desktop-line-height: 1.6;
|
|
4650
|
+
--text-lg-size: 27px;
|
|
4651
|
+
--text-lg-line-height: 1.4;
|
|
4652
|
+
--text-xl-size: 36px;
|
|
4653
|
+
--text-xl-line-height: 1.4;
|
|
4654
|
+
--text-xxl-size: 64px;
|
|
4655
|
+
--text-xxl-line-height: 1;
|
|
4656
|
+
}
|
|
4657
|
+
|
|
4658
|
+
.lsg-accordion {
|
|
4659
|
+
font-family: var(--lsg-font-family-primary);
|
|
4660
|
+
width: 100%;
|
|
4661
|
+
max-width: var(--lsg-accordion-max-width);
|
|
4662
|
+
}
|
|
4663
|
+
.lsg-accordion--bordered {
|
|
4664
|
+
border: 1px solid var(--lsg-accordion-divider-color);
|
|
4665
|
+
border-radius: var(--lsg-accordion-border-radius);
|
|
4666
|
+
overflow: hidden;
|
|
4667
|
+
}
|
|
4668
|
+
.lsg-accordion--bordered .lsg-accordion__item:first-child {
|
|
4669
|
+
border-top: none;
|
|
4670
|
+
}
|
|
4671
|
+
.lsg-accordion__item {
|
|
4672
|
+
border-top: 1px solid var(--lsg-accordion-divider-color);
|
|
4673
|
+
}
|
|
4674
|
+
.lsg-accordion__item--open > .lsg-accordion__header {
|
|
4675
|
+
color: var(--lsg-accordion-active-color);
|
|
4676
|
+
}
|
|
4677
|
+
.lsg-accordion__header {
|
|
4678
|
+
width: 100%;
|
|
4679
|
+
min-height: var(--lsg-accordion-header-height);
|
|
4680
|
+
display: flex;
|
|
4681
|
+
align-items: center;
|
|
4682
|
+
justify-content: space-between;
|
|
4683
|
+
gap: 16px;
|
|
4684
|
+
padding: var(--lsg-accordion-header-padding-y) 0;
|
|
4685
|
+
background: none;
|
|
4686
|
+
border: none;
|
|
4687
|
+
cursor: pointer;
|
|
4688
|
+
text-align: left;
|
|
4689
|
+
color: var(--lsg-accordion-title-color);
|
|
4690
|
+
font-family: var(--lsg-font-family-primary, inherit);
|
|
4691
|
+
transition: color 200ms ease, border-color 200ms ease;
|
|
4692
|
+
}
|
|
4693
|
+
.lsg-accordion__header:hover {
|
|
4694
|
+
color: var(--lsg-accordion-active-color);
|
|
4695
|
+
}
|
|
4696
|
+
.lsg-accordion__header:focus-visible {
|
|
4697
|
+
outline: 2px solid var(--lsg-accordion-active-color);
|
|
4698
|
+
outline-offset: -2px;
|
|
4699
|
+
}
|
|
4700
|
+
.lsg-accordion__title {
|
|
4701
|
+
font-size: var(--lsg-accordion-title-font-size);
|
|
4702
|
+
font-weight: var(--lsg-font-weight-semibold, 600);
|
|
4703
|
+
line-height: 1.4;
|
|
4704
|
+
flex: 1;
|
|
4705
|
+
padding-left: calc(var(--lsg-accordion-icon-size) + var(--lsg-accordion-icon-gap));
|
|
4706
|
+
}
|
|
4707
|
+
.lsg-accordion__icon {
|
|
4708
|
+
order: -1;
|
|
4709
|
+
flex-shrink: 0;
|
|
4710
|
+
display: flex;
|
|
4711
|
+
align-items: center;
|
|
4712
|
+
justify-content: center;
|
|
4713
|
+
color: var(--lsg-accordion-icon-color);
|
|
4714
|
+
transition: transform var(--lsg-accordion-transition), color 200ms ease;
|
|
4715
|
+
}
|
|
4716
|
+
.lsg-accordion__icon--open {
|
|
4717
|
+
color: var(--lsg-accordion-active-color);
|
|
4718
|
+
}
|
|
4719
|
+
.lsg-accordion--icon-chevron .lsg-accordion__icon--open {
|
|
4720
|
+
transform: rotate(180deg);
|
|
4721
|
+
}
|
|
4722
|
+
.lsg-accordion__icon--open .lsg-accordion__icon-plus-line {
|
|
4723
|
+
display: none;
|
|
4724
|
+
}
|
|
4725
|
+
.lsg-accordion__icon-svg {
|
|
4726
|
+
width: var(--lsg-accordion-icon-size);
|
|
4727
|
+
height: var(--lsg-accordion-icon-size);
|
|
4728
|
+
}
|
|
4729
|
+
.lsg-accordion__panel {
|
|
4730
|
+
overflow: hidden;
|
|
4731
|
+
max-height: 0;
|
|
4732
|
+
opacity: 0;
|
|
4733
|
+
transition: max-height var(--lsg-accordion-transition), opacity var(--lsg-accordion-transition);
|
|
4734
|
+
}
|
|
4735
|
+
.lsg-accordion__panel--open {
|
|
4736
|
+
max-height: 4000px;
|
|
4737
|
+
opacity: 1;
|
|
4738
|
+
padding-bottom: var(--lsg-accordion-content-padding-bottom);
|
|
4739
|
+
}
|
|
4740
|
+
.lsg-accordion__content {
|
|
4741
|
+
margin-left: calc(var(--lsg-accordion-icon-size) / 2);
|
|
4742
|
+
padding: 0 0 0 var(--lsg-accordion-content-indent);
|
|
4743
|
+
border-left: var(--lsg-accordion-content-border-width) solid var(--lsg-accordion-active-color);
|
|
4744
|
+
font-size: var(--lsg-accordion-content-font-size);
|
|
4745
|
+
line-height: var(--lsg-accordion-content-line-height);
|
|
4746
|
+
color: var(--lsg-accordion-content-color);
|
|
4747
|
+
}
|
|
4748
|
+
.lsg-accordion__content p {
|
|
4749
|
+
margin: 0 0 12px;
|
|
4750
|
+
}
|
|
4751
|
+
.lsg-accordion__content p:last-child {
|
|
4752
|
+
margin-bottom: 0;
|
|
4753
|
+
}
|
|
4754
|
+
.lsg-accordion__content ul, .lsg-accordion__content ol {
|
|
4755
|
+
margin: 0 0 12px 24px;
|
|
4756
|
+
padding: 0;
|
|
4757
|
+
}
|
|
4758
|
+
.lsg-accordion__content a {
|
|
4759
|
+
color: var(--lsg-accordion-active-color);
|
|
4760
|
+
}
|
|
4761
|
+
.lsg-accordion__content img {
|
|
4762
|
+
max-width: 100%;
|
|
4763
|
+
height: auto;
|
|
4764
|
+
}
|
|
4765
|
+
.lsg-accordion--faq .lsg-accordion__title {
|
|
4766
|
+
font-size: var(--lsg-accordion-faq-title-font-size);
|
|
4767
|
+
}
|
|
4768
|
+
.lsg-accordion--faq .lsg-accordion__content {
|
|
4769
|
+
font-size: var(--lsg-accordion-faq-content-font-size);
|
|
4770
|
+
}
|
|
4771
|
+
@media (min-width: 768px) {
|
|
4772
|
+
.lsg-accordion__header {
|
|
4773
|
+
min-height: var(--lsg-accordion-header-height);
|
|
4774
|
+
}
|
|
4775
|
+
.lsg-accordion__title {
|
|
4776
|
+
padding-left: var(--lsg-accordion-icon-gap);
|
|
4777
|
+
}
|
|
4488
4778
|
}
|