@festo-ui/web-essentials 4.0.3-pre-20221213.1 → 5.0.0-dev.102

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 (89) hide show
  1. package/README.md +73 -73
  2. package/dist/css/festo-web-essentials.css +621 -3333
  3. package/dist/css/festo-web-essentials.css.map +1 -1
  4. package/dist/css/festo-web-essentials.min.css +3 -3
  5. package/dist/css/festo-web-essentials.min.css.map +1 -1
  6. package/dist/css/fonts/festo_icons-16.woff2 +0 -0
  7. package/dist/css/fonts/festo_icons-24.woff2 +0 -0
  8. package/dist/css/fonts/festo_icons-32.woff2 +0 -0
  9. package/dist/css/organisms/festo-web-essentials-organisms.css +11 -16
  10. package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
  11. package/dist/css/organisms/festo-web-essentials-organisms.min.css +2 -2
  12. package/dist/css/organisms/festo-web-essentials-organisms.min.css.map +1 -1
  13. package/dist/css/themes/flatpickr/festo.css +3 -18
  14. package/dist/css/themes/flatpickr/festo.css.map +1 -1
  15. package/dist/css/themes/flatpickr/festo.min.css +2 -2
  16. package/dist/css/themes/flatpickr/festo.min.css.map +1 -1
  17. package/dist/fonts/festo_icons-16.woff2 +0 -0
  18. package/dist/fonts/festo_icons-24.woff2 +0 -0
  19. package/dist/fonts/festo_icons-32.woff2 +0 -0
  20. package/dist/scss/_breadcrumb.scss +37 -37
  21. package/dist/scss/_button.scss +128 -128
  22. package/dist/scss/_cards.scss +98 -98
  23. package/dist/scss/_checkbox.scss +153 -153
  24. package/dist/scss/_chips.scss +145 -145
  25. package/dist/scss/_fonts.scss +59 -59
  26. package/dist/scss/_icons.scss +1524 -1446
  27. package/dist/scss/_loading-indicator.scss +176 -176
  28. package/dist/scss/_mixins.scss +2 -2
  29. package/dist/scss/_mobile-flyout.scss +108 -108
  30. package/dist/scss/_modal.scss +9 -8
  31. package/dist/scss/_navbar-menu.scss +351 -351
  32. package/dist/scss/_navbar.scss +258 -258
  33. package/dist/scss/_popover.scss +201 -201
  34. package/dist/scss/_progressbar.scss +67 -67
  35. package/dist/scss/_radio.scss +152 -152
  36. package/dist/scss/_root.scss +111 -111
  37. package/dist/scss/_search-input.scss +92 -92
  38. package/dist/scss/_select.scss +95 -95
  39. package/dist/scss/_stepper-horizontal.scss +127 -127
  40. package/dist/scss/_stepper-vertical.scss +121 -121
  41. package/dist/scss/_table.scss +150 -150
  42. package/dist/scss/_timepicker.scss +68 -68
  43. package/dist/scss/_tree.scss +211 -211
  44. package/dist/scss/_variables.scss +252 -252
  45. package/dist/scss/festo-web-essentials.scss +1 -1
  46. package/dist/scss/fonts/festo_icons-16.woff2 +0 -0
  47. package/dist/scss/fonts/festo_icons-24.woff2 +0 -0
  48. package/dist/scss/fonts/festo_icons-32.woff2 +0 -0
  49. package/dist/scss/organisms/_footer.scss +142 -142
  50. package/dist/scss/organisms/_header-slider.scss +153 -153
  51. package/dist/scss/organisms/_image-gallery.scss +257 -257
  52. package/dist/scss/organisms/_login.scss +59 -57
  53. package/dist/scss/organisms/_side-menu.scss +54 -54
  54. package/dist/scss/organisms/festo-web-essentials-organisms.scss +15 -15
  55. package/dist/scss/themes/flatpickr/festo.scss +834 -834
  56. package/package.json +88 -9
  57. package/scss/_breadcrumb.scss +37 -37
  58. package/scss/_button.scss +128 -128
  59. package/scss/_cards.scss +98 -98
  60. package/scss/_checkbox.scss +153 -153
  61. package/scss/_chips.scss +145 -145
  62. package/scss/_fonts.scss +59 -59
  63. package/scss/_icons.scss +1524 -1446
  64. package/scss/_loading-indicator.scss +176 -176
  65. package/scss/_mixins.scss +2 -2
  66. package/scss/_mobile-flyout.scss +108 -108
  67. package/scss/_modal.scss +9 -8
  68. package/scss/_navbar-menu.scss +351 -351
  69. package/scss/_navbar.scss +258 -258
  70. package/scss/_popover.scss +201 -201
  71. package/scss/_progressbar.scss +67 -67
  72. package/scss/_radio.scss +152 -152
  73. package/scss/_root.scss +111 -111
  74. package/scss/_search-input.scss +92 -92
  75. package/scss/_select.scss +95 -95
  76. package/scss/_stepper-horizontal.scss +127 -127
  77. package/scss/_stepper-vertical.scss +121 -121
  78. package/scss/_table.scss +150 -150
  79. package/scss/_timepicker.scss +68 -68
  80. package/scss/_tree.scss +211 -211
  81. package/scss/_variables.scss +252 -252
  82. package/scss/festo-web-essentials.scss +1 -1
  83. package/scss/organisms/_footer.scss +142 -142
  84. package/scss/organisms/_header-slider.scss +153 -153
  85. package/scss/organisms/_image-gallery.scss +257 -257
  86. package/scss/organisms/_login.scss +59 -57
  87. package/scss/organisms/_side-menu.scss +54 -54
  88. package/scss/organisms/festo-web-essentials-organisms.scss +15 -15
  89. package/scss/themes/flatpickr/festo.scss +834 -834
package/dist/css/fonts/festo_icons-16.woff2 CHANGED
Binary file
package/dist/css/fonts/festo_icons-24.woff2 CHANGED
Binary file
package/dist/css/fonts/festo_icons-32.woff2 CHANGED
Binary file
package/dist/css/organisms/festo-web-essentials-organisms.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v4.0.3-pre-20221213.1 (https://storybook.festo.design/)
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
5
  */
@@ -277,7 +277,6 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
277
277
  position: relative;
278
278
  margin-top: -104px;
279
279
  }
280
-
281
280
  .fwe-header-slider {
282
281
  padding: 24px 112px;
283
282
  }
@@ -296,7 +295,7 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
296
295
  min-width: 200px;
297
296
  }
298
297
  .fwe-header-slider .fwe-header-slider-arrow-left,
299
- .fwe-header-slider .fwe-header-slider-arrow-right {
298
+ .fwe-header-slider .fwe-header-slider-arrow-right {
300
299
  display: block;
301
300
  position: absolute;
302
301
  top: 50%;
@@ -322,7 +321,6 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
322
321
  margin-top: -104px;
323
322
  width: 1096px;
324
323
  }
325
-
326
324
  .fwe-header-slider {
327
325
  padding: 24px 160px;
328
326
  }
@@ -380,7 +378,7 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
380
378
  }
381
379
  @media only screen and (min-width: 769px) {
382
380
  .fwe-header-modul-container .fwe-header-modul-content h1,
383
- .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {
381
+ .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {
384
382
  margin-bottom: 6px;
385
383
  }
386
384
  .fwe-header-modul-container .fwe-header-modul-media {
@@ -402,7 +400,7 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
402
400
  margin-right: 24px;
403
401
  }
404
402
  .fwe-header-modul-container .fwe-header-modul-content h1,
405
- .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {
403
+ .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {
406
404
  margin-top: 0;
407
405
  }
408
406
  .fwe-header-modul-container .fwe-header-modul-media {
@@ -581,9 +579,8 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
581
579
  width: 342px;
582
580
  max-height: 90vh;
583
581
  }
584
-
585
582
  .fwe-image-gallery,
586
- .fwe-image-gallery-content {
583
+ .fwe-image-gallery-content {
587
584
  height: 342px;
588
585
  }
589
586
  }
@@ -591,9 +588,8 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
591
588
  .fwe-modal-image-gallery {
592
589
  width: 696px;
593
590
  }
594
-
595
591
  .fwe-image-gallery,
596
- .fwe-image-gallery-content {
592
+ .fwe-image-gallery-content {
597
593
  height: 465px;
598
594
  }
599
595
  }
@@ -601,9 +597,8 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
601
597
  .fwe-modal-image-gallery {
602
598
  width: 696px;
603
599
  }
604
-
605
600
  .fwe-image-gallery,
606
- .fwe-image-gallery-content {
601
+ .fwe-image-gallery-content {
607
602
  height: 465px;
608
603
  }
609
604
  }
@@ -623,12 +618,10 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
623
618
  .fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery-wrapper {
624
619
  width: 984px;
625
620
  }
626
-
627
621
  .fwe-image-gallery,
628
- .fwe-image-gallery-content {
622
+ .fwe-image-gallery-content {
629
623
  height: 640px;
630
624
  }
631
-
632
625
  .fwe-image-gallery-container {
633
626
  flex-direction: row;
634
627
  }
@@ -680,7 +673,9 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
680
673
  }
681
674
  .fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container {
682
675
  margin-top: 24px;
683
- text-align: right;
676
+ display: flex;
677
+ justify-content: space-between;
678
+ flex-direction: row-reverse;
684
679
  }
685
680
  @media (max-width: 375px) {
686
681
  .fwe-login-layout .fwe-login-container .fwe-login-form {
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\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\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\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\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\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\n .fwe-image-gallery,\n.fwe-image-gallery-content {\n height: 640px;\n }\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 text-align: right;\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":"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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]}
package/dist/css/organisms/festo-web-essentials-organisms.min.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v4.0.3-pre-20221213.1 (https://storybook.festo.design/)
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;text-align:right}@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: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}}
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":["../../../scss/organisms/festo-web-essentials-organisms.scss","../../../scss/organisms/_footer.scss","../../../scss/organisms/_teaser.scss","libs/web-essentials/dist/css/organisms/festo-web-essentials-organisms.css","../../../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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","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 */\n\n@import \"../variables\";\n\n@import \"footer\";\n@import \"teaser\";\n@import \"header-slider\";\n@import \"header-modul\";\n@import \"image-gallery\";\n@import \"login\";\n@import \"side-menu\";\n","footer.fwe-footer {\n .fwe-social-media {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 24px 0px;\n border-bottom: 1px solid $control-border-darker;\n margin-bottom: 24px;\n\n .fwe-social-media-link {\n display: block;\n width: 32px;\n height: 32px;\n border-radius: $border-radius-s;\n margin-right: 24px;\n opacity: 0.3;\n transition: opacity 0.3s;\n\n &:last-child {\n margin-right: 0px;\n }\n\n &:hover {\n opacity: 1;\n }\n }\n }\n .fwe-footer-details {\n padding-bottom: 24px;\n border-bottom: 1px solid $control-border-darker;\n\n h4 {\n font-size: 16px;\n line-height: 24px;\n font-weight: $font-weight-bold;\n list-style-type: none;\n position: relative;\n margin-top: 0px;\n margin-bottom: 12px;\n }\n\n ul.fwe-list-group {\n .fwe-list-group-item {\n padding-left: 0px;\n }\n }\n\n p {\n padding-top: 8px;\n max-width: 320px;\n }\n\n &:not(:first-child) {\n margin-top: 24px;\n }\n }\n .fwe-bottomline {\n font-size: $font-size-small;\n padding-top: 24px;\n text-align: center;\n\n .fwe-sitelinks {\n order: 2;\n\n .fwe-sitelinks-groupa {\n padding-bottom: 8px;\n\n a {\n color: $control-border-darker;\n padding-right: 8px;\n\n &:last-child {\n padding-right: 0px;\n }\n }\n }\n\n .fwe-sitelinks-groupb {\n padding-bottom: 24px;\n\n a {\n color: $control-border-darker;\n padding-right: 8px;\n\n &:last-child {\n padding-right: 0px;\n }\n }\n }\n }\n .fwe-copyright {\n display: flex;\n order: 1;\n justify-content: center;\n padding-bottom: 24px;\n color: $control-border-darker;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-lg) {\n footer.fwe-footer {\n .fwe-footer-details {\n border-bottom: none;\n h4 {\n margin-top: 24px;\n }\n &:not(:first-child) {\n margin-top: 0px;\n }\n }\n .fwe-bottomline {\n font-size: $font-size-small;\n padding-top: 24px;\n text-align: left;\n display: flex;\n .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n }\n .fwe-social-media {\n margin-bottom: 0px;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n footer.fwe-footer {\n .fwe-social-media {\n .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n &:last-child {\n margin-right: 0px;\n }\n }\n }\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-content {\n order: 2;\n background-color: $sucanul;\n padding-top: 16px;\n padding-bottom: 13px;\n padding-left: 20px;\n padding-right: 20px;\n\n h3,\n .fwe-h3 {\n font-size: 12px;\n line-height: 14px;\n margin-bottom: 4px;\n font-weight: $font-weight-normal;\n }\n\n h2,\n .fwe-h2 {\n font-size: 16px;\n line-height: 24px;\n font-weight: $font-weight-bold;\n margin-top: 0;\n }\n }\n\n .fwe-teaser-c12-img {\n order: 1;\n background-color: $hero;\n min-height: 114px;\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n .fwe-teaser-verbox h2 {\n padding-top: 48px;\n }\n}\n","/*!\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\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\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\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\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\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\n .fwe-image-gallery,\n.fwe-image-gallery-content {\n height: 640px;\n }\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 text-align: right;\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 */",".fwe-header-slider-container {\n .fwe-header-slider-box {\n height: 142px;\n background-color: $hero;\n }\n\n .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n }\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: $white;\n border-radius: $border-radius-s;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n\n .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n\n 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\n button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n }\n }\n\n .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n }\n\n .fwe-header-slider-arrow-left,\n .fwe-header-slider-arrow-right {\n display: none;\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xs) {\n .fwe-header-slider-container {\n .fwe-header-slider-box {\n height: 166px;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-sm) {\n .fwe-header-slider-container {\n .fwe-header-slider-box {\n height: 341px;\n }\n\n .fwe-header-slider {\n margin-top: -104px;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n .fwe-header-slider-container {\n .fwe-header-slider-box {\n height: 455px;\n }\n\n .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n }\n\n .fwe-header-slider {\n padding: 24px 112px;\n\n .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n\n p {\n -webkit-line-clamp: 3;\n }\n\n 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 }\n\n .fwe-header-slider-arrow-left,\n .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\n .fwe-header-slider-arrow-left {\n left: 24px;\n }\n\n .fwe-header-slider-arrow-right {\n right: 24px;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n .fwe-header-slider-container {\n .fwe-header-slider-box {\n height: 640px;\n }\n\n .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n }\n\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xxl) {\n .fwe-header-slider-container {\n .fwe-header-slider {\n width: 1192px;\n }\n }\n}\n","@use \"sass:math\";\n\n.fwe-header-modul-container {\n display: flex;\n flex-direction: column;\n padding-top: $spacer-l;\n padding-bottom: $spacer-l;\n\n .fwe-header-modul-content {\n order: 2;\n position: relative;\n\n h1,\n .fwe-h1 {\n margin-bottom: 0;\n }\n\n h3,\n .fwe-h3 {\n margin-top: 0;\n margin-bottom: 16px;\n }\n\n p {\n font-size: $font-size-xl;\n line-height: 32px;\n color: $text-light;\n margin: 0;\n padding-bottom: 34px;\n }\n\n &::after {\n position: absolute;\n bottom: 0;\n right: 0;\n content: \"\";\n width: 28px;\n height: 10px;\n background-color: $gray-400;\n }\n }\n\n .fwe-header-modul-media {\n min-height: 111px;\n background-color: $hero;\n order: 1;\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xs) {\n .fwe-header-modul-container {\n .fwe-header-modul-media {\n min-height: 132px;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-sm) {\n .fwe-header-modul-container {\n .fwe-header-modul-content {\n h1,\n .fwe-h1 {\n margin-bottom: 6px;\n }\n }\n .fwe-header-modul-media {\n min-height: 268px;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n .fwe-header-modul-container {\n .fwe-header-modul-media {\n min-height: 352px;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-lg) {\n .fwe-header-modul-container {\n flex-direction: row;\n\n .fwe-header-modul-content {\n order: 1;\n width: math.div(100%, 2.4);\n margin-right: $spacer-m;\n\n h1,\n .fwe-h1 {\n margin-top: 0;\n }\n }\n\n .fwe-header-modul-media {\n order: 2;\n min-height: 293px;\n flex: 1;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n .fwe-header-modul-container {\n .fwe-header-modul-media {\n min-height: 400px;\n }\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-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n padding-right: 0px;\n padding-top: 4px;\n }\n\n .fwe-image-gallery {\n // pagination height (37px + 24px) + 12px (extra padding on top and bottom)\n max-height: calc(100vh - 73px);\n }\n\n &--with-thumbnails {\n .fwe-image-gallery {\n // pagination height (37px + 24px) + thumbs height (64 + 24) + 12px (extra padding on top and bottom)\n max-height: calc(100vh - 161px);\n }\n }\n\n &--with-container {\n border-top: 1px solid $control-border;\n border-bottom: 1px solid $control-border;\n\n .fwe-image-gallery-header {\n margin-top: $spacer-m - 6px;\n }\n }\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: $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: $spacer-m;\n margin-top: 0px;\n}\n\n.fwe-image-gallery {\n width: 100%;\n height: 288px;\n background-color: $background-image-gallery;\n user-select: none;\n\n svg,\n img,\n .swiper-zoom-container img,\n .swiper-zoom-container svg {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n}\n\n.fwe-image-gallery-thumbs {\n margin-top: 24px;\n user-select: none;\n\n &.swiper {\n width: 100%;\n height: 64px;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n\n .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 &:last-child {\n margin-right: 0px;\n }\n\n &::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: $hero;\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n }\n\n img {\n display: block;\n object-fit: cover;\n width: 88px;\n height: 56px;\n background-color: $background-image-gallery;\n }\n\n &.swiper-slide-thumb-active,\n &:hover {\n opacity: 1;\n\n &::after {\n opacity: 1;\n }\n }\n }\n }\n\n &:not(.swiper) {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n }\n\n &-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 img {\n position: absolute;\n height: 56px;\n width: 88px;\n min-width: 88px;\n background: $background-image-gallery;\n object-fit: cover;\n }\n\n &:last-child {\n margin-right: 0px;\n }\n\n &::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: $hero;\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n }\n\n &.fwe-active,\n &:hover {\n opacity: 1;\n\n &::after {\n opacity: 1;\n }\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xxs) {\n .fwe-modal-image-gallery {\n width: 342px;\n max-height: 90vh;\n }\n\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 342px;\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-sm) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n .fwe-modal-image-gallery {\n width: 960px;\n min-height: 726px;\n\n &--with-container {\n width: 1320px;\n border-top: none;\n border-bottom: none;\n\n .fwe-image-gallery-header {\n margin-top: none;\n }\n }\n\n &--with-thumbnails {\n .fwe-image-gallery-wrapper {\n width: 984px;\n }\n }\n }\n\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 640px;\n }\n\n .fwe-image-gallery-container {\n flex-direction: row;\n\n .fwe-image-gallery {\n width: 984px;\n }\n\n .fwe-image-gallery-content {\n max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: 1px solid $control-border;\n border-bottom: 1px solid $control-border;\n }\n }\n}\n",".fwe-login-layout {\n position: fixed;\n background: $background;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n .fwe-login-background {\n top: $navbar-height;\n position: absolute;\n height: calc(100vh - #{$navbar-height});\n width: 100vw;\n object-fit: cover;\n object-position: center;\n }\n .fwe-login-container {\n height: calc(100vh - #{$navbar-height});\n overflow: auto;\n display: flex;\n align-items: center;\n .fwe-login-form {\n z-index: 1;\n margin-left: 20%;\n width: 432px;\n background: $white;\n padding: $spacer-xl;\n h1 {\n margin: 0px 0px 48px 0px;\n }\n .fwe-login-link-container {\n margin-top: $spacer-m;\n text-align: right;\n }\n @media (max-width: $grid-breakpoint-xxs) {\n padding-left: $spacer-s;\n padding-right: $spacer-s;\n }\n }\n }\n @media (max-width: $grid-breakpoint-xs), (max-height: $grid-breakpoint-xs) {\n .fwe-login-container {\n background-color: $white;\n position: unset;\n left: unset;\n top: unset;\n width: 100vw;\n align-items: stretch;\n .fwe-login-form {\n margin-left: 0px;\n width: 100%;\n }\n }\n .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 $border;\n .fwe-side-menu-item {\n cursor: pointer;\n margin-left: -1px;\n line-height: 42px;\n color: $text;\n padding: 0px 8px 0px 16px;\n position: relative;\n &::before {\n position: absolute;\n content: \"\";\n top: 0px;\n left: 0px;\n bottom: 0px;\n width: 0px;\n background: $hero;\n transition: width 0.2s;\n }\n &.fwe-active {\n color: $hero;\n &::before {\n width: 4px;\n }\n }\n }\n\n @media (max-width: 900px) {\n width: 190px;\n }\n}\n\n.fwe-side-menu-layout {\n margin-top: 64px;\n display: flex;\n align-items: flex-start;\n .fwe-content-container {\n max-width: 600px;\n flex-shrink: 1;\n flex-grow: 1;\n @media (max-width: 750px) {\n max-width: unset;\n margin-top: 32px;\n }\n }\n @media (max-width: 750px) {\n flex-direction: column;\n margin-top: 32px;\n }\n}\n"]}
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 */"]}
package/dist/css/themes/flatpickr/festo.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v4.0.3-pre-20221213.1 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v5.0.0-dev.102 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */
@@ -12,7 +12,6 @@
12
12
  .flatpickr-calendar {
13
13
  display: none;
14
14
  text-align: center;
15
- -webkit-animation: none;
16
15
  animation: none;
17
16
  direction: ltr;
18
17
  border: 0;
@@ -36,7 +35,6 @@
36
35
  }
37
36
 
38
37
  .flatpickr-calendar.animate.open {
39
- -webkit-animation: none;
40
38
  animation: none;
41
39
  }
42
40
 
@@ -220,12 +218,10 @@
220
218
  .numInputWrapper input::-webkit-inner-spin-button {
221
219
  /* display: none; <- Crashes Chrome on hover */
222
220
  -webkit-appearance: none;
223
- margin: 0;
224
- /* <-- Apparently some margin are still there even though it's hidden */
221
+ margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
225
222
  }
226
223
  .numInputWrapper input[type=number] {
227
- -moz-appearance: textfield;
228
- /* Firefox */
224
+ -moz-appearance: textfield; /* Firefox */
229
225
  }
230
226
 
231
227
  .numInputWrapper input,
@@ -833,17 +829,6 @@ span.flatpickr-weekday {
833
829
  cursor: pointer;
834
830
  }
835
831
 
836
- @-webkit-keyframes fpFadeInDown {
837
- from {
838
- opacity: 0;
839
- transform: translate3d(0, -20px, 0);
840
- }
841
- to {
842
- opacity: 1;
843
- transform: translate3d(0, 0, 0);
844
- }
845
- }
846
-
847
832
  @keyframes fpFadeInDown {
848
833
  from {
849
834
  opacity: 0;