@festo-ui/web-essentials 7.3.0-dev.498 → 7.3.0-dev.501

package/dist/css/{festo-web-essentials-compact.css → light/festo-web-essentials-light.css}

@@ -1,5 +1,5 @@
 /*!
- * Festo UI - Web Essentials (https://storybook.festo.design/)
+ * Festo UI - Web Essentials light (https://storybook.festo.design/)
  * Copyright 2025 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -7,12 +7,12 @@
 /* Festo regular */
 @font-face {
   font-family: "Festo";
-  src: url("https://www.festo.com/Fonts/Festo-Regular.woff2") format("woff2"), url("https://www.festo.com/Fonts/Festo-Regular.woff") format("woff");
+  src: url("https://www.festo.com/fonts/Festo-Regular.woff2") format("woff2"), url("https://www.festo.com/fonts/Festo-Regular.woff") format("woff");
 }
 /* Festo bold */
 @font-face {
   font-family: "Festo";
-  src: url("https://www.festo.com/Fonts/Festo-Bold.woff2") format("woff2"), url("https://www.festo.com/Fonts/Festo-Bold.woff") format("woff");
+  src: url("https://www.festo.com/fonts/Festo-Bold.woff2") format("woff2"), url("https://www.festo.com/fonts/Festo-Bold.woff") format("woff");
   font-weight: bold;
 }
 /* Festo Icon Font */
@@ -921,6 +921,1440 @@ template {
   text-align: start;
 }
 
+/*!
+ * Festo UI - Web Essentials light (https://storybook.festo.design/)
+ * Copyright 2025 Festo SE & Co. KG
+ * Licensed under Apache-2.0
+ */
+.fwe-d-none {
+  display: none !important;
+}
+
+.fwe-d-flex {
+  display: flex !important;
+}
+
+.fwe-d-inline-flex {
+  display: inline-flex !important;
+}
+
+.fwe-d-grid {
+  display: grid !important;
+}
+
+.fwe-d-inline {
+  display: inline !important;
+}
+
+.fwe-d-block {
+  display: block !important;
+}
+
+.fwe-d-inline-block {
+  display: inline-block !important;
+}
+
+.fwe-d-table {
+  display: table !important;
+}
+
+.fwe-d-table-cell {
+  display: table-cell !important;
+}
+
+.fwe-d-table-row {
+  display: table-row !important;
+}
+
+@media (min-width: 375px) {
+  .fwe-d-xxs-none {
+    display: none !important;
+  }
+  .fwe-d-xxs-flex {
+    display: flex !important;
+  }
+  .fwe-d-xxs-inline-flex {
+    display: inline-flex !important;
+  }
+  .fwe-d-xxs-grid {
+    display: grid !important;
+  }
+  .fwe-d-xxs-inline {
+    display: inline !important;
+  }
+  .fwe-d-xxs-block {
+    display: block !important;
+  }
+  .fwe-d-xxs-inline-block {
+    display: inline-block !important;
+  }
+  .fwe-d-xxs-table {
+    display: table !important;
+  }
+  .fwe-d-xxs-table-cell {
+    display: table-cell !important;
+  }
+  .fwe-d-xxs-table-row {
+    display: table-row !important;
+  }
+}
+@media (min-width: 600px) {
+  .fwe-d-xs-none {
+    display: none !important;
+  }
+  .fwe-d-xs-flex {
+    display: flex !important;
+  }
+  .fwe-d-xs-inline-flex {
+    display: inline-flex !important;
+  }
+  .fwe-d-xs-grid {
+    display: grid !important;
+  }
+  .fwe-d-xs-inline {
+    display: inline !important;
+  }
+  .fwe-d-xs-block {
+    display: block !important;
+  }
+  .fwe-d-xs-inline-block {
+    display: inline-block !important;
+  }
+  .fwe-d-xs-table {
+    display: table !important;
+  }
+  .fwe-d-xs-table-cell {
+    display: table-cell !important;
+  }
+  .fwe-d-xs-table-row {
+    display: table-row !important;
+  }
+}
+@media (min-width: 769px) {
+  .fwe-d-sm-none {
+    display: none !important;
+  }
+  .fwe-d-sm-flex {
+    display: flex !important;
+  }
+  .fwe-d-sm-inline-flex {
+    display: inline-flex !important;
+  }
+  .fwe-d-sm-grid {
+    display: grid !important;
+  }
+  .fwe-d-sm-inline {
+    display: inline !important;
+  }
+  .fwe-d-sm-block {
+    display: block !important;
+  }
+  .fwe-d-sm-inline-block {
+    display: inline-block !important;
+  }
+  .fwe-d-sm-table {
+    display: table !important;
+  }
+  .fwe-d-sm-table-cell {
+    display: table-cell !important;
+  }
+  .fwe-d-sm-table-row {
+    display: table-row !important;
+  }
+}
+@media (min-width: 1025px) {
+  .fwe-d-md-none {
+    display: none !important;
+  }
+  .fwe-d-md-flex {
+    display: flex !important;
+  }
+  .fwe-d-md-inline-flex {
+    display: inline-flex !important;
+  }
+  .fwe-d-md-grid {
+    display: grid !important;
+  }
+  .fwe-d-md-inline {
+    display: inline !important;
+  }
+  .fwe-d-md-block {
+    display: block !important;
+  }
+  .fwe-d-md-inline-block {
+    display: inline-block !important;
+  }
+  .fwe-d-md-table {
+    display: table !important;
+  }
+  .fwe-d-md-table-cell {
+    display: table-cell !important;
+  }
+  .fwe-d-md-table-row {
+    display: table-row !important;
+  }
+}
+@media (min-width: 1281px) {
+  .fwe-d-lg-none {
+    display: none !important;
+  }
+  .fwe-d-lg-flex {
+    display: flex !important;
+  }
+  .fwe-d-lg-inline-flex {
+    display: inline-flex !important;
+  }
+  .fwe-d-lg-grid {
+    display: grid !important;
+  }
+  .fwe-d-lg-inline {
+    display: inline !important;
+  }
+  .fwe-d-lg-block {
+    display: block !important;
+  }
+  .fwe-d-lg-inline-block {
+    display: inline-block !important;
+  }
+  .fwe-d-lg-table {
+    display: table !important;
+  }
+  .fwe-d-lg-table-cell {
+    display: table-cell !important;
+  }
+  .fwe-d-lg-table-row {
+    display: table-row !important;
+  }
+}
+@media (min-width: 1441px) {
+  .fwe-d-xl-none {
+    display: none !important;
+  }
+  .fwe-d-xl-flex {
+    display: flex !important;
+  }
+  .fwe-d-xl-inline-flex {
+    display: inline-flex !important;
+  }
+  .fwe-d-xl-grid {
+    display: grid !important;
+  }
+  .fwe-d-xl-inline {
+    display: inline !important;
+  }
+  .fwe-d-xl-block {
+    display: block !important;
+  }
+  .fwe-d-xl-inline-block {
+    display: inline-block !important;
+  }
+  .fwe-d-xl-table {
+    display: table !important;
+  }
+  .fwe-d-xl-table-cell {
+    display: table-cell !important;
+  }
+  .fwe-d-xl-table-row {
+    display: table-row !important;
+  }
+}
+@media (min-width: 1921px) {
+  .fwe-d-xxl-none {
+    display: none !important;
+  }
+  .fwe-d-xxl-flex {
+    display: flex !important;
+  }
+  .fwe-d-xxl-inline-flex {
+    display: inline-flex !important;
+  }
+  .fwe-d-xxl-grid {
+    display: grid !important;
+  }
+  .fwe-d-xxl-inline {
+    display: inline !important;
+  }
+  .fwe-d-xxl-block {
+    display: block !important;
+  }
+  .fwe-d-xxl-inline-block {
+    display: inline-block !important;
+  }
+  .fwe-d-xxl-table {
+    display: table !important;
+  }
+  .fwe-d-xxl-table-cell {
+    display: table-cell !important;
+  }
+  .fwe-d-xxl-table-row {
+    display: table-row !important;
+  }
+}
+.fwe-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  -webkit-clip-path: inset(50%);
+  clip-path: inset(50%);
+  border: 0;
+}
+
+.fwe-m-0 {
+  margin: 0px !important;
+}
+
+.fwe-mt-0 {
+  margin-top: 0px !important;
+}
+
+.fwe-mb-0 {
+  margin-bottom: 0px !important;
+}
+
+.fwe-ml-0 {
+  margin-left: 0px !important;
+}
+
+.fwe-mr-0 {
+  margin-right: 0px !important;
+}
+
+.fwe-mx-0 {
+  margin-right: 0px !important;
+  margin-left: 0px !important;
+}
+
+.fwe-my-0 {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+}
+
+.fwe-p-0 {
+  padding: 0px !important;
+}
+
+.fwe-pt-0 {
+  padding-top: 0px !important;
+}
+
+.fwe-pb-0 {
+  padding-bottom: 0px !important;
+}
+
+.fwe-pl-0 {
+  padding-left: 0px !important;
+}
+
+.fwe-pr-0 {
+  padding-right: 0px !important;
+}
+
+.fwe-px-0 {
+  padding-right: 0px !important;
+  padding-left: 0px !important;
+}
+
+.fwe-py-0 {
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}
+
+.fwe-m-xxxs {
+  margin: 4px !important;
+}
+
+.fwe-mt-xxxs {
+  margin-top: 4px !important;
+}
+
+.fwe-mb-xxxs {
+  margin-bottom: 4px !important;
+}
+
+.fwe-ml-xxxs {
+  margin-left: 4px !important;
+}
+
+.fwe-mr-xxxs {
+  margin-right: 4px !important;
+}
+
+.fwe-mx-xxxs {
+  margin-right: 4px !important;
+  margin-left: 4px !important;
+}
+
+.fwe-my-xxxs {
+  margin-top: 4px !important;
+  margin-bottom: 4px !important;
+}
+
+.fwe-p-xxxs {
+  padding: 4px !important;
+}
+
+.fwe-pt-xxxs {
+  padding-top: 4px !important;
+}
+
+.fwe-pb-xxxs {
+  padding-bottom: 4px !important;
+}
+
+.fwe-pl-xxxs {
+  padding-left: 4px !important;
+}
+
+.fwe-pr-xxxs {
+  padding-right: 4px !important;
+}
+
+.fwe-px-xxxs {
+  padding-right: 4px !important;
+  padding-left: 4px !important;
+}
+
+.fwe-py-xxxs {
+  padding-top: 4px !important;
+  padding-bottom: 4px !important;
+}
+
+.fwe-m-xxs {
+  margin: 8px !important;
+}
+
+.fwe-mt-xxs {
+  margin-top: 8px !important;
+}
+
+.fwe-mb-xxs {
+  margin-bottom: 8px !important;
+}
+
+.fwe-ml-xxs {
+  margin-left: 8px !important;
+}
+
+.fwe-mr-xxs {
+  margin-right: 8px !important;
+}
+
+.fwe-mx-xxs {
+  margin-right: 8px !important;
+  margin-left: 8px !important;
+}
+
+.fwe-my-xxs {
+  margin-top: 8px !important;
+  margin-bottom: 8px !important;
+}
+
+.fwe-p-xxs {
+  padding: 8px !important;
+}
+
+.fwe-pt-xxs {
+  padding-top: 8px !important;
+}
+
+.fwe-pb-xxs {
+  padding-bottom: 8px !important;
+}
+
+.fwe-pl-xxs {
+  padding-left: 8px !important;
+}
+
+.fwe-pr-xxs {
+  padding-right: 8px !important;
+}
+
+.fwe-px-xxs {
+  padding-right: 8px !important;
+  padding-left: 8px !important;
+}
+
+.fwe-py-xxs {
+  padding-top: 8px !important;
+  padding-bottom: 8px !important;
+}
+
+.fwe-m-xs {
+  margin: 12px !important;
+}
+
+.fwe-mt-xs {
+  margin-top: 12px !important;
+}
+
+.fwe-mb-xs {
+  margin-bottom: 12px !important;
+}
+
+.fwe-ml-xs {
+  margin-left: 12px !important;
+}
+
+.fwe-mr-xs {
+  margin-right: 12px !important;
+}
+
+.fwe-mx-xs {
+  margin-right: 12px !important;
+  margin-left: 12px !important;
+}
+
+.fwe-my-xs {
+  margin-top: 12px !important;
+  margin-bottom: 12px !important;
+}
+
+.fwe-p-xs {
+  padding: 12px !important;
+}
+
+.fwe-pt-xs {
+  padding-top: 12px !important;
+}
+
+.fwe-pb-xs {
+  padding-bottom: 12px !important;
+}
+
+.fwe-pl-xs {
+  padding-left: 12px !important;
+}
+
+.fwe-pr-xs {
+  padding-right: 12px !important;
+}
+
+.fwe-px-xs {
+  padding-right: 12px !important;
+  padding-left: 12px !important;
+}
+
+.fwe-py-xs {
+  padding-top: 12px !important;
+  padding-bottom: 12px !important;
+}
+
+.fwe-m-s {
+  margin: 16px !important;
+}
+
+.fwe-mt-s {
+  margin-top: 16px !important;
+}
+
+.fwe-mb-s {
+  margin-bottom: 16px !important;
+}
+
+.fwe-ml-s {
+  margin-left: 16px !important;
+}
+
+.fwe-mr-s {
+  margin-right: 16px !important;
+}
+
+.fwe-mx-s {
+  margin-right: 16px !important;
+  margin-left: 16px !important;
+}
+
+.fwe-my-s {
+  margin-top: 16px !important;
+  margin-bottom: 16px !important;
+}
+
+.fwe-p-s {
+  padding: 16px !important;
+}
+
+.fwe-pt-s {
+  padding-top: 16px !important;
+}
+
+.fwe-pb-s {
+  padding-bottom: 16px !important;
+}
+
+.fwe-pl-s {
+  padding-left: 16px !important;
+}
+
+.fwe-pr-s {
+  padding-right: 16px !important;
+}
+
+.fwe-px-s {
+  padding-right: 16px !important;
+  padding-left: 16px !important;
+}
+
+.fwe-py-s {
+  padding-top: 16px !important;
+  padding-bottom: 16px !important;
+}
+
+.fwe-m-m {
+  margin: 24px !important;
+}
+
+.fwe-mt-m {
+  margin-top: 24px !important;
+}
+
+.fwe-mb-m {
+  margin-bottom: 24px !important;
+}
+
+.fwe-ml-m {
+  margin-left: 24px !important;
+}
+
+.fwe-mr-m {
+  margin-right: 24px !important;
+}
+
+.fwe-mx-m {
+  margin-right: 24px !important;
+  margin-left: 24px !important;
+}
+
+.fwe-my-m {
+  margin-top: 24px !important;
+  margin-bottom: 24px !important;
+}
+
+.fwe-p-m {
+  padding: 24px !important;
+}
+
+.fwe-pt-m {
+  padding-top: 24px !important;
+}
+
+.fwe-pb-m {
+  padding-bottom: 24px !important;
+}
+
+.fwe-pl-m {
+  padding-left: 24px !important;
+}
+
+.fwe-pr-m {
+  padding-right: 24px !important;
+}
+
+.fwe-px-m {
+  padding-right: 24px !important;
+  padding-left: 24px !important;
+}
+
+.fwe-py-m {
+  padding-top: 24px !important;
+  padding-bottom: 24px !important;
+}
+
+.fwe-m-l {
+  margin: 32px !important;
+}
+
+.fwe-mt-l {
+  margin-top: 32px !important;
+}
+
+.fwe-mb-l {
+  margin-bottom: 32px !important;
+}
+
+.fwe-ml-l {
+  margin-left: 32px !important;
+}
+
+.fwe-mr-l {
+  margin-right: 32px !important;
+}
+
+.fwe-mx-l {
+  margin-right: 32px !important;
+  margin-left: 32px !important;
+}
+
+.fwe-my-l {
+  margin-top: 32px !important;
+  margin-bottom: 32px !important;
+}
+
+.fwe-p-l {
+  padding: 32px !important;
+}
+
+.fwe-pt-l {
+  padding-top: 32px !important;
+}
+
+.fwe-pb-l {
+  padding-bottom: 32px !important;
+}
+
+.fwe-pl-l {
+  padding-left: 32px !important;
+}
+
+.fwe-pr-l {
+  padding-right: 32px !important;
+}
+
+.fwe-px-l {
+  padding-right: 32px !important;
+  padding-left: 32px !important;
+}
+
+.fwe-py-l {
+  padding-top: 32px !important;
+  padding-bottom: 32px !important;
+}
+
+.fwe-m-xl {
+  margin: 48px !important;
+}
+
+.fwe-mt-xl {
+  margin-top: 48px !important;
+}
+
+.fwe-mb-xl {
+  margin-bottom: 48px !important;
+}
+
+.fwe-ml-xl {
+  margin-left: 48px !important;
+}
+
+.fwe-mr-xl {
+  margin-right: 48px !important;
+}
+
+.fwe-mx-xl {
+  margin-right: 48px !important;
+  margin-left: 48px !important;
+}
+
+.fwe-my-xl {
+  margin-top: 48px !important;
+  margin-bottom: 48px !important;
+}
+
+.fwe-p-xl {
+  padding: 48px !important;
+}
+
+.fwe-pt-xl {
+  padding-top: 48px !important;
+}
+
+.fwe-pb-xl {
+  padding-bottom: 48px !important;
+}
+
+.fwe-pl-xl {
+  padding-left: 48px !important;
+}
+
+.fwe-pr-xl {
+  padding-right: 48px !important;
+}
+
+.fwe-px-xl {
+  padding-right: 48px !important;
+  padding-left: 48px !important;
+}
+
+.fwe-py-xl {
+  padding-top: 48px !important;
+  padding-bottom: 48px !important;
+}
+
+.fwe-m-xxl {
+  margin: 64px !important;
+}
+
+.fwe-mt-xxl {
+  margin-top: 64px !important;
+}
+
+.fwe-mb-xxl {
+  margin-bottom: 64px !important;
+}
+
+.fwe-ml-xxl {
+  margin-left: 64px !important;
+}
+
+.fwe-mr-xxl {
+  margin-right: 64px !important;
+}
+
+.fwe-mx-xxl {
+  margin-right: 64px !important;
+  margin-left: 64px !important;
+}
+
+.fwe-my-xxl {
+  margin-top: 64px !important;
+  margin-bottom: 64px !important;
+}
+
+.fwe-p-xxl {
+  padding: 64px !important;
+}
+
+.fwe-pt-xxl {
+  padding-top: 64px !important;
+}
+
+.fwe-pb-xxl {
+  padding-bottom: 64px !important;
+}
+
+.fwe-pl-xxl {
+  padding-left: 64px !important;
+}
+
+.fwe-pr-xxl {
+  padding-right: 64px !important;
+}
+
+.fwe-px-xxl {
+  padding-right: 64px !important;
+  padding-left: 64px !important;
+}
+
+.fwe-py-xxl {
+  padding-top: 64px !important;
+  padding-bottom: 64px !important;
+}
+
+.fwe-b {
+  border: 1px solid var(--fwe-border) !important;
+}
+
+.fwe-bt {
+  border-top: 1px solid var(--fwe-border) !important;
+}
+
+.fwe-bb {
+  border-bottom: 1px solid var(--fwe-border) !important;
+}
+
+.fwe-bl {
+  border-left: 1px solid var(--fwe-border) !important;
+}
+
+.fwe-br {
+  border-right: 1px solid var(--fwe-border) !important;
+}
+
+.fwe-bx {
+  border-left: 1px solid var(--fwe-border) !important;
+  border-right: 1px solid var(--fwe-border) !important;
+}
+
+.fwe-by {
+  border-top: 1px solid var(--fwe-border) !important;
+  border-bottom: 1px solid var(--fwe-border) !important;
+}
+
+.fwe-b-none {
+  border: none !important;
+}
+
+.fwe-bt-none {
+  border-top: none !important;
+}
+
+.fwe-bb-none {
+  border-bottom: none !important;
+}
+
+.fwe-bl-none {
+  border-left: none !important;
+}
+
+.fwe-br-none {
+  border-right: none !important;
+}
+
+.fwe-bx-none {
+  border-left: none !important;
+  border-right: none !important;
+}
+
+.fwe-by-none {
+  border-top: none !important;
+  border-bottom: none !important;
+}
+
+.fwe-b-disabled {
+  border: 1px solid var(--fwe-border-disabled) !important;
+}
+
+.fwe-bt-disabled {
+  border-top: 1px solid var(--fwe-border-disabled) !important;
+}
+
+.fwe-bb-disabled {
+  border-bottom: 1px solid var(--fwe-border-disabled) !important;
+}
+
+.fwe-bl-disabled {
+  border-left: 1px solid var(--fwe-border-disabled) !important;
+}
+
+.fwe-br-disabled {
+  border-right: 1px solid var(--fwe-border-disabled) !important;
+}
+
+.fwe-bx-disabled {
+  border-left: 1px solid var(--fwe-border-disabled) !important;
+  border-right: 1px solid var(--fwe-border-disabled) !important;
+}
+
+.fwe-by-disabled {
+  border-top: 1px solid var(--fwe-border-disabled) !important;
+  border-bottom: 1px solid var(--fwe-border-disabled) !important;
+}
+
+.fwe-b-none {
+  border: none !important;
+}
+
+.fwe-bt-none {
+  border-top: none !important;
+}
+
+.fwe-bb-none {
+  border-bottom: none !important;
+}
+
+.fwe-bl-none {
+  border-left: none !important;
+}
+
+.fwe-br-none {
+  border-right: none !important;
+}
+
+.fwe-bx-none {
+  border-left: none !important;
+  border-right: none !important;
+}
+
+.fwe-by-none {
+  border-top: none !important;
+  border-bottom: none !important;
+}
+
+.fwe-ml-auto {
+  margin-left: auto !important;
+}
+
+.fwe-mr-auto {
+  margin-right: auto !important;
+}
+
+.fwe-mt-auto {
+  margin-top: auto !important;
+}
+
+.fwe-mb-auto {
+  margin-bottom: auto !important;
+}
+
+.fwe-order-first {
+  order: -1;
+}
+
+.fwe-order-last {
+  order: 6;
+}
+
+.fwe-order-1 {
+  order: 1;
+}
+
+.fwe-order-2 {
+  order: 2;
+}
+
+.fwe-order-3 {
+  order: 3;
+}
+
+.fwe-order-4 {
+  order: 4;
+}
+
+.fwe-order-5 {
+  order: 5;
+}
+
+.fwe-flex-auto {
+  flex: auto !important;
+}
+
+.fwe-flex-grow-0 {
+  flex-grow: 0 !important;
+}
+
+.fwe-flex-grow-1 {
+  flex-grow: 1 !important;
+}
+
+.fwe-flex-grow-2 {
+  flex-grow: 2 !important;
+}
+
+.fwe-flex-grow-3 {
+  flex-grow: 3 !important;
+}
+
+.fwe-flex-shrink-0 {
+  flex-shrink: 0 !important;
+}
+
+.fwe-flex-shrink-1 {
+  flex-shrink: 1 !important;
+}
+
+.fwe-flex-shrink-2 {
+  flex-shrink: 2 !important;
+}
+
+.fwe-flex-shrink-3 {
+  flex-shrink: 3 !important;
+}
+
+.fwe-flex-basis-0 {
+  flex-basis: 0 !important;
+}
+
+.fwe-flex-basis-auto {
+  flex-basis: auto !important;
+}
+
+.fwe-flex-basis-fill {
+  flex-basis: fill !important;
+}
+
+.fwe-flex-basis-max-content {
+  flex-basis: max-content !important;
+}
+
+.fwe-flex-basis-min-content {
+  flex-basis: min-content !important;
+}
+
+.fwe-flex-basis-fit-content {
+  flex-basis: fit-content !important;
+}
+
+.fwe-flex-basis-content {
+  flex-basis: content !important;
+}
+
+.fwe-flex-wrap {
+  flex-wrap: wrap !important;
+}
+
+.fwe-flex-wrap-reverse {
+  flex-wrap: wrap-reverse !important;
+}
+
+.fwe-flex-nowrap {
+  flex-wrap: nowrap !important;
+}
+
+.fwe-flex-row-nowrap {
+  flex-flow: row nowrap !important;
+}
+
+.fwe-flex-column-wrap {
+  flex-flow: column wrap !important;
+}
+
+.fwe-flex-column-reverse-wrap-reverse {
+  flex-flow: column-reverse wrap-reverse !important;
+}
+
+.fwe-flex-row {
+  flex-direction: row !important;
+}
+
+.fwe-flex-row-reverse {
+  flex-direction: row-reverse !important;
+}
+
+.fwe-flex-column {
+  flex-direction: column !important;
+}
+
+.fwe-flex-column-reverse {
+  flex-direction: column-reverse !important;
+}
+
+.fwe-align-items-normal {
+  align-items: normal !important;
+}
+
+.fwe-align-self-normal {
+  align-self: normal !important;
+}
+
+.fwe-align-content-normal {
+  align-content: normal !important;
+}
+
+.fwe-justify-items-normal {
+  justify-items: normal !important;
+}
+
+.fwe-justify-self-normal {
+  justify-self: normal !important;
+}
+
+.fwe-justify-content-normal {
+  justify-content: normal !important;
+}
+
+.fwe-align-items-stretch {
+  align-items: stretch !important;
+}
+
+.fwe-align-self-stretch {
+  align-self: stretch !important;
+}
+
+.fwe-align-content-stretch {
+  align-content: stretch !important;
+}
+
+.fwe-justify-items-stretch {
+  justify-items: stretch !important;
+}
+
+.fwe-justify-self-stretch {
+  justify-self: stretch !important;
+}
+
+.fwe-justify-content-stretch {
+  justify-content: stretch !important;
+}
+
+.fwe-align-items-center {
+  align-items: center !important;
+}
+
+.fwe-align-self-center {
+  align-self: center !important;
+}
+
+.fwe-align-content-center {
+  align-content: center !important;
+}
+
+.fwe-justify-items-center {
+  justify-items: center !important;
+}
+
+.fwe-justify-self-center {
+  justify-self: center !important;
+}
+
+.fwe-justify-content-center {
+  justify-content: center !important;
+}
+
+.fwe-align-items-start {
+  align-items: start !important;
+}
+
+.fwe-align-self-start {
+  align-self: start !important;
+}
+
+.fwe-align-content-start {
+  align-content: start !important;
+}
+
+.fwe-justify-items-start {
+  justify-items: start !important;
+}
+
+.fwe-justify-self-start {
+  justify-self: start !important;
+}
+
+.fwe-justify-content-start {
+  justify-content: start !important;
+}
+
+.fwe-align-items-end {
+  align-items: end !important;
+}
+
+.fwe-align-self-end {
+  align-self: end !important;
+}
+
+.fwe-align-content-end {
+  align-content: end !important;
+}
+
+.fwe-justify-items-end {
+  justify-items: end !important;
+}
+
+.fwe-justify-self-end {
+  justify-self: end !important;
+}
+
+.fwe-justify-content-end {
+  justify-content: end !important;
+}
+
+.fwe-align-items-flex-start {
+  align-items: flex-start !important;
+}
+
+.fwe-align-self-flex-start {
+  align-self: flex-start !important;
+}
+
+.fwe-align-content-flex-start {
+  align-content: flex-start !important;
+}
+
+.fwe-justify-items-flex-start {
+  justify-items: flex-start !important;
+}
+
+.fwe-justify-self-flex-start {
+  justify-self: flex-start !important;
+}
+
+.fwe-justify-content-flex-start {
+  justify-content: flex-start !important;
+}
+
+.fwe-align-items-flex-end {
+  align-items: flex-end !important;
+}
+
+.fwe-align-self-flex-end {
+  align-self: flex-end !important;
+}
+
+.fwe-align-content-flex-end {
+  align-content: flex-end !important;
+}
+
+.fwe-justify-items-flex-end {
+  justify-items: flex-end !important;
+}
+
+.fwe-justify-self-flex-end {
+  justify-self: flex-end !important;
+}
+
+.fwe-justify-content-flex-end {
+  justify-content: flex-end !important;
+}
+
+.fwe-align-items-baseline {
+  align-items: baseline !important;
+}
+
+.fwe-align-self-baseline {
+  align-self: baseline !important;
+}
+
+.fwe-align-content-baseline {
+  align-content: baseline !important;
+}
+
+.fwe-justify-items-baseline {
+  justify-items: baseline !important;
+}
+
+.fwe-justify-self-baseline {
+  justify-self: baseline !important;
+}
+
+.fwe-align-items-first baseline {
+  align-items: first baseline !important;
+}
+
+.fwe-align-self-first baseline {
+  align-self: first baseline !important;
+}
+
+.fwe-align-content-first baseline {
+  align-content: first baseline !important;
+}
+
+.fwe-justify-items-first baseline {
+  justify-items: first baseline !important;
+}
+
+.fwe-justify-self-first baseline {
+  justify-self: first baseline !important;
+}
+
+.fwe-align-items-last baseline {
+  align-items: last baseline !important;
+}
+
+.fwe-align-self-last baseline {
+  align-self: last baseline !important;
+}
+
+.fwe-align-content-last baseline {
+  align-content: last baseline !important;
+}
+
+.fwe-justify-items-last baseline {
+  justify-items: last baseline !important;
+}
+
+.fwe-justify-self-last baseline {
+  justify-self: last baseline !important;
+}
+
+.fwe-align-items-safe center {
+  align-items: safe center !important;
+}
+
+.fwe-align-self-safe center {
+  align-self: safe center !important;
+}
+
+.fwe-align-content-safe center {
+  align-content: safe center !important;
+}
+
+.fwe-justify-items-safe center {
+  justify-items: safe center !important;
+}
+
+.fwe-justify-self-safe center {
+  justify-self: safe center !important;
+}
+
+.fwe-align-items-unsafe center {
+  align-items: unsafe center !important;
+}
+
+.fwe-align-self-unsafe center {
+  align-self: unsafe center !important;
+}
+
+.fwe-align-content-unsafe center {
+  align-content: unsafe center !important;
+}
+
+.fwe-justify-items-unsafe center {
+  justify-items: unsafe center !important;
+}
+
+.fwe-justify-self-unsafe center {
+  justify-self: unsafe center !important;
+}
+
+.fwe-justify-items-left {
+  justify-items: left !important;
+}
+
+.fwe-justify-self-left {
+  justify-self: left !important;
+}
+
+.fwe-justify-items-right {
+  justify-items: right !important;
+}
+
+.fwe-justify-self-right {
+  justify-self: right !important;
+}
+
+.fwe-align-content-space-between {
+  align-content: space-between !important;
+}
+
+.fwe-justify-content-space-between {
+  justify-content: space-between !important;
+}
+
+.fwe-align-content-space-around {
+  align-content: space-around !important;
+}
+
+.fwe-justify-content-space-around {
+  justify-content: space-around !important;
+}
+
+.fwe-align-content-space-evenly {
+  align-content: space-evenly !important;
+}
+
+.fwe-justify-content-space-evenly {
+  justify-content: space-evenly !important;
+}
+
+.fwe-justify-items-auto {
+  justify-items: auto !important;
+}
+
+.fwe-justify-self-auto {
+  justify-self: auto !important;
+}
+
+.fwe-justify-items-self-start {
+  justify-items: self-start !important;
+}
+
+.fwe-justify-self-self-start {
+  justify-self: self-start !important;
+}
+
+.fwe-justify-items-self-end {
+  justify-items: self-end !important;
+}
+
+.fwe-justify-self-self-end {
+  justify-self: self-end !important;
+}
+
+.fwe-justify-items-legacy right {
+  justify-items: legacy right !important;
+}
+
+.fwe-justify-items-legacy left {
+  justify-items: legacy left !important;
+}
+
+.fwe-justify-items-legacy center {
+  justify-items: legacy center !important;
+}
+
 .fwe-container {
   padding: 0 8px 0 8px;
   box-sizing: border-box;
@@ -1614,7 +3048,7 @@ header.fwe-fixed-header {
 }
 
 /*!
- * Festo UI - Web Essentials (https://storybook.festo.design/)
+ * Festo UI - Web Essentials light (https://storybook.festo.design/)
  * Copyright 2025 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -2784,7 +4218,7 @@ a.fwe-btn.fwe-disabled {
 }
 
 /*!
- * Festo UI - Web Essentials (https://storybook.festo.design/)
+ * Festo UI - Web Essentials light (https://storybook.festo.design/)
  * Copyright 2025 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -3664,7 +5098,7 @@ fieldset.fwe-progress-container label {
 }
 
 /*!
- * Festo UI - Web Essentials (https://storybook.festo.design/)
+ * Festo UI - Web Essentials light (https://storybook.festo.design/)
  * Copyright 2025 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -3887,7 +5321,7 @@ fieldset.fwe-progress-container label {
   }
 }
 /*!
- * Festo UI - Web Essentials (https://storybook.festo.design/)
+ * Festo UI - Web Essentials light (https://storybook.festo.design/)
  * Copyright 2025 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -4604,7 +6038,7 @@ fieldset.fwe-progress-container label {
 }
 
 /*!
- * Festo UI - Web Essentials (https://storybook.festo.design/)
+ * Festo UI - Web Essentials light (https://storybook.festo.design/)
  * Copyright 2025 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -5102,7 +6536,7 @@ input[type=search]::-webkit-search-cancel-button {
   }
 }
 /*!
- * Festo UI - Web Essentials (https://storybook.festo.design/)
+ * Festo UI - Web Essentials light (https://storybook.festo.design/)
  * Copyright 2025 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -5352,7 +6786,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 /*!
- * Festo UI - Web Essentials (https://storybook.festo.design/)
+ * Festo UI - Web Essentials light (https://storybook.festo.design/)
  * Copyright 2025 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -5475,4 +6909,4 @@ input[type=search]::-webkit-search-cancel-button {
   }
 }
 
-/*# sourceMappingURL=festo-web-essentials-compact.css.map */
+/*# sourceMappingURL=festo-web-essentials-light.css.map */