@asante-org/atlascopco-vt-litesitegenerator 3.0.20 → 3.0.21
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.js +82 -23
- package/dist/index.esm.js.map +1 -1
- package/dist/index.esm.scss +302 -80
- package/dist/index.js +82 -23
- package/dist/index.js.map +1 -1
- package/dist/index.scss +302 -80
- package/dist/src/components/lsg/LsgBanner/LsgBanner.d.ts +30 -2
- package/dist/src/components/lsg/LsgBanner/LsgBanner.stories.d.ts +9 -2
- package/dist/src/components/lsg/LsgBanner/index.d.ts +1 -1
- package/dist/src/components/lsg/index.d.ts +1 -1
- package/dist/src/index.d.ts +1 -1
- package/dist/themes/theme-1.css +417 -40
- package/dist/themes/theme-1.css.map +1 -1
- package/dist/themes/theme-2.css +488 -40
- package/dist/themes/theme-2.css.map +1 -1
- package/dist/themes/theme-3.css +515 -40
- package/dist/themes/theme-3.css.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/themes/theme-3.css
CHANGED
|
@@ -343,62 +343,173 @@
|
|
|
343
343
|
pointer-events: none;
|
|
344
344
|
}
|
|
345
345
|
|
|
346
|
+
.lsg-banner,
|
|
347
|
+
.lsg-banner * {
|
|
348
|
+
box-sizing: border-box;
|
|
349
|
+
}
|
|
350
|
+
|
|
346
351
|
.lsg-banner {
|
|
347
352
|
position: relative;
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
min-height: 400px;
|
|
351
|
-
padding: 72px 24px;
|
|
352
|
-
background-color: var(--lsg-color-dark);
|
|
353
|
-
color: var(--lsg-color-white);
|
|
353
|
+
width: 100%;
|
|
354
|
+
margin: 0;
|
|
354
355
|
overflow: hidden;
|
|
356
|
+
background: var(--lsg-color-light);
|
|
357
|
+
color: var(--lsg-color-black);
|
|
358
|
+
font-family: var(--lsg-font-family-primary);
|
|
355
359
|
}
|
|
356
|
-
.lsg-
|
|
357
|
-
position:
|
|
358
|
-
|
|
360
|
+
.lsg-banner__shell {
|
|
361
|
+
position: relative;
|
|
362
|
+
width: 100%;
|
|
363
|
+
min-width: 0;
|
|
364
|
+
}
|
|
365
|
+
.lsg-banner__media {
|
|
366
|
+
position: relative;
|
|
367
|
+
min-width: 0;
|
|
368
|
+
overflow: hidden;
|
|
359
369
|
}
|
|
360
|
-
.lsg-
|
|
370
|
+
.lsg-banner__image, .lsg-banner__video {
|
|
371
|
+
display: block;
|
|
361
372
|
width: 100%;
|
|
362
373
|
height: 100%;
|
|
363
374
|
object-fit: cover;
|
|
364
|
-
display: block;
|
|
365
375
|
}
|
|
366
|
-
.lsg-
|
|
367
|
-
content: "";
|
|
368
|
-
position: absolute;
|
|
369
|
-
inset: 0;
|
|
370
|
-
background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 100%);
|
|
371
|
-
}
|
|
372
|
-
.lsg-banner__inner {
|
|
376
|
+
.lsg-banner__content {
|
|
373
377
|
position: relative;
|
|
374
378
|
z-index: 1;
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
padding: 0 24px;
|
|
379
|
+
display: flex;
|
|
380
|
+
flex-direction: column;
|
|
381
|
+
min-width: 0;
|
|
379
382
|
}
|
|
380
|
-
.lsg-
|
|
381
|
-
display:
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
383
|
+
.lsg-banner__pre-title {
|
|
384
|
+
display: inline-flex;
|
|
385
|
+
align-items: center;
|
|
386
|
+
align-self: flex-start;
|
|
387
|
+
gap: 8px;
|
|
388
|
+
max-width: 100%;
|
|
389
|
+
font-size: var(--lsg-size-Pretitle, 18px);
|
|
390
|
+
font-weight: 600;
|
|
391
|
+
line-height: 1.2;
|
|
385
392
|
text-transform: uppercase;
|
|
386
|
-
|
|
387
|
-
|
|
393
|
+
}
|
|
394
|
+
.lsg-banner__pre-title-marker {
|
|
395
|
+
display: none;
|
|
396
|
+
flex: 0 0 auto;
|
|
397
|
+
width: 10px;
|
|
398
|
+
height: 10px;
|
|
399
|
+
border-radius: 50%;
|
|
400
|
+
background: currentColor;
|
|
401
|
+
}
|
|
402
|
+
.lsg-banner__pre-title-text {
|
|
403
|
+
min-width: 0;
|
|
404
|
+
}
|
|
405
|
+
.lsg-banner__heading, .lsg-banner__body p {
|
|
406
|
+
margin: 0;
|
|
407
|
+
word-break: break-word;
|
|
388
408
|
}
|
|
389
409
|
.lsg-banner__heading {
|
|
390
|
-
font-
|
|
391
|
-
font-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
max-width: 720px;
|
|
410
|
+
font-family: var(--lsg-font-family-primary);
|
|
411
|
+
font-size: var(--lsg-size-H1, 45px);
|
|
412
|
+
font-weight: 600;
|
|
413
|
+
line-height: 1.1;
|
|
395
414
|
}
|
|
396
|
-
.lsg-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
415
|
+
.lsg-banner__body {
|
|
416
|
+
min-width: 0;
|
|
417
|
+
font-size: var(--lsg-size-body, 18px);
|
|
418
|
+
font-weight: 400;
|
|
419
|
+
line-height: 1.5;
|
|
420
|
+
}
|
|
421
|
+
.lsg-banner__actions {
|
|
422
|
+
display: flex;
|
|
423
|
+
flex-wrap: wrap;
|
|
424
|
+
align-items: center;
|
|
425
|
+
gap: 16px;
|
|
426
|
+
}
|
|
427
|
+
.lsg-banner__cta {
|
|
428
|
+
flex: 0 0 auto;
|
|
429
|
+
}
|
|
430
|
+
.lsg-banner--text-only .lsg-banner__media {
|
|
431
|
+
display: none;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
@media (min-width: 768px) {
|
|
435
|
+
.lsg-banner--media-left .lsg-banner__shell, .lsg-banner--media-right .lsg-banner__shell, .lsg-banner--media-left-compact .lsg-banner__shell, .lsg-banner--media-right-compact .lsg-banner__shell {
|
|
436
|
+
display: grid;
|
|
437
|
+
align-items: stretch;
|
|
438
|
+
}
|
|
439
|
+
.lsg-banner--media-left .lsg-banner__shell, .lsg-banner--media-left-compact .lsg-banner__shell {
|
|
440
|
+
grid-template-areas: "media content";
|
|
441
|
+
}
|
|
442
|
+
.lsg-banner--media-right .lsg-banner__shell, .lsg-banner--media-right-compact .lsg-banner__shell {
|
|
443
|
+
grid-template-areas: "content media";
|
|
444
|
+
}
|
|
445
|
+
.lsg-banner--media-left .lsg-banner__media, .lsg-banner--media-right .lsg-banner__media, .lsg-banner--media-left-compact .lsg-banner__media, .lsg-banner--media-right-compact .lsg-banner__media {
|
|
446
|
+
grid-area: media;
|
|
447
|
+
}
|
|
448
|
+
.lsg-banner--media-left .lsg-banner__content, .lsg-banner--media-right .lsg-banner__content, .lsg-banner--media-left-compact .lsg-banner__content, .lsg-banner--media-right-compact .lsg-banner__content {
|
|
449
|
+
grid-area: content;
|
|
450
|
+
}
|
|
451
|
+
.lsg-banner--media-left .lsg-banner__shell, .lsg-banner--media-right .lsg-banner__shell {
|
|
452
|
+
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
|
453
|
+
}
|
|
454
|
+
.lsg-banner--media-left-compact .lsg-banner__shell {
|
|
455
|
+
grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);
|
|
456
|
+
}
|
|
457
|
+
.lsg-banner--media-right-compact .lsg-banner__shell {
|
|
458
|
+
grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
|
|
459
|
+
}
|
|
460
|
+
.lsg-banner--overlay .lsg-banner__shell, .lsg-banner--overlay-transparent .lsg-banner__shell {
|
|
461
|
+
display: grid;
|
|
462
|
+
place-items: stretch;
|
|
463
|
+
}
|
|
464
|
+
.lsg-banner--overlay .lsg-banner__media, .lsg-banner--overlay-transparent .lsg-banner__media, .lsg-banner--overlay .lsg-banner__content, .lsg-banner--overlay-transparent .lsg-banner__content {
|
|
465
|
+
grid-area: 1/1;
|
|
466
|
+
}
|
|
467
|
+
.lsg-banner--overlay .lsg-banner__media, .lsg-banner--overlay-transparent .lsg-banner__media {
|
|
468
|
+
z-index: 0;
|
|
469
|
+
min-height: inherit;
|
|
470
|
+
}
|
|
471
|
+
.lsg-banner--overlay .lsg-banner__content, .lsg-banner--overlay-transparent .lsg-banner__content {
|
|
472
|
+
align-self: center;
|
|
473
|
+
}
|
|
474
|
+
}
|
|
475
|
+
@media (max-width: 767px) {
|
|
476
|
+
.lsg-banner__heading {
|
|
477
|
+
font-size: 30px;
|
|
478
|
+
line-height: 1.2;
|
|
479
|
+
}
|
|
480
|
+
.lsg-banner__pre-title {
|
|
481
|
+
font-size: 16px;
|
|
482
|
+
}
|
|
483
|
+
.lsg-banner__body {
|
|
484
|
+
font-size: 18px;
|
|
485
|
+
line-height: 1.5;
|
|
486
|
+
}
|
|
487
|
+
.lsg-banner--media-left .lsg-banner__shell, .lsg-banner--media-right .lsg-banner__shell, .lsg-banner--media-left-compact .lsg-banner__shell, .lsg-banner--media-right-compact .lsg-banner__shell {
|
|
488
|
+
display: flex;
|
|
489
|
+
flex-direction: column;
|
|
490
|
+
}
|
|
491
|
+
.lsg-banner--mobile-media-top .lsg-banner__media {
|
|
492
|
+
order: 1;
|
|
493
|
+
}
|
|
494
|
+
.lsg-banner--mobile-media-top .lsg-banner__content {
|
|
495
|
+
order: 2;
|
|
496
|
+
}
|
|
497
|
+
.lsg-banner--mobile-media-bottom .lsg-banner__content {
|
|
498
|
+
order: 1;
|
|
499
|
+
}
|
|
500
|
+
.lsg-banner--mobile-media-bottom .lsg-banner__media {
|
|
501
|
+
order: 2;
|
|
502
|
+
}
|
|
503
|
+
.lsg-banner--overlay .lsg-banner__shell, .lsg-banner--overlay-transparent .lsg-banner__shell {
|
|
504
|
+
display: grid;
|
|
505
|
+
place-items: stretch;
|
|
506
|
+
}
|
|
507
|
+
.lsg-banner--overlay .lsg-banner__media, .lsg-banner--overlay-transparent .lsg-banner__media, .lsg-banner--overlay .lsg-banner__content, .lsg-banner--overlay-transparent .lsg-banner__content {
|
|
508
|
+
grid-area: 1/1;
|
|
509
|
+
}
|
|
510
|
+
.lsg-banner--overlay .lsg-banner__content, .lsg-banner--overlay-transparent .lsg-banner__content {
|
|
511
|
+
align-self: center;
|
|
512
|
+
}
|
|
402
513
|
}
|
|
403
514
|
.lsg-card,
|
|
404
515
|
.lsg-card *,
|
|
@@ -5516,6 +5627,370 @@
|
|
|
5516
5627
|
display: block;
|
|
5517
5628
|
}
|
|
5518
5629
|
|
|
5630
|
+
:root[data-lsg-theme=theme-3] .lsg-banner,
|
|
5631
|
+
.lsg-themed-component--theme-3 .lsg-banner {
|
|
5632
|
+
background: var(--lsg-color-light);
|
|
5633
|
+
color: var(--lsg-color-black);
|
|
5634
|
+
}
|
|
5635
|
+
:root[data-lsg-theme=theme-3] .lsg-banner__pre-title,
|
|
5636
|
+
.lsg-themed-component--theme-3 .lsg-banner__pre-title {
|
|
5637
|
+
color: var(--lsg-color-primary);
|
|
5638
|
+
}
|
|
5639
|
+
:root[data-lsg-theme=theme-3] .lsg-banner__pre-title-marker,
|
|
5640
|
+
.lsg-themed-component--theme-3 .lsg-banner__pre-title-marker {
|
|
5641
|
+
display: inline-block;
|
|
5642
|
+
}
|
|
5643
|
+
:root[data-lsg-theme=theme-3] .lsg-banner__media, :root[data-lsg-theme=theme-3] .lsg-banner__image, :root[data-lsg-theme=theme-3] .lsg-banner__video,
|
|
5644
|
+
.lsg-themed-component--theme-3 .lsg-banner__media,
|
|
5645
|
+
.lsg-themed-component--theme-3 .lsg-banner__image,
|
|
5646
|
+
.lsg-themed-component--theme-3 .lsg-banner__video {
|
|
5647
|
+
border-radius: 25px;
|
|
5648
|
+
}
|
|
5649
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__shell, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__shell,
|
|
5650
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__shell,
|
|
5651
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__shell {
|
|
5652
|
+
display: grid;
|
|
5653
|
+
grid-template-columns: minmax(0, 1fr) 415px;
|
|
5654
|
+
grid-template-rows: auto auto 337px auto;
|
|
5655
|
+
gap: 24px 90px;
|
|
5656
|
+
min-height: 640px;
|
|
5657
|
+
padding: 64px 80px;
|
|
5658
|
+
}
|
|
5659
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__content, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__content,
|
|
5660
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__content,
|
|
5661
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__content {
|
|
5662
|
+
display: contents;
|
|
5663
|
+
}
|
|
5664
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__pre-title, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__pre-title,
|
|
5665
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__pre-title,
|
|
5666
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__pre-title {
|
|
5667
|
+
grid-column: 1;
|
|
5668
|
+
grid-row: 1;
|
|
5669
|
+
}
|
|
5670
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__heading, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__heading,
|
|
5671
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__heading,
|
|
5672
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__heading {
|
|
5673
|
+
grid-column: 1;
|
|
5674
|
+
grid-row: 2;
|
|
5675
|
+
max-width: 740px;
|
|
5676
|
+
}
|
|
5677
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__media, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__media,
|
|
5678
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__media,
|
|
5679
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__media {
|
|
5680
|
+
grid-column: 1;
|
|
5681
|
+
grid-row: 3/span 2;
|
|
5682
|
+
height: 337px;
|
|
5683
|
+
}
|
|
5684
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__body, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__body,
|
|
5685
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__body,
|
|
5686
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__body {
|
|
5687
|
+
grid-column: 2;
|
|
5688
|
+
grid-row: 3;
|
|
5689
|
+
align-self: stretch;
|
|
5690
|
+
padding: 48px 24px;
|
|
5691
|
+
border: 2px solid var(--lsg-color-primary);
|
|
5692
|
+
border-radius: 25px;
|
|
5693
|
+
}
|
|
5694
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__actions, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__actions,
|
|
5695
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__actions,
|
|
5696
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__actions {
|
|
5697
|
+
grid-column: 2;
|
|
5698
|
+
grid-row: 4;
|
|
5699
|
+
justify-content: flex-end;
|
|
5700
|
+
}
|
|
5701
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__shell,
|
|
5702
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__shell {
|
|
5703
|
+
grid-template-columns: 415px minmax(0, 1fr);
|
|
5704
|
+
}
|
|
5705
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__pre-title,
|
|
5706
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__heading,
|
|
5707
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__media,
|
|
5708
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__pre-title,
|
|
5709
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__heading,
|
|
5710
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__media {
|
|
5711
|
+
grid-column: 2;
|
|
5712
|
+
}
|
|
5713
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__body,
|
|
5714
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__actions,
|
|
5715
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__body,
|
|
5716
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__actions {
|
|
5717
|
+
grid-column: 1;
|
|
5718
|
+
}
|
|
5719
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__actions,
|
|
5720
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__actions {
|
|
5721
|
+
justify-content: flex-start;
|
|
5722
|
+
}
|
|
5723
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact .lsg-banner__shell, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__shell,
|
|
5724
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact .lsg-banner__shell,
|
|
5725
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__shell {
|
|
5726
|
+
min-height: 602px;
|
|
5727
|
+
grid-template-columns: minmax(0, 595px) minmax(0, 1fr);
|
|
5728
|
+
gap: 90px;
|
|
5729
|
+
padding: 64px 80px;
|
|
5730
|
+
}
|
|
5731
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact .lsg-banner__media, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__media,
|
|
5732
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact .lsg-banner__media,
|
|
5733
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__media {
|
|
5734
|
+
height: 474px;
|
|
5735
|
+
}
|
|
5736
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact .lsg-banner__content, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__content,
|
|
5737
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact .lsg-banner__content,
|
|
5738
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__content {
|
|
5739
|
+
min-height: 474px;
|
|
5740
|
+
justify-content: space-between;
|
|
5741
|
+
gap: 20px;
|
|
5742
|
+
}
|
|
5743
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact .lsg-banner__body, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__body,
|
|
5744
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact .lsg-banner__body,
|
|
5745
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__body {
|
|
5746
|
+
color: color-mix(in srgb, var(--lsg-color-black) 80%, var(--lsg-color-white));
|
|
5747
|
+
}
|
|
5748
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__shell,
|
|
5749
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__shell {
|
|
5750
|
+
grid-template-columns: minmax(0, 1fr) minmax(0, 595px);
|
|
5751
|
+
}
|
|
5752
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay, :root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent,
|
|
5753
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay,
|
|
5754
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent {
|
|
5755
|
+
background: var(--lsg-color-light);
|
|
5756
|
+
}
|
|
5757
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay .lsg-banner__shell, :root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__shell,
|
|
5758
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay .lsg-banner__shell,
|
|
5759
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__shell {
|
|
5760
|
+
width: min(1280px, 100% - 32px);
|
|
5761
|
+
min-height: 573px;
|
|
5762
|
+
margin: 0 auto;
|
|
5763
|
+
border-radius: 25px;
|
|
5764
|
+
overflow: hidden;
|
|
5765
|
+
}
|
|
5766
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay .lsg-banner__media, :root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__media,
|
|
5767
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay .lsg-banner__media,
|
|
5768
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__media {
|
|
5769
|
+
min-height: 573px;
|
|
5770
|
+
border-radius: 25px;
|
|
5771
|
+
}
|
|
5772
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay .lsg-banner__content, :root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__content,
|
|
5773
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay .lsg-banner__content,
|
|
5774
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__content {
|
|
5775
|
+
display: grid;
|
|
5776
|
+
grid-template-columns: 404px minmax(0, 1fr);
|
|
5777
|
+
grid-template-areas: "heading body" "actions body";
|
|
5778
|
+
gap: 32px 90px;
|
|
5779
|
+
width: min(940px, 100% - 64px);
|
|
5780
|
+
margin: auto;
|
|
5781
|
+
padding: 64px;
|
|
5782
|
+
background: var(--lsg-color-secondary);
|
|
5783
|
+
border-radius: 25px;
|
|
5784
|
+
color: var(--lsg-color-white);
|
|
5785
|
+
}
|
|
5786
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay .lsg-banner__pre-title, :root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__pre-title,
|
|
5787
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay .lsg-banner__pre-title,
|
|
5788
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__pre-title {
|
|
5789
|
+
display: none;
|
|
5790
|
+
}
|
|
5791
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay .lsg-banner__heading, :root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__heading,
|
|
5792
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay .lsg-banner__heading,
|
|
5793
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__heading {
|
|
5794
|
+
grid-area: heading;
|
|
5795
|
+
}
|
|
5796
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay .lsg-banner__body, :root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__body,
|
|
5797
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay .lsg-banner__body,
|
|
5798
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__body {
|
|
5799
|
+
grid-area: body;
|
|
5800
|
+
padding: 56px 20px;
|
|
5801
|
+
border: 2px solid var(--lsg-color-white);
|
|
5802
|
+
border-radius: 25px;
|
|
5803
|
+
}
|
|
5804
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay .lsg-banner__actions, :root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__actions,
|
|
5805
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay .lsg-banner__actions,
|
|
5806
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__actions {
|
|
5807
|
+
grid-area: actions;
|
|
5808
|
+
align-self: end;
|
|
5809
|
+
}
|
|
5810
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay .lsg-banner__cta, :root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__cta,
|
|
5811
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay .lsg-banner__cta,
|
|
5812
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__cta {
|
|
5813
|
+
background: transparent;
|
|
5814
|
+
border-color: var(--lsg-color-white);
|
|
5815
|
+
color: var(--lsg-color-white);
|
|
5816
|
+
}
|
|
5817
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__content,
|
|
5818
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__content {
|
|
5819
|
+
background: color-mix(in srgb, var(--lsg-color-secondary) 82%, transparent);
|
|
5820
|
+
}
|
|
5821
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--text-only,
|
|
5822
|
+
.lsg-themed-component--theme-3 .lsg-banner--text-only {
|
|
5823
|
+
background: var(--lsg-color-tertiary);
|
|
5824
|
+
}
|
|
5825
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--text-only .lsg-banner__content,
|
|
5826
|
+
.lsg-themed-component--theme-3 .lsg-banner--text-only .lsg-banner__content {
|
|
5827
|
+
display: grid;
|
|
5828
|
+
grid-template-columns: minmax(0, 628px) minmax(0, 1fr);
|
|
5829
|
+
grid-template-areas: "heading body" "actions body";
|
|
5830
|
+
gap: 32px 24px;
|
|
5831
|
+
min-height: 337px;
|
|
5832
|
+
padding: 64px 80px;
|
|
5833
|
+
color: var(--lsg-color-white);
|
|
5834
|
+
}
|
|
5835
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--text-only .lsg-banner__pre-title,
|
|
5836
|
+
.lsg-themed-component--theme-3 .lsg-banner--text-only .lsg-banner__pre-title {
|
|
5837
|
+
display: none;
|
|
5838
|
+
}
|
|
5839
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--text-only .lsg-banner__heading,
|
|
5840
|
+
.lsg-themed-component--theme-3 .lsg-banner--text-only .lsg-banner__heading {
|
|
5841
|
+
grid-area: heading;
|
|
5842
|
+
}
|
|
5843
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--text-only .lsg-banner__body,
|
|
5844
|
+
.lsg-themed-component--theme-3 .lsg-banner--text-only .lsg-banner__body {
|
|
5845
|
+
grid-area: body;
|
|
5846
|
+
padding: 48px 24px;
|
|
5847
|
+
border: 2px solid var(--lsg-color-white);
|
|
5848
|
+
border-radius: 25px;
|
|
5849
|
+
}
|
|
5850
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--text-only .lsg-banner__actions,
|
|
5851
|
+
.lsg-themed-component--theme-3 .lsg-banner--text-only .lsg-banner__actions {
|
|
5852
|
+
grid-area: actions;
|
|
5853
|
+
align-self: end;
|
|
5854
|
+
}
|
|
5855
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--text-only .lsg-banner__cta,
|
|
5856
|
+
.lsg-themed-component--theme-3 .lsg-banner--text-only .lsg-banner__cta {
|
|
5857
|
+
background: transparent;
|
|
5858
|
+
border-color: var(--lsg-color-white);
|
|
5859
|
+
color: var(--lsg-color-white);
|
|
5860
|
+
}
|
|
5861
|
+
@media (max-width: 767px) {
|
|
5862
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__shell, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__shell, :root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact .lsg-banner__shell, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__shell,
|
|
5863
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__shell,
|
|
5864
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__shell,
|
|
5865
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact .lsg-banner__shell,
|
|
5866
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__shell {
|
|
5867
|
+
display: flex;
|
|
5868
|
+
flex-direction: column;
|
|
5869
|
+
gap: 24px;
|
|
5870
|
+
min-height: 0;
|
|
5871
|
+
padding: 64px 16px;
|
|
5872
|
+
}
|
|
5873
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__content, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__content, :root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact .lsg-banner__content, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__content,
|
|
5874
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__content,
|
|
5875
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__content,
|
|
5876
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact .lsg-banner__content,
|
|
5877
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__content {
|
|
5878
|
+
display: contents;
|
|
5879
|
+
}
|
|
5880
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__pre-title, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__pre-title, :root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact .lsg-banner__pre-title, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__pre-title,
|
|
5881
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__pre-title,
|
|
5882
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__pre-title,
|
|
5883
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact .lsg-banner__pre-title,
|
|
5884
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__pre-title {
|
|
5885
|
+
order: 1;
|
|
5886
|
+
margin: 0 8px;
|
|
5887
|
+
}
|
|
5888
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__heading, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__heading, :root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact .lsg-banner__heading, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__heading,
|
|
5889
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__heading,
|
|
5890
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__heading,
|
|
5891
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact .lsg-banner__heading,
|
|
5892
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__heading {
|
|
5893
|
+
order: 2;
|
|
5894
|
+
margin: 0 8px;
|
|
5895
|
+
}
|
|
5896
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__media, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__media, :root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact .lsg-banner__media, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__media,
|
|
5897
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__media,
|
|
5898
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__media,
|
|
5899
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact .lsg-banner__media,
|
|
5900
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__media {
|
|
5901
|
+
order: 3;
|
|
5902
|
+
width: 100%;
|
|
5903
|
+
height: auto;
|
|
5904
|
+
aspect-ratio: 361/201;
|
|
5905
|
+
}
|
|
5906
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__body, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__body, :root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact .lsg-banner__body, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__body,
|
|
5907
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__body,
|
|
5908
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__body,
|
|
5909
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact .lsg-banner__body,
|
|
5910
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__body {
|
|
5911
|
+
order: 4;
|
|
5912
|
+
padding: 32px;
|
|
5913
|
+
border: 2px solid var(--lsg-color-primary);
|
|
5914
|
+
border-radius: 25px;
|
|
5915
|
+
}
|
|
5916
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left .lsg-banner__actions, :root[data-lsg-theme=theme-3] .lsg-banner--media-right .lsg-banner__actions, :root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact .lsg-banner__actions, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__actions,
|
|
5917
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left .lsg-banner__actions,
|
|
5918
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right .lsg-banner__actions,
|
|
5919
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact .lsg-banner__actions,
|
|
5920
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__actions {
|
|
5921
|
+
order: 5;
|
|
5922
|
+
justify-content: flex-end;
|
|
5923
|
+
padding: 0 16px;
|
|
5924
|
+
}
|
|
5925
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left.lsg-banner--mobile-media-bottom .lsg-banner__body, :root[data-lsg-theme=theme-3] .lsg-banner--media-right.lsg-banner--mobile-media-bottom .lsg-banner__body, :root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact.lsg-banner--mobile-media-bottom .lsg-banner__body, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact.lsg-banner--mobile-media-bottom .lsg-banner__body,
|
|
5926
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left.lsg-banner--mobile-media-bottom .lsg-banner__body,
|
|
5927
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right.lsg-banner--mobile-media-bottom .lsg-banner__body,
|
|
5928
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact.lsg-banner--mobile-media-bottom .lsg-banner__body,
|
|
5929
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact.lsg-banner--mobile-media-bottom .lsg-banner__body {
|
|
5930
|
+
order: 3;
|
|
5931
|
+
}
|
|
5932
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left.lsg-banner--mobile-media-bottom .lsg-banner__actions, :root[data-lsg-theme=theme-3] .lsg-banner--media-right.lsg-banner--mobile-media-bottom .lsg-banner__actions, :root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact.lsg-banner--mobile-media-bottom .lsg-banner__actions, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact.lsg-banner--mobile-media-bottom .lsg-banner__actions,
|
|
5933
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left.lsg-banner--mobile-media-bottom .lsg-banner__actions,
|
|
5934
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right.lsg-banner--mobile-media-bottom .lsg-banner__actions,
|
|
5935
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact.lsg-banner--mobile-media-bottom .lsg-banner__actions,
|
|
5936
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact.lsg-banner--mobile-media-bottom .lsg-banner__actions {
|
|
5937
|
+
order: 4;
|
|
5938
|
+
}
|
|
5939
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left.lsg-banner--mobile-media-bottom .lsg-banner__media, :root[data-lsg-theme=theme-3] .lsg-banner--media-right.lsg-banner--mobile-media-bottom .lsg-banner__media, :root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact.lsg-banner--mobile-media-bottom .lsg-banner__media, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact.lsg-banner--mobile-media-bottom .lsg-banner__media,
|
|
5940
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left.lsg-banner--mobile-media-bottom .lsg-banner__media,
|
|
5941
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right.lsg-banner--mobile-media-bottom .lsg-banner__media,
|
|
5942
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact.lsg-banner--mobile-media-bottom .lsg-banner__media,
|
|
5943
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact.lsg-banner--mobile-media-bottom .lsg-banner__media {
|
|
5944
|
+
order: 5;
|
|
5945
|
+
}
|
|
5946
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--media-left-compact .lsg-banner__media, :root[data-lsg-theme=theme-3] .lsg-banner--media-right-compact .lsg-banner__media,
|
|
5947
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-left-compact .lsg-banner__media,
|
|
5948
|
+
.lsg-themed-component--theme-3 .lsg-banner--media-right-compact .lsg-banner__media {
|
|
5949
|
+
aspect-ratio: 1/1;
|
|
5950
|
+
}
|
|
5951
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay .lsg-banner__shell,
|
|
5952
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay .lsg-banner__media, :root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__shell,
|
|
5953
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__media,
|
|
5954
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay .lsg-banner__shell,
|
|
5955
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay .lsg-banner__media,
|
|
5956
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__shell,
|
|
5957
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__media {
|
|
5958
|
+
min-height: 961px;
|
|
5959
|
+
}
|
|
5960
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay .lsg-banner__content, :root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__content,
|
|
5961
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay .lsg-banner__content,
|
|
5962
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__content {
|
|
5963
|
+
display: flex;
|
|
5964
|
+
width: calc(100% - 32px);
|
|
5965
|
+
flex-direction: column;
|
|
5966
|
+
gap: 24px;
|
|
5967
|
+
margin: 64px 16px;
|
|
5968
|
+
padding: 48px 24px;
|
|
5969
|
+
}
|
|
5970
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--overlay .lsg-banner__body, :root[data-lsg-theme=theme-3] .lsg-banner--overlay-transparent .lsg-banner__body,
|
|
5971
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay .lsg-banner__body,
|
|
5972
|
+
.lsg-themed-component--theme-3 .lsg-banner--overlay-transparent .lsg-banner__body {
|
|
5973
|
+
padding: 32px;
|
|
5974
|
+
}
|
|
5975
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--text-only .lsg-banner__content,
|
|
5976
|
+
.lsg-themed-component--theme-3 .lsg-banner--text-only .lsg-banner__content {
|
|
5977
|
+
display: flex;
|
|
5978
|
+
flex-direction: column;
|
|
5979
|
+
gap: 32px;
|
|
5980
|
+
min-height: 0;
|
|
5981
|
+
padding: 64px 16px;
|
|
5982
|
+
}
|
|
5983
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--text-only .lsg-banner__heading,
|
|
5984
|
+
.lsg-themed-component--theme-3 .lsg-banner--text-only .lsg-banner__heading {
|
|
5985
|
+
font-size: 36px;
|
|
5986
|
+
line-height: 1.1;
|
|
5987
|
+
}
|
|
5988
|
+
:root[data-lsg-theme=theme-3] .lsg-banner--text-only .lsg-banner__body,
|
|
5989
|
+
.lsg-themed-component--theme-3 .lsg-banner--text-only .lsg-banner__body {
|
|
5990
|
+
padding: 32px;
|
|
5991
|
+
}
|
|
5992
|
+
}
|
|
5993
|
+
|
|
5519
5994
|
:root {
|
|
5520
5995
|
--lsg-color-primary: #1d4ed8;
|
|
5521
5996
|
--lsg-color-secondary: #374151;
|