@festo-ui/web-essentials 5.0.0-dev.106 → 5.0.0-dev.112

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 (23) hide show
  1. package/dist/css/festo-web-essentials.css +21 -2
  2. package/dist/css/festo-web-essentials.css.map +1 -1
  3. package/dist/css/festo-web-essentials.min.css +2 -2
  4. package/dist/css/festo-web-essentials.min.css.map +1 -1
  5. package/dist/css/organisms/festo-web-essentials-organisms.css +13 -8
  6. package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
  7. package/dist/css/organisms/festo-web-essentials-organisms.min.css +1 -1
  8. package/dist/css/organisms/festo-web-essentials-organisms.min.css.map +1 -1
  9. package/dist/css/themes/flatpickr/festo.css +1 -1
  10. package/dist/css/themes/flatpickr/festo.css.map +1 -1
  11. package/dist/css/themes/flatpickr/festo.min.css +1 -1
  12. package/dist/scss/_misc.scss +15 -0
  13. package/dist/scss/_root.scss +0 -1
  14. package/dist/scss/_variables.scss +0 -1
  15. package/dist/scss/festo-web-essentials.scss +2 -1
  16. package/dist/scss/organisms/_image-gallery.scss +14 -13
  17. package/dist/scss/themes/flatpickr/festo.scss +1 -1
  18. package/package.json +1 -1
  19. package/scss/_misc.scss +15 -0
  20. package/scss/_root.scss +0 -1
  21. package/scss/_variables.scss +0 -1
  22. package/scss/festo-web-essentials.scss +1 -0
  23. package/scss/organisms/_image-gallery.scss +14 -13
package/dist/css/organisms/festo-web-essentials-organisms.css CHANGED
@@ -424,7 +424,7 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
424
424
  max-width: unset;
425
425
  max-height: 100vh;
426
426
  overflow-x: hidden;
427
- overflow-y: auto;
427
+ overflow-y: hidden;
428
428
  }
429
429
  .fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {
430
430
  padding-right: 0px;
@@ -447,7 +447,7 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
447
447
  .fwe-image-gallery-container {
448
448
  display: flex;
449
449
  flex-direction: column;
450
- overflow: auto;
450
+ overflow: hidden;
451
451
  }
452
452
 
453
453
  .fwe-image-gallery-content {
@@ -466,7 +466,7 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
466
466
  .fwe-image-gallery {
467
467
  width: 100%;
468
468
  height: 288px;
469
- background-color: var(--fwe-background-image-gallery);
469
+ background-color: white;
470
470
  -webkit-user-select: none;
471
471
  -moz-user-select: none;
472
472
  user-select: none;
@@ -503,6 +503,7 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
503
503
  height: 64px;
504
504
  opacity: 0.33;
505
505
  transition: opacity 0.3s;
506
+ cursor: pointer;
506
507
  }
507
508
  .fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {
508
509
  margin-right: 0px;
@@ -523,7 +524,7 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
523
524
  object-fit: cover;
524
525
  width: 88px;
525
526
  height: 56px;
526
- background-color: var(--fwe-background-image-gallery);
527
+ background-color: white;
527
528
  }
528
529
  .fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {
529
530
  opacity: 1;
@@ -531,6 +532,9 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
531
532
  .fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {
532
533
  opacity: 1;
533
534
  }
535
+ .fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active {
536
+ cursor: default;
537
+ }
534
538
  .fwe-image-gallery-thumbs:not(.swiper) {
535
539
  display: flex;
536
540
  flex-direction: row;
@@ -544,13 +548,14 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
544
548
  margin-right: 8px;
545
549
  opacity: 0.33;
546
550
  transition: opacity 0.3s;
551
+ cursor: pointer;
547
552
  }
548
553
  .fwe-image-gallery-thumbs-nail img {
549
554
  position: absolute;
550
555
  height: 56px;
551
556
  width: 88px;
552
557
  min-width: 88px;
553
- background: var(--fwe-background-image-gallery);
558
+ background: white;
554
559
  -o-object-fit: cover;
555
560
  object-fit: cover;
556
561
  }
@@ -573,6 +578,9 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
573
578
  .fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {
574
579
  opacity: 1;
575
580
  }
581
+ .fwe-image-gallery-thumbs-nail.fwe-active {
582
+ cursor: default;
583
+ }
576
584
 
577
585
  @media only screen and (min-width: 375px) {
578
586
  .fwe-modal-image-gallery {
@@ -615,9 +623,6 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
615
623
  .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {
616
624
  margin-top: none;
617
625
  }
618
- .fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery-wrapper {
619
- width: 984px;
620
- }
621
626
  .fwe-image-gallery,
622
627
  .fwe-image-gallery-content {
623
628
  height: 640px;
package/dist/css/organisms/festo-web-essentials-organisms.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../scss/organisms/festo-web-essentials-organisms.scss","../../../scss/organisms/_footer.scss","festo-web-essentials-organisms.css","../../../scss/_variables.scss","../../../scss/organisms/_teaser.scss","../../../scss/organisms/_header-slider.scss","../../../scss/organisms/_header-modul.scss","../../../scss/organisms/_image-gallery.scss","../../../scss/organisms/_login.scss","../../../scss/organisms/_side-menu.scss"],"names":[],"mappings":"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","file":"festo-web-essentials-organisms.css","sourcesContent":[null,null,"/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\nfooter.fwe-footer .fwe-social-media {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 24px 0px;\n border-bottom: 1px solid var(--fwe-control-border-darker);\n margin-bottom: 24px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link {\n display: block;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n margin-right: 24px;\n opacity: 0.3;\n transition: opacity 0.3s;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:hover {\n opacity: 1;\n}\nfooter.fwe-footer .fwe-footer-details {\n padding-bottom: 24px;\n border-bottom: 1px solid var(--fwe-control-border-darker);\n}\nfooter.fwe-footer .fwe-footer-details h4 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n list-style-type: none;\n position: relative;\n margin-top: 0px;\n margin-bottom: 12px;\n}\nfooter.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {\n padding-left: 0px;\n}\nfooter.fwe-footer .fwe-footer-details p {\n padding-top: 8px;\n max-width: 320px;\n}\nfooter.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 24px;\n}\nfooter.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: center;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks {\n order: 2;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {\n padding-bottom: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {\n color: var(--fwe-control-border-darker);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {\n padding-bottom: 24px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {\n color: var(--fwe-control-border-darker);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-copyright {\n display: flex;\n order: 1;\n justify-content: center;\n padding-bottom: 24px;\n color: var(--fwe-control-border-darker);\n}\n\n@media only screen and (min-width: 1281px) {\n footer.fwe-footer .fwe-footer-details {\n border-bottom: none;\n }\n footer.fwe-footer .fwe-footer-details h4 {\n margin-top: 24px;\n }\n footer.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 0px;\n }\n footer.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: left;\n display: flex;\n }\n footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n footer.fwe-footer .fwe-social-media {\n margin-bottom: 0px;\n }\n}\n@media only screen and (min-width: 1441px) {\n footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n }\n footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n }\n}\n.fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n display: flex;\n flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n order: 2;\n background-color: var(--fwe-sucanul);\n padding-top: 16px;\n padding-bottom: 13px;\n padding-left: 20px;\n padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n font-size: 12px;\n line-height: 14px;\n margin-bottom: 4px;\n font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n order: 1;\n background-color: var(--fwe-hero);\n min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n .fwe-teaser-verbox h2 {\n padding-top: 48px;\n }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n height: 142px;\n background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: var(--fwe-white);\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: none;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 166px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 341px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin-top: -104px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 455px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n .fwe-header-slider {\n padding: 24px 112px;\n }\n .fwe-header-slider .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n }\n .fwe-header-slider .fwe-header-slider-content p {\n -webkit-line-clamp: 3;\n }\n .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left,\n .fwe-header-slider .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left {\n left: 24px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-right {\n right: 24px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 640px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n@media only screen and (min-width: 1921px) {\n .fwe-header-slider-container .fwe-header-slider {\n width: 1192px;\n }\n}\n.fwe-header-modul-container {\n display: flex;\n flex-direction: column;\n padding-top: 32px;\n padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n order: 2;\n position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n margin-top: 0;\n margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n font-size: var(--fwe-font-size-xl);\n line-height: 32px;\n color: var(--fwe-text-light);\n margin: 0;\n padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n position: absolute;\n bottom: 0;\n right: 0;\n content: \"\";\n width: 28px;\n height: 10px;\n background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n min-height: 111px;\n background-color: var(--fwe-hero);\n order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 132px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 6px;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 268px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 352px;\n }\n}\n@media only screen and (min-width: 1281px) {\n .fwe-header-modul-container {\n flex-direction: row;\n }\n .fwe-header-modul-container .fwe-header-modul-content {\n order: 1;\n width: 41.6666666667%;\n margin-right: 24px;\n }\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-top: 0;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n order: 2;\n min-height: 293px;\n flex: 1;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 400px;\n }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n background: transparent;\n box-shadow: none;\n padding: 0px;\n position: fixed;\n width: 288px;\n max-width: unset;\n max-height: 100vh;\n overflow-x: hidden;\n overflow-y: auto;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n padding-right: 0px;\n padding-top: 4px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n max-height: calc(100vh - 73px);\n}\n.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery {\n max-height: calc(100vh - 161px);\n}\n.fwe-modal-image-gallery--with-container {\n border-top: 1px solid var(--fwe-control-border);\n border-bottom: 1px solid var(--fwe-control-border);\n}\n.fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: 18px;\n}\n\n.fwe-image-gallery-container {\n display: flex;\n flex-direction: column;\n overflow: auto;\n}\n\n.fwe-image-gallery-content {\n color: var(--fwe-white);\n padding-top: 24px;\n padding-bottom: 24px;\n}\n\n.fwe-image-gallery-header {\n display: flex;\n align-items: center;\n margin-bottom: 24px;\n margin-top: 0px;\n}\n\n.fwe-image-gallery {\n width: 100%;\n height: 288px;\n background-color: var(--fwe-background-image-gallery);\n user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n margin-top: 24px;\n user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n width: 100%;\n height: 64px;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n position: relative;\n background-size: cover;\n background-position: center;\n width: 88px;\n margin-right: 8px;\n height: 64px;\n opacity: 0.33;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n display: block;\n object-fit: cover;\n width: 88px;\n height: 56px;\n background-color: var(--fwe-background-image-gallery);\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n position: relative;\n height: 64px;\n width: 88px;\n min-width: 88px;\n margin-right: 8px;\n opacity: 0.33;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail img {\n position: absolute;\n height: 56px;\n width: 88px;\n min-width: 88px;\n background: var(--fwe-background-image-gallery);\n object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n opacity: 1;\n}\n\n@media only screen and (min-width: 375px) {\n .fwe-modal-image-gallery {\n width: 342px;\n max-height: 90vh;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 342px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-modal-image-gallery {\n width: 960px;\n min-height: 726px;\n }\n .fwe-modal-image-gallery--with-container {\n width: 1320px;\n border-top: none;\n border-bottom: none;\n }\n .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: none;\n }\n .fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery-wrapper {\n width: 984px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 640px;\n }\n .fwe-image-gallery-container {\n flex-direction: row;\n }\n .fwe-image-gallery-container .fwe-image-gallery {\n width: 984px;\n }\n .fwe-image-gallery-container .fwe-image-gallery-content {\n max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: 1px solid var(--fwe-control-border);\n border-bottom: 1px solid var(--fwe-control-border);\n }\n}\n.fwe-login-layout {\n position: fixed;\n background: var(--fwe-background);\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.fwe-login-layout .fwe-login-background {\n top: 64px;\n position: absolute;\n height: calc(100vh - 64px);\n width: 100vw;\n object-fit: cover;\n object-position: center;\n}\n.fwe-login-layout .fwe-login-container {\n height: calc(100vh - 64px);\n overflow: auto;\n display: flex;\n align-items: center;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form {\n z-index: 1;\n margin-left: 20%;\n width: 432px;\n background: var(--fwe-white);\n padding: 48px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form h1 {\n margin: 0px 0px 48px 0px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container {\n margin-top: 24px;\n display: flex;\n justify-content: space-between;\n flex-direction: row-reverse;\n}\n@media (max-width: 375px) {\n .fwe-login-layout .fwe-login-container .fwe-login-form {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@media (max-width: 600px), (max-height: 600px) {\n .fwe-login-layout .fwe-login-container {\n background-color: var(--fwe-white);\n position: unset;\n left: unset;\n top: unset;\n width: 100vw;\n align-items: stretch;\n }\n .fwe-login-layout .fwe-login-container .fwe-login-form {\n margin-left: 0px;\n width: 100%;\n }\n .fwe-login-layout .fwe-login-background {\n display: none;\n }\n}\n\n.fwe-side-menu {\n flex-shrink: 0;\n width: 240px;\n display: flex;\n flex-direction: column;\n border-left: 1px solid var(--fwe-border);\n}\n.fwe-side-menu .fwe-side-menu-item {\n cursor: pointer;\n margin-left: -1px;\n line-height: 42px;\n color: var(--fwe-text);\n padding: 0px 8px 0px 16px;\n position: relative;\n}\n.fwe-side-menu .fwe-side-menu-item::before {\n position: absolute;\n content: \"\";\n top: 0px;\n left: 0px;\n bottom: 0px;\n width: 0px;\n background: var(--fwe-hero);\n transition: width 0.2s;\n}\n.fwe-side-menu .fwe-side-menu-item.fwe-active {\n color: var(--fwe-hero);\n}\n.fwe-side-menu .fwe-side-menu-item.fwe-active::before {\n width: 4px;\n}\n@media (max-width: 900px) {\n .fwe-side-menu {\n width: 190px;\n }\n}\n\n.fwe-side-menu-layout {\n margin-top: 64px;\n display: flex;\n align-items: flex-start;\n}\n.fwe-side-menu-layout .fwe-content-container {\n max-width: 600px;\n flex-shrink: 1;\n flex-grow: 1;\n}\n@media (max-width: 750px) {\n .fwe-side-menu-layout .fwe-content-container {\n max-width: unset;\n margin-top: 32px;\n }\n}\n@media (max-width: 750px) {\n .fwe-side-menu-layout {\n flex-direction: column;\n margin-top: 32px;\n }\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */\n",null,null,null,null,null,null,null]}
1
+ {"version":3,"sources":["../../../scss/organisms/festo-web-essentials-organisms.scss","../../../scss/organisms/_footer.scss","festo-web-essentials-organisms.css","../../../scss/_variables.scss","../../../scss/organisms/_teaser.scss","../../../scss/organisms/_header-slider.scss","../../../scss/organisms/_header-modul.scss","../../../scss/organisms/_image-gallery.scss","../../../scss/organisms/_login.scss","../../../scss/organisms/_side-menu.scss"],"names":[],"mappings":"AAAA;;;;EAAA;ACCE;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,iBAAA;EACA,yDAAA;EACA,mBAAA;ACKJ;ADHI;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBE4LY;EF3LZ,kBAAA;EACA,YAAA;EACA,wBAAA;ACKN;ADHM;EACE,iBAAA;ACKR;ADFM;EACE,UAAA;ACIR;ADAE;EACE,oBAAA;EACA,yDAAA;ACEJ;ADAI;EACE,eAAA;EACA,iBAAA;EACA,wCE0Ha;EFzHb,qBAAA;EACA,kBAAA;EACA,eAAA;EACA,mBAAA;ACEN;ADEM;EACE,iBAAA;ACAR;ADII;EACE,gBAAA;EACA,gBAAA;ACFN;ADKI;EACE,gBAAA;ACHN;ADME;EACE,qCE4Fc;EF3Fd,iBAAA;EACA,kBAAA;ACJJ;ADMI;EACE,QAAA;ACJN;ADMM;EACE,mBAAA;ACJR;ADMQ;EACE,uCENc;EFOd,kBAAA;ACJV;ADMU;EACE,kBAAA;ACJZ;ADSM;EACE,oBAAA;ACPR;ADSQ;EACE,uCEnBc;EFoBd,kBAAA;ACPV;ADSU;EACE,kBAAA;ACPZ;ADYI;EACE,aAAA;EACA,QAAA;EACA,uBAAA;EACA,oBAAA;EACA,uCEjCkB;ADuBxB;;ADeA;EAEI;IACE,mBAAA;ECbJ;EDcI;IACE,gBAAA;ECZN;EDcI;IACE,eAAA;ECZN;EDeE;IACE,qCEqCY;IFpCZ,iBAAA;IACA,gBAAA;IACA,aAAA;ECbJ;EDcI;IACE,iBAAA;IACA,iBAAA;IACA,aAAA;ECZN;EDeE;IACE,kBAAA;ECbJ;AACF;ADiBA;EAGM;IACE,WAAA;IACA,YAAA;IACA,kBAAA;ECjBN;EDkBM;IACE,iBAAA;EChBR;AACF;AEzHA;EACE,aAAA;EACA,oCAAA;AF2HF;;AExHA;EACE,iCAAA;EACA,OAAA;AF2HF;;AExHA;EACE,OAAA;EACA,oBAAA;EACA,sBAAA;EACA,aAAA;AF2HF;;AExHA;EACE,oBAAA;AF2HF;;AExHA;EACE,oBAAA;EACA,sBAAA;EACA,oCAAA;EACA,WAAA;EACA,YAAA;AF2HF;;AExHA;EACE,iCAAA;EACA,wBAAA;EACA,iBAAA;EACA,WAAA;AF2HF;;AExHA;EACE,iBAAA;EACA,kBAAA;EACA,mBAAA;AF2HF;;AExHA;EACE,kBAAA;EACA,mBAAA;AF2HF;;AExHA;EACE,oBAAA;EACA,mBAAA;EACA,kBAAA;AF2HF;;AExHA;EACE,aAAA;EACA,sBAAA;AF2HF;AEzHE;EACE,QAAA;EACA,oCDtDM;ECuDN,iBAAA;EACA,oBAAA;EACA,kBAAA;EACA,mBAAA;AF2HJ;AEzHI;;EAEE,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,0CDqFe;ADsCrB;AExHI;;EAEE,eAAA;EACA,iBAAA;EACA,wCD+Ea;EC9Eb,aAAA;AF0HN;AEtHE;EACE,QAAA;EACA,iCDnCG;ECoCH,iBAAA;AFwHJ;;AEpHA;EACE;IACE,iBAAA;EFuHF;AACF;AGlNE;EACE,aAAA;EACA,iCF8CG;ADsKP;AGjNE;EACE,iBAAA;EACA,iBAAA;EACA,kBAAA;AHmNJ;;AG/MA;EACE,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,kCFhBM;EEiBN,kBFuLgB;EEtLhB,0CAAA;AHkNF;AGhNE;EACE,oBAAA;EACA,sBAAA;AHkNJ;AGhNI;EACE,uBAAA;EACA,gBAAA;EACA,+BAAA;EACA,qBAAA;EACA,4BAAA;EACA,mBAAA;EACA,SAAA;AHkNN;AG/MI;EACE,gBAAA;EACA,uBAAA;EACA,iBAAA;EACA,kBAAA;AHiNN;AG7ME;EACE,kBAAA;EACA,gBAAA;AH+MJ;AG5ME;;EAEE,aAAA;AH8MJ;;AG1MA;EAEI;IACE,aAAA;EH4MJ;AACF;AGxMA;EAEI;IACE,aAAA;EHyMJ;EGtME;IACE,kBAAA;EHwMJ;AACF;AGpMA;EAEI;IACE,aAAA;EHqMJ;EGlME;IACE,kBAAA;IACA,kBAAA;EHoMJ;EGhMA;IACE,mBAAA;EHkMF;EGhME;IACE,mBAAA;IACA,mBAAA;EHkMJ;EGhMI;IACE,qBAAA;EHkMN;EG/LI;IACE,uBAAA;IACA,aAAA;IACA,iBAAA;IACA,eAAA;IACA,gBAAA;EHiMN;EG7LE;;IAEE,cAAA;IACA,kBAAA;IACA,QAAA;IACA,gBAAA;IACA,2BAAA;IACA,YAAA;IACA,WAAA;IACA,eAAA;EH+LJ;EG5LE;IACE,UAAA;EH8LJ;EG3LE;IACE,WAAA;EH6LJ;AACF;AGzLA;EAEI;IACE,aAAA;EH0LJ;EGvLE;IACE,YAAA;IACA,kBAAA;IACA,aAAA;EHyLJ;EGrLA;IACE,mBAAA;EHuLF;AACF;AGpLA;EAEI;IACE,aAAA;EHqLJ;AACF;AIzUA;EACE,aAAA;EACA,sBAAA;EACA,iBHuNS;EGtNT,oBHsNS;ADqHX;AIzUE;EACE,QAAA;EACA,kBAAA;AJ2UJ;AIzUI;;EAEE,gBAAA;AJ2UN;AIxUI;;EAEE,aAAA;EACA,mBAAA;AJ0UN;AIvUI;EACE,kCHgIS;EG/HT,iBAAA;EACA,4BHoBO;EGnBP,SAAA;EACA,oBAAA;AJyUN;AItUI;EACE,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,qCH5BK;ADoWX;AIpUE;EACE,iBAAA;EACA,iCHKG;EGJH,QAAA;AJsUJ;;AIlUA;EAEI;IACE,iBAAA;EJoUJ;AACF;AIhUA;EAGM;;IAEE,kBAAA;EJgUN;EI7TE;IACE,iBAAA;EJ+TJ;AACF;AI3TA;EAEI;IACE,iBAAA;EJ4TJ;AACF;AIxTA;EACE;IACE,mBAAA;EJ0TF;EIxTE;IACE,QAAA;IACA,qBAAA;IACA,kBHqIK;EDqLT;EIxTI;;IAEE,aAAA;EJ0TN;EItTE;IACE,QAAA;IACA,iBAAA;IACA,OAAA;EJwTJ;AACF;AIpTA;EAEI;IACE,iBAAA;EJqTJ;AACF;AK/ZA,4EAAA;AACA;EACE,uBAAA;EACA,gBAAA;EACA,YAAA;EACA,eAAA;EACA,YAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;ALiaF;AK/ZE;EACE,kBAAA;EACA,gBAAA;ALiaJ;AK9ZE;EAEE,8BAAA;AL+ZJ;AK3ZI;EAEE,+BAAA;AL4ZN;AKxZE;EACE,+CAAA;EACA,kDAAA;AL0ZJ;AKxZI;EACE,gBAAA;AL0ZN;;AKrZA;EACE,aAAA;EACA,sBAAA;EACA,gBAAA;ALwZF;;AKrZA;EACE,uBJ7CM;EI8CN,iBAAA;EACA,oBAAA;ALwZF;;AKrZA;EACE,aAAA;EACA,mBAAA;EACA,mBJqKS;EIpKT,eAAA;ALwZF;;AKrZA;EACE,WAAA;EACA,aAAA;EACA,uBAAA;EACA,yBAAA;EAAA,sBAAA;EAAA,iBAAA;ALwZF;AKtZE;;;;EAIE,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,iBAAA;ALwZJ;;AKpZA;EACE,gBAAA;EACA,yBAAA;EAAA,sBAAA;EAAA,iBAAA;ALuZF;AKrZE;EACE,WAAA;EACA,YAAA;EACA,sBAAA;EACA,iBAAA;EACA,kBAAA;ALuZJ;AKrZI;EACE,kBAAA;EACA,sBAAA;EACA,2BAAA;EACA,WAAA;EACA,iBAAA;EACA,YAAA;EACA,aAAA;EACA,wBAAA;EACA,eAAA;ALuZN;AKrZM;EACE,iBAAA;ALuZR;AKpZM;EACE,kBAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,iCJxDD;EIyDC,WAAA;EACA,UAAA;EACA,wBAAA;ALsZR;AKnZM;EACE,cAAA;EACA,oBAAA;EAAA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,uBAAA;ALqZR;AKlZM;EAEE,UAAA;ALmZR;AKlZQ;EACE,UAAA;ALoZV;AKjZM;EACE,eAAA;ALmZR;AK9YE;EACE,aAAA;EACA,mBAAA;EACA,gBAAA;ALgZJ;AK7YE;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,iBAAA;EACA,aAAA;EACA,wBAAA;EACA,eAAA;AL+YJ;AK7YI;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,iBAAA;EACA,oBAAA;EAAA,iBAAA;AL+YN;AK5YI;EACE,iBAAA;AL8YN;AK3YI;EACE,kBAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,iCJrHC;EIsHD,WAAA;EACA,UAAA;EACA,wBAAA;AL6YN;AK1YI;EAEE,UAAA;AL2YN;AK1YM;EACE,UAAA;AL4YR;AKxYI;EACE,eAAA;AL0YN;;AKrYA;EACE;IACE,YAAA;IACA,gBAAA;ELwYF;EKrYA;;IAEE,aAAA;ELuYF;AACF;AKpYA;EACE;IACE,YAAA;ELsYF;EKnYA;;IAEE,aAAA;ELqYF;AACF;AKlYA;EACE;IACE,YAAA;ELoYF;EKjYA;;IAEE,aAAA;ELmYF;AACF;AKhYA;EACE;IACE,YAAA;IACA,iBAAA;ELkYF;EKhYE;IACE,aAAA;IACA,gBAAA;IACA,mBAAA;ELkYJ;EKhYI;IACE,gBAAA;ELkYN;EK7XA;;IAEE,aAAA;EL+XF;EK5XA;IACE,mBAAA;EL8XF;EK5XE;IACE,YAAA;EL8XJ;EK3XE;IACE,gBAAA;IACA,YAAA;IACA,gBAAA;IACA,iBAAA;IACA,+CAAA;IACA,kDAAA;EL6XJ;AACF;AM5nBA;EACE,eAAA;EACA,iCL8DW;EK7DX,QAAA;EACA,UAAA;EACA,WAAA;EACA,SAAA;AN8nBF;AM7nBE;EACE,SLuLY;EKtLZ,kBAAA;EACA,0BAAA;EACA,YAAA;EACA,oBAAA;EAAA,iBAAA;EACA,0BAAA;EAAA,uBAAA;AN+nBJ;AM7nBE;EACE,0BAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;AN+nBJ;AM9nBI;EACE,UAAA;EACA,gBAAA;EACA,YAAA;EACA,4BLvBE;EKwBF,aLoMM;AD4bZ;AM/nBM;EACE,wBAAA;ANioBR;AM/nBM;EACE,gBL6LG;EK5LH,aAAA;EACA,8BAAA;EACA,2BAAA;ANioBR;AM/nBM;EAfF;IAgBI,kBLsLG;IKrLH,mBLqLG;ED6cT;AACF;AM/nBE;EACE;IACE,kCL1CE;IK2CF,eAAA;IACA,WAAA;IACA,UAAA;IACA,YAAA;IACA,oBAAA;ENioBJ;EMhoBI;IACE,gBAAA;IACA,WAAA;ENkoBN;EM/nBE;IACE,aAAA;ENioBJ;AACF;;AOzrBA;EACE,cAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,wCAAA;AP4rBF;AO3rBE;EACE,eAAA;EACA,iBAAA;EACA,iBAAA;EACA,sBNmCG;EMlCH,yBAAA;EACA,kBAAA;AP6rBJ;AO5rBI;EACE,kBAAA;EACA,WAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,UAAA;EACA,2BN6BC;EM5BD,sBAAA;AP8rBN;AO5rBI;EACE,sBNyBC;ADqqBP;AO7rBM;EACE,UAAA;AP+rBR;AO1rBE;EA/BF;IAgCI,YAAA;EP6rBF;AACF;;AO1rBA;EACE,gBAAA;EACA,aAAA;EACA,uBAAA;AP6rBF;AO5rBE;EACE,gBAAA;EACA,cAAA;EACA,YAAA;AP8rBJ;AO7rBI;EAJF;IAKI,gBAAA;IACA,gBAAA;EPgsBJ;AACF;AO9rBE;EAbF;IAcI,sBAAA;IACA,gBAAA;EPisBF;AACF","file":"festo-web-essentials-organisms.css","sourcesContent":[null,null,"/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\nfooter.fwe-footer .fwe-social-media {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 24px 0px;\n border-bottom: 1px solid var(--fwe-control-border-darker);\n margin-bottom: 24px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link {\n display: block;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n margin-right: 24px;\n opacity: 0.3;\n transition: opacity 0.3s;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:hover {\n opacity: 1;\n}\nfooter.fwe-footer .fwe-footer-details {\n padding-bottom: 24px;\n border-bottom: 1px solid var(--fwe-control-border-darker);\n}\nfooter.fwe-footer .fwe-footer-details h4 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n list-style-type: none;\n position: relative;\n margin-top: 0px;\n margin-bottom: 12px;\n}\nfooter.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {\n padding-left: 0px;\n}\nfooter.fwe-footer .fwe-footer-details p {\n padding-top: 8px;\n max-width: 320px;\n}\nfooter.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 24px;\n}\nfooter.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: center;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks {\n order: 2;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {\n padding-bottom: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {\n color: var(--fwe-control-border-darker);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {\n padding-bottom: 24px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {\n color: var(--fwe-control-border-darker);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-copyright {\n display: flex;\n order: 1;\n justify-content: center;\n padding-bottom: 24px;\n color: var(--fwe-control-border-darker);\n}\n\n@media only screen and (min-width: 1281px) {\n footer.fwe-footer .fwe-footer-details {\n border-bottom: none;\n }\n footer.fwe-footer .fwe-footer-details h4 {\n margin-top: 24px;\n }\n footer.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 0px;\n }\n footer.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: left;\n display: flex;\n }\n footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n footer.fwe-footer .fwe-social-media {\n margin-bottom: 0px;\n }\n}\n@media only screen and (min-width: 1441px) {\n footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n }\n footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n }\n}\n.fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n display: flex;\n flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n order: 2;\n background-color: var(--fwe-sucanul);\n padding-top: 16px;\n padding-bottom: 13px;\n padding-left: 20px;\n padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n font-size: 12px;\n line-height: 14px;\n margin-bottom: 4px;\n font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n order: 1;\n background-color: var(--fwe-hero);\n min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n .fwe-teaser-verbox h2 {\n padding-top: 48px;\n }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n height: 142px;\n background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: var(--fwe-white);\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: none;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 166px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 341px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin-top: -104px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 455px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n .fwe-header-slider {\n padding: 24px 112px;\n }\n .fwe-header-slider .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n }\n .fwe-header-slider .fwe-header-slider-content p {\n -webkit-line-clamp: 3;\n }\n .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left,\n .fwe-header-slider .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left {\n left: 24px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-right {\n right: 24px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 640px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n@media only screen and (min-width: 1921px) {\n .fwe-header-slider-container .fwe-header-slider {\n width: 1192px;\n }\n}\n.fwe-header-modul-container {\n display: flex;\n flex-direction: column;\n padding-top: 32px;\n padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n order: 2;\n position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n margin-top: 0;\n margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n font-size: var(--fwe-font-size-xl);\n line-height: 32px;\n color: var(--fwe-text-light);\n margin: 0;\n padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n position: absolute;\n bottom: 0;\n right: 0;\n content: \"\";\n width: 28px;\n height: 10px;\n background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n min-height: 111px;\n background-color: var(--fwe-hero);\n order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 132px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 6px;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 268px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 352px;\n }\n}\n@media only screen and (min-width: 1281px) {\n .fwe-header-modul-container {\n flex-direction: row;\n }\n .fwe-header-modul-container .fwe-header-modul-content {\n order: 1;\n width: 41.6666666667%;\n margin-right: 24px;\n }\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-top: 0;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n order: 2;\n min-height: 293px;\n flex: 1;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 400px;\n }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n background: transparent;\n box-shadow: none;\n padding: 0px;\n position: fixed;\n width: 288px;\n max-width: unset;\n max-height: 100vh;\n overflow-x: hidden;\n overflow-y: hidden;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n padding-right: 0px;\n padding-top: 4px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n max-height: calc(100vh - 73px);\n}\n.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery {\n max-height: calc(100vh - 161px);\n}\n.fwe-modal-image-gallery--with-container {\n border-top: 1px solid var(--fwe-control-border);\n border-bottom: 1px solid var(--fwe-control-border);\n}\n.fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: 18px;\n}\n\n.fwe-image-gallery-container {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.fwe-image-gallery-content {\n color: var(--fwe-white);\n padding-top: 24px;\n padding-bottom: 24px;\n}\n\n.fwe-image-gallery-header {\n display: flex;\n align-items: center;\n margin-bottom: 24px;\n margin-top: 0px;\n}\n\n.fwe-image-gallery {\n width: 100%;\n height: 288px;\n background-color: white;\n user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n margin-top: 24px;\n user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n width: 100%;\n height: 64px;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n position: relative;\n background-size: cover;\n background-position: center;\n width: 88px;\n margin-right: 8px;\n height: 64px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n display: block;\n object-fit: cover;\n width: 88px;\n height: 56px;\n background-color: white;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active {\n cursor: default;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n position: relative;\n height: 64px;\n width: 88px;\n min-width: 88px;\n margin-right: 8px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs-nail img {\n position: absolute;\n height: 56px;\n width: 88px;\n min-width: 88px;\n background: white;\n object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active {\n cursor: default;\n}\n\n@media only screen and (min-width: 375px) {\n .fwe-modal-image-gallery {\n width: 342px;\n max-height: 90vh;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 342px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-modal-image-gallery {\n width: 960px;\n min-height: 726px;\n }\n .fwe-modal-image-gallery--with-container {\n width: 1320px;\n border-top: none;\n border-bottom: none;\n }\n .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: none;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 640px;\n }\n .fwe-image-gallery-container {\n flex-direction: row;\n }\n .fwe-image-gallery-container .fwe-image-gallery {\n width: 984px;\n }\n .fwe-image-gallery-container .fwe-image-gallery-content {\n max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: 1px solid var(--fwe-control-border);\n border-bottom: 1px solid var(--fwe-control-border);\n }\n}\n.fwe-login-layout {\n position: fixed;\n background: var(--fwe-background);\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.fwe-login-layout .fwe-login-background {\n top: 64px;\n position: absolute;\n height: calc(100vh - 64px);\n width: 100vw;\n object-fit: cover;\n object-position: center;\n}\n.fwe-login-layout .fwe-login-container {\n height: calc(100vh - 64px);\n overflow: auto;\n display: flex;\n align-items: center;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form {\n z-index: 1;\n margin-left: 20%;\n width: 432px;\n background: var(--fwe-white);\n padding: 48px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form h1 {\n margin: 0px 0px 48px 0px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container {\n margin-top: 24px;\n display: flex;\n justify-content: space-between;\n flex-direction: row-reverse;\n}\n@media (max-width: 375px) {\n .fwe-login-layout .fwe-login-container .fwe-login-form {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@media (max-width: 600px), (max-height: 600px) {\n .fwe-login-layout .fwe-login-container {\n background-color: var(--fwe-white);\n position: unset;\n left: unset;\n top: unset;\n width: 100vw;\n align-items: stretch;\n }\n .fwe-login-layout .fwe-login-container .fwe-login-form {\n margin-left: 0px;\n width: 100%;\n }\n .fwe-login-layout .fwe-login-background {\n display: none;\n }\n}\n\n.fwe-side-menu {\n flex-shrink: 0;\n width: 240px;\n display: flex;\n flex-direction: column;\n border-left: 1px solid var(--fwe-border);\n}\n.fwe-side-menu .fwe-side-menu-item {\n cursor: pointer;\n margin-left: -1px;\n line-height: 42px;\n color: var(--fwe-text);\n padding: 0px 8px 0px 16px;\n position: relative;\n}\n.fwe-side-menu .fwe-side-menu-item::before {\n position: absolute;\n content: \"\";\n top: 0px;\n left: 0px;\n bottom: 0px;\n width: 0px;\n background: var(--fwe-hero);\n transition: width 0.2s;\n}\n.fwe-side-menu .fwe-side-menu-item.fwe-active {\n color: var(--fwe-hero);\n}\n.fwe-side-menu .fwe-side-menu-item.fwe-active::before {\n width: 4px;\n}\n@media (max-width: 900px) {\n .fwe-side-menu {\n width: 190px;\n }\n}\n\n.fwe-side-menu-layout {\n margin-top: 64px;\n display: flex;\n align-items: flex-start;\n}\n.fwe-side-menu-layout .fwe-content-container {\n max-width: 600px;\n flex-shrink: 1;\n flex-grow: 1;\n}\n@media (max-width: 750px) {\n .fwe-side-menu-layout .fwe-content-container {\n max-width: unset;\n margin-top: 32px;\n }\n}\n@media (max-width: 750px) {\n .fwe-side-menu-layout {\n flex-direction: column;\n margin-top: 32px;\n }\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */\n",null,null,null,null,null,null,null]}
package/dist/css/organisms/festo-web-essentials-organisms.min.css CHANGED
@@ -2,5 +2,5 @@
2
2
  * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
- */footer.fwe-footer .fwe-social-media{display:flex;flex-direction:row;justify-content:center;padding:24px 0;border-bottom:1px solid var(--fwe-control-border-darker);margin-bottom:24px}footer.fwe-footer .fwe-social-media .fwe-social-media-link{display:block;width:32px;height:32px;border-radius:4px;margin-right:24px;opacity:.3;transition:opacity .3s}footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child{margin-right:0}footer.fwe-footer .fwe-social-media .fwe-social-media-link:hover{opacity:1}footer.fwe-footer .fwe-footer-details{padding-bottom:24px;border-bottom:1px solid var(--fwe-control-border-darker)}footer.fwe-footer .fwe-footer-details h4{font-size:16px;line-height:24px;font-weight:var(--fwe-font-weight-bold);list-style-type:none;position:relative;margin-top:0;margin-bottom:12px}footer.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item{padding-left:0}footer.fwe-footer .fwe-footer-details p{padding-top:8px;max-width:320px}footer.fwe-footer .fwe-footer-details:not(:first-child){margin-top:24px}footer.fwe-footer .fwe-bottomline{font-size:var(--fwe-font-size-small);padding-top:24px;text-align:center}footer.fwe-footer .fwe-bottomline .fwe-sitelinks{order:2}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa{padding-bottom:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a{color:var(--fwe-control-border-darker);padding-right:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child{padding-right:0}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb{padding-bottom:24px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a{color:var(--fwe-control-border-darker);padding-right:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child{padding-right:0}footer.fwe-footer .fwe-bottomline .fwe-copyright{display:flex;order:1;justify-content:center;padding-bottom:24px;color:var(--fwe-control-border-darker)}@media only screen and (min-width:1281px){footer.fwe-footer .fwe-footer-details{border-bottom:none}footer.fwe-footer .fwe-footer-details h4{margin-top:24px}footer.fwe-footer .fwe-footer-details:not(:first-child){margin-top:0}footer.fwe-footer .fwe-bottomline{font-size:var(--fwe-font-size-small);padding-top:24px;text-align:left;display:flex}footer.fwe-footer .fwe-bottomline .fwe-sitelinks{text-align:right;margin-left:auto;display:flex}footer.fwe-footer .fwe-social-media{margin-bottom:0}}@media only screen and (min-width:1441px){footer.fwe-footer .fwe-social-media .fwe-social-media-link{width:64px;height:64px;margin-right:42px}footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child{margin-right:0}}.fwe-teaser-horbox{display:flex;background-color:var(--fwe-sucanul)}.fwe-teaser-horbox .fwe-teaser-horbox-img{background-color:var(--fwe-hero);flex:1}.fwe-teaser-horbox .fwe-teaser-horbox-content{flex:1;display:inline-flex;flex-direction:column;padding:24px}.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more{align-self:flex-end}.fwe-teaser-verbox{display:inline-flex;flex-direction:column;background-color:var(--fwe-sucanul);width:100%;height:100%}.fwe-teaser-verbox .fwe-teaser-verbox-img{background-color:var(--fwe-hero);height:calc(50% - 12px);min-height:186px;width:100%}.fwe-teaser-verbox h2{padding-top:24px;padding-left:24px;padding-right:24px}.fwe-teaser-verbox p{padding-left:24px;padding-right:24px}.fwe-teaser-verbox .fwe-teaser-more{align-self:flex-end;margin-bottom:24px;margin-right:24px}.fwe-teaser-c12-container{display:flex;flex-direction:column}.fwe-teaser-c12-container .fwe-teaser-c12-content{order:2;background-color:var(--fwe-sucanul);padding-top:16px;padding-bottom:13px;padding-left:20px;padding-right:20px}.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3,.fwe-teaser-c12-container .fwe-teaser-c12-content h3{font-size:12px;line-height:14px;margin-bottom:4px;font-weight:var(--fwe-font-weight-normal)}.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2,.fwe-teaser-c12-container .fwe-teaser-c12-content h2{font-size:16px;line-height:24px;font-weight:var(--fwe-font-weight-bold);margin-top:0}.fwe-teaser-c12-container .fwe-teaser-c12-img{order:1;background-color:var(--fwe-hero);min-height:114px}@media only screen and (min-width:1025px){.fwe-teaser-verbox h2{padding-top:48px}}.fwe-header-slider-container .fwe-header-slider-box{height:142px;background-color:var(--fwe-hero)}.fwe-header-slider-container .fwe-header-slider{margin-top:-28px;margin-left:12px;margin-right:12px}.fwe-header-slider{display:flex;flex-direction:column;padding:24px 28px;background-color:var(--fwe-white);border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.2)}.fwe-header-slider .fwe-header-slider-content{display:inline-flex;flex-direction:column}.fwe-header-slider .fwe-header-slider-content p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;margin:0}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{margin-top:24px;justify-content:center;margin-left:18px;margin-right:18px}.fwe-header-slider .fwe-pagination{align-self:center;margin-top:24px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:none}@media only screen and (min-width:600px){.fwe-header-slider-container .fwe-header-slider-box{height:166px}}@media only screen and (min-width:769px){.fwe-header-slider-container .fwe-header-slider-box{height:341px}.fwe-header-slider-container .fwe-header-slider{margin-top:-104px}}@media only screen and (min-width:1025px){.fwe-header-slider-container .fwe-header-slider-box{height:455px}.fwe-header-slider-container .fwe-header-slider{position:relative;margin-top:-104px}.fwe-header-slider{padding:24px 112px}.fwe-header-slider .fwe-header-slider-content{flex-direction:row;align-items:center}.fwe-header-slider .fwe-header-slider-content p{-webkit-line-clamp:3}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{justify-content:center;margin-top:0;margin-left:34px;margin-right:0;min-width:200px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:block;position:absolute;top:50%;margin-top:12px;transform:translateY(-50%);height:48px;width:48px;font-size:48px}.fwe-header-slider .fwe-header-slider-arrow-left{left:24px}.fwe-header-slider .fwe-header-slider-arrow-right{right:24px}}@media only screen and (min-width:1441px){.fwe-header-slider-container .fwe-header-slider-box{height:640px}.fwe-header-slider-container .fwe-header-slider{margin:auto;margin-top:-104px;width:1096px}.fwe-header-slider{padding:24px 160px}}@media only screen and (min-width:1921px){.fwe-header-slider-container .fwe-header-slider{width:1192px}}.fwe-header-modul-container{display:flex;flex-direction:column;padding-top:32px;padding-bottom:32px}.fwe-header-modul-container .fwe-header-modul-content{order:2;position:relative}.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-bottom:0}.fwe-header-modul-container .fwe-header-modul-content .fwe-h3,.fwe-header-modul-container .fwe-header-modul-content h3{margin-top:0;margin-bottom:16px}.fwe-header-modul-container .fwe-header-modul-content p{font-size:var(--fwe-font-size-xl);line-height:32px;color:var(--fwe-text-light);margin:0;padding-bottom:34px}.fwe-header-modul-container .fwe-header-modul-content::after{position:absolute;bottom:0;right:0;content:"";width:28px;height:10px;background-color:var(--fwe-gray-400)}.fwe-header-modul-container .fwe-header-modul-media{min-height:111px;background-color:var(--fwe-hero);order:1}@media only screen and (min-width:600px){.fwe-header-modul-container .fwe-header-modul-media{min-height:132px}}@media only screen and (min-width:769px){.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-bottom:6px}.fwe-header-modul-container .fwe-header-modul-media{min-height:268px}}@media only screen and (min-width:1025px){.fwe-header-modul-container .fwe-header-modul-media{min-height:352px}}@media only screen and (min-width:1281px){.fwe-header-modul-container{flex-direction:row}.fwe-header-modul-container .fwe-header-modul-content{order:1;width:41.6666666667%;margin-right:24px}.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-top:0}.fwe-header-modul-container .fwe-header-modul-media{order:2;min-height:293px;flex:1}}@media only screen and (min-width:1441px){.fwe-header-modul-container .fwe-header-modul-media{min-height:400px}}.fwe-modal-image-gallery{background:0 0;box-shadow:none;padding:0;position:fixed;width:288px;max-width:unset;max-height:100vh;overflow-x:hidden;overflow-y:auto}.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close{padding-right:0;padding-top:4px}.fwe-modal-image-gallery .fwe-image-gallery{max-height:calc(100vh - 73px)}.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery{max-height:calc(100vh - 161px)}.fwe-modal-image-gallery--with-container{border-top:1px solid var(--fwe-control-border);border-bottom:1px solid var(--fwe-control-border)}.fwe-modal-image-gallery--with-container .fwe-image-gallery-header{margin-top:18px}.fwe-image-gallery-container{display:flex;flex-direction:column;overflow:auto}.fwe-image-gallery-content{color:var(--fwe-white);padding-top:24px;padding-bottom:24px}.fwe-image-gallery-header{display:flex;align-items:center;margin-bottom:24px;margin-top:0}.fwe-image-gallery{width:100%;height:288px;background-color:var(--fwe-background-image-gallery);-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-image-gallery .swiper-zoom-container img,.fwe-image-gallery .swiper-zoom-container svg,.fwe-image-gallery img,.fwe-image-gallery svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fwe-image-gallery-thumbs{margin-top:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-image-gallery-thumbs.swiper{width:100%;height:64px;box-sizing:border-box;margin-left:auto;margin-right:auto}.fwe-image-gallery-thumbs.swiper .swiper-slide{position:relative;background-size:cover;background-position:center;width:88px;margin-right:8px;height:64px;opacity:.33;transition:opacity .3s}.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child{margin-right:0}.fwe-image-gallery-thumbs.swiper .swiper-slide::after{position:absolute;content:"";height:4px;width:100%;background-color:var(--fwe-hero);bottom:0;opacity:0;transition:opacity .3s}.fwe-image-gallery-thumbs.swiper .swiper-slide img{display:block;-o-object-fit:cover;object-fit:cover;width:88px;height:56px;background-color:var(--fwe-background-image-gallery)}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active,.fwe-image-gallery-thumbs.swiper .swiper-slide:hover{opacity:1}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after,.fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after{opacity:1}.fwe-image-gallery-thumbs:not(.swiper){display:flex;flex-direction:row;overflow:hidden}.fwe-image-gallery-thumbs-nail{position:relative;height:64px;width:88px;min-width:88px;margin-right:8px;opacity:.33;transition:opacity .3s}.fwe-image-gallery-thumbs-nail img{position:absolute;height:56px;width:88px;min-width:88px;background:var(--fwe-background-image-gallery);-o-object-fit:cover;object-fit:cover}.fwe-image-gallery-thumbs-nail:last-child{margin-right:0}.fwe-image-gallery-thumbs-nail::after{position:absolute;content:"";height:4px;width:100%;background-color:var(--fwe-hero);bottom:0;opacity:0;transition:opacity .3s}.fwe-image-gallery-thumbs-nail.fwe-active,.fwe-image-gallery-thumbs-nail:hover{opacity:1}.fwe-image-gallery-thumbs-nail.fwe-active::after,.fwe-image-gallery-thumbs-nail:hover::after{opacity:1}@media only screen and (min-width:375px){.fwe-modal-image-gallery{width:342px;max-height:90vh}.fwe-image-gallery,.fwe-image-gallery-content{height:342px}}@media only screen and (min-width:769px){.fwe-modal-image-gallery{width:696px}.fwe-image-gallery,.fwe-image-gallery-content{height:465px}}@media only screen and (min-width:1025px){.fwe-modal-image-gallery{width:696px}.fwe-image-gallery,.fwe-image-gallery-content{height:465px}}@media only screen and (min-width:1441px){.fwe-modal-image-gallery{width:960px;min-height:726px}.fwe-modal-image-gallery--with-container{width:1320px;border-top:none;border-bottom:none}.fwe-modal-image-gallery--with-container .fwe-image-gallery-header{margin-top:none}.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery-wrapper{width:984px}.fwe-image-gallery,.fwe-image-gallery-content{height:640px}.fwe-image-gallery-container{flex-direction:row}.fwe-image-gallery-container .fwe-image-gallery{width:984px}.fwe-image-gallery-container .fwe-image-gallery-content{max-width:312px;width:312px;min-width:312px;margin-left:24px;border-top:1px solid var(--fwe-control-border);border-bottom:1px solid var(--fwe-control-border)}}.fwe-login-layout{position:fixed;background:var(--fwe-background);top:0;right:0;bottom:0;left:0}.fwe-login-layout .fwe-login-background{top:64px;position:absolute;height:calc(100vh - 64px);width:100vw;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.fwe-login-layout .fwe-login-container{height:calc(100vh - 64px);overflow:auto;display:flex;align-items:center}.fwe-login-layout .fwe-login-container .fwe-login-form{z-index:1;margin-left:20%;width:432px;background:var(--fwe-white);padding:48px}.fwe-login-layout .fwe-login-container .fwe-login-form h1{margin:0 0 48px 0}.fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container{margin-top:24px;display:flex;justify-content:space-between;flex-direction:row-reverse}@media (max-width:375px){.fwe-login-layout .fwe-login-container .fwe-login-form{padding-left:16px;padding-right:16px}}@media (max-width:600px),(max-height:600px){.fwe-login-layout .fwe-login-container{background-color:var(--fwe-white);position:unset;left:unset;top:unset;width:100vw;align-items:stretch}.fwe-login-layout .fwe-login-container .fwe-login-form{margin-left:0;width:100%}.fwe-login-layout .fwe-login-background{display:none}}.fwe-side-menu{flex-shrink:0;width:240px;display:flex;flex-direction:column;border-left:1px solid var(--fwe-border)}.fwe-side-menu .fwe-side-menu-item{cursor:pointer;margin-left:-1px;line-height:42px;color:var(--fwe-text);padding:0 8px 0 16px;position:relative}.fwe-side-menu .fwe-side-menu-item::before{position:absolute;content:"";top:0;left:0;bottom:0;width:0;background:var(--fwe-hero);transition:width .2s}.fwe-side-menu .fwe-side-menu-item.fwe-active{color:var(--fwe-hero)}.fwe-side-menu .fwe-side-menu-item.fwe-active::before{width:4px}@media (max-width:900px){.fwe-side-menu{width:190px}}.fwe-side-menu-layout{margin-top:64px;display:flex;align-items:flex-start}.fwe-side-menu-layout .fwe-content-container{max-width:600px;flex-shrink:1;flex-grow:1}@media (max-width:750px){.fwe-side-menu-layout .fwe-content-container{max-width:unset;margin-top:32px}}@media (max-width:750px){.fwe-side-menu-layout{flex-direction:column;margin-top:32px}}
5
+ */footer.fwe-footer .fwe-social-media{display:flex;flex-direction:row;justify-content:center;padding:24px 0;border-bottom:1px solid var(--fwe-control-border-darker);margin-bottom:24px}footer.fwe-footer .fwe-social-media .fwe-social-media-link{display:block;width:32px;height:32px;border-radius:4px;margin-right:24px;opacity:.3;transition:opacity .3s}footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child{margin-right:0}footer.fwe-footer .fwe-social-media .fwe-social-media-link:hover{opacity:1}footer.fwe-footer .fwe-footer-details{padding-bottom:24px;border-bottom:1px solid var(--fwe-control-border-darker)}footer.fwe-footer .fwe-footer-details h4{font-size:16px;line-height:24px;font-weight:var(--fwe-font-weight-bold);list-style-type:none;position:relative;margin-top:0;margin-bottom:12px}footer.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item{padding-left:0}footer.fwe-footer .fwe-footer-details p{padding-top:8px;max-width:320px}footer.fwe-footer .fwe-footer-details:not(:first-child){margin-top:24px}footer.fwe-footer .fwe-bottomline{font-size:var(--fwe-font-size-small);padding-top:24px;text-align:center}footer.fwe-footer .fwe-bottomline .fwe-sitelinks{order:2}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa{padding-bottom:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a{color:var(--fwe-control-border-darker);padding-right:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child{padding-right:0}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb{padding-bottom:24px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a{color:var(--fwe-control-border-darker);padding-right:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child{padding-right:0}footer.fwe-footer .fwe-bottomline .fwe-copyright{display:flex;order:1;justify-content:center;padding-bottom:24px;color:var(--fwe-control-border-darker)}@media only screen and (min-width:1281px){footer.fwe-footer .fwe-footer-details{border-bottom:none}footer.fwe-footer .fwe-footer-details h4{margin-top:24px}footer.fwe-footer .fwe-footer-details:not(:first-child){margin-top:0}footer.fwe-footer .fwe-bottomline{font-size:var(--fwe-font-size-small);padding-top:24px;text-align:left;display:flex}footer.fwe-footer .fwe-bottomline .fwe-sitelinks{text-align:right;margin-left:auto;display:flex}footer.fwe-footer .fwe-social-media{margin-bottom:0}}@media only screen and (min-width:1441px){footer.fwe-footer .fwe-social-media .fwe-social-media-link{width:64px;height:64px;margin-right:42px}footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child{margin-right:0}}.fwe-teaser-horbox{display:flex;background-color:var(--fwe-sucanul)}.fwe-teaser-horbox .fwe-teaser-horbox-img{background-color:var(--fwe-hero);flex:1}.fwe-teaser-horbox .fwe-teaser-horbox-content{flex:1;display:inline-flex;flex-direction:column;padding:24px}.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more{align-self:flex-end}.fwe-teaser-verbox{display:inline-flex;flex-direction:column;background-color:var(--fwe-sucanul);width:100%;height:100%}.fwe-teaser-verbox .fwe-teaser-verbox-img{background-color:var(--fwe-hero);height:calc(50% - 12px);min-height:186px;width:100%}.fwe-teaser-verbox h2{padding-top:24px;padding-left:24px;padding-right:24px}.fwe-teaser-verbox p{padding-left:24px;padding-right:24px}.fwe-teaser-verbox .fwe-teaser-more{align-self:flex-end;margin-bottom:24px;margin-right:24px}.fwe-teaser-c12-container{display:flex;flex-direction:column}.fwe-teaser-c12-container .fwe-teaser-c12-content{order:2;background-color:var(--fwe-sucanul);padding-top:16px;padding-bottom:13px;padding-left:20px;padding-right:20px}.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3,.fwe-teaser-c12-container .fwe-teaser-c12-content h3{font-size:12px;line-height:14px;margin-bottom:4px;font-weight:var(--fwe-font-weight-normal)}.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2,.fwe-teaser-c12-container .fwe-teaser-c12-content h2{font-size:16px;line-height:24px;font-weight:var(--fwe-font-weight-bold);margin-top:0}.fwe-teaser-c12-container .fwe-teaser-c12-img{order:1;background-color:var(--fwe-hero);min-height:114px}@media only screen and (min-width:1025px){.fwe-teaser-verbox h2{padding-top:48px}}.fwe-header-slider-container .fwe-header-slider-box{height:142px;background-color:var(--fwe-hero)}.fwe-header-slider-container .fwe-header-slider{margin-top:-28px;margin-left:12px;margin-right:12px}.fwe-header-slider{display:flex;flex-direction:column;padding:24px 28px;background-color:var(--fwe-white);border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.2)}.fwe-header-slider .fwe-header-slider-content{display:inline-flex;flex-direction:column}.fwe-header-slider .fwe-header-slider-content p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;margin:0}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{margin-top:24px;justify-content:center;margin-left:18px;margin-right:18px}.fwe-header-slider .fwe-pagination{align-self:center;margin-top:24px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:none}@media only screen and (min-width:600px){.fwe-header-slider-container .fwe-header-slider-box{height:166px}}@media only screen and (min-width:769px){.fwe-header-slider-container .fwe-header-slider-box{height:341px}.fwe-header-slider-container .fwe-header-slider{margin-top:-104px}}@media only screen and (min-width:1025px){.fwe-header-slider-container .fwe-header-slider-box{height:455px}.fwe-header-slider-container .fwe-header-slider{position:relative;margin-top:-104px}.fwe-header-slider{padding:24px 112px}.fwe-header-slider .fwe-header-slider-content{flex-direction:row;align-items:center}.fwe-header-slider .fwe-header-slider-content p{-webkit-line-clamp:3}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{justify-content:center;margin-top:0;margin-left:34px;margin-right:0;min-width:200px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:block;position:absolute;top:50%;margin-top:12px;transform:translateY(-50%);height:48px;width:48px;font-size:48px}.fwe-header-slider .fwe-header-slider-arrow-left{left:24px}.fwe-header-slider .fwe-header-slider-arrow-right{right:24px}}@media only screen and (min-width:1441px){.fwe-header-slider-container .fwe-header-slider-box{height:640px}.fwe-header-slider-container .fwe-header-slider{margin:auto;margin-top:-104px;width:1096px}.fwe-header-slider{padding:24px 160px}}@media only screen and (min-width:1921px){.fwe-header-slider-container .fwe-header-slider{width:1192px}}.fwe-header-modul-container{display:flex;flex-direction:column;padding-top:32px;padding-bottom:32px}.fwe-header-modul-container .fwe-header-modul-content{order:2;position:relative}.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-bottom:0}.fwe-header-modul-container .fwe-header-modul-content .fwe-h3,.fwe-header-modul-container .fwe-header-modul-content h3{margin-top:0;margin-bottom:16px}.fwe-header-modul-container .fwe-header-modul-content p{font-size:var(--fwe-font-size-xl);line-height:32px;color:var(--fwe-text-light);margin:0;padding-bottom:34px}.fwe-header-modul-container .fwe-header-modul-content::after{position:absolute;bottom:0;right:0;content:"";width:28px;height:10px;background-color:var(--fwe-gray-400)}.fwe-header-modul-container .fwe-header-modul-media{min-height:111px;background-color:var(--fwe-hero);order:1}@media only screen and (min-width:600px){.fwe-header-modul-container .fwe-header-modul-media{min-height:132px}}@media only screen and (min-width:769px){.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-bottom:6px}.fwe-header-modul-container .fwe-header-modul-media{min-height:268px}}@media only screen and (min-width:1025px){.fwe-header-modul-container .fwe-header-modul-media{min-height:352px}}@media only screen and (min-width:1281px){.fwe-header-modul-container{flex-direction:row}.fwe-header-modul-container .fwe-header-modul-content{order:1;width:41.6666666667%;margin-right:24px}.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-top:0}.fwe-header-modul-container .fwe-header-modul-media{order:2;min-height:293px;flex:1}}@media only screen and (min-width:1441px){.fwe-header-modul-container .fwe-header-modul-media{min-height:400px}}.fwe-modal-image-gallery{background:0 0;box-shadow:none;padding:0;position:fixed;width:288px;max-width:unset;max-height:100vh;overflow-x:hidden;overflow-y:hidden}.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close{padding-right:0;padding-top:4px}.fwe-modal-image-gallery .fwe-image-gallery{max-height:calc(100vh - 73px)}.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery{max-height:calc(100vh - 161px)}.fwe-modal-image-gallery--with-container{border-top:1px solid var(--fwe-control-border);border-bottom:1px solid var(--fwe-control-border)}.fwe-modal-image-gallery--with-container .fwe-image-gallery-header{margin-top:18px}.fwe-image-gallery-container{display:flex;flex-direction:column;overflow:hidden}.fwe-image-gallery-content{color:var(--fwe-white);padding-top:24px;padding-bottom:24px}.fwe-image-gallery-header{display:flex;align-items:center;margin-bottom:24px;margin-top:0}.fwe-image-gallery{width:100%;height:288px;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-image-gallery .swiper-zoom-container img,.fwe-image-gallery .swiper-zoom-container svg,.fwe-image-gallery img,.fwe-image-gallery svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fwe-image-gallery-thumbs{margin-top:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-image-gallery-thumbs.swiper{width:100%;height:64px;box-sizing:border-box;margin-left:auto;margin-right:auto}.fwe-image-gallery-thumbs.swiper .swiper-slide{position:relative;background-size:cover;background-position:center;width:88px;margin-right:8px;height:64px;opacity:.33;transition:opacity .3s;cursor:pointer}.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child{margin-right:0}.fwe-image-gallery-thumbs.swiper .swiper-slide::after{position:absolute;content:"";height:4px;width:100%;background-color:var(--fwe-hero);bottom:0;opacity:0;transition:opacity .3s}.fwe-image-gallery-thumbs.swiper .swiper-slide img{display:block;-o-object-fit:cover;object-fit:cover;width:88px;height:56px;background-color:#fff}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active,.fwe-image-gallery-thumbs.swiper .swiper-slide:hover{opacity:1}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after,.fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after{opacity:1}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active{cursor:default}.fwe-image-gallery-thumbs:not(.swiper){display:flex;flex-direction:row;overflow:hidden}.fwe-image-gallery-thumbs-nail{position:relative;height:64px;width:88px;min-width:88px;margin-right:8px;opacity:.33;transition:opacity .3s;cursor:pointer}.fwe-image-gallery-thumbs-nail img{position:absolute;height:56px;width:88px;min-width:88px;background:#fff;-o-object-fit:cover;object-fit:cover}.fwe-image-gallery-thumbs-nail:last-child{margin-right:0}.fwe-image-gallery-thumbs-nail::after{position:absolute;content:"";height:4px;width:100%;background-color:var(--fwe-hero);bottom:0;opacity:0;transition:opacity .3s}.fwe-image-gallery-thumbs-nail.fwe-active,.fwe-image-gallery-thumbs-nail:hover{opacity:1}.fwe-image-gallery-thumbs-nail.fwe-active::after,.fwe-image-gallery-thumbs-nail:hover::after{opacity:1}.fwe-image-gallery-thumbs-nail.fwe-active{cursor:default}@media only screen and (min-width:375px){.fwe-modal-image-gallery{width:342px;max-height:90vh}.fwe-image-gallery,.fwe-image-gallery-content{height:342px}}@media only screen and (min-width:769px){.fwe-modal-image-gallery{width:696px}.fwe-image-gallery,.fwe-image-gallery-content{height:465px}}@media only screen and (min-width:1025px){.fwe-modal-image-gallery{width:696px}.fwe-image-gallery,.fwe-image-gallery-content{height:465px}}@media only screen and (min-width:1441px){.fwe-modal-image-gallery{width:960px;min-height:726px}.fwe-modal-image-gallery--with-container{width:1320px;border-top:none;border-bottom:none}.fwe-modal-image-gallery--with-container .fwe-image-gallery-header{margin-top:none}.fwe-image-gallery,.fwe-image-gallery-content{height:640px}.fwe-image-gallery-container{flex-direction:row}.fwe-image-gallery-container .fwe-image-gallery{width:984px}.fwe-image-gallery-container .fwe-image-gallery-content{max-width:312px;width:312px;min-width:312px;margin-left:24px;border-top:1px solid var(--fwe-control-border);border-bottom:1px solid var(--fwe-control-border)}}.fwe-login-layout{position:fixed;background:var(--fwe-background);top:0;right:0;bottom:0;left:0}.fwe-login-layout .fwe-login-background{top:64px;position:absolute;height:calc(100vh - 64px);width:100vw;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.fwe-login-layout .fwe-login-container{height:calc(100vh - 64px);overflow:auto;display:flex;align-items:center}.fwe-login-layout .fwe-login-container .fwe-login-form{z-index:1;margin-left:20%;width:432px;background:var(--fwe-white);padding:48px}.fwe-login-layout .fwe-login-container .fwe-login-form h1{margin:0 0 48px 0}.fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container{margin-top:24px;display:flex;justify-content:space-between;flex-direction:row-reverse}@media (max-width:375px){.fwe-login-layout .fwe-login-container .fwe-login-form{padding-left:16px;padding-right:16px}}@media (max-width:600px),(max-height:600px){.fwe-login-layout .fwe-login-container{background-color:var(--fwe-white);position:unset;left:unset;top:unset;width:100vw;align-items:stretch}.fwe-login-layout .fwe-login-container .fwe-login-form{margin-left:0;width:100%}.fwe-login-layout .fwe-login-background{display:none}}.fwe-side-menu{flex-shrink:0;width:240px;display:flex;flex-direction:column;border-left:1px solid var(--fwe-border)}.fwe-side-menu .fwe-side-menu-item{cursor:pointer;margin-left:-1px;line-height:42px;color:var(--fwe-text);padding:0 8px 0 16px;position:relative}.fwe-side-menu .fwe-side-menu-item::before{position:absolute;content:"";top:0;left:0;bottom:0;width:0;background:var(--fwe-hero);transition:width .2s}.fwe-side-menu .fwe-side-menu-item.fwe-active{color:var(--fwe-hero)}.fwe-side-menu .fwe-side-menu-item.fwe-active::before{width:4px}@media (max-width:900px){.fwe-side-menu{width:190px}}.fwe-side-menu-layout{margin-top:64px;display:flex;align-items:flex-start}.fwe-side-menu-layout .fwe-content-container{max-width:600px;flex-shrink:1;flex-grow:1}@media (max-width:750px){.fwe-side-menu-layout .fwe-content-container{max-width:unset;margin-top:32px}}@media (max-width:750px){.fwe-side-menu-layout{flex-direction:column;margin-top:32px}}
6
6
  /*# sourceMappingURL=festo-web-essentials-organisms.min.css.map */
package/dist/css/organisms/festo-web-essentials-organisms.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["dist/css/organisms/festo-web-essentials-organisms.css"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\nfooter.fwe-footer .fwe-social-media {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 24px 0px;\n border-bottom: 1px solid var(--fwe-control-border-darker);\n margin-bottom: 24px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link {\n display: block;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n margin-right: 24px;\n opacity: 0.3;\n transition: opacity 0.3s;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:hover {\n opacity: 1;\n}\nfooter.fwe-footer .fwe-footer-details {\n padding-bottom: 24px;\n border-bottom: 1px solid var(--fwe-control-border-darker);\n}\nfooter.fwe-footer .fwe-footer-details h4 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n list-style-type: none;\n position: relative;\n margin-top: 0px;\n margin-bottom: 12px;\n}\nfooter.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {\n padding-left: 0px;\n}\nfooter.fwe-footer .fwe-footer-details p {\n padding-top: 8px;\n max-width: 320px;\n}\nfooter.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 24px;\n}\nfooter.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: center;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks {\n order: 2;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {\n padding-bottom: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {\n color: var(--fwe-control-border-darker);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {\n padding-bottom: 24px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {\n color: var(--fwe-control-border-darker);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-copyright {\n display: flex;\n order: 1;\n justify-content: center;\n padding-bottom: 24px;\n color: var(--fwe-control-border-darker);\n}\n\n@media only screen and (min-width: 1281px) {\n footer.fwe-footer .fwe-footer-details {\n border-bottom: none;\n }\n footer.fwe-footer .fwe-footer-details h4 {\n margin-top: 24px;\n }\n footer.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 0px;\n }\n footer.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: left;\n display: flex;\n }\n footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n footer.fwe-footer .fwe-social-media {\n margin-bottom: 0px;\n }\n}\n@media only screen and (min-width: 1441px) {\n footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n }\n footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n }\n}\n.fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n display: flex;\n flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n order: 2;\n background-color: var(--fwe-sucanul);\n padding-top: 16px;\n padding-bottom: 13px;\n padding-left: 20px;\n padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n font-size: 12px;\n line-height: 14px;\n margin-bottom: 4px;\n font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n order: 1;\n background-color: var(--fwe-hero);\n min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n .fwe-teaser-verbox h2 {\n padding-top: 48px;\n }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n height: 142px;\n background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: var(--fwe-white);\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: none;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 166px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 341px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin-top: -104px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 455px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n .fwe-header-slider {\n padding: 24px 112px;\n }\n .fwe-header-slider .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n }\n .fwe-header-slider .fwe-header-slider-content p {\n -webkit-line-clamp: 3;\n }\n .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left,\n .fwe-header-slider .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left {\n left: 24px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-right {\n right: 24px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 640px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n@media only screen and (min-width: 1921px) {\n .fwe-header-slider-container .fwe-header-slider {\n width: 1192px;\n }\n}\n.fwe-header-modul-container {\n display: flex;\n flex-direction: column;\n padding-top: 32px;\n padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n order: 2;\n position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n margin-top: 0;\n margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n font-size: var(--fwe-font-size-xl);\n line-height: 32px;\n color: var(--fwe-text-light);\n margin: 0;\n padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n position: absolute;\n bottom: 0;\n right: 0;\n content: \"\";\n width: 28px;\n height: 10px;\n background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n min-height: 111px;\n background-color: var(--fwe-hero);\n order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 132px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 6px;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 268px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 352px;\n }\n}\n@media only screen and (min-width: 1281px) {\n .fwe-header-modul-container {\n flex-direction: row;\n }\n .fwe-header-modul-container .fwe-header-modul-content {\n order: 1;\n width: 41.6666666667%;\n margin-right: 24px;\n }\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-top: 0;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n order: 2;\n min-height: 293px;\n flex: 1;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 400px;\n }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n background: transparent;\n box-shadow: none;\n padding: 0px;\n position: fixed;\n width: 288px;\n max-width: unset;\n max-height: 100vh;\n overflow-x: hidden;\n overflow-y: auto;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n padding-right: 0px;\n padding-top: 4px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n max-height: calc(100vh - 73px);\n}\n.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery {\n max-height: calc(100vh - 161px);\n}\n.fwe-modal-image-gallery--with-container {\n border-top: 1px solid var(--fwe-control-border);\n border-bottom: 1px solid var(--fwe-control-border);\n}\n.fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: 18px;\n}\n\n.fwe-image-gallery-container {\n display: flex;\n flex-direction: column;\n overflow: auto;\n}\n\n.fwe-image-gallery-content {\n color: var(--fwe-white);\n padding-top: 24px;\n padding-bottom: 24px;\n}\n\n.fwe-image-gallery-header {\n display: flex;\n align-items: center;\n margin-bottom: 24px;\n margin-top: 0px;\n}\n\n.fwe-image-gallery {\n width: 100%;\n height: 288px;\n background-color: var(--fwe-background-image-gallery);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n margin-top: 24px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n width: 100%;\n height: 64px;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n position: relative;\n background-size: cover;\n background-position: center;\n width: 88px;\n margin-right: 8px;\n height: 64px;\n opacity: 0.33;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n display: block;\n -o-object-fit: cover;\n object-fit: cover;\n width: 88px;\n height: 56px;\n background-color: var(--fwe-background-image-gallery);\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n position: relative;\n height: 64px;\n width: 88px;\n min-width: 88px;\n margin-right: 8px;\n opacity: 0.33;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail img {\n position: absolute;\n height: 56px;\n width: 88px;\n min-width: 88px;\n background: var(--fwe-background-image-gallery);\n -o-object-fit: cover;\n object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n opacity: 1;\n}\n\n@media only screen and (min-width: 375px) {\n .fwe-modal-image-gallery {\n width: 342px;\n max-height: 90vh;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 342px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-modal-image-gallery {\n width: 960px;\n min-height: 726px;\n }\n .fwe-modal-image-gallery--with-container {\n width: 1320px;\n border-top: none;\n border-bottom: none;\n }\n .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: none;\n }\n .fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery-wrapper {\n width: 984px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 640px;\n }\n .fwe-image-gallery-container {\n flex-direction: row;\n }\n .fwe-image-gallery-container .fwe-image-gallery {\n width: 984px;\n }\n .fwe-image-gallery-container .fwe-image-gallery-content {\n max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: 1px solid var(--fwe-control-border);\n border-bottom: 1px solid var(--fwe-control-border);\n }\n}\n.fwe-login-layout {\n position: fixed;\n background: var(--fwe-background);\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.fwe-login-layout .fwe-login-background {\n top: 64px;\n position: absolute;\n height: calc(100vh - 64px);\n width: 100vw;\n -o-object-fit: cover;\n object-fit: cover;\n -o-object-position: center;\n object-position: center;\n}\n.fwe-login-layout .fwe-login-container {\n height: calc(100vh - 64px);\n overflow: auto;\n display: flex;\n align-items: center;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form {\n z-index: 1;\n margin-left: 20%;\n width: 432px;\n background: var(--fwe-white);\n padding: 48px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form h1 {\n margin: 0px 0px 48px 0px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container {\n margin-top: 24px;\n display: flex;\n justify-content: space-between;\n flex-direction: row-reverse;\n}\n@media (max-width: 375px) {\n .fwe-login-layout .fwe-login-container .fwe-login-form {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@media (max-width: 600px), (max-height: 600px) {\n .fwe-login-layout .fwe-login-container {\n background-color: var(--fwe-white);\n position: unset;\n left: unset;\n top: unset;\n width: 100vw;\n align-items: stretch;\n }\n .fwe-login-layout .fwe-login-container .fwe-login-form {\n margin-left: 0px;\n width: 100%;\n }\n .fwe-login-layout .fwe-login-background {\n display: none;\n }\n}\n\n.fwe-side-menu {\n flex-shrink: 0;\n width: 240px;\n display: flex;\n flex-direction: column;\n border-left: 1px solid var(--fwe-border);\n}\n.fwe-side-menu .fwe-side-menu-item {\n cursor: pointer;\n margin-left: -1px;\n line-height: 42px;\n color: var(--fwe-text);\n padding: 0px 8px 0px 16px;\n position: relative;\n}\n.fwe-side-menu .fwe-side-menu-item::before {\n position: absolute;\n content: \"\";\n top: 0px;\n left: 0px;\n bottom: 0px;\n width: 0px;\n background: var(--fwe-hero);\n transition: width 0.2s;\n}\n.fwe-side-menu .fwe-side-menu-item.fwe-active {\n color: var(--fwe-hero);\n}\n.fwe-side-menu .fwe-side-menu-item.fwe-active::before {\n width: 4px;\n}\n@media (max-width: 900px) {\n .fwe-side-menu {\n width: 190px;\n }\n}\n\n.fwe-side-menu-layout {\n margin-top: 64px;\n display: flex;\n align-items: flex-start;\n}\n.fwe-side-menu-layout .fwe-content-container {\n max-width: 600px;\n flex-shrink: 1;\n flex-grow: 1;\n}\n@media (max-width: 750px) {\n .fwe-side-menu-layout .fwe-content-container {\n max-width: unset;\n margin-top: 32px;\n }\n}\n@media (max-width: 750px) {\n .fwe-side-menu-layout {\n flex-direction: column;\n margin-top: 32px;\n }\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */"]}
1
+ {"version":3,"sources":["dist/css/organisms/festo-web-essentials-organisms.css"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\nfooter.fwe-footer .fwe-social-media {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 24px 0px;\n border-bottom: 1px solid var(--fwe-control-border-darker);\n margin-bottom: 24px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link {\n display: block;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n margin-right: 24px;\n opacity: 0.3;\n transition: opacity 0.3s;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:hover {\n opacity: 1;\n}\nfooter.fwe-footer .fwe-footer-details {\n padding-bottom: 24px;\n border-bottom: 1px solid var(--fwe-control-border-darker);\n}\nfooter.fwe-footer .fwe-footer-details h4 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n list-style-type: none;\n position: relative;\n margin-top: 0px;\n margin-bottom: 12px;\n}\nfooter.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {\n padding-left: 0px;\n}\nfooter.fwe-footer .fwe-footer-details p {\n padding-top: 8px;\n max-width: 320px;\n}\nfooter.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 24px;\n}\nfooter.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: center;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks {\n order: 2;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {\n padding-bottom: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {\n color: var(--fwe-control-border-darker);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {\n padding-bottom: 24px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {\n color: var(--fwe-control-border-darker);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-copyright {\n display: flex;\n order: 1;\n justify-content: center;\n padding-bottom: 24px;\n color: var(--fwe-control-border-darker);\n}\n\n@media only screen and (min-width: 1281px) {\n footer.fwe-footer .fwe-footer-details {\n border-bottom: none;\n }\n footer.fwe-footer .fwe-footer-details h4 {\n margin-top: 24px;\n }\n footer.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 0px;\n }\n footer.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: left;\n display: flex;\n }\n footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n footer.fwe-footer .fwe-social-media {\n margin-bottom: 0px;\n }\n}\n@media only screen and (min-width: 1441px) {\n footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n }\n footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n }\n}\n.fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n display: flex;\n flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n order: 2;\n background-color: var(--fwe-sucanul);\n padding-top: 16px;\n padding-bottom: 13px;\n padding-left: 20px;\n padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n font-size: 12px;\n line-height: 14px;\n margin-bottom: 4px;\n font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n order: 1;\n background-color: var(--fwe-hero);\n min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n .fwe-teaser-verbox h2 {\n padding-top: 48px;\n }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n height: 142px;\n background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: var(--fwe-white);\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: none;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 166px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 341px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin-top: -104px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 455px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n .fwe-header-slider {\n padding: 24px 112px;\n }\n .fwe-header-slider .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n }\n .fwe-header-slider .fwe-header-slider-content p {\n -webkit-line-clamp: 3;\n }\n .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left,\n .fwe-header-slider .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left {\n left: 24px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-right {\n right: 24px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 640px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n@media only screen and (min-width: 1921px) {\n .fwe-header-slider-container .fwe-header-slider {\n width: 1192px;\n }\n}\n.fwe-header-modul-container {\n display: flex;\n flex-direction: column;\n padding-top: 32px;\n padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n order: 2;\n position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n margin-top: 0;\n margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n font-size: var(--fwe-font-size-xl);\n line-height: 32px;\n color: var(--fwe-text-light);\n margin: 0;\n padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n position: absolute;\n bottom: 0;\n right: 0;\n content: \"\";\n width: 28px;\n height: 10px;\n background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n min-height: 111px;\n background-color: var(--fwe-hero);\n order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 132px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 6px;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 268px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 352px;\n }\n}\n@media only screen and (min-width: 1281px) {\n .fwe-header-modul-container {\n flex-direction: row;\n }\n .fwe-header-modul-container .fwe-header-modul-content {\n order: 1;\n width: 41.6666666667%;\n margin-right: 24px;\n }\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-top: 0;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n order: 2;\n min-height: 293px;\n flex: 1;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 400px;\n }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n background: transparent;\n box-shadow: none;\n padding: 0px;\n position: fixed;\n width: 288px;\n max-width: unset;\n max-height: 100vh;\n overflow-x: hidden;\n overflow-y: hidden;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n padding-right: 0px;\n padding-top: 4px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n max-height: calc(100vh - 73px);\n}\n.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery {\n max-height: calc(100vh - 161px);\n}\n.fwe-modal-image-gallery--with-container {\n border-top: 1px solid var(--fwe-control-border);\n border-bottom: 1px solid var(--fwe-control-border);\n}\n.fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: 18px;\n}\n\n.fwe-image-gallery-container {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.fwe-image-gallery-content {\n color: var(--fwe-white);\n padding-top: 24px;\n padding-bottom: 24px;\n}\n\n.fwe-image-gallery-header {\n display: flex;\n align-items: center;\n margin-bottom: 24px;\n margin-top: 0px;\n}\n\n.fwe-image-gallery {\n width: 100%;\n height: 288px;\n background-color: white;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n margin-top: 24px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n width: 100%;\n height: 64px;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n position: relative;\n background-size: cover;\n background-position: center;\n width: 88px;\n margin-right: 8px;\n height: 64px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n display: block;\n -o-object-fit: cover;\n object-fit: cover;\n width: 88px;\n height: 56px;\n background-color: white;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active {\n cursor: default;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n position: relative;\n height: 64px;\n width: 88px;\n min-width: 88px;\n margin-right: 8px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs-nail img {\n position: absolute;\n height: 56px;\n width: 88px;\n min-width: 88px;\n background: white;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active {\n cursor: default;\n}\n\n@media only screen and (min-width: 375px) {\n .fwe-modal-image-gallery {\n width: 342px;\n max-height: 90vh;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 342px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-modal-image-gallery {\n width: 960px;\n min-height: 726px;\n }\n .fwe-modal-image-gallery--with-container {\n width: 1320px;\n border-top: none;\n border-bottom: none;\n }\n .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: none;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 640px;\n }\n .fwe-image-gallery-container {\n flex-direction: row;\n }\n .fwe-image-gallery-container .fwe-image-gallery {\n width: 984px;\n }\n .fwe-image-gallery-container .fwe-image-gallery-content {\n max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: 1px solid var(--fwe-control-border);\n border-bottom: 1px solid var(--fwe-control-border);\n }\n}\n.fwe-login-layout {\n position: fixed;\n background: var(--fwe-background);\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.fwe-login-layout .fwe-login-background {\n top: 64px;\n position: absolute;\n height: calc(100vh - 64px);\n width: 100vw;\n -o-object-fit: cover;\n object-fit: cover;\n -o-object-position: center;\n object-position: center;\n}\n.fwe-login-layout .fwe-login-container {\n height: calc(100vh - 64px);\n overflow: auto;\n display: flex;\n align-items: center;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form {\n z-index: 1;\n margin-left: 20%;\n width: 432px;\n background: var(--fwe-white);\n padding: 48px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form h1 {\n margin: 0px 0px 48px 0px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container {\n margin-top: 24px;\n display: flex;\n justify-content: space-between;\n flex-direction: row-reverse;\n}\n@media (max-width: 375px) {\n .fwe-login-layout .fwe-login-container .fwe-login-form {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@media (max-width: 600px), (max-height: 600px) {\n .fwe-login-layout .fwe-login-container {\n background-color: var(--fwe-white);\n position: unset;\n left: unset;\n top: unset;\n width: 100vw;\n align-items: stretch;\n }\n .fwe-login-layout .fwe-login-container .fwe-login-form {\n margin-left: 0px;\n width: 100%;\n }\n .fwe-login-layout .fwe-login-background {\n display: none;\n }\n}\n\n.fwe-side-menu {\n flex-shrink: 0;\n width: 240px;\n display: flex;\n flex-direction: column;\n border-left: 1px solid var(--fwe-border);\n}\n.fwe-side-menu .fwe-side-menu-item {\n cursor: pointer;\n margin-left: -1px;\n line-height: 42px;\n color: var(--fwe-text);\n padding: 0px 8px 0px 16px;\n position: relative;\n}\n.fwe-side-menu .fwe-side-menu-item::before {\n position: absolute;\n content: \"\";\n top: 0px;\n left: 0px;\n bottom: 0px;\n width: 0px;\n background: var(--fwe-hero);\n transition: width 0.2s;\n}\n.fwe-side-menu .fwe-side-menu-item.fwe-active {\n color: var(--fwe-hero);\n}\n.fwe-side-menu .fwe-side-menu-item.fwe-active::before {\n width: 4px;\n}\n@media (max-width: 900px) {\n .fwe-side-menu {\n width: 190px;\n }\n}\n\n.fwe-side-menu-layout {\n margin-top: 64px;\n display: flex;\n align-items: flex-start;\n}\n.fwe-side-menu-layout .fwe-content-container {\n max-width: 600px;\n flex-shrink: 1;\n flex-grow: 1;\n}\n@media (max-width: 750px) {\n .fwe-side-menu-layout .fwe-content-container {\n max-width: unset;\n margin-top: 32px;\n }\n}\n@media (max-width: 750px) {\n .fwe-side-menu-layout {\n flex-direction: column;\n margin-top: 32px;\n }\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */"]}
package/dist/css/themes/flatpickr/festo.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v5.0.0-dev.106 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v5.0.0-dev.112 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */
package/dist/css/themes/flatpickr/festo.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../scss/themes/flatpickr/festo.scss","festo.css","../../../../scss/_variables.scss"],"names":[],"mappings":"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","file":"festo.css","sourcesContent":[null,"/*!\n * Festo UI - Web Essentials v5.0.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n.fng-flatpickr span {\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.flatpickr-calendar {\n display: none;\n text-align: center;\n animation: none;\n direction: ltr;\n border: 0;\n font-size: var(--fwe-font-size-md);\n line-height: font-size-md10px;\n position: absolute;\n box-sizing: border-box;\n touch-action: manipulation;\n}\n\n.flatpickr-calendar.open {\n max-height: 640px;\n width: 324px;\n background: var(--fwe-white);\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);\n border-radius: 8px;\n padding: 12px;\n padding-bottom: 48px;\n display: inline-block;\n z-index: var(--fwe-z-index-dropdown);\n}\n\n.flatpickr-calendar.animate.open {\n animation: none;\n}\n\n.flatpickr-calendar.inline {\n display: block;\n position: relative;\n top: 2px;\n box-shadow: none;\n background: inherit;\n}\n\n.flatpickr-calendar.static {\n position: absolute;\n top: calc(100% + 2px);\n}\n\n.flatpickr-calendar.static.open {\n z-index: var(--fwe-z-index-dropdown);\n display: block;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n box-shadow: none !important;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n box-shadow: -2px 0 0 var(--fwe-gray-200), 5px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer {\n border-left: 0;\n}\n\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n height: 40px;\n border-top: 1px solid var(--fwe-gray-200);\n}\n\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n height: auto;\n}\n\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n position: absolute;\n display: block;\n pointer-events: none;\n border: solid transparent;\n content: unset;\n height: 0;\n width: 0;\n left: 32px;\n}\n\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.rightMost:after {\n left: auto;\n right: 32px;\n}\n\n.flatpickr-calendar:before {\n border-width: 7px;\n margin: 0 -7px;\n}\n\n.flatpickr-calendar:after {\n border-width: 6px;\n margin: 0 -6px;\n}\n\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n bottom: 100%;\n}\n\n.flatpickr-calendar.arrowTop:before {\n border-bottom-color: rgba(0, 0, 0, 0.15);\n}\n\n.flatpickr-calendar.arrowTop:after {\n border-bottom-color: var(--fwe-white);\n}\n\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n top: 100%;\n}\n\n.flatpickr-calendar.arrowBottom:before {\n border-top-color: var(--fwe-border);\n}\n\n.flatpickr-calendar.arrowBottom:after {\n border-top-color: var(--fwe-white);\n}\n\n.flatpickr-calendar:focus {\n outline: 0;\n}\n\n.flatpickr-wrapper {\n position: relative;\n display: inline-block;\n}\n\n.flatpickr-months {\n display: flex;\n}\n.flatpickr-months .flatpickr-month {\n background: transparent;\n color: var(--fwe-text);\n fill: var(--fwe-text);\n height: 42px;\n margin-top: 12px;\n line-height: 24px;\n text-align: center;\n position: relative;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n text-decoration: none;\n cursor: pointer;\n position: absolute;\n top: 0;\n height: 42px;\n z-index: 3;\n color: var(--fwe-text);\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n position: relative;\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n width: 14px;\n height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n transition: fill 0.1s;\n fill: inherit;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n display: none;\n}\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n color: var(--fwe-text-light);\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n fill: var(--fwe-hero);\n}\n.flatpickr-months .flatpickr-next-month {\n padding: 24px 20px 0px 0px;\n right: 0;\n}\n.flatpickr-months .flatpickr-prev-month {\n left: 0;\n padding: 24px 0px 0px 20px;\n}\n\n.numInputWrapper {\n position: relative;\n height: auto;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n /* display: none; <- Crashes Chrome on hover */\n -webkit-appearance: none;\n margin: 0; /* <-- Apparently some margin are still there even though it's hidden */\n}\n.numInputWrapper input[type=number] {\n -moz-appearance: textfield; /* Firefox */\n}\n\n.numInputWrapper input,\n.numInputWrapper span {\n display: inline-block;\n}\n\n.numInputWrapper input {\n width: 100%;\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.numInputWrapper input::-ms-clear {\n display: none;\n}\n\n.numInputWrapper span {\n position: absolute;\n right: -8px;\n width: 14px;\n padding: 0 4px 0 2px;\n height: 50%;\n line-height: 50%;\n opacity: 0;\n cursor: pointer;\n box-sizing: border-box;\n}\n.numInputWrapper span:after {\n display: block;\n content: \"\";\n position: absolute;\n}\n.numInputWrapper span.arrowUp {\n top: 0;\n border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 4px solid var(--fwe-text);\n top: 26%;\n}\n.numInputWrapper span.arrowDown {\n top: 50%;\n}\n\n.numInputWrapper span.arrowDown:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 4px solid var(--fwe-text);\n top: 40%;\n}\n\n.numInputWrapper span svg {\n width: inherit;\n height: auto;\n}\n\n.numInputWrapper span svg path {\n fill: rgba(0, 0, 0, 0.5);\n}\n\n.numInputWrapper:hover span {\n opacity: 1;\n}\n\n.flatpickr-current-month {\n font-size: var(--fwe-font-size-base);\n font-weight: var(--fwe-font-weight-normal);\n position: absolute;\n width: 75%;\n left: 12.5%;\n padding: 7px 0 0 0;\n line-height: calc(var(--fwe-font-size-base) + 8px);\n height: 34px;\n display: inline-block;\n text-align: center;\n transform: translate3d(0, 0, 0);\n}\n.flatpickr-current-month span.cur-month {\n font-family: inherit;\n font-weight: var(--fwe-font-weight-bold);\n color: inherit;\n display: inline-block;\n margin-left: 0.5ch;\n padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n color: var(--fwe-hero);\n}\n.flatpickr-current-month select {\n appearance: none;\n background: transparent;\n background-image: url(\"data:image/svg+xml;utf8,<svg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n background-repeat: no-repeat;\n background-position-x: 100%;\n background-position-y: 70%;\n border: none;\n color: inherit;\n cursor: pointer;\n line-height: 24px;\n margin: -1px 0 0 0;\n outline: none;\n padding-left: 8px;\n padding-right: 16px;\n}\n.flatpickr-current-month select:hover {\n color: var(--fwe-hero);\n background-image: url(\"data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n}\n.flatpickr-current-month select option {\n color: var(--fwe-text) !important;\n}\n\n.flatpickr-current-month .numInputWrapper {\n width: 60px;\n display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper input {\n background: transparent;\n box-sizing: border-box;\n color: inherit;\n cursor: text;\n margin-left: 16px;\n display: inline-block;\n line-height: 24px;\n border: 0;\n appearance: textfield;\n}\n.flatpickr-current-month .numInputWrapper:hover {\n color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowUp:hover:after {\n border-bottom-color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowDown:hover:after {\n border-top-color: var(--fwe-hero);\n}\n\n.flatpickr-current-month input.cur-year:focus {\n outline: 0;\n}\n\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n font-size: 100%;\n color: rgba(0, 0, 0, 0.5);\n background: transparent;\n pointer-events: none;\n}\n\n.flatpickr-monthDropdown-months {\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n outline: none;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n background-color: transparent;\n outline: none;\n padding: 0;\n}\n\n.flatpickr-weekdays {\n border-bottom: 1px solid var(--fwe-border);\n background: transparent;\n text-align: center;\n overflow: hidden;\n width: 100%;\n display: flex;\n align-items: center;\n height: 48px;\n margin-bottom: 4px;\n}\n\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n display: flex;\n flex: 1;\n}\n\nspan.flatpickr-weekday {\n cursor: default;\n font-size: var(--fwe-font-size-md);\n background: transparent;\n color: var(--fwe-text-light);\n line-height: 1;\n margin: 0;\n text-align: center;\n display: block;\n flex: 1;\n font-weight: var(--fwe-font-weight-normal);\n}\n\n.dayContainer,\n.flatpickr-weeks {\n padding: 1px 0 0 0;\n}\n\n.flatpickr-days {\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: flex-start;\n width: 304px;\n}\n\n.flatpickr-days:focus {\n outline: 0;\n}\n\n.dayContainer {\n padding: 0;\n outline: 0;\n text-align: left;\n width: 304px;\n min-width: 304px;\n max-width: 304px;\n box-sizing: border-box;\n display: inline-block;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n\n.dayContainer + .dayContainer {\n box-shadow: -1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-day {\n background: none;\n border: 2px;\n border-radius: 150px;\n box-sizing: border-box;\n color: var(--fwe-text);\n cursor: pointer;\n font-weight: var(--fwe-font-weight-normal);\n width: 14.2857143%;\n -ms-flex-preferred-size: 14.2857143%;\n flex-basis: 14.2857143%;\n max-width: 33px;\n height: 33px;\n line-height: 33px;\n margin: 4px;\n display: inline-block;\n position: relative;\n justify-content: center;\n text-align: center;\n}\n\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n cursor: pointer;\n outline: 0;\n background: var(--fwe-gray-200);\n border-color: var(--fwe-gray-200);\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-day:hover {\n cursor: pointer;\n outline: 0;\n color: var(--fwe-hero-dark);\n}\n\n.flatpickr-day.today {\n background-color: inherit;\n font-weight: var(--fwe-font-weight-bold);\n text-decoration: underline;\n}\n.flatpickr-day.today:hover {\n color: var(--fwe-hero-dark);\n}\n\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n background: var(--fwe-white);\n box-shadow: none;\n color: var(--fwe-hero);\n border: 2px solid var(--fwe-hero);\n font-weight: var(--fwe-font-weight-bold);\n line-height: 28px;\n}\n.flatpickr-day.selected.flatpickr-disabled,\n.flatpickr-day.startRange.flatpickr-disabled,\n.flatpickr-day.endRange.flatpickr-disabled,\n.flatpickr-day.selected.inRange.flatpickr-disabled,\n.flatpickr-day.startRange.inRange.flatpickr-disabled,\n.flatpickr-day.endRange.inRange.flatpickr-disabled,\n.flatpickr-day.selected:focus.flatpickr-disabled,\n.flatpickr-day.startRange:focus.flatpickr-disabled,\n.flatpickr-day.endRange:focus.flatpickr-disabled,\n.flatpickr-day.selected:hover.flatpickr-disabled,\n.flatpickr-day.startRange:hover.flatpickr-disabled,\n.flatpickr-day.endRange:hover.flatpickr-disabled,\n.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled {\n color: var(--fwe-text-disabled);\n background: var(--fwe-control-disabled);\n}\n\n.flatpickr-day.startRange.startRange {\n border-radius: 50px;\n box-shadow: none;\n}\n\n.flatpickr-day.endRange.startRange {\n border-radius: 50px 0 0 50px;\n box-shadow: 10px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.selected.startRange {\n border-radius: 50px;\n box-shadow: none;\n}\n\n.flatpickr-day.endRange:not(.inRange):not(.startRange),\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange) {\n border-radius: 50px;\n position: relative;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before {\n content: \"\";\n position: absolute;\n height: calc(100% + 4px);\n z-index: -1;\n width: 42px;\n background-color: var(--fwe-gray-200);\n left: -26px;\n top: -2px;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before {\n background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n border-radius: 50px;\n}\n\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before {\n content: \"\";\n position: absolute;\n height: 100%;\n z-index: -1;\n width: 24px;\n background-color: var(--fwe-gray-200);\n left: 16px;\n}\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before {\n background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n border-radius: 50px;\n}\n\n.flatpickr-day.inRange:not(.startRange) {\n box-shadow: none;\n position: relative;\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n) {\n border-radius: 0;\n box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled {\n box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n}\n.flatpickr-day.inRange:not(.startRange)::before {\n content: \"\";\n position: absolute;\n height: 100%;\n z-index: -1;\n width: 48px;\n background-color: var(--fwe-gray-200);\n left: -28px;\n}\n.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before {\n background-color: var(--fwe-gray-100);\n}\n\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected) {\n border-radius: 0;\n box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected).flatpickr-disabled {\n box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n background: var(--fwe-gray-100);\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n color: rgba(57, 57, 57, 0.3);\n background: transparent;\n border-color: transparent;\n cursor: default;\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n cursor: not-allowed;\n color: rgba(57, 57, 57, 0.1);\n}\n\n.flatpickr-day.week.selected {\n border-radius: 0;\n box-shadow: -5px 0 0 var(--fwe-hero), 5px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.hidden {\n visibility: hidden;\n}\n\n.rangeMode .flatpickr-day {\n margin-top: 1px;\n}\n\n.flatpickr-weekwrapper {\n float: left;\n}\n\n.flatpickr-weekwrapper .flatpickr-weeks {\n padding: 0 12px;\n box-shadow: 1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n float: none;\n width: 100%;\n line-height: 28px;\n}\n\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n display: block;\n width: 100%;\n max-width: none;\n color: rgba(57, 57, 57, 0.3);\n background: transparent;\n cursor: default;\n border: none;\n}\n\n.flatpickr-innerContainer {\n display: block;\n display: flex;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.flatpickr-rContainer {\n display: inline-block;\n padding: 0;\n box-sizing: border-box;\n}\n\n.flatpickr-time {\n text-align: center;\n outline: 0;\n height: 0;\n line-height: 40px;\n max-height: 40px;\n box-sizing: border-box;\n overflow: hidden;\n display: flex;\n}\n\n.flatpickr-time:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.flatpickr-time .numInputWrapper {\n flex: 1;\n width: 40%;\n height: 40px;\n float: left;\n}\n\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n border-bottom-color: var(--fwe-control-border);\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n border-top-color: var(--fwe-control-border);\n}\n\n.flatpickr-time.hasSeconds .numInputWrapper {\n width: 26%;\n}\n\n.flatpickr-time.time24hr .numInputWrapper {\n width: 49%;\n}\n\n.flatpickr-time input {\n background: transparent;\n box-shadow: none;\n border: 0;\n border-radius: 0;\n text-align: center;\n margin: 0;\n padding: 0;\n height: inherit;\n line-height: inherit;\n color: var(--fwe-text);\n font-size: var(--fwe-font-size-md);\n position: relative;\n box-sizing: border-box;\n appearance: textfield;\n}\n\n.flatpickr-time input.flatpickr-hour {\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:focus {\n outline: 0;\n border: 0;\n}\n\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n height: inherit;\n float: left;\n line-height: inherit;\n color: var(--fwe-text);\n font-weight: var(--fwe-font-weight-bold);\n width: 2%;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n align-self: center;\n}\n\n.flatpickr-time .flatpickr-am-pm {\n outline: 0;\n width: 18%;\n cursor: pointer;\n text-align: center;\n font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n background: var(--fwe-white);\n}\n\n.flatpickr-input[readonly] {\n cursor: pointer;\n}\n\n@keyframes fpFadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n\n/*# sourceMappingURL=festo.css.map */\n",null]}
1
+ {"version":3,"sources":["../../../../scss/themes/flatpickr/festo.scss","festo.css","../../../../scss/_variables.scss"],"names":[],"mappings":"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","file":"festo.css","sourcesContent":[null,"/*!\n * Festo UI - Web Essentials v5.0.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n.fng-flatpickr span {\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.flatpickr-calendar {\n display: none;\n text-align: center;\n animation: none;\n direction: ltr;\n border: 0;\n font-size: var(--fwe-font-size-md);\n line-height: font-size-md10px;\n position: absolute;\n box-sizing: border-box;\n touch-action: manipulation;\n}\n\n.flatpickr-calendar.open {\n max-height: 640px;\n width: 324px;\n background: var(--fwe-white);\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);\n border-radius: 8px;\n padding: 12px;\n padding-bottom: 48px;\n display: inline-block;\n z-index: var(--fwe-z-index-dropdown);\n}\n\n.flatpickr-calendar.animate.open {\n animation: none;\n}\n\n.flatpickr-calendar.inline {\n display: block;\n position: relative;\n top: 2px;\n box-shadow: none;\n background: inherit;\n}\n\n.flatpickr-calendar.static {\n position: absolute;\n top: calc(100% + 2px);\n}\n\n.flatpickr-calendar.static.open {\n z-index: var(--fwe-z-index-dropdown);\n display: block;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n box-shadow: none !important;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n box-shadow: -2px 0 0 var(--fwe-gray-200), 5px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer {\n border-left: 0;\n}\n\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n height: 40px;\n border-top: 1px solid var(--fwe-gray-200);\n}\n\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n height: auto;\n}\n\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n position: absolute;\n display: block;\n pointer-events: none;\n border: solid transparent;\n content: unset;\n height: 0;\n width: 0;\n left: 32px;\n}\n\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.rightMost:after {\n left: auto;\n right: 32px;\n}\n\n.flatpickr-calendar:before {\n border-width: 7px;\n margin: 0 -7px;\n}\n\n.flatpickr-calendar:after {\n border-width: 6px;\n margin: 0 -6px;\n}\n\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n bottom: 100%;\n}\n\n.flatpickr-calendar.arrowTop:before {\n border-bottom-color: rgba(0, 0, 0, 0.15);\n}\n\n.flatpickr-calendar.arrowTop:after {\n border-bottom-color: var(--fwe-white);\n}\n\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n top: 100%;\n}\n\n.flatpickr-calendar.arrowBottom:before {\n border-top-color: var(--fwe-border);\n}\n\n.flatpickr-calendar.arrowBottom:after {\n border-top-color: var(--fwe-white);\n}\n\n.flatpickr-calendar:focus {\n outline: 0;\n}\n\n.flatpickr-wrapper {\n position: relative;\n display: inline-block;\n}\n\n.flatpickr-months {\n display: flex;\n}\n.flatpickr-months .flatpickr-month {\n background: transparent;\n color: var(--fwe-text);\n fill: var(--fwe-text);\n height: 42px;\n margin-top: 12px;\n line-height: 24px;\n text-align: center;\n position: relative;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n text-decoration: none;\n cursor: pointer;\n position: absolute;\n top: 0;\n height: 42px;\n z-index: 3;\n color: var(--fwe-text);\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n position: relative;\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n width: 14px;\n height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n transition: fill 0.1s;\n fill: inherit;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n display: none;\n}\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n color: var(--fwe-text-light);\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n fill: var(--fwe-hero);\n}\n.flatpickr-months .flatpickr-next-month {\n padding: 24px 20px 0px 0px;\n right: 0;\n}\n.flatpickr-months .flatpickr-prev-month {\n left: 0;\n padding: 24px 0px 0px 20px;\n}\n\n.numInputWrapper {\n position: relative;\n height: auto;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n /* display: none; <- Crashes Chrome on hover */\n -webkit-appearance: none;\n margin: 0; /* <-- Apparently some margin are still there even though it's hidden */\n}\n.numInputWrapper input[type=number] {\n -moz-appearance: textfield; /* Firefox */\n}\n\n.numInputWrapper input,\n.numInputWrapper span {\n display: inline-block;\n}\n\n.numInputWrapper input {\n width: 100%;\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.numInputWrapper input::-ms-clear {\n display: none;\n}\n\n.numInputWrapper span {\n position: absolute;\n right: -8px;\n width: 14px;\n padding: 0 4px 0 2px;\n height: 50%;\n line-height: 50%;\n opacity: 0;\n cursor: pointer;\n box-sizing: border-box;\n}\n.numInputWrapper span:after {\n display: block;\n content: \"\";\n position: absolute;\n}\n.numInputWrapper span.arrowUp {\n top: 0;\n border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 4px solid var(--fwe-text);\n top: 26%;\n}\n.numInputWrapper span.arrowDown {\n top: 50%;\n}\n\n.numInputWrapper span.arrowDown:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 4px solid var(--fwe-text);\n top: 40%;\n}\n\n.numInputWrapper span svg {\n width: inherit;\n height: auto;\n}\n\n.numInputWrapper span svg path {\n fill: rgba(0, 0, 0, 0.5);\n}\n\n.numInputWrapper:hover span {\n opacity: 1;\n}\n\n.flatpickr-current-month {\n font-size: var(--fwe-font-size-base);\n font-weight: var(--fwe-font-weight-normal);\n position: absolute;\n width: 75%;\n left: 12.5%;\n padding: 7px 0 0 0;\n line-height: calc(var(--fwe-font-size-base) + 8px);\n height: 34px;\n display: inline-block;\n text-align: center;\n transform: translate3d(0, 0, 0);\n}\n.flatpickr-current-month span.cur-month {\n font-family: inherit;\n font-weight: var(--fwe-font-weight-bold);\n color: inherit;\n display: inline-block;\n margin-left: 0.5ch;\n padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n color: var(--fwe-hero);\n}\n.flatpickr-current-month select {\n appearance: none;\n background: transparent;\n background-image: url(\"data:image/svg+xml;utf8,<svg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n background-repeat: no-repeat;\n background-position-x: 100%;\n background-position-y: 70%;\n border: none;\n color: inherit;\n cursor: pointer;\n line-height: 24px;\n margin: -1px 0 0 0;\n outline: none;\n padding-left: 8px;\n padding-right: 16px;\n}\n.flatpickr-current-month select:hover {\n color: var(--fwe-hero);\n background-image: url(\"data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n}\n.flatpickr-current-month select option {\n color: var(--fwe-text) !important;\n}\n\n.flatpickr-current-month .numInputWrapper {\n width: 60px;\n display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper input {\n background: transparent;\n box-sizing: border-box;\n color: inherit;\n cursor: text;\n margin-left: 16px;\n display: inline-block;\n line-height: 24px;\n border: 0;\n appearance: textfield;\n}\n.flatpickr-current-month .numInputWrapper:hover {\n color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowUp:hover:after {\n border-bottom-color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowDown:hover:after {\n border-top-color: var(--fwe-hero);\n}\n\n.flatpickr-current-month input.cur-year:focus {\n outline: 0;\n}\n\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n font-size: 100%;\n color: rgba(0, 0, 0, 0.5);\n background: transparent;\n pointer-events: none;\n}\n\n.flatpickr-monthDropdown-months {\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n outline: none;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n background-color: transparent;\n outline: none;\n padding: 0;\n}\n\n.flatpickr-weekdays {\n border-bottom: 1px solid var(--fwe-border);\n background: transparent;\n text-align: center;\n overflow: hidden;\n width: 100%;\n display: flex;\n align-items: center;\n height: 48px;\n margin-bottom: 4px;\n}\n\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n display: flex;\n flex: 1;\n}\n\nspan.flatpickr-weekday {\n cursor: default;\n font-size: var(--fwe-font-size-md);\n background: transparent;\n color: var(--fwe-text-light);\n line-height: 1;\n margin: 0;\n text-align: center;\n display: block;\n flex: 1;\n font-weight: var(--fwe-font-weight-normal);\n}\n\n.dayContainer,\n.flatpickr-weeks {\n padding: 1px 0 0 0;\n}\n\n.flatpickr-days {\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: flex-start;\n width: 304px;\n}\n\n.flatpickr-days:focus {\n outline: 0;\n}\n\n.dayContainer {\n padding: 0;\n outline: 0;\n text-align: left;\n width: 304px;\n min-width: 304px;\n max-width: 304px;\n box-sizing: border-box;\n display: inline-block;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n\n.dayContainer + .dayContainer {\n box-shadow: -1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-day {\n background: none;\n border: 2px;\n border-radius: 150px;\n box-sizing: border-box;\n color: var(--fwe-text);\n cursor: pointer;\n font-weight: var(--fwe-font-weight-normal);\n width: 14.2857143%;\n -ms-flex-preferred-size: 14.2857143%;\n flex-basis: 14.2857143%;\n max-width: 33px;\n height: 33px;\n line-height: 33px;\n margin: 4px;\n display: inline-block;\n position: relative;\n justify-content: center;\n text-align: center;\n}\n\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n cursor: pointer;\n outline: 0;\n background: var(--fwe-gray-200);\n border-color: var(--fwe-gray-200);\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-day:hover {\n cursor: pointer;\n outline: 0;\n color: var(--fwe-hero-dark);\n}\n\n.flatpickr-day.today {\n background-color: inherit;\n font-weight: var(--fwe-font-weight-bold);\n text-decoration: underline;\n}\n.flatpickr-day.today:hover {\n color: var(--fwe-hero-dark);\n}\n\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n background: var(--fwe-white);\n box-shadow: none;\n color: var(--fwe-hero);\n border: 2px solid var(--fwe-hero);\n font-weight: var(--fwe-font-weight-bold);\n line-height: 28px;\n}\n.flatpickr-day.selected.flatpickr-disabled,\n.flatpickr-day.startRange.flatpickr-disabled,\n.flatpickr-day.endRange.flatpickr-disabled,\n.flatpickr-day.selected.inRange.flatpickr-disabled,\n.flatpickr-day.startRange.inRange.flatpickr-disabled,\n.flatpickr-day.endRange.inRange.flatpickr-disabled,\n.flatpickr-day.selected:focus.flatpickr-disabled,\n.flatpickr-day.startRange:focus.flatpickr-disabled,\n.flatpickr-day.endRange:focus.flatpickr-disabled,\n.flatpickr-day.selected:hover.flatpickr-disabled,\n.flatpickr-day.startRange:hover.flatpickr-disabled,\n.flatpickr-day.endRange:hover.flatpickr-disabled,\n.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled {\n color: var(--fwe-text-disabled);\n background: var(--fwe-control-disabled);\n}\n\n.flatpickr-day.startRange.startRange {\n border-radius: 50px;\n box-shadow: none;\n}\n\n.flatpickr-day.endRange.startRange {\n border-radius: 50px 0 0 50px;\n box-shadow: 10px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.selected.startRange {\n border-radius: 50px;\n box-shadow: none;\n}\n\n.flatpickr-day.endRange:not(.inRange):not(.startRange),\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange) {\n border-radius: 50px;\n position: relative;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before {\n content: \"\";\n position: absolute;\n height: calc(100% + 4px);\n z-index: -1;\n width: 42px;\n background-color: var(--fwe-gray-200);\n left: -26px;\n top: -2px;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before {\n background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n border-radius: 50px;\n}\n\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before {\n content: \"\";\n position: absolute;\n height: 100%;\n z-index: -1;\n width: 24px;\n background-color: var(--fwe-gray-200);\n left: 16px;\n}\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before {\n background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n border-radius: 50px;\n}\n\n.flatpickr-day.inRange:not(.startRange) {\n box-shadow: none;\n position: relative;\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n) {\n border-radius: 0;\n box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled {\n box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n}\n.flatpickr-day.inRange:not(.startRange)::before {\n content: \"\";\n position: absolute;\n height: 100%;\n z-index: -1;\n width: 48px;\n background-color: var(--fwe-gray-200);\n left: -28px;\n}\n.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before {\n background-color: var(--fwe-gray-100);\n}\n\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected) {\n border-radius: 0;\n box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected).flatpickr-disabled {\n box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n background: var(--fwe-gray-100);\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n color: rgba(57, 57, 57, 0.3);\n background: transparent;\n border-color: transparent;\n cursor: default;\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n cursor: not-allowed;\n color: rgba(57, 57, 57, 0.1);\n}\n\n.flatpickr-day.week.selected {\n border-radius: 0;\n box-shadow: -5px 0 0 var(--fwe-hero), 5px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.hidden {\n visibility: hidden;\n}\n\n.rangeMode .flatpickr-day {\n margin-top: 1px;\n}\n\n.flatpickr-weekwrapper {\n float: left;\n}\n\n.flatpickr-weekwrapper .flatpickr-weeks {\n padding: 0 12px;\n box-shadow: 1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n float: none;\n width: 100%;\n line-height: 28px;\n}\n\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n display: block;\n width: 100%;\n max-width: none;\n color: rgba(57, 57, 57, 0.3);\n background: transparent;\n cursor: default;\n border: none;\n}\n\n.flatpickr-innerContainer {\n display: block;\n display: flex;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.flatpickr-rContainer {\n display: inline-block;\n padding: 0;\n box-sizing: border-box;\n}\n\n.flatpickr-time {\n text-align: center;\n outline: 0;\n height: 0;\n line-height: 40px;\n max-height: 40px;\n box-sizing: border-box;\n overflow: hidden;\n display: flex;\n}\n\n.flatpickr-time:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.flatpickr-time .numInputWrapper {\n flex: 1;\n width: 40%;\n height: 40px;\n float: left;\n}\n\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n border-bottom-color: var(--fwe-control-border);\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n border-top-color: var(--fwe-control-border);\n}\n\n.flatpickr-time.hasSeconds .numInputWrapper {\n width: 26%;\n}\n\n.flatpickr-time.time24hr .numInputWrapper {\n width: 49%;\n}\n\n.flatpickr-time input {\n background: transparent;\n box-shadow: none;\n border: 0;\n border-radius: 0;\n text-align: center;\n margin: 0;\n padding: 0;\n height: inherit;\n line-height: inherit;\n color: var(--fwe-text);\n font-size: var(--fwe-font-size-md);\n position: relative;\n box-sizing: border-box;\n appearance: textfield;\n}\n\n.flatpickr-time input.flatpickr-hour {\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:focus {\n outline: 0;\n border: 0;\n}\n\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n height: inherit;\n float: left;\n line-height: inherit;\n color: var(--fwe-text);\n font-weight: var(--fwe-font-weight-bold);\n width: 2%;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n align-self: center;\n}\n\n.flatpickr-time .flatpickr-am-pm {\n outline: 0;\n width: 18%;\n cursor: pointer;\n text-align: center;\n font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n background: var(--fwe-white);\n}\n\n.flatpickr-input[readonly] {\n cursor: pointer;\n}\n\n@keyframes fpFadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n\n/*# sourceMappingURL=festo.css.map */\n",null]}
package/dist/css/themes/flatpickr/festo.min.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v5.0.0-dev.106 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v5.0.0-dev.112 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */.fng-flatpickr span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flatpickr-calendar{display:none;text-align:center;animation:none;direction:ltr;border:0;font-size:var(--fwe-font-size-md);line-height:font-size-md10px;position:absolute;box-sizing:border-box;touch-action:manipulation}.flatpickr-calendar.open{max-height:640px;width:324px;background:var(--fwe-white);box-shadow:0 1px 8px rgba(0,0,0,.3);border-radius:8px;padding:12px;padding-bottom:48px;display:inline-block;z-index:var(--fwe-z-index-dropdown)}.flatpickr-calendar.animate.open{animation:none}.flatpickr-calendar.inline{display:block;position:relative;top:2px;box-shadow:none;background:inherit}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:var(--fwe-z-index-dropdown);display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 var(--fwe-gray-200),5px 0 0 var(--fwe-gray-200)}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid var(--fwe-gray-200)}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:unset;height:0;width:0;left:32px}.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:32px}.flatpickr-calendar:before{border-width:7px;margin:0 -7px}.flatpickr-calendar:after{border-width:6px;margin:0 -6px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(0,0,0,.15)}.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--fwe-white)}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:var(--fwe-border)}.flatpickr-calendar.arrowBottom:after{border-top-color:var(--fwe-white)}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:0 0;color:var(--fwe-text);fill:var(--fwe-text);height:42px;margin-top:12px;line-height:24px;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:42px;z-index:3;color:var(--fwe-text)}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i{position:relative}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{transition:fill .1s;fill:inherit}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:var(--fwe-text-light)}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:var(--fwe-hero)}.flatpickr-months .flatpickr-next-month{padding:24px 20px 0 0;right:0}.flatpickr-months .flatpickr-prev-month{left:0;padding:24px 0 0 20px}.numInputWrapper{position:relative;height:auto}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input[type=number]{-moz-appearance:textfield}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;font-weight:var(--fwe-font-weight-bold)}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper span{position:absolute;right:-8px;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;box-sizing:border-box}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--fwe-text);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--fwe-text);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:var(--fwe-font-size-base);font-weight:var(--fwe-font-weight-normal);position:absolute;width:75%;left:12.5%;padding:7px 0 0 0;line-height:calc(var(--fwe-font-size-base) + 8px);height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:var(--fwe-font-weight-bold);color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{color:var(--fwe-hero)}.flatpickr-current-month select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;background-image:url("data:image/svg+xml;utf8,<svg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:70%;border:none;color:inherit;cursor:pointer;line-height:24px;margin:-1px 0 0 0;outline:0;padding-left:8px;padding-right:16px}.flatpickr-current-month select:hover{color:var(--fwe-hero);background-image:url("data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>")}.flatpickr-current-month select option{color:var(--fwe-text)!important}.flatpickr-current-month .numInputWrapper{width:60px;display:inline-block}.flatpickr-current-month .numInputWrapper input{background:0 0;box-sizing:border-box;color:inherit;cursor:text;margin-left:16px;display:inline-block;line-height:24px;border:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month .numInputWrapper:hover{color:var(--fwe-hero)}.flatpickr-current-month .numInputWrapper .arrowUp:hover:after{border-bottom-color:var(--fwe-hero)}.flatpickr-current-month .numInputWrapper .arrowDown:hover:after{border-top-color:var(--fwe-hero)}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:0 0;pointer-events:none}.flatpickr-monthDropdown-months{font-weight:var(--fwe-font-weight-bold)}.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:0}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:0;padding:0}.flatpickr-weekdays{border-bottom:1px solid var(--fwe-border);background:0 0;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:48px;margin-bottom:4px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:var(--fwe-font-size-md);background:0 0;color:var(--fwe-text-light);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:var(--fwe-font-weight-normal)}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:304px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:304px;min-width:304px;max-width:304px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 0 var(--fwe-gray-200)}.flatpickr-day{background:0 0;border:2px;border-radius:150px;box-sizing:border-box;color:var(--fwe-text);cursor:pointer;font-weight:var(--fwe-font-weight-normal);width:14.2857143%;flex-basis:14.2857143%;max-width:33px;height:33px;line-height:33px;margin:4px;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus{cursor:pointer;outline:0;background:var(--fwe-gray-200);border-color:var(--fwe-gray-200);font-weight:var(--fwe-font-weight-bold)}.flatpickr-day:hover{cursor:pointer;outline:0;color:var(--fwe-hero-dark)}.flatpickr-day.today{background-color:inherit;font-weight:var(--fwe-font-weight-bold);text-decoration:underline}.flatpickr-day.today:hover{color:var(--fwe-hero-dark)}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:var(--fwe-white);box-shadow:none;color:var(--fwe-hero);border:2px solid var(--fwe-hero);font-weight:var(--fwe-font-weight-bold);line-height:28px}.flatpickr-day.endRange.flatpickr-disabled,.flatpickr-day.endRange.inRange.flatpickr-disabled,.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled,.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,.flatpickr-day.endRange:focus.flatpickr-disabled,.flatpickr-day.endRange:hover.flatpickr-disabled,.flatpickr-day.selected.flatpickr-disabled,.flatpickr-day.selected.inRange.flatpickr-disabled,.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,.flatpickr-day.selected:focus.flatpickr-disabled,.flatpickr-day.selected:hover.flatpickr-disabled,.flatpickr-day.startRange.flatpickr-disabled,.flatpickr-day.startRange.inRange.flatpickr-disabled,.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,.flatpickr-day.startRange:focus.flatpickr-disabled,.flatpickr-day.startRange:hover.flatpickr-disabled{color:var(--fwe-text-disabled);background:var(--fwe-control-disabled)}.flatpickr-day.startRange.startRange{border-radius:50px;box-shadow:none}.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px;box-shadow:10px 0 0 var(--fwe-hero)}.flatpickr-day.selected.startRange{border-radius:50px;box-shadow:none}.flatpickr-day.endRange:not(.inRange):not(.startRange),.flatpickr-day.selected.endRange:not(.inRange):not(.startRange){border-radius:50px;position:relative}.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before{content:"";position:absolute;height:calc(100% + 4px);z-index:-1;width:42px;background-color:var(--fwe-gray-200);left:-26px;top:-2px}.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before{background-color:var(--fwe-gray-200)}.flatpickr-day.endRange.endRange,.flatpickr-day.startRange.endRange{border-radius:50px}.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before{content:"";position:absolute;height:100%;z-index:-1;width:24px;background-color:var(--fwe-gray-200);left:16px}.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before{background-color:var(--fwe-gray-200)}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange:not(.startRange){box-shadow:none;position:relative}.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n){border-radius:0;box-shadow:-10px 0 0 var(--fwe-gray-200),24px 0 0 var(--fwe-gray-200)}.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled{box-shadow:-10px 0 0 var(--fwe-gray-100),24px 0 0 var(--fwe-gray-100)}.flatpickr-day.inRange:not(.startRange)::before{content:"";position:absolute;height:100%;z-index:-1;width:48px;background-color:var(--fwe-gray-200);left:-28px}.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before{background-color:var(--fwe-gray-100)}.flatpickr-day.inRange~.flatpickr-day.inRange:not(.selected){border-radius:0;box-shadow:-10px 0 0 var(--fwe-gray-200),24px 0 0 var(--fwe-gray-200)}.flatpickr-day.inRange~.flatpickr-day.inRange:not(.selected).flatpickr-disabled{box-shadow:-10px 0 0 var(--fwe-gray-100),24px 0 0 var(--fwe-gray-100);background:var(--fwe-gray-100)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(57,57,57,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 var(--fwe-hero),5px 0 0 var(--fwe-hero)}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 var(--fwe-gray-200)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,.3);background:0 0;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:var(--fwe-control-border)}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:var(--fwe-control-border)}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:0 0;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:var(--fwe-text);font-size:var(--fwe-font-size-md);position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:var(--fwe-font-weight-bold)}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:var(--fwe-font-weight-normal)}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:var(--fwe-text);font-weight:var(--fwe-font-weight-bold);width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:var(--fwe-font-weight-normal)}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:var(--fwe-white)}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
package/dist/scss/_misc.scss ADDED
@@ -0,0 +1,15 @@
1
+ .fwe-object-fit-contain {
2
+ object-fit: contain !important;
3
+ }
4
+
5
+ .fwe-object-fit-cover {
6
+ object-fit: cover !important;
7
+ }
8
+
9
+ .fwe-object-fit-fill {
10
+ object-fit: fill !important;
11
+ }
12
+
13
+ .fwe-object-fit-scale-down {
14
+ object-fit: scale-down !important;
15
+ }