@festo-ui/web-essentials 7.2.0-dev.423 → 7.2.0-dev.427
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/festo-web-essentials.css +58 -16
- package/dist/css/festo-web-essentials.css.map +1 -1
- package/dist/css/festo-web-essentials.min.css +2 -2
- package/dist/css/festo-web-essentials.min.css.map +1 -1
- package/dist/css/fonts/festo_icons-16.woff2 +0 -0
- package/dist/css/fonts/festo_icons-24.woff2 +0 -0
- package/dist/css/fonts/festo_icons-32.woff2 +0 -0
- package/dist/css/organisms/festo-web-essentials-organisms.css +28 -5
- package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
- package/dist/css/organisms/festo-web-essentials-organisms.min.css +1 -1
- package/dist/css/organisms/festo-web-essentials-organisms.min.css.map +1 -1
- package/dist/css/themes/flatpickr/festo.css +1 -1
- package/dist/css/themes/flatpickr/festo.min.css +1 -1
- package/dist/fonts/festo_icons-16.woff2 +0 -0
- package/dist/fonts/festo_icons-24.woff2 +0 -0
- package/dist/fonts/festo_icons-32.woff2 +0 -0
- package/dist/scss/_chips.scss +6 -7
- package/dist/scss/_icons.scss +33 -0
- package/dist/scss/_popover.scss +5 -0
- package/dist/scss/_segment.scss +2 -2
- package/dist/scss/festo-web-essentials.scss +1 -1
- package/dist/scss/fonts/festo_icons-16.woff2 +0 -0
- package/dist/scss/fonts/festo_icons-24.woff2 +0 -0
- package/dist/scss/fonts/festo_icons-32.woff2 +0 -0
- package/dist/scss/organisms/_image-gallery.scss +28 -6
- package/dist/scss/themes/flatpickr/festo.scss +1 -1
- package/package.json +1 -1
- package/scss/_chips.scss +6 -7
- package/scss/_icons.scss +33 -0
- package/scss/_popover.scss +5 -0
- package/scss/_segment.scss +2 -2
- package/scss/organisms/_image-gallery.scss +28 -6
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -427,11 +427,6 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
|
|
|
427
427
|
overflow-x: hidden;
|
|
428
428
|
overflow-y: hidden;
|
|
429
429
|
}
|
|
430
|
-
.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {
|
|
431
|
-
margin-right: 0px;
|
|
432
|
-
padding-right: 0px;
|
|
433
|
-
padding-top: 3px;
|
|
434
|
-
}
|
|
435
430
|
.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-up.fwe-modal-image-gallery-scale,
|
|
436
431
|
.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-down.fwe-modal-image-gallery-scale {
|
|
437
432
|
font-size: 24px;
|
|
@@ -442,6 +437,34 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
|
|
|
442
437
|
.fwe-modal-image-gallery .fwe-image-gallery {
|
|
443
438
|
max-height: calc(100vh - 73px);
|
|
444
439
|
}
|
|
440
|
+
.fwe-modal-image-gallery .fwe-image-gallery-close-btn {
|
|
441
|
+
width: 32px;
|
|
442
|
+
height: 32px;
|
|
443
|
+
padding: 0;
|
|
444
|
+
border: none;
|
|
445
|
+
min-width: 32px;
|
|
446
|
+
cursor: pointer;
|
|
447
|
+
background: var(--fwe-white);
|
|
448
|
+
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTIxLjQ4IDkuMSAxNiAxNC41OSAxMC41MSA5LjEgOS4xIDEwLjUyIDE0LjU4IDE2IDkuMSAyMS40OWwxLjQxIDEuNDFMMTYgMTcuNDJsNS40OCA1LjQ4IDEuNDItMS40MUwxNy40MSAxNmw1LjQ5LTUuNDgtMS40Mi0xLjQyeiIgZGF0YS1uYW1lPSJjb250ZW50Ii8+PC9zdmc+");
|
|
449
|
+
mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTIxLjQ4IDkuMSAxNiAxNC41OSAxMC41MSA5LjEgOS4xIDEwLjUyIDE0LjU4IDE2IDkuMSAyMS40OWwxLjQxIDEuNDFMMTYgMTcuNDJsNS40OCA1LjQ4IDEuNDItMS40MUwxNy40MSAxNmw1LjQ5LTUuNDgtMS40Mi0xLjQyeiIgZGF0YS1uYW1lPSJjb250ZW50Ii8+PC9zdmc+");
|
|
450
|
+
}
|
|
451
|
+
.fwe-modal-image-gallery .fwe-image-gallery-close-btn:hover {
|
|
452
|
+
background: var(--fwe-hero);
|
|
453
|
+
}
|
|
454
|
+
.fwe-modal-image-gallery .fwe-image-gallery-scale-btn {
|
|
455
|
+
width: 24px;
|
|
456
|
+
height: 24px;
|
|
457
|
+
padding: 0;
|
|
458
|
+
border: none;
|
|
459
|
+
min-width: 24px;
|
|
460
|
+
cursor: pointer;
|
|
461
|
+
background: var(--fwe-white);
|
|
462
|
+
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBkPSJtMTguMTAxIDQgMi44MjggMi44MjgtNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMtNC4yNDNMMjggMTMuODk5VjRoLTkuODk5ek0xMS4wNzEgMTYuNjg2bC00LjI0MyA0LjI0M0w0IDE4LjEwMVYyOGg5LjlsLTIuODI5LTIuODI4IDQuMjQzLTQuMjQzLTQuMjQzLTQuMjQzeiIvPjwvZz48L3N2Zz4=");
|
|
463
|
+
mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBkPSJtMTguMTAxIDQgMi44MjggMi44MjgtNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMtNC4yNDNMMjggMTMuODk5VjRoLTkuODk5ek0xMS4wNzEgMTYuNjg2bC00LjI0MyA0LjI0M0w0IDE4LjEwMVYyOGg5LjlsLTIuODI5LTIuODI4IDQuMjQzLTQuMjQzLTQuMjQzLTQuMjQzeiIvPjwvZz48L3N2Zz4=");
|
|
464
|
+
}
|
|
465
|
+
.fwe-modal-image-gallery .fwe-image-gallery-scale-btn:hover {
|
|
466
|
+
background: var(--fwe-hero);
|
|
467
|
+
}
|
|
445
468
|
.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery {
|
|
446
469
|
max-height: calc(100vh - 161px);
|
|
447
470
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../scss/organisms/festo-web-essentials-organisms.scss","../../../scss/_mixins.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,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 */\n/* a screen reader friendly approach */\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-active);\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-active);\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-active);\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-active);\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-active);\n}\n\n@media only screen and (min-width: 1281px) {\n footer.fwe-footer .fwe-footer-details {\n border-bottom: none;\n }\n footer.fwe-footer .fwe-footer-details h4 {\n margin-top: 24px;\n }\n footer.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 0px;\n }\n footer.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: left;\n display: flex;\n }\n footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n footer.fwe-footer .fwe-social-media {\n margin-bottom: 0px;\n }\n}\n@media only screen and (min-width: 1441px) {\n footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n }\n footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n }\n}\n.fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n display: flex;\n flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n order: 2;\n background-color: var(--fwe-sucanul);\n padding-top: 16px;\n padding-bottom: 13px;\n padding-left: 20px;\n padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n font-size: 12px;\n line-height: 14px;\n margin-bottom: 4px;\n font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n order: 1;\n background-color: var(--fwe-hero);\n min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n .fwe-teaser-verbox h2 {\n padding-top: 48px;\n }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n height: 142px;\n background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: var(--fwe-white);\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: none;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 166px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 341px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin-top: -104px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 455px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n .fwe-header-slider {\n padding: 24px 112px;\n }\n .fwe-header-slider .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n }\n .fwe-header-slider .fwe-header-slider-content p {\n -webkit-line-clamp: 3;\n }\n .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left,\n .fwe-header-slider .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left {\n left: 24px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-right {\n right: 24px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 640px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n@media only screen and (min-width: 1921px) {\n .fwe-header-slider-container .fwe-header-slider {\n width: 1192px;\n }\n}\n.fwe-header-modul-container {\n display: flex;\n flex-direction: column;\n padding-top: 32px;\n padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n order: 2;\n position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n margin-top: 0;\n margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n font-size: var(--fwe-font-size-xl);\n line-height: 32px;\n color: var(--fwe-text-light);\n margin: 0;\n padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n position: absolute;\n bottom: 0;\n right: 0;\n content: \"\";\n width: 28px;\n height: 10px;\n background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n min-height: 111px;\n background-color: var(--fwe-hero);\n order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 132px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 6px;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 268px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 352px;\n }\n}\n@media only screen and (min-width: 1281px) {\n .fwe-header-modul-container {\n flex-direction: row;\n }\n .fwe-header-modul-container .fwe-header-modul-content {\n order: 1;\n width: 41.6666666667%;\n margin-right: 24px;\n }\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-top: 0;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n order: 2;\n min-height: 293px;\n flex: 1;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 400px;\n }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n background: transparent;\n box-shadow: none;\n padding: 0px;\n position: fixed;\n width: 288px;\n max-width: unset;\n max-height: 100vh;\n overflow-x: hidden;\n overflow-y: hidden;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n margin-right: 0px;\n padding-right: 0px;\n padding-top: 3px;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-up.fwe-modal-image-gallery-scale,\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-down.fwe-modal-image-gallery-scale {\n font-size: 24px;\n margin-right: 0px;\n padding-right: 0px;\n padding-top: 3px;\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: none;\n border-bottom: none;\n}\n.fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: 18px;\n}\n\n.fwe-image-gallery-container {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.fwe-image-gallery-content {\n color: var(--fwe-white);\n padding-top: 48px;\n padding-bottom: 24px;\n}\n.fwe-image-gallery-content h3 {\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.fwe-image-gallery-header {\n display: flex;\n align-items: center;\n margin-bottom: 24px;\n margin-top: 0px;\n}\n\n.fwe-image-gallery {\n width: 100%;\n height: 288px;\n background-color: white;\n user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n margin-top: 24px;\n user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n width: 100%;\n height: 64px;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n position: relative;\n background-size: cover;\n background-position: center;\n width: 88px;\n margin-right: 8px;\n height: 64px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n display: block;\n object-fit: cover;\n width: 88px;\n height: 56px;\n background-color: white;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active {\n cursor: default;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n position: relative;\n height: 64px;\n width: 88px;\n min-width: 88px;\n margin-right: 8px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs-nail img {\n position: absolute;\n height: 56px;\n width: 88px;\n min-width: 88px;\n background: white;\n object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active {\n cursor: default;\n}\n\n@media only screen and (min-width: 375px) {\n .fwe-modal-image-gallery {\n width: 342px;\n max-height: 90vh;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 342px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-modal-image-gallery {\n width: 960px;\n min-height: 726px;\n }\n .fwe-modal-image-gallery--with-container {\n width: 1320px;\n border-top: none;\n border-bottom: none;\n position: relative;\n }\n .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n position: absolute;\n top: 0px;\n right: 0px;\n width: 312px;\n margin-top: 0px;\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 margin-top: 35px;\n max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: none;\n border-bottom: none;\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}\n.fwe-side-menu .fwe-side-menu-item {\n border-left: 1px solid var(--fwe-border);\n line-height: 1.2;\n display: flex;\n align-items: center;\n height: 42px;\n cursor: pointer;\n margin-left: -1px;\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: -1px;\n bottom: 0px;\n width: 0px;\n background: var(--fwe-hero);\n transition: width 0.2s, height 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.fwe-side-menu--horizontal {\n display: flex;\n flex-direction: row;\n width: 100%;\n overflow-y: hidden;\n overflow-x: auto;\n}\n@-moz-document url-prefix() {\n .fwe-side-menu--horizontal {\n scrollbar-width: thin;\n scrollbar-color: var(--fwe-control-scrollbar) transparent;\n }\n}\n@media (pointer: fine) {\n .fwe-side-menu--horizontal::-webkit-scrollbar {\n width: 14px;\n }\n .fwe-side-menu--horizontal::-webkit-scrollbar-track {\n background: transparent;\n }\n .fwe-side-menu--horizontal::-webkit-scrollbar-thumb {\n overflow: visible;\n background-color: var(--fwe-control-scrollbar);\n border: 3px solid rgba(242, 243, 245, 0);\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border-radius: 8px;\n }\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item {\n border: unset;\n height: 48px;\n padding: 0px 16px;\n margin: 0px;\n white-space: nowrap;\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item::before {\n top: unset;\n right: 16px;\n left: 16px;\n width: unset;\n height: 0px;\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item.fwe-active::before {\n width: unset;\n height: 4px;\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/_mixins.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,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 */\n/* a screen reader friendly approach */\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-active);\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-active);\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-active);\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-active);\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-active);\n}\n\n@media only screen and (min-width: 1281px) {\n footer.fwe-footer .fwe-footer-details {\n border-bottom: none;\n }\n footer.fwe-footer .fwe-footer-details h4 {\n margin-top: 24px;\n }\n footer.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 0px;\n }\n footer.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: left;\n display: flex;\n }\n footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n footer.fwe-footer .fwe-social-media {\n margin-bottom: 0px;\n }\n}\n@media only screen and (min-width: 1441px) {\n footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n }\n footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n }\n}\n.fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n display: flex;\n flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n order: 2;\n background-color: var(--fwe-sucanul);\n padding-top: 16px;\n padding-bottom: 13px;\n padding-left: 20px;\n padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n font-size: 12px;\n line-height: 14px;\n margin-bottom: 4px;\n font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n order: 1;\n background-color: var(--fwe-hero);\n min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n .fwe-teaser-verbox h2 {\n padding-top: 48px;\n }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n height: 142px;\n background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: var(--fwe-white);\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: none;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 166px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 341px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin-top: -104px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 455px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n .fwe-header-slider {\n padding: 24px 112px;\n }\n .fwe-header-slider .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n }\n .fwe-header-slider .fwe-header-slider-content p {\n -webkit-line-clamp: 3;\n }\n .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left,\n .fwe-header-slider .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left {\n left: 24px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-right {\n right: 24px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 640px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n@media only screen and (min-width: 1921px) {\n .fwe-header-slider-container .fwe-header-slider {\n width: 1192px;\n }\n}\n.fwe-header-modul-container {\n display: flex;\n flex-direction: column;\n padding-top: 32px;\n padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n order: 2;\n position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n margin-top: 0;\n margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n font-size: var(--fwe-font-size-xl);\n line-height: 32px;\n color: var(--fwe-text-light);\n margin: 0;\n padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n position: absolute;\n bottom: 0;\n right: 0;\n content: \"\";\n width: 28px;\n height: 10px;\n background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n min-height: 111px;\n background-color: var(--fwe-hero);\n order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 132px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 6px;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 268px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 352px;\n }\n}\n@media only screen and (min-width: 1281px) {\n .fwe-header-modul-container {\n flex-direction: row;\n }\n .fwe-header-modul-container .fwe-header-modul-content {\n order: 1;\n width: 41.6666666667%;\n margin-right: 24px;\n }\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-top: 0;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n order: 2;\n min-height: 293px;\n flex: 1;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 400px;\n }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n background: transparent;\n box-shadow: none;\n padding: 0px;\n position: fixed;\n width: 288px;\n max-width: unset;\n max-height: 100vh;\n overflow-x: hidden;\n overflow-y: hidden;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-up.fwe-modal-image-gallery-scale,\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-down.fwe-modal-image-gallery-scale {\n font-size: 24px;\n margin-right: 0px;\n padding-right: 0px;\n padding-top: 3px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n max-height: calc(100vh - 73px);\n}\n.fwe-modal-image-gallery .fwe-image-gallery-close-btn {\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n min-width: 32px;\n cursor: pointer;\n background: var(--fwe-white);\n mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTIxLjQ4IDkuMSAxNiAxNC41OSAxMC41MSA5LjEgOS4xIDEwLjUyIDE0LjU4IDE2IDkuMSAyMS40OWwxLjQxIDEuNDFMMTYgMTcuNDJsNS40OCA1LjQ4IDEuNDItMS40MUwxNy40MSAxNmw1LjQ5LTUuNDgtMS40Mi0xLjQyeiIgZGF0YS1uYW1lPSJjb250ZW50Ii8+PC9zdmc+\");\n}\n.fwe-modal-image-gallery .fwe-image-gallery-close-btn:hover {\n background: var(--fwe-hero);\n}\n.fwe-modal-image-gallery .fwe-image-gallery-scale-btn {\n width: 24px;\n height: 24px;\n padding: 0;\n border: none;\n min-width: 24px;\n cursor: pointer;\n background: var(--fwe-white);\n mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBkPSJtMTguMTAxIDQgMi44MjggMi44MjgtNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMtNC4yNDNMMjggMTMuODk5VjRoLTkuODk5ek0xMS4wNzEgMTYuNjg2bC00LjI0MyA0LjI0M0w0IDE4LjEwMVYyOGg5LjlsLTIuODI5LTIuODI4IDQuMjQzLTQuMjQzLTQuMjQzLTQuMjQzeiIvPjwvZz48L3N2Zz4=\");\n}\n.fwe-modal-image-gallery .fwe-image-gallery-scale-btn:hover {\n background: var(--fwe-hero);\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: none;\n border-bottom: none;\n}\n.fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: 18px;\n}\n\n.fwe-image-gallery-container {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.fwe-image-gallery-content {\n color: var(--fwe-white);\n padding-top: 48px;\n padding-bottom: 24px;\n}\n.fwe-image-gallery-content h3 {\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.fwe-image-gallery-header {\n display: flex;\n align-items: center;\n margin-bottom: 24px;\n margin-top: 0px;\n}\n\n.fwe-image-gallery {\n width: 100%;\n height: 288px;\n background-color: white;\n user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n margin-top: 24px;\n user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n width: 100%;\n height: 64px;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n position: relative;\n background-size: cover;\n background-position: center;\n width: 88px;\n margin-right: 8px;\n height: 64px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n display: block;\n object-fit: cover;\n width: 88px;\n height: 56px;\n background-color: white;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active {\n cursor: default;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n position: relative;\n height: 64px;\n width: 88px;\n min-width: 88px;\n margin-right: 8px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs-nail img {\n position: absolute;\n height: 56px;\n width: 88px;\n min-width: 88px;\n background: white;\n object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active {\n cursor: default;\n}\n\n@media only screen and (min-width: 375px) {\n .fwe-modal-image-gallery {\n width: 342px;\n max-height: 90vh;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 342px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-modal-image-gallery {\n width: 960px;\n min-height: 726px;\n }\n .fwe-modal-image-gallery--with-container {\n width: 1320px;\n border-top: none;\n border-bottom: none;\n position: relative;\n }\n .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n position: absolute;\n top: 0px;\n right: 0px;\n width: 312px;\n margin-top: 0px;\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 margin-top: 35px;\n max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: none;\n border-bottom: none;\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}\n.fwe-side-menu .fwe-side-menu-item {\n border-left: 1px solid var(--fwe-border);\n line-height: 1.2;\n display: flex;\n align-items: center;\n height: 42px;\n cursor: pointer;\n margin-left: -1px;\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: -1px;\n bottom: 0px;\n width: 0px;\n background: var(--fwe-hero);\n transition: width 0.2s, height 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.fwe-side-menu--horizontal {\n display: flex;\n flex-direction: row;\n width: 100%;\n overflow-y: hidden;\n overflow-x: auto;\n}\n@-moz-document url-prefix() {\n .fwe-side-menu--horizontal {\n scrollbar-width: thin;\n scrollbar-color: var(--fwe-control-scrollbar) transparent;\n }\n}\n@media (pointer: fine) {\n .fwe-side-menu--horizontal::-webkit-scrollbar {\n width: 14px;\n }\n .fwe-side-menu--horizontal::-webkit-scrollbar-track {\n background: transparent;\n }\n .fwe-side-menu--horizontal::-webkit-scrollbar-thumb {\n overflow: visible;\n background-color: var(--fwe-control-scrollbar);\n border: 3px solid rgba(242, 243, 245, 0);\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border-radius: 8px;\n }\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item {\n border: unset;\n height: 48px;\n padding: 0px 16px;\n margin: 0px;\n white-space: nowrap;\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item::before {\n top: unset;\n right: 16px;\n left: 16px;\n width: unset;\n height: 0px;\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item.fwe-active::before {\n width: unset;\n height: 4px;\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */\n",null,null,null,null,null,null,null]}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
* Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)
|
|
3
3
|
* Copyright 2022 Festo SE & Co. KG
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
|
-
*/footer.fwe-footer .fwe-social-media{display:flex;flex-direction:row;justify-content:center;padding:24px 0;border-bottom:1px solid var(--fwe-control-border-active);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-active)}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-active);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-active);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-active)}@media only screen and (min-width:1281px){footer.fwe-footer .fwe-footer-details{border-bottom:none}footer.fwe-footer .fwe-footer-details h4{margin-top:24px}footer.fwe-footer .fwe-footer-details:not(:first-child){margin-top:0}footer.fwe-footer .fwe-bottomline{font-size:var(--fwe-font-size-small);padding-top:24px;text-align:left;display:flex}footer.fwe-footer .fwe-bottomline .fwe-sitelinks{text-align:right;margin-left:auto;display:flex}footer.fwe-footer .fwe-social-media{margin-bottom:0}}@media only screen and (min-width:1441px){footer.fwe-footer .fwe-social-media .fwe-social-media-link{width:64px;height:64px;margin-right:42px}footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child{margin-right:0}}.fwe-teaser-horbox{display:flex;background-color:var(--fwe-sucanul)}.fwe-teaser-horbox .fwe-teaser-horbox-img{background-color:var(--fwe-hero);flex:1}.fwe-teaser-horbox .fwe-teaser-horbox-content{flex:1;display:inline-flex;flex-direction:column;padding:24px}.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more{align-self:flex-end}.fwe-teaser-verbox{display:inline-flex;flex-direction:column;background-color:var(--fwe-sucanul);width:100%;height:100%}.fwe-teaser-verbox .fwe-teaser-verbox-img{background-color:var(--fwe-hero);height:calc(50% - 12px);min-height:186px;width:100%}.fwe-teaser-verbox h2{padding-top:24px;padding-left:24px;padding-right:24px}.fwe-teaser-verbox p{padding-left:24px;padding-right:24px}.fwe-teaser-verbox .fwe-teaser-more{align-self:flex-end;margin-bottom:24px;margin-right:24px}.fwe-teaser-c12-container{display:flex;flex-direction:column}.fwe-teaser-c12-container .fwe-teaser-c12-content{order:2;background-color:var(--fwe-sucanul);padding-top:16px;padding-bottom:13px;padding-left:20px;padding-right:20px}.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3,.fwe-teaser-c12-container .fwe-teaser-c12-content h3{font-size:12px;line-height:14px;margin-bottom:4px;font-weight:var(--fwe-font-weight-normal)}.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2,.fwe-teaser-c12-container .fwe-teaser-c12-content h2{font-size:16px;line-height:24px;font-weight:var(--fwe-font-weight-bold);margin-top:0}.fwe-teaser-c12-container .fwe-teaser-c12-img{order:1;background-color:var(--fwe-hero);min-height:114px}@media only screen and (min-width:1025px){.fwe-teaser-verbox h2{padding-top:48px}}.fwe-header-slider-container .fwe-header-slider-box{height:142px;background-color:var(--fwe-hero)}.fwe-header-slider-container .fwe-header-slider{margin-top:-28px;margin-left:12px;margin-right:12px}.fwe-header-slider{display:flex;flex-direction:column;padding:24px 28px;background-color:var(--fwe-white);border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.2)}.fwe-header-slider .fwe-header-slider-content{display:inline-flex;flex-direction:column}.fwe-header-slider .fwe-header-slider-content p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;margin:0}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{margin-top:24px;justify-content:center;margin-left:18px;margin-right:18px}.fwe-header-slider .fwe-pagination{align-self:center;margin-top:24px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:none}@media only screen and (min-width:600px){.fwe-header-slider-container .fwe-header-slider-box{height:166px}}@media only screen and (min-width:769px){.fwe-header-slider-container .fwe-header-slider-box{height:341px}.fwe-header-slider-container .fwe-header-slider{margin-top:-104px}}@media only screen and (min-width:1025px){.fwe-header-slider-container .fwe-header-slider-box{height:455px}.fwe-header-slider-container .fwe-header-slider{position:relative;margin-top:-104px}.fwe-header-slider{padding:24px 112px}.fwe-header-slider .fwe-header-slider-content{flex-direction:row;align-items:center}.fwe-header-slider .fwe-header-slider-content p{-webkit-line-clamp:3}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{justify-content:center;margin-top:0;margin-left:34px;margin-right:0;min-width:200px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:block;position:absolute;top:50%;margin-top:12px;transform:translateY(-50%);height:48px;width:48px;font-size:48px}.fwe-header-slider .fwe-header-slider-arrow-left{left:24px}.fwe-header-slider .fwe-header-slider-arrow-right{right:24px}}@media only screen and (min-width:1441px){.fwe-header-slider-container .fwe-header-slider-box{height:640px}.fwe-header-slider-container .fwe-header-slider{margin:auto;margin-top:-104px;width:1096px}.fwe-header-slider{padding:24px 160px}}@media only screen and (min-width:1921px){.fwe-header-slider-container .fwe-header-slider{width:1192px}}.fwe-header-modul-container{display:flex;flex-direction:column;padding-top:32px;padding-bottom:32px}.fwe-header-modul-container .fwe-header-modul-content{order:2;position:relative}.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-bottom:0}.fwe-header-modul-container .fwe-header-modul-content .fwe-h3,.fwe-header-modul-container .fwe-header-modul-content h3{margin-top:0;margin-bottom:16px}.fwe-header-modul-container .fwe-header-modul-content p{font-size:var(--fwe-font-size-xl);line-height:32px;color:var(--fwe-text-light);margin:0;padding-bottom:34px}.fwe-header-modul-container .fwe-header-modul-content::after{position:absolute;bottom:0;right:0;content:"";width:28px;height:10px;background-color:var(--fwe-gray-400)}.fwe-header-modul-container .fwe-header-modul-media{min-height:111px;background-color:var(--fwe-hero);order:1}@media only screen and (min-width:600px){.fwe-header-modul-container .fwe-header-modul-media{min-height:132px}}@media only screen and (min-width:769px){.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-bottom:6px}.fwe-header-modul-container .fwe-header-modul-media{min-height:268px}}@media only screen and (min-width:1025px){.fwe-header-modul-container .fwe-header-modul-media{min-height:352px}}@media only screen and (min-width:1281px){.fwe-header-modul-container{flex-direction:row}.fwe-header-modul-container .fwe-header-modul-content{order:1;width:41.6666666667%;margin-right:24px}.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-top:0}.fwe-header-modul-container .fwe-header-modul-media{order:2;min-height:293px;flex:1}}@media only screen and (min-width:1441px){.fwe-header-modul-container .fwe-header-modul-media{min-height:400px}}.fwe-modal-image-gallery{background:0 0;box-shadow:none;padding:0;position:fixed;width:288px;max-width:unset;max-height:100vh;overflow-x:hidden;overflow-y:hidden}.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close{margin-right:0;padding-right:0;padding-top:3px}.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-down.fwe-modal-image-gallery-scale,.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-up.fwe-modal-image-gallery-scale{font-size:24px;margin-right:0;padding-right:0;padding-top:3px}.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:none;border-bottom:none}.fwe-modal-image-gallery--with-container .fwe-image-gallery-header{margin-top:18px}.fwe-image-gallery-container{display:flex;flex-direction:column;overflow:hidden}.fwe-image-gallery-content{color:var(--fwe-white);padding-top:48px;padding-bottom:24px}.fwe-image-gallery-content h3{font-weight:var(--fwe-font-weight-bold);margin-top:0;margin-bottom:16px}.fwe-image-gallery-header{display:flex;align-items:center;margin-bottom:24px;margin-top:0}.fwe-image-gallery{width:100%;height:288px;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-image-gallery .swiper-zoom-container img,.fwe-image-gallery .swiper-zoom-container svg,.fwe-image-gallery img,.fwe-image-gallery svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fwe-image-gallery-thumbs{margin-top:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-image-gallery-thumbs.swiper{width:100%;height:64px;box-sizing:border-box;margin-left:auto;margin-right:auto}.fwe-image-gallery-thumbs.swiper .swiper-slide{position:relative;background-size:cover;background-position:center;width:88px;margin-right:8px;height:64px;opacity:.33;transition:opacity .3s;cursor:pointer}.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child{margin-right:0}.fwe-image-gallery-thumbs.swiper .swiper-slide::after{position:absolute;content:"";height:4px;width:100%;background-color:var(--fwe-hero);bottom:0;opacity:0;transition:opacity .3s}.fwe-image-gallery-thumbs.swiper .swiper-slide img{display:block;-o-object-fit:cover;object-fit:cover;width:88px;height:56px;background-color:#fff}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active,.fwe-image-gallery-thumbs.swiper .swiper-slide:hover{opacity:1}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after,.fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after{opacity:1}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active{cursor:default}.fwe-image-gallery-thumbs:not(.swiper){display:flex;flex-direction:row;overflow:hidden}.fwe-image-gallery-thumbs-nail{position:relative;height:64px;width:88px;min-width:88px;margin-right:8px;opacity:.33;transition:opacity .3s;cursor:pointer}.fwe-image-gallery-thumbs-nail img{position:absolute;height:56px;width:88px;min-width:88px;background:#fff;-o-object-fit:cover;object-fit:cover}.fwe-image-gallery-thumbs-nail:last-child{margin-right:0}.fwe-image-gallery-thumbs-nail::after{position:absolute;content:"";height:4px;width:100%;background-color:var(--fwe-hero);bottom:0;opacity:0;transition:opacity .3s}.fwe-image-gallery-thumbs-nail.fwe-active,.fwe-image-gallery-thumbs-nail:hover{opacity:1}.fwe-image-gallery-thumbs-nail.fwe-active::after,.fwe-image-gallery-thumbs-nail:hover::after{opacity:1}.fwe-image-gallery-thumbs-nail.fwe-active{cursor:default}@media only screen and (min-width:375px){.fwe-modal-image-gallery{width:342px;max-height:90vh}.fwe-image-gallery,.fwe-image-gallery-content{height:342px}}@media only screen and (min-width:769px){.fwe-modal-image-gallery{width:696px}.fwe-image-gallery,.fwe-image-gallery-content{height:465px}}@media only screen and (min-width:1025px){.fwe-modal-image-gallery{width:696px}.fwe-image-gallery,.fwe-image-gallery-content{height:465px}}@media only screen and (min-width:1441px){.fwe-modal-image-gallery{width:960px;min-height:726px}.fwe-modal-image-gallery--with-container{width:1320px;border-top:none;border-bottom:none;position:relative}.fwe-modal-image-gallery--with-container .fwe-image-gallery-header{position:absolute;top:0;right:0;width:312px;margin-top:0}.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{margin-top:35px;max-width:312px;width:312px;min-width:312px;margin-left:24px;border-top:none;border-bottom:none}}.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}.fwe-side-menu .fwe-side-menu-item{border-left:1px solid var(--fwe-border);line-height:1.2;display:flex;align-items:center;height:42px;cursor:pointer;margin-left:-1px;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:-1px;bottom:0;width:0;background:var(--fwe-hero);transition:width .2s,height .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--horizontal{display:flex;flex-direction:row;width:100%;overflow-y:hidden;overflow-x:auto}@-moz-document url-prefix(){.fwe-side-menu--horizontal{scrollbar-width:thin;scrollbar-color:var(--fwe-control-scrollbar) transparent}}@media (pointer:fine){.fwe-side-menu--horizontal::-webkit-scrollbar{width:14px}.fwe-side-menu--horizontal::-webkit-scrollbar-track{background:0 0}.fwe-side-menu--horizontal::-webkit-scrollbar-thumb{overflow:visible;background-color:var(--fwe-control-scrollbar);border:3px solid rgba(242,243,245,0);-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:8px}}.fwe-side-menu--horizontal .fwe-side-menu-item{border:unset;height:48px;padding:0 16px;margin:0;white-space:nowrap}.fwe-side-menu--horizontal .fwe-side-menu-item::before{top:unset;right:16px;left:16px;width:unset;height:0}.fwe-side-menu--horizontal .fwe-side-menu-item.fwe-active::before{width:unset;height:4px}
|
|
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-active);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-active)}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-active);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-active);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-active)}@media only screen and (min-width:1281px){footer.fwe-footer .fwe-footer-details{border-bottom:none}footer.fwe-footer .fwe-footer-details h4{margin-top:24px}footer.fwe-footer .fwe-footer-details:not(:first-child){margin-top:0}footer.fwe-footer .fwe-bottomline{font-size:var(--fwe-font-size-small);padding-top:24px;text-align:left;display:flex}footer.fwe-footer .fwe-bottomline .fwe-sitelinks{text-align:right;margin-left:auto;display:flex}footer.fwe-footer .fwe-social-media{margin-bottom:0}}@media only screen and (min-width:1441px){footer.fwe-footer .fwe-social-media .fwe-social-media-link{width:64px;height:64px;margin-right:42px}footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child{margin-right:0}}.fwe-teaser-horbox{display:flex;background-color:var(--fwe-sucanul)}.fwe-teaser-horbox .fwe-teaser-horbox-img{background-color:var(--fwe-hero);flex:1}.fwe-teaser-horbox .fwe-teaser-horbox-content{flex:1;display:inline-flex;flex-direction:column;padding:24px}.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more{align-self:flex-end}.fwe-teaser-verbox{display:inline-flex;flex-direction:column;background-color:var(--fwe-sucanul);width:100%;height:100%}.fwe-teaser-verbox .fwe-teaser-verbox-img{background-color:var(--fwe-hero);height:calc(50% - 12px);min-height:186px;width:100%}.fwe-teaser-verbox h2{padding-top:24px;padding-left:24px;padding-right:24px}.fwe-teaser-verbox p{padding-left:24px;padding-right:24px}.fwe-teaser-verbox .fwe-teaser-more{align-self:flex-end;margin-bottom:24px;margin-right:24px}.fwe-teaser-c12-container{display:flex;flex-direction:column}.fwe-teaser-c12-container .fwe-teaser-c12-content{order:2;background-color:var(--fwe-sucanul);padding-top:16px;padding-bottom:13px;padding-left:20px;padding-right:20px}.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3,.fwe-teaser-c12-container .fwe-teaser-c12-content h3{font-size:12px;line-height:14px;margin-bottom:4px;font-weight:var(--fwe-font-weight-normal)}.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2,.fwe-teaser-c12-container .fwe-teaser-c12-content h2{font-size:16px;line-height:24px;font-weight:var(--fwe-font-weight-bold);margin-top:0}.fwe-teaser-c12-container .fwe-teaser-c12-img{order:1;background-color:var(--fwe-hero);min-height:114px}@media only screen and (min-width:1025px){.fwe-teaser-verbox h2{padding-top:48px}}.fwe-header-slider-container .fwe-header-slider-box{height:142px;background-color:var(--fwe-hero)}.fwe-header-slider-container .fwe-header-slider{margin-top:-28px;margin-left:12px;margin-right:12px}.fwe-header-slider{display:flex;flex-direction:column;padding:24px 28px;background-color:var(--fwe-white);border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.2)}.fwe-header-slider .fwe-header-slider-content{display:inline-flex;flex-direction:column}.fwe-header-slider .fwe-header-slider-content p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;margin:0}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{margin-top:24px;justify-content:center;margin-left:18px;margin-right:18px}.fwe-header-slider .fwe-pagination{align-self:center;margin-top:24px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:none}@media only screen and (min-width:600px){.fwe-header-slider-container .fwe-header-slider-box{height:166px}}@media only screen and (min-width:769px){.fwe-header-slider-container .fwe-header-slider-box{height:341px}.fwe-header-slider-container .fwe-header-slider{margin-top:-104px}}@media only screen and (min-width:1025px){.fwe-header-slider-container .fwe-header-slider-box{height:455px}.fwe-header-slider-container .fwe-header-slider{position:relative;margin-top:-104px}.fwe-header-slider{padding:24px 112px}.fwe-header-slider .fwe-header-slider-content{flex-direction:row;align-items:center}.fwe-header-slider .fwe-header-slider-content p{-webkit-line-clamp:3}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{justify-content:center;margin-top:0;margin-left:34px;margin-right:0;min-width:200px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:block;position:absolute;top:50%;margin-top:12px;transform:translateY(-50%);height:48px;width:48px;font-size:48px}.fwe-header-slider .fwe-header-slider-arrow-left{left:24px}.fwe-header-slider .fwe-header-slider-arrow-right{right:24px}}@media only screen and (min-width:1441px){.fwe-header-slider-container .fwe-header-slider-box{height:640px}.fwe-header-slider-container .fwe-header-slider{margin:auto;margin-top:-104px;width:1096px}.fwe-header-slider{padding:24px 160px}}@media only screen and (min-width:1921px){.fwe-header-slider-container .fwe-header-slider{width:1192px}}.fwe-header-modul-container{display:flex;flex-direction:column;padding-top:32px;padding-bottom:32px}.fwe-header-modul-container .fwe-header-modul-content{order:2;position:relative}.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-bottom:0}.fwe-header-modul-container .fwe-header-modul-content .fwe-h3,.fwe-header-modul-container .fwe-header-modul-content h3{margin-top:0;margin-bottom:16px}.fwe-header-modul-container .fwe-header-modul-content p{font-size:var(--fwe-font-size-xl);line-height:32px;color:var(--fwe-text-light);margin:0;padding-bottom:34px}.fwe-header-modul-container .fwe-header-modul-content::after{position:absolute;bottom:0;right:0;content:"";width:28px;height:10px;background-color:var(--fwe-gray-400)}.fwe-header-modul-container .fwe-header-modul-media{min-height:111px;background-color:var(--fwe-hero);order:1}@media only screen and (min-width:600px){.fwe-header-modul-container .fwe-header-modul-media{min-height:132px}}@media only screen and (min-width:769px){.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-bottom:6px}.fwe-header-modul-container .fwe-header-modul-media{min-height:268px}}@media only screen and (min-width:1025px){.fwe-header-modul-container .fwe-header-modul-media{min-height:352px}}@media only screen and (min-width:1281px){.fwe-header-modul-container{flex-direction:row}.fwe-header-modul-container .fwe-header-modul-content{order:1;width:41.6666666667%;margin-right:24px}.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-top:0}.fwe-header-modul-container .fwe-header-modul-media{order:2;min-height:293px;flex:1}}@media only screen and (min-width:1441px){.fwe-header-modul-container .fwe-header-modul-media{min-height:400px}}.fwe-modal-image-gallery{background:0 0;box-shadow:none;padding:0;position:fixed;width:288px;max-width:unset;max-height:100vh;overflow-x:hidden;overflow-y:hidden}.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-down.fwe-modal-image-gallery-scale,.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-up.fwe-modal-image-gallery-scale{font-size:24px;margin-right:0;padding-right:0;padding-top:3px}.fwe-modal-image-gallery .fwe-image-gallery{max-height:calc(100vh - 73px)}.fwe-modal-image-gallery .fwe-image-gallery-close-btn{width:32px;height:32px;padding:0;border:none;min-width:32px;cursor:pointer;background:var(--fwe-white);-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTIxLjQ4IDkuMSAxNiAxNC41OSAxMC41MSA5LjEgOS4xIDEwLjUyIDE0LjU4IDE2IDkuMSAyMS40OWwxLjQxIDEuNDFMMTYgMTcuNDJsNS40OCA1LjQ4IDEuNDItMS40MUwxNy40MSAxNmw1LjQ5LTUuNDgtMS40Mi0xLjQyeiIgZGF0YS1uYW1lPSJjb250ZW50Ii8+PC9zdmc+");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTIxLjQ4IDkuMSAxNiAxNC41OSAxMC41MSA5LjEgOS4xIDEwLjUyIDE0LjU4IDE2IDkuMSAyMS40OWwxLjQxIDEuNDFMMTYgMTcuNDJsNS40OCA1LjQ4IDEuNDItMS40MUwxNy40MSAxNmw1LjQ5LTUuNDgtMS40Mi0xLjQyeiIgZGF0YS1uYW1lPSJjb250ZW50Ii8+PC9zdmc+")}.fwe-modal-image-gallery .fwe-image-gallery-close-btn:hover{background:var(--fwe-hero)}.fwe-modal-image-gallery .fwe-image-gallery-scale-btn{width:24px;height:24px;padding:0;border:none;min-width:24px;cursor:pointer;background:var(--fwe-white);-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBkPSJtMTguMTAxIDQgMi44MjggMi44MjgtNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMtNC4yNDNMMjggMTMuODk5VjRoLTkuODk5ek0xMS4wNzEgMTYuNjg2bC00LjI0MyA0LjI0M0w0IDE4LjEwMVYyOGg5LjlsLTIuODI5LTIuODI4IDQuMjQzLTQuMjQzLTQuMjQzLTQuMjQzeiIvPjwvZz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBkPSJtMTguMTAxIDQgMi44MjggMi44MjgtNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMtNC4yNDNMMjggMTMuODk5VjRoLTkuODk5ek0xMS4wNzEgMTYuNjg2bC00LjI0MyA0LjI0M0w0IDE4LjEwMVYyOGg5LjlsLTIuODI5LTIuODI4IDQuMjQzLTQuMjQzLTQuMjQzLTQuMjQzeiIvPjwvZz48L3N2Zz4=")}.fwe-modal-image-gallery .fwe-image-gallery-scale-btn:hover{background:var(--fwe-hero)}.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery{max-height:calc(100vh - 161px)}.fwe-modal-image-gallery--with-container{border-top:none;border-bottom:none}.fwe-modal-image-gallery--with-container .fwe-image-gallery-header{margin-top:18px}.fwe-image-gallery-container{display:flex;flex-direction:column;overflow:hidden}.fwe-image-gallery-content{color:var(--fwe-white);padding-top:48px;padding-bottom:24px}.fwe-image-gallery-content h3{font-weight:var(--fwe-font-weight-bold);margin-top:0;margin-bottom:16px}.fwe-image-gallery-header{display:flex;align-items:center;margin-bottom:24px;margin-top:0}.fwe-image-gallery{width:100%;height:288px;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-image-gallery .swiper-zoom-container img,.fwe-image-gallery .swiper-zoom-container svg,.fwe-image-gallery img,.fwe-image-gallery svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fwe-image-gallery-thumbs{margin-top:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-image-gallery-thumbs.swiper{width:100%;height:64px;box-sizing:border-box;margin-left:auto;margin-right:auto}.fwe-image-gallery-thumbs.swiper .swiper-slide{position:relative;background-size:cover;background-position:center;width:88px;margin-right:8px;height:64px;opacity:.33;transition:opacity .3s;cursor:pointer}.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child{margin-right:0}.fwe-image-gallery-thumbs.swiper .swiper-slide::after{position:absolute;content:"";height:4px;width:100%;background-color:var(--fwe-hero);bottom:0;opacity:0;transition:opacity .3s}.fwe-image-gallery-thumbs.swiper .swiper-slide img{display:block;-o-object-fit:cover;object-fit:cover;width:88px;height:56px;background-color:#fff}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active,.fwe-image-gallery-thumbs.swiper .swiper-slide:hover{opacity:1}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after,.fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after{opacity:1}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active{cursor:default}.fwe-image-gallery-thumbs:not(.swiper){display:flex;flex-direction:row;overflow:hidden}.fwe-image-gallery-thumbs-nail{position:relative;height:64px;width:88px;min-width:88px;margin-right:8px;opacity:.33;transition:opacity .3s;cursor:pointer}.fwe-image-gallery-thumbs-nail img{position:absolute;height:56px;width:88px;min-width:88px;background:#fff;-o-object-fit:cover;object-fit:cover}.fwe-image-gallery-thumbs-nail:last-child{margin-right:0}.fwe-image-gallery-thumbs-nail::after{position:absolute;content:"";height:4px;width:100%;background-color:var(--fwe-hero);bottom:0;opacity:0;transition:opacity .3s}.fwe-image-gallery-thumbs-nail.fwe-active,.fwe-image-gallery-thumbs-nail:hover{opacity:1}.fwe-image-gallery-thumbs-nail.fwe-active::after,.fwe-image-gallery-thumbs-nail:hover::after{opacity:1}.fwe-image-gallery-thumbs-nail.fwe-active{cursor:default}@media only screen and (min-width:375px){.fwe-modal-image-gallery{width:342px;max-height:90vh}.fwe-image-gallery,.fwe-image-gallery-content{height:342px}}@media only screen and (min-width:769px){.fwe-modal-image-gallery{width:696px}.fwe-image-gallery,.fwe-image-gallery-content{height:465px}}@media only screen and (min-width:1025px){.fwe-modal-image-gallery{width:696px}.fwe-image-gallery,.fwe-image-gallery-content{height:465px}}@media only screen and (min-width:1441px){.fwe-modal-image-gallery{width:960px;min-height:726px}.fwe-modal-image-gallery--with-container{width:1320px;border-top:none;border-bottom:none;position:relative}.fwe-modal-image-gallery--with-container .fwe-image-gallery-header{position:absolute;top:0;right:0;width:312px;margin-top:0}.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{margin-top:35px;max-width:312px;width:312px;min-width:312px;margin-left:24px;border-top:none;border-bottom:none}}.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}.fwe-side-menu .fwe-side-menu-item{border-left:1px solid var(--fwe-border);line-height:1.2;display:flex;align-items:center;height:42px;cursor:pointer;margin-left:-1px;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:-1px;bottom:0;width:0;background:var(--fwe-hero);transition:width .2s,height .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--horizontal{display:flex;flex-direction:row;width:100%;overflow-y:hidden;overflow-x:auto}@-moz-document url-prefix(){.fwe-side-menu--horizontal{scrollbar-width:thin;scrollbar-color:var(--fwe-control-scrollbar) transparent}}@media (pointer:fine){.fwe-side-menu--horizontal::-webkit-scrollbar{width:14px}.fwe-side-menu--horizontal::-webkit-scrollbar-track{background:0 0}.fwe-side-menu--horizontal::-webkit-scrollbar-thumb{overflow:visible;background-color:var(--fwe-control-scrollbar);border:3px solid rgba(242,243,245,0);-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:8px}}.fwe-side-menu--horizontal .fwe-side-menu-item{border:unset;height:48px;padding:0 16px;margin:0;white-space:nowrap}.fwe-side-menu--horizontal .fwe-side-menu-item::before{top:unset;right:16px;left:16px;width:unset;height:0}.fwe-side-menu--horizontal .fwe-side-menu-item.fwe-active::before{width:unset;height:4px}
|
|
6
6
|
/*# sourceMappingURL=festo-web-essentials-organisms.min.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["dist/css/organisms/festo-web-essentials-organisms.css"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n/* a screen reader friendly approach */\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-active);\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-active);\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-active);\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-active);\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-active);\n}\n\n@media only screen and (min-width: 1281px) {\n footer.fwe-footer .fwe-footer-details {\n border-bottom: none;\n }\n footer.fwe-footer .fwe-footer-details h4 {\n margin-top: 24px;\n }\n footer.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 0px;\n }\n footer.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: left;\n display: flex;\n }\n footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n footer.fwe-footer .fwe-social-media {\n margin-bottom: 0px;\n }\n}\n@media only screen and (min-width: 1441px) {\n footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n }\n footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n }\n}\n.fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n display: flex;\n flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n order: 2;\n background-color: var(--fwe-sucanul);\n padding-top: 16px;\n padding-bottom: 13px;\n padding-left: 20px;\n padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n font-size: 12px;\n line-height: 14px;\n margin-bottom: 4px;\n font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n order: 1;\n background-color: var(--fwe-hero);\n min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n .fwe-teaser-verbox h2 {\n padding-top: 48px;\n }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n height: 142px;\n background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: var(--fwe-white);\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: none;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 166px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 341px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin-top: -104px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 455px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n .fwe-header-slider {\n padding: 24px 112px;\n }\n .fwe-header-slider .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n }\n .fwe-header-slider .fwe-header-slider-content p {\n -webkit-line-clamp: 3;\n }\n .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left,\n .fwe-header-slider .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left {\n left: 24px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-right {\n right: 24px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 640px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n@media only screen and (min-width: 1921px) {\n .fwe-header-slider-container .fwe-header-slider {\n width: 1192px;\n }\n}\n.fwe-header-modul-container {\n display: flex;\n flex-direction: column;\n padding-top: 32px;\n padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n order: 2;\n position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n margin-top: 0;\n margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n font-size: var(--fwe-font-size-xl);\n line-height: 32px;\n color: var(--fwe-text-light);\n margin: 0;\n padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n position: absolute;\n bottom: 0;\n right: 0;\n content: \"\";\n width: 28px;\n height: 10px;\n background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n min-height: 111px;\n background-color: var(--fwe-hero);\n order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 132px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 6px;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 268px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 352px;\n }\n}\n@media only screen and (min-width: 1281px) {\n .fwe-header-modul-container {\n flex-direction: row;\n }\n .fwe-header-modul-container .fwe-header-modul-content {\n order: 1;\n width: 41.6666666667%;\n margin-right: 24px;\n }\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-top: 0;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n order: 2;\n min-height: 293px;\n flex: 1;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 400px;\n }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n background: transparent;\n box-shadow: none;\n padding: 0px;\n position: fixed;\n width: 288px;\n max-width: unset;\n max-height: 100vh;\n overflow-x: hidden;\n overflow-y: hidden;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n margin-right: 0px;\n padding-right: 0px;\n padding-top: 3px;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-up.fwe-modal-image-gallery-scale,\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-down.fwe-modal-image-gallery-scale {\n font-size: 24px;\n margin-right: 0px;\n padding-right: 0px;\n padding-top: 3px;\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: none;\n border-bottom: none;\n}\n.fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: 18px;\n}\n\n.fwe-image-gallery-container {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.fwe-image-gallery-content {\n color: var(--fwe-white);\n padding-top: 48px;\n padding-bottom: 24px;\n}\n.fwe-image-gallery-content h3 {\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.fwe-image-gallery-header {\n display: flex;\n align-items: center;\n margin-bottom: 24px;\n margin-top: 0px;\n}\n\n.fwe-image-gallery {\n width: 100%;\n height: 288px;\n background-color: white;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n margin-top: 24px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n width: 100%;\n height: 64px;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n position: relative;\n background-size: cover;\n background-position: center;\n width: 88px;\n margin-right: 8px;\n height: 64px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n display: block;\n -o-object-fit: cover;\n object-fit: cover;\n width: 88px;\n height: 56px;\n background-color: white;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active {\n cursor: default;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n position: relative;\n height: 64px;\n width: 88px;\n min-width: 88px;\n margin-right: 8px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs-nail img {\n position: absolute;\n height: 56px;\n width: 88px;\n min-width: 88px;\n background: white;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active {\n cursor: default;\n}\n\n@media only screen and (min-width: 375px) {\n .fwe-modal-image-gallery {\n width: 342px;\n max-height: 90vh;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 342px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-modal-image-gallery {\n width: 960px;\n min-height: 726px;\n }\n .fwe-modal-image-gallery--with-container {\n width: 1320px;\n border-top: none;\n border-bottom: none;\n position: relative;\n }\n .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n position: absolute;\n top: 0px;\n right: 0px;\n width: 312px;\n margin-top: 0px;\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 margin-top: 35px;\n max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: none;\n border-bottom: none;\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}\n.fwe-side-menu .fwe-side-menu-item {\n border-left: 1px solid var(--fwe-border);\n line-height: 1.2;\n display: flex;\n align-items: center;\n height: 42px;\n cursor: pointer;\n margin-left: -1px;\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: -1px;\n bottom: 0px;\n width: 0px;\n background: var(--fwe-hero);\n transition: width 0.2s, height 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.fwe-side-menu--horizontal {\n display: flex;\n flex-direction: row;\n width: 100%;\n overflow-y: hidden;\n overflow-x: auto;\n}\n@-moz-document url-prefix() {\n .fwe-side-menu--horizontal {\n scrollbar-width: thin;\n scrollbar-color: var(--fwe-control-scrollbar) transparent;\n }\n}\n@media (pointer: fine) {\n .fwe-side-menu--horizontal::-webkit-scrollbar {\n width: 14px;\n }\n .fwe-side-menu--horizontal::-webkit-scrollbar-track {\n background: transparent;\n }\n .fwe-side-menu--horizontal::-webkit-scrollbar-thumb {\n overflow: visible;\n background-color: var(--fwe-control-scrollbar);\n border: 3px solid rgba(242, 243, 245, 0);\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border-radius: 8px;\n }\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item {\n border: unset;\n height: 48px;\n padding: 0px 16px;\n margin: 0px;\n white-space: nowrap;\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item::before {\n top: unset;\n right: 16px;\n left: 16px;\n width: unset;\n height: 0px;\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item.fwe-active::before {\n width: unset;\n height: 4px;\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */"]}
|
|
1
|
+
{"version":3,"sources":["dist/css/organisms/festo-web-essentials-organisms.css"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n/* a screen reader friendly approach */\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-active);\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-active);\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-active);\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-active);\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-active);\n}\n\n@media only screen and (min-width: 1281px) {\n footer.fwe-footer .fwe-footer-details {\n border-bottom: none;\n }\n footer.fwe-footer .fwe-footer-details h4 {\n margin-top: 24px;\n }\n footer.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 0px;\n }\n footer.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: left;\n display: flex;\n }\n footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n footer.fwe-footer .fwe-social-media {\n margin-bottom: 0px;\n }\n}\n@media only screen and (min-width: 1441px) {\n footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n }\n footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n }\n}\n.fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n display: flex;\n flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n order: 2;\n background-color: var(--fwe-sucanul);\n padding-top: 16px;\n padding-bottom: 13px;\n padding-left: 20px;\n padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n font-size: 12px;\n line-height: 14px;\n margin-bottom: 4px;\n font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n order: 1;\n background-color: var(--fwe-hero);\n min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n .fwe-teaser-verbox h2 {\n padding-top: 48px;\n }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n height: 142px;\n background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: var(--fwe-white);\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: none;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 166px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 341px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin-top: -104px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 455px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n .fwe-header-slider {\n padding: 24px 112px;\n }\n .fwe-header-slider .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n }\n .fwe-header-slider .fwe-header-slider-content p {\n -webkit-line-clamp: 3;\n }\n .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left,\n .fwe-header-slider .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left {\n left: 24px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-right {\n right: 24px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 640px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n@media only screen and (min-width: 1921px) {\n .fwe-header-slider-container .fwe-header-slider {\n width: 1192px;\n }\n}\n.fwe-header-modul-container {\n display: flex;\n flex-direction: column;\n padding-top: 32px;\n padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n order: 2;\n position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n margin-top: 0;\n margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n font-size: var(--fwe-font-size-xl);\n line-height: 32px;\n color: var(--fwe-text-light);\n margin: 0;\n padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n position: absolute;\n bottom: 0;\n right: 0;\n content: \"\";\n width: 28px;\n height: 10px;\n background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n min-height: 111px;\n background-color: var(--fwe-hero);\n order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 132px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 6px;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 268px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 352px;\n }\n}\n@media only screen and (min-width: 1281px) {\n .fwe-header-modul-container {\n flex-direction: row;\n }\n .fwe-header-modul-container .fwe-header-modul-content {\n order: 1;\n width: 41.6666666667%;\n margin-right: 24px;\n }\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-top: 0;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n order: 2;\n min-height: 293px;\n flex: 1;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 400px;\n }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n background: transparent;\n box-shadow: none;\n padding: 0px;\n position: fixed;\n width: 288px;\n max-width: unset;\n max-height: 100vh;\n overflow-x: hidden;\n overflow-y: hidden;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-up.fwe-modal-image-gallery-scale,\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-down.fwe-modal-image-gallery-scale {\n font-size: 24px;\n margin-right: 0px;\n padding-right: 0px;\n padding-top: 3px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n max-height: calc(100vh - 73px);\n}\n.fwe-modal-image-gallery .fwe-image-gallery-close-btn {\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n min-width: 32px;\n cursor: pointer;\n background: var(--fwe-white);\n -webkit-mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTIxLjQ4IDkuMSAxNiAxNC41OSAxMC41MSA5LjEgOS4xIDEwLjUyIDE0LjU4IDE2IDkuMSAyMS40OWwxLjQxIDEuNDFMMTYgMTcuNDJsNS40OCA1LjQ4IDEuNDItMS40MUwxNy40MSAxNmw1LjQ5LTUuNDgtMS40Mi0xLjQyeiIgZGF0YS1uYW1lPSJjb250ZW50Ii8+PC9zdmc+\");\n mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTIxLjQ4IDkuMSAxNiAxNC41OSAxMC41MSA5LjEgOS4xIDEwLjUyIDE0LjU4IDE2IDkuMSAyMS40OWwxLjQxIDEuNDFMMTYgMTcuNDJsNS40OCA1LjQ4IDEuNDItMS40MUwxNy40MSAxNmw1LjQ5LTUuNDgtMS40Mi0xLjQyeiIgZGF0YS1uYW1lPSJjb250ZW50Ii8+PC9zdmc+\");\n}\n.fwe-modal-image-gallery .fwe-image-gallery-close-btn:hover {\n background: var(--fwe-hero);\n}\n.fwe-modal-image-gallery .fwe-image-gallery-scale-btn {\n width: 24px;\n height: 24px;\n padding: 0;\n border: none;\n min-width: 24px;\n cursor: pointer;\n background: var(--fwe-white);\n -webkit-mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBkPSJtMTguMTAxIDQgMi44MjggMi44MjgtNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMtNC4yNDNMMjggMTMuODk5VjRoLTkuODk5ek0xMS4wNzEgMTYuNjg2bC00LjI0MyA0LjI0M0w0IDE4LjEwMVYyOGg5LjlsLTIuODI5LTIuODI4IDQuMjQzLTQuMjQzLTQuMjQzLTQuMjQzeiIvPjwvZz48L3N2Zz4=\");\n mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBkPSJtMTguMTAxIDQgMi44MjggMi44MjgtNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMtNC4yNDNMMjggMTMuODk5VjRoLTkuODk5ek0xMS4wNzEgMTYuNjg2bC00LjI0MyA0LjI0M0w0IDE4LjEwMVYyOGg5LjlsLTIuODI5LTIuODI4IDQuMjQzLTQuMjQzLTQuMjQzLTQuMjQzeiIvPjwvZz48L3N2Zz4=\");\n}\n.fwe-modal-image-gallery .fwe-image-gallery-scale-btn:hover {\n background: var(--fwe-hero);\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: none;\n border-bottom: none;\n}\n.fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: 18px;\n}\n\n.fwe-image-gallery-container {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.fwe-image-gallery-content {\n color: var(--fwe-white);\n padding-top: 48px;\n padding-bottom: 24px;\n}\n.fwe-image-gallery-content h3 {\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.fwe-image-gallery-header {\n display: flex;\n align-items: center;\n margin-bottom: 24px;\n margin-top: 0px;\n}\n\n.fwe-image-gallery {\n width: 100%;\n height: 288px;\n background-color: white;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n margin-top: 24px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n width: 100%;\n height: 64px;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n position: relative;\n background-size: cover;\n background-position: center;\n width: 88px;\n margin-right: 8px;\n height: 64px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n display: block;\n -o-object-fit: cover;\n object-fit: cover;\n width: 88px;\n height: 56px;\n background-color: white;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active {\n cursor: default;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n position: relative;\n height: 64px;\n width: 88px;\n min-width: 88px;\n margin-right: 8px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs-nail img {\n position: absolute;\n height: 56px;\n width: 88px;\n min-width: 88px;\n background: white;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active {\n cursor: default;\n}\n\n@media only screen and (min-width: 375px) {\n .fwe-modal-image-gallery {\n width: 342px;\n max-height: 90vh;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 342px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-modal-image-gallery {\n width: 960px;\n min-height: 726px;\n }\n .fwe-modal-image-gallery--with-container {\n width: 1320px;\n border-top: none;\n border-bottom: none;\n position: relative;\n }\n .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n position: absolute;\n top: 0px;\n right: 0px;\n width: 312px;\n margin-top: 0px;\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 margin-top: 35px;\n max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: none;\n border-bottom: none;\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}\n.fwe-side-menu .fwe-side-menu-item {\n border-left: 1px solid var(--fwe-border);\n line-height: 1.2;\n display: flex;\n align-items: center;\n height: 42px;\n cursor: pointer;\n margin-left: -1px;\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: -1px;\n bottom: 0px;\n width: 0px;\n background: var(--fwe-hero);\n transition: width 0.2s, height 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.fwe-side-menu--horizontal {\n display: flex;\n flex-direction: row;\n width: 100%;\n overflow-y: hidden;\n overflow-x: auto;\n}\n@-moz-document url-prefix() {\n .fwe-side-menu--horizontal {\n scrollbar-width: thin;\n scrollbar-color: var(--fwe-control-scrollbar) transparent;\n }\n}\n@media (pointer: fine) {\n .fwe-side-menu--horizontal::-webkit-scrollbar {\n width: 14px;\n }\n .fwe-side-menu--horizontal::-webkit-scrollbar-track {\n background: transparent;\n }\n .fwe-side-menu--horizontal::-webkit-scrollbar-thumb {\n overflow: visible;\n background-color: var(--fwe-control-scrollbar);\n border: 3px solid rgba(242, 243, 245, 0);\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border-radius: 8px;\n }\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item {\n border: unset;\n height: 48px;\n padding: 0px 16px;\n margin: 0px;\n white-space: nowrap;\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item::before {\n top: unset;\n right: 16px;\n left: 16px;\n width: unset;\n height: 0px;\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item.fwe-active::before {\n width: unset;\n height: 4px;\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Festo UI - Web Essentials v7.2.0-dev.
|
|
2
|
+
* Festo UI - Web Essentials v7.2.0-dev.427 (https://storybook.festo.design/)
|
|
3
3
|
* Copyright 2022 Festo SE & Co. KG
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/.fng-flatpickr span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flatpickr-calendar{display:none;text-align:center;animation:none;direction:ltr;border:0;font-size:var(--fwe-font-size-md);line-height:font-size-md10px;position:absolute;box-sizing:border-box;touch-action:manipulation}.flatpickr-calendar.open{max-height:640px;width:324px;background:var(--fwe-white);box-shadow:0 1px 8px rgba(0,0,0,.3);border-radius:8px;padding:12px;padding-bottom:48px;display:inline-block;z-index:var(--fwe-z-index-dropdown)}.flatpickr-calendar.animate.open{animation:none}.flatpickr-calendar.inline{display:block;position:relative;top:2px;box-shadow:none;background:inherit}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:var(--fwe-z-index-dropdown);display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 var(--fwe-gray-200),5px 0 0 var(--fwe-gray-200)}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid var(--fwe-gray-200)}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:unset;height:0;width:0;left:32px}.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:32px}.flatpickr-calendar:before{border-width:7px;margin:0 -7px}.flatpickr-calendar:after{border-width:6px;margin:0 -6px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(0,0,0,.15)}.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--fwe-white)}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:var(--fwe-border)}.flatpickr-calendar.arrowBottom:after{border-top-color:var(--fwe-white)}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:0 0;color:var(--fwe-text);fill:var(--fwe-text);height:42px;margin-top:12px;line-height:24px;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:42px;z-index:3;color:var(--fwe-text)}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i{position:relative}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{transition:fill .1s;fill:inherit}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:var(--fwe-text-light)}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:var(--fwe-hero)}.flatpickr-months .flatpickr-next-month{padding:24px 20px 0 0;right:0}.flatpickr-months .flatpickr-prev-month{left:0;padding:24px 0 0 20px}.numInputWrapper{position:relative;height:auto}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input[type=number]{-moz-appearance:textfield}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;font-weight:var(--fwe-font-weight-bold)}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper span{position:absolute;right:-8px;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;box-sizing:border-box}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--fwe-text);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--fwe-text);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:var(--fwe-font-size-base);font-weight:var(--fwe-font-weight-normal);position:absolute;width:75%;left:12.5%;padding:7px 0 0 0;line-height:calc(var(--fwe-font-size-base) + 8px);height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:var(--fwe-font-weight-bold);color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{color:var(--fwe-hero)}.flatpickr-current-month select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;background-image:url("data:image/svg+xml;utf8,<svg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:70%;border:none;color:inherit;cursor:pointer;line-height:24px;margin:-1px 0 0 0;outline:0;padding-left:8px;padding-right:16px}.flatpickr-current-month select:hover{color:var(--fwe-hero);background-image:url("data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>")}.flatpickr-current-month select option{color:var(--fwe-text)!important}.flatpickr-current-month .numInputWrapper{width:60px;display:inline-block}.flatpickr-current-month .numInputWrapper input{background:0 0;box-sizing:border-box;color:inherit;cursor:text;margin-left:16px;display:inline-block;line-height:24px;border:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month .numInputWrapper:hover{color:var(--fwe-hero)}.flatpickr-current-month .numInputWrapper .arrowUp:hover:after{border-bottom-color:var(--fwe-hero)}.flatpickr-current-month .numInputWrapper .arrowDown:hover:after{border-top-color:var(--fwe-hero)}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:0 0;pointer-events:none}.flatpickr-monthDropdown-months{font-weight:var(--fwe-font-weight-bold)}.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:0}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:0;padding:0}.flatpickr-weekdays{border-bottom:1px solid var(--fwe-border);background:0 0;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:48px;margin-bottom:4px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:var(--fwe-font-size-md);background:0 0;color:var(--fwe-text-light);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:var(--fwe-font-weight-normal)}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:304px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:304px;min-width:304px;max-width:304px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 0 var(--fwe-gray-200)}.flatpickr-day{background:0 0;border:2px;border-radius:150px;box-sizing:border-box;color:var(--fwe-text);cursor:pointer;font-weight:var(--fwe-font-weight-normal);width:14.2857143%;flex-basis:14.2857143%;max-width:33px;height:33px;line-height:33px;margin:4px;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus{cursor:pointer;outline:0;background:var(--fwe-gray-200);border-color:var(--fwe-gray-200);font-weight:var(--fwe-font-weight-bold)}.flatpickr-day:hover{cursor:pointer;outline:0;color:var(--fwe-hero-hover)}.flatpickr-day.today{background-color:inherit;font-weight:var(--fwe-font-weight-bold);text-decoration:underline}.flatpickr-day.today:hover{color:var(--fwe-hero-hover)}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:var(--fwe-white);box-shadow:none;color:var(--fwe-hero);border:2px solid var(--fwe-hero);font-weight:var(--fwe-font-weight-bold);line-height:28px}.flatpickr-day.endRange.flatpickr-disabled,.flatpickr-day.endRange.inRange.flatpickr-disabled,.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled,.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,.flatpickr-day.endRange:focus.flatpickr-disabled,.flatpickr-day.endRange:hover.flatpickr-disabled,.flatpickr-day.selected.flatpickr-disabled,.flatpickr-day.selected.inRange.flatpickr-disabled,.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,.flatpickr-day.selected:focus.flatpickr-disabled,.flatpickr-day.selected:hover.flatpickr-disabled,.flatpickr-day.startRange.flatpickr-disabled,.flatpickr-day.startRange.inRange.flatpickr-disabled,.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,.flatpickr-day.startRange:focus.flatpickr-disabled,.flatpickr-day.startRange:hover.flatpickr-disabled{color:var(--fwe-text-disabled);background:var(--fwe-control-disabled)}.flatpickr-day.startRange.startRange{border-radius:50px;box-shadow:none}.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px;box-shadow:10px 0 0 var(--fwe-hero)}.flatpickr-day.selected.startRange{border-radius:50px;box-shadow:none}.flatpickr-day.endRange:not(.inRange):not(.startRange),.flatpickr-day.selected.endRange:not(.inRange):not(.startRange){border-radius:50px;position:relative}.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before{content:"";position:absolute;height:calc(100% + 4px);z-index:-1;width:42px;background-color:var(--fwe-gray-200);left:-26px;top:-2px}.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before{background-color:var(--fwe-gray-200)}.flatpickr-day.endRange.endRange,.flatpickr-day.startRange.endRange{border-radius:50px}.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before{content:"";position:absolute;height:100%;z-index:-1;width:24px;background-color:var(--fwe-gray-200);left:16px}.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before{background-color:var(--fwe-gray-200)}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange:not(.startRange){box-shadow:none;position:relative}.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n){border-radius:0;box-shadow:-10px 0 0 var(--fwe-gray-200),24px 0 0 var(--fwe-gray-200)}.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled{box-shadow:-10px 0 0 var(--fwe-gray-100),24px 0 0 var(--fwe-gray-100)}.flatpickr-day.inRange:not(.startRange)::before{content:"";position:absolute;height:100%;z-index:-1;width:48px;background-color:var(--fwe-gray-200);left:-28px}.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before{background-color:var(--fwe-gray-100)}.flatpickr-day.inRange~.flatpickr-day.inRange:not(.selected){border-radius:0;box-shadow:-10px 0 0 var(--fwe-gray-200),24px 0 0 var(--fwe-gray-200)}.flatpickr-day.inRange~.flatpickr-day.inRange:not(.selected).flatpickr-disabled{box-shadow:-10px 0 0 var(--fwe-gray-100),24px 0 0 var(--fwe-gray-100);background:var(--fwe-gray-100)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(57,57,57,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 var(--fwe-hero),5px 0 0 var(--fwe-hero)}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 var(--fwe-gray-200)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,.3);background:0 0;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:var(--fwe-control-border)}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:var(--fwe-control-border)}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:0 0;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:var(--fwe-text);font-size:var(--fwe-font-size-md);position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:var(--fwe-font-weight-bold)}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:var(--fwe-font-weight-normal)}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:var(--fwe-text);font-weight:var(--fwe-font-weight-bold);width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:var(--fwe-font-weight-normal)}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:var(--fwe-white)}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/scss/_chips.scss
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
%chip-lg {
|
|
2
2
|
font-size: $font-size-base;
|
|
3
|
-
line-height: 22px;
|
|
4
3
|
border-radius: $border-radius-xl;
|
|
5
|
-
padding:
|
|
4
|
+
padding: 0px 16px;
|
|
5
|
+
height: 32px;
|
|
6
6
|
i[class^="fwe-icon-"],
|
|
7
7
|
i[class*=" fwe-icon-"],
|
|
8
8
|
.fwe-svg-icon {
|
|
9
9
|
@extend .fwe-icon-lg;
|
|
10
|
-
margin-bottom: -3px;
|
|
11
10
|
}
|
|
12
11
|
&.fwe-selected {
|
|
13
12
|
&.fwe-category {
|
|
@@ -41,12 +40,12 @@
|
|
|
41
40
|
}
|
|
42
41
|
|
|
43
42
|
.fwe-chip {
|
|
43
|
+
height: 24px;
|
|
44
44
|
user-select: none;
|
|
45
45
|
position: relative;
|
|
46
46
|
display: flex;
|
|
47
|
-
align-items:
|
|
47
|
+
align-items: center;
|
|
48
48
|
font-size: $font-size-md;
|
|
49
|
-
line-height: calc(#{$font-size-md} + 7px);
|
|
50
49
|
text-align: center;
|
|
51
50
|
border-radius: $border-radius-l;
|
|
52
51
|
cursor: pointer;
|
|
@@ -54,13 +53,13 @@
|
|
|
54
53
|
color: $text;
|
|
55
54
|
border: 1px solid $control;
|
|
56
55
|
box-sizing: border-box;
|
|
57
|
-
padding: 0px 12px
|
|
56
|
+
padding: 0px 12px;
|
|
58
57
|
i[class^="fwe-icon-"],
|
|
59
58
|
i[class*=" fwe-icon-"],
|
|
60
59
|
.fwe-svg-icon {
|
|
61
|
-
margin-bottom: -1px;
|
|
62
60
|
margin-left: -4px;
|
|
63
61
|
margin-right: 8px;
|
|
62
|
+
line-height: 1;
|
|
64
63
|
}
|
|
65
64
|
&:hover {
|
|
66
65
|
background: $control-hover;
|
package/dist/scss/_icons.scss
CHANGED
|
@@ -1530,3 +1530,36 @@
|
|
|
1530
1530
|
.fwe-icon-check-small:before {
|
|
1531
1531
|
content: "\eae7";
|
|
1532
1532
|
}
|
|
1533
|
+
.fwe-icon-arrange:before {
|
|
1534
|
+
content: "\eae8";
|
|
1535
|
+
}
|
|
1536
|
+
.fwe-icon-cloud-failure:before {
|
|
1537
|
+
content: "\eae9";
|
|
1538
|
+
}
|
|
1539
|
+
.fwe-icon-cloud-ready:before {
|
|
1540
|
+
content: "\eaeb";
|
|
1541
|
+
}
|
|
1542
|
+
.fwe-icon-cloud-sync:before {
|
|
1543
|
+
content: "\eaed";
|
|
1544
|
+
}
|
|
1545
|
+
.fwe-icon-crop:before {
|
|
1546
|
+
content: "\eaee";
|
|
1547
|
+
}
|
|
1548
|
+
.fwe-icon-decentral-drive:before {
|
|
1549
|
+
content: "\eaef";
|
|
1550
|
+
}
|
|
1551
|
+
.fwe-icon-feature-tag:before {
|
|
1552
|
+
content: "\eaf0";
|
|
1553
|
+
}
|
|
1554
|
+
.fwe-icon-hide:before {
|
|
1555
|
+
content: "\eaf1";
|
|
1556
|
+
}
|
|
1557
|
+
.fwe-icon-repeat-audio:before {
|
|
1558
|
+
content: "\eaf2";
|
|
1559
|
+
}
|
|
1560
|
+
.fwe-icon-data-variable:before {
|
|
1561
|
+
content: "\eaea";
|
|
1562
|
+
}
|
|
1563
|
+
.fwe-icon-method:before {
|
|
1564
|
+
content: "\eaec";
|
|
1565
|
+
}
|
package/dist/scss/_popover.scss
CHANGED
|
@@ -127,10 +127,15 @@
|
|
|
127
127
|
flex-wrap: nowrap;
|
|
128
128
|
height: $spacer * 1.5;
|
|
129
129
|
width: $spacer * 2;
|
|
130
|
+
margin-right: 0px;
|
|
130
131
|
&::before {
|
|
131
132
|
display: inline-flex;
|
|
132
133
|
}
|
|
133
134
|
}
|
|
135
|
+
.fwe-svg-icon {
|
|
136
|
+
margin-right: 8px;
|
|
137
|
+
margin-left: 8px;
|
|
138
|
+
}
|
|
134
139
|
span {
|
|
135
140
|
display: inline-flex;
|
|
136
141
|
height: $spacer * 1.5;
|
package/dist/scss/_segment.scss
CHANGED
|
Binary file
|
|
Binary file
|
|
Binary file
|