@festo-ui/web-essentials 5.0.0 → 5.1.0-dev.162

package/dist/css/themes/flatpickr/festo.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../scss/themes/flatpickr/festo.scss","festo.css","../../../../scss/_variables.scss"],"names":[],"mappings":"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","file":"festo.css","sourcesContent":[null,"/*!\n * Festo UI - Web Essentials v5.0.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n.fng-flatpickr span {\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.flatpickr-calendar {\n  display: none;\n  text-align: center;\n  animation: none;\n  direction: ltr;\n  border: 0;\n  font-size: var(--fwe-font-size-md);\n  line-height: font-size-md10px;\n  position: absolute;\n  box-sizing: border-box;\n  touch-action: manipulation;\n}\n\n.flatpickr-calendar.open {\n  max-height: 640px;\n  width: 324px;\n  background: var(--fwe-white);\n  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);\n  border-radius: 8px;\n  padding: 12px;\n  padding-bottom: 48px;\n  display: inline-block;\n  z-index: var(--fwe-z-index-dropdown);\n}\n\n.flatpickr-calendar.animate.open {\n  animation: none;\n}\n\n.flatpickr-calendar.inline {\n  display: block;\n  position: relative;\n  top: 2px;\n  box-shadow: none;\n  background: inherit;\n}\n\n.flatpickr-calendar.static {\n  position: absolute;\n  top: calc(100% + 2px);\n}\n\n.flatpickr-calendar.static.open {\n  z-index: var(--fwe-z-index-dropdown);\n  display: block;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n  box-shadow: none !important;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n  box-shadow: -2px 0 0 var(--fwe-gray-200), 5px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n  border-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer {\n  border-left: 0;\n}\n\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n  height: 40px;\n  border-top: 1px solid var(--fwe-gray-200);\n}\n\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n  height: auto;\n}\n\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n  position: absolute;\n  display: block;\n  pointer-events: none;\n  border: solid transparent;\n  content: unset;\n  height: 0;\n  width: 0;\n  left: 32px;\n}\n\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.rightMost:after {\n  left: auto;\n  right: 32px;\n}\n\n.flatpickr-calendar:before {\n  border-width: 7px;\n  margin: 0 -7px;\n}\n\n.flatpickr-calendar:after {\n  border-width: 6px;\n  margin: 0 -6px;\n}\n\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n  bottom: 100%;\n}\n\n.flatpickr-calendar.arrowTop:before {\n  border-bottom-color: rgba(0, 0, 0, 0.15);\n}\n\n.flatpickr-calendar.arrowTop:after {\n  border-bottom-color: var(--fwe-white);\n}\n\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n  top: 100%;\n}\n\n.flatpickr-calendar.arrowBottom:before {\n  border-top-color: var(--fwe-border);\n}\n\n.flatpickr-calendar.arrowBottom:after {\n  border-top-color: var(--fwe-white);\n}\n\n.flatpickr-calendar:focus {\n  outline: 0;\n}\n\n.flatpickr-wrapper {\n  position: relative;\n  display: inline-block;\n}\n\n.flatpickr-months {\n  display: flex;\n}\n.flatpickr-months .flatpickr-month {\n  background: transparent;\n  color: var(--fwe-text);\n  fill: var(--fwe-text);\n  height: 42px;\n  margin-top: 12px;\n  line-height: 24px;\n  text-align: center;\n  position: relative;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  overflow: hidden;\n  flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n  text-decoration: none;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  height: 42px;\n  z-index: 3;\n  color: var(--fwe-text);\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n  position: relative;\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n  width: 14px;\n  height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n  transition: fill 0.1s;\n  fill: inherit;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n  display: none;\n}\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n  color: var(--fwe-text-light);\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n  fill: var(--fwe-hero);\n}\n.flatpickr-months .flatpickr-next-month {\n  padding: 24px 20px 0px 0px;\n  right: 0;\n}\n.flatpickr-months .flatpickr-prev-month {\n  left: 0;\n  padding: 24px 0px 0px 20px;\n}\n\n.numInputWrapper {\n  position: relative;\n  height: auto;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n  /* display: none; <- Crashes Chrome on hover */\n  -webkit-appearance: none;\n  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */\n}\n.numInputWrapper input[type=number] {\n  -moz-appearance: textfield; /* Firefox */\n}\n\n.numInputWrapper input,\n.numInputWrapper span {\n  display: inline-block;\n}\n\n.numInputWrapper input {\n  width: 100%;\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.numInputWrapper input::-ms-clear {\n  display: none;\n}\n\n.numInputWrapper span {\n  position: absolute;\n  right: -8px;\n  width: 14px;\n  padding: 0 4px 0 2px;\n  height: 50%;\n  line-height: 50%;\n  opacity: 0;\n  cursor: pointer;\n  box-sizing: border-box;\n}\n.numInputWrapper span:after {\n  display: block;\n  content: \"\";\n  position: absolute;\n}\n.numInputWrapper span.arrowUp {\n  top: 0;\n  border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-bottom: 4px solid var(--fwe-text);\n  top: 26%;\n}\n.numInputWrapper span.arrowDown {\n  top: 50%;\n}\n\n.numInputWrapper span.arrowDown:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 4px solid var(--fwe-text);\n  top: 40%;\n}\n\n.numInputWrapper span svg {\n  width: inherit;\n  height: auto;\n}\n\n.numInputWrapper span svg path {\n  fill: rgba(0, 0, 0, 0.5);\n}\n\n.numInputWrapper:hover span {\n  opacity: 1;\n}\n\n.flatpickr-current-month {\n  font-size: var(--fwe-font-size-base);\n  font-weight: var(--fwe-font-weight-normal);\n  position: absolute;\n  width: 75%;\n  left: 12.5%;\n  padding: 7px 0 0 0;\n  line-height: calc(var(--fwe-font-size-base) + 8px);\n  height: 34px;\n  display: inline-block;\n  text-align: center;\n  transform: translate3d(0, 0, 0);\n}\n.flatpickr-current-month span.cur-month {\n  font-family: inherit;\n  font-weight: var(--fwe-font-weight-bold);\n  color: inherit;\n  display: inline-block;\n  margin-left: 0.5ch;\n  padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n  color: var(--fwe-hero);\n}\n.flatpickr-current-month select {\n  appearance: none;\n  background: transparent;\n  background-image: url(\"data:image/svg+xml;utf8,<svg  height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n  background-repeat: no-repeat;\n  background-position-x: 100%;\n  background-position-y: 70%;\n  border: none;\n  color: inherit;\n  cursor: pointer;\n  line-height: 24px;\n  margin: -1px 0 0 0;\n  outline: none;\n  padding-left: 8px;\n  padding-right: 16px;\n}\n.flatpickr-current-month select:hover {\n  color: var(--fwe-hero);\n  background-image: url(\"data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)'  height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n}\n.flatpickr-current-month select option {\n  color: var(--fwe-text) !important;\n}\n\n.flatpickr-current-month .numInputWrapper {\n  width: 60px;\n  display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper input {\n  background: transparent;\n  box-sizing: border-box;\n  color: inherit;\n  cursor: text;\n  margin-left: 16px;\n  display: inline-block;\n  line-height: 24px;\n  border: 0;\n  appearance: textfield;\n}\n.flatpickr-current-month .numInputWrapper:hover {\n  color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowUp:hover:after {\n  border-bottom-color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowDown:hover:after {\n  border-top-color: var(--fwe-hero);\n}\n\n.flatpickr-current-month input.cur-year:focus {\n  outline: 0;\n}\n\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n  font-size: 100%;\n  color: rgba(0, 0, 0, 0.5);\n  background: transparent;\n  pointer-events: none;\n}\n\n.flatpickr-monthDropdown-months {\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n  outline: none;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n  background-color: transparent;\n  outline: none;\n  padding: 0;\n}\n\n.flatpickr-weekdays {\n  border-bottom: 1px solid var(--fwe-border);\n  background: transparent;\n  text-align: center;\n  overflow: hidden;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  height: 48px;\n  margin-bottom: 4px;\n}\n\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n  display: flex;\n  flex: 1;\n}\n\nspan.flatpickr-weekday {\n  cursor: default;\n  font-size: var(--fwe-font-size-md);\n  background: transparent;\n  color: var(--fwe-text-light);\n  line-height: 1;\n  margin: 0;\n  text-align: center;\n  display: block;\n  flex: 1;\n  font-weight: var(--fwe-font-weight-normal);\n}\n\n.dayContainer,\n.flatpickr-weeks {\n  padding: 1px 0 0 0;\n}\n\n.flatpickr-days {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-start;\n  width: 304px;\n}\n\n.flatpickr-days:focus {\n  outline: 0;\n}\n\n.dayContainer {\n  padding: 0;\n  outline: 0;\n  text-align: left;\n  width: 304px;\n  min-width: 304px;\n  max-width: 304px;\n  box-sizing: border-box;\n  display: inline-block;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n}\n\n.dayContainer + .dayContainer {\n  box-shadow: -1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-day {\n  background: none;\n  border: 2px;\n  border-radius: 150px;\n  box-sizing: border-box;\n  color: var(--fwe-text);\n  cursor: pointer;\n  font-weight: var(--fwe-font-weight-normal);\n  width: 14.2857143%;\n  -ms-flex-preferred-size: 14.2857143%;\n  flex-basis: 14.2857143%;\n  max-width: 33px;\n  height: 33px;\n  line-height: 33px;\n  margin: 4px;\n  display: inline-block;\n  position: relative;\n  justify-content: center;\n  text-align: center;\n}\n\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n  cursor: pointer;\n  outline: 0;\n  background: var(--fwe-gray-200);\n  border-color: var(--fwe-gray-200);\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-day:hover {\n  cursor: pointer;\n  outline: 0;\n  color: var(--fwe-hero-dark);\n}\n\n.flatpickr-day.today {\n  background-color: inherit;\n  font-weight: var(--fwe-font-weight-bold);\n  text-decoration: underline;\n}\n.flatpickr-day.today:hover {\n  color: var(--fwe-hero-dark);\n}\n\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n  background: var(--fwe-white);\n  box-shadow: none;\n  color: var(--fwe-hero);\n  border: 2px solid var(--fwe-hero);\n  font-weight: var(--fwe-font-weight-bold);\n  line-height: 28px;\n}\n.flatpickr-day.selected.flatpickr-disabled,\n.flatpickr-day.startRange.flatpickr-disabled,\n.flatpickr-day.endRange.flatpickr-disabled,\n.flatpickr-day.selected.inRange.flatpickr-disabled,\n.flatpickr-day.startRange.inRange.flatpickr-disabled,\n.flatpickr-day.endRange.inRange.flatpickr-disabled,\n.flatpickr-day.selected:focus.flatpickr-disabled,\n.flatpickr-day.startRange:focus.flatpickr-disabled,\n.flatpickr-day.endRange:focus.flatpickr-disabled,\n.flatpickr-day.selected:hover.flatpickr-disabled,\n.flatpickr-day.startRange:hover.flatpickr-disabled,\n.flatpickr-day.endRange:hover.flatpickr-disabled,\n.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled {\n  color: var(--fwe-text-disabled);\n  background: var(--fwe-control-disabled);\n}\n\n.flatpickr-day.startRange.startRange {\n  border-radius: 50px;\n  box-shadow: none;\n}\n\n.flatpickr-day.endRange.startRange {\n  border-radius: 50px 0 0 50px;\n  box-shadow: 10px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.selected.startRange {\n  border-radius: 50px;\n  box-shadow: none;\n}\n\n.flatpickr-day.endRange:not(.inRange):not(.startRange),\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange) {\n  border-radius: 50px;\n  position: relative;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before {\n  content: \"\";\n  position: absolute;\n  height: calc(100% + 4px);\n  z-index: -1;\n  width: 42px;\n  background-color: var(--fwe-gray-200);\n  left: -26px;\n  top: -2px;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before {\n  background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n  border-radius: 50px;\n}\n\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before {\n  content: \"\";\n  position: absolute;\n  height: 100%;\n  z-index: -1;\n  width: 24px;\n  background-color: var(--fwe-gray-200);\n  left: 16px;\n}\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before {\n  background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n  border-radius: 50px;\n}\n\n.flatpickr-day.inRange:not(.startRange) {\n  box-shadow: none;\n  position: relative;\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n) {\n  border-radius: 0;\n  box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled {\n  box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n}\n.flatpickr-day.inRange:not(.startRange)::before {\n  content: \"\";\n  position: absolute;\n  height: 100%;\n  z-index: -1;\n  width: 48px;\n  background-color: var(--fwe-gray-200);\n  left: -28px;\n}\n.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before {\n  background-color: var(--fwe-gray-100);\n}\n\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected) {\n  border-radius: 0;\n  box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected).flatpickr-disabled {\n  box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n  background: var(--fwe-gray-100);\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n  color: rgba(57, 57, 57, 0.3);\n  background: transparent;\n  border-color: transparent;\n  cursor: default;\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n  cursor: not-allowed;\n  color: rgba(57, 57, 57, 0.1);\n}\n\n.flatpickr-day.week.selected {\n  border-radius: 0;\n  box-shadow: -5px 0 0 var(--fwe-hero), 5px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.hidden {\n  visibility: hidden;\n}\n\n.rangeMode .flatpickr-day {\n  margin-top: 1px;\n}\n\n.flatpickr-weekwrapper {\n  float: left;\n}\n\n.flatpickr-weekwrapper .flatpickr-weeks {\n  padding: 0 12px;\n  box-shadow: 1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n  float: none;\n  width: 100%;\n  line-height: 28px;\n}\n\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n  display: block;\n  width: 100%;\n  max-width: none;\n  color: rgba(57, 57, 57, 0.3);\n  background: transparent;\n  cursor: default;\n  border: none;\n}\n\n.flatpickr-innerContainer {\n  display: block;\n  display: flex;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.flatpickr-rContainer {\n  display: inline-block;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.flatpickr-time {\n  text-align: center;\n  outline: 0;\n  height: 0;\n  line-height: 40px;\n  max-height: 40px;\n  box-sizing: border-box;\n  overflow: hidden;\n  display: flex;\n}\n\n.flatpickr-time:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n.flatpickr-time .numInputWrapper {\n  flex: 1;\n  width: 40%;\n  height: 40px;\n  float: left;\n}\n\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: var(--fwe-control-border);\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: var(--fwe-control-border);\n}\n\n.flatpickr-time.hasSeconds .numInputWrapper {\n  width: 26%;\n}\n\n.flatpickr-time.time24hr .numInputWrapper {\n  width: 49%;\n}\n\n.flatpickr-time input {\n  background: transparent;\n  box-shadow: none;\n  border: 0;\n  border-radius: 0;\n  text-align: center;\n  margin: 0;\n  padding: 0;\n  height: inherit;\n  line-height: inherit;\n  color: var(--fwe-text);\n  font-size: var(--fwe-font-size-md);\n  position: relative;\n  box-sizing: border-box;\n  appearance: textfield;\n}\n\n.flatpickr-time input.flatpickr-hour {\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n  font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:focus {\n  outline: 0;\n  border: 0;\n}\n\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  height: inherit;\n  float: left;\n  line-height: inherit;\n  color: var(--fwe-text);\n  font-weight: var(--fwe-font-weight-bold);\n  width: 2%;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  align-self: center;\n}\n\n.flatpickr-time .flatpickr-am-pm {\n  outline: 0;\n  width: 18%;\n  cursor: pointer;\n  text-align: center;\n  font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n  background: var(--fwe-white);\n}\n\n.flatpickr-input[readonly] {\n  cursor: pointer;\n}\n\n@keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n/*# sourceMappingURL=festo.css.map */\n",null]}
+{"version":3,"sources":["../../../../scss/themes/flatpickr/festo.scss","festo.css","../../../../scss/_variables.scss"],"names":[],"mappings":"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","file":"festo.css","sourcesContent":[null,"/*!\n * Festo UI - Web Essentials v5.0.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n.fng-flatpickr span {\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.flatpickr-calendar {\n  display: none;\n  text-align: center;\n  animation: none;\n  direction: ltr;\n  border: 0;\n  font-size: var(--fwe-font-size-md);\n  line-height: font-size-md10px;\n  position: absolute;\n  box-sizing: border-box;\n  touch-action: manipulation;\n}\n\n.flatpickr-calendar.open {\n  max-height: 640px;\n  width: 324px;\n  background: var(--fwe-white);\n  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);\n  border-radius: 8px;\n  padding: 12px;\n  padding-bottom: 48px;\n  display: inline-block;\n  z-index: var(--fwe-z-index-dropdown);\n}\n\n.flatpickr-calendar.animate.open {\n  animation: none;\n}\n\n.flatpickr-calendar.inline {\n  display: block;\n  position: relative;\n  top: 2px;\n  box-shadow: none;\n  background: inherit;\n}\n\n.flatpickr-calendar.static {\n  position: absolute;\n  top: calc(100% + 2px);\n}\n\n.flatpickr-calendar.static.open {\n  z-index: var(--fwe-z-index-dropdown);\n  display: block;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n  box-shadow: none !important;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n  box-shadow: -2px 0 0 var(--fwe-gray-200), 5px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n  border-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer {\n  border-left: 0;\n}\n\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n  height: 40px;\n  border-top: 1px solid var(--fwe-gray-200);\n}\n\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n  height: auto;\n}\n\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n  position: absolute;\n  display: block;\n  pointer-events: none;\n  border: solid transparent;\n  content: unset;\n  height: 0;\n  width: 0;\n  left: 32px;\n}\n\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.rightMost:after {\n  left: auto;\n  right: 32px;\n}\n\n.flatpickr-calendar:before {\n  border-width: 7px;\n  margin: 0 -7px;\n}\n\n.flatpickr-calendar:after {\n  border-width: 6px;\n  margin: 0 -6px;\n}\n\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n  bottom: 100%;\n}\n\n.flatpickr-calendar.arrowTop:before {\n  border-bottom-color: rgba(0, 0, 0, 0.15);\n}\n\n.flatpickr-calendar.arrowTop:after {\n  border-bottom-color: var(--fwe-white);\n}\n\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n  top: 100%;\n}\n\n.flatpickr-calendar.arrowBottom:before {\n  border-top-color: var(--fwe-border);\n}\n\n.flatpickr-calendar.arrowBottom:after {\n  border-top-color: var(--fwe-white);\n}\n\n.flatpickr-calendar:focus {\n  outline: 0;\n}\n\n.flatpickr-wrapper {\n  position: relative;\n  display: inline-block;\n}\n\n.flatpickr-months {\n  display: flex;\n}\n.flatpickr-months .flatpickr-month {\n  background: transparent;\n  color: var(--fwe-text);\n  fill: var(--fwe-text);\n  height: 42px;\n  margin-top: 12px;\n  line-height: 24px;\n  text-align: center;\n  position: relative;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  overflow: hidden;\n  flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n  text-decoration: none;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  height: 42px;\n  z-index: 3;\n  color: var(--fwe-text);\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n  position: relative;\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n  width: 14px;\n  height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n  transition: fill 0.1s;\n  fill: inherit;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n  display: none;\n}\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n  color: var(--fwe-text-light);\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n  fill: var(--fwe-hero);\n}\n.flatpickr-months .flatpickr-next-month {\n  padding: 24px 20px 0px 0px;\n  right: 0;\n}\n.flatpickr-months .flatpickr-prev-month {\n  left: 0;\n  padding: 24px 0px 0px 20px;\n}\n\n.numInputWrapper {\n  position: relative;\n  height: auto;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n  /* display: none; <- Crashes Chrome on hover */\n  -webkit-appearance: none;\n  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */\n}\n.numInputWrapper input[type=number] {\n  -moz-appearance: textfield; /* Firefox */\n}\n\n.numInputWrapper input,\n.numInputWrapper span {\n  display: inline-block;\n}\n\n.numInputWrapper input {\n  width: 100%;\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.numInputWrapper input::-ms-clear {\n  display: none;\n}\n\n.numInputWrapper span {\n  position: absolute;\n  right: -8px;\n  width: 14px;\n  padding: 0 4px 0 2px;\n  height: 50%;\n  line-height: 50%;\n  opacity: 0;\n  cursor: pointer;\n  box-sizing: border-box;\n}\n.numInputWrapper span:after {\n  display: block;\n  content: \"\";\n  position: absolute;\n}\n.numInputWrapper span.arrowUp {\n  top: 0;\n  border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-bottom: 4px solid var(--fwe-text);\n  top: 26%;\n}\n.numInputWrapper span.arrowDown {\n  top: 50%;\n}\n\n.numInputWrapper span.arrowDown:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 4px solid var(--fwe-text);\n  top: 40%;\n}\n\n.numInputWrapper span svg {\n  width: inherit;\n  height: auto;\n}\n\n.numInputWrapper span svg path {\n  fill: rgba(0, 0, 0, 0.5);\n}\n\n.numInputWrapper:hover span {\n  opacity: 1;\n}\n\n.flatpickr-current-month {\n  font-size: var(--fwe-font-size-base);\n  font-weight: var(--fwe-font-weight-normal);\n  position: absolute;\n  width: 75%;\n  left: 12.5%;\n  padding: 7px 0 0 0;\n  line-height: calc(var(--fwe-font-size-base) + 8px);\n  height: 34px;\n  display: inline-block;\n  text-align: center;\n  transform: translate3d(0, 0, 0);\n}\n.flatpickr-current-month span.cur-month {\n  font-family: inherit;\n  font-weight: var(--fwe-font-weight-bold);\n  color: inherit;\n  display: inline-block;\n  margin-left: 0.5ch;\n  padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n  color: var(--fwe-hero);\n}\n.flatpickr-current-month select {\n  appearance: none;\n  background: transparent;\n  background-image: url(\"data:image/svg+xml;utf8,<svg  height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n  background-repeat: no-repeat;\n  background-position-x: 100%;\n  background-position-y: 70%;\n  border: none;\n  color: inherit;\n  cursor: pointer;\n  line-height: 24px;\n  margin: -1px 0 0 0;\n  outline: none;\n  padding-left: 8px;\n  padding-right: 16px;\n}\n.flatpickr-current-month select:hover {\n  color: var(--fwe-hero);\n  background-image: url(\"data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)'  height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n}\n.flatpickr-current-month select option {\n  color: var(--fwe-text) !important;\n}\n\n.flatpickr-current-month .numInputWrapper {\n  width: 60px;\n  display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper input {\n  background: transparent;\n  box-sizing: border-box;\n  color: inherit;\n  cursor: text;\n  margin-left: 16px;\n  display: inline-block;\n  line-height: 24px;\n  border: 0;\n  appearance: textfield;\n}\n.flatpickr-current-month .numInputWrapper:hover {\n  color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowUp:hover:after {\n  border-bottom-color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowDown:hover:after {\n  border-top-color: var(--fwe-hero);\n}\n\n.flatpickr-current-month input.cur-year:focus {\n  outline: 0;\n}\n\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n  font-size: 100%;\n  color: rgba(0, 0, 0, 0.5);\n  background: transparent;\n  pointer-events: none;\n}\n\n.flatpickr-monthDropdown-months {\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n  outline: none;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n  background-color: transparent;\n  outline: none;\n  padding: 0;\n}\n\n.flatpickr-weekdays {\n  border-bottom: 1px solid var(--fwe-border);\n  background: transparent;\n  text-align: center;\n  overflow: hidden;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  height: 48px;\n  margin-bottom: 4px;\n}\n\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n  display: flex;\n  flex: 1;\n}\n\nspan.flatpickr-weekday {\n  cursor: default;\n  font-size: var(--fwe-font-size-md);\n  background: transparent;\n  color: var(--fwe-text-light);\n  line-height: 1;\n  margin: 0;\n  text-align: center;\n  display: block;\n  flex: 1;\n  font-weight: var(--fwe-font-weight-normal);\n}\n\n.dayContainer,\n.flatpickr-weeks {\n  padding: 1px 0 0 0;\n}\n\n.flatpickr-days {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-start;\n  width: 304px;\n}\n\n.flatpickr-days:focus {\n  outline: 0;\n}\n\n.dayContainer {\n  padding: 0;\n  outline: 0;\n  text-align: left;\n  width: 304px;\n  min-width: 304px;\n  max-width: 304px;\n  box-sizing: border-box;\n  display: inline-block;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n}\n\n.dayContainer + .dayContainer {\n  box-shadow: -1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-day {\n  background: none;\n  border: 2px;\n  border-radius: 150px;\n  box-sizing: border-box;\n  color: var(--fwe-text);\n  cursor: pointer;\n  font-weight: var(--fwe-font-weight-normal);\n  width: 14.2857143%;\n  -ms-flex-preferred-size: 14.2857143%;\n  flex-basis: 14.2857143%;\n  max-width: 33px;\n  height: 33px;\n  line-height: 33px;\n  margin: 4px;\n  display: inline-block;\n  position: relative;\n  justify-content: center;\n  text-align: center;\n}\n\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n  cursor: pointer;\n  outline: 0;\n  background: var(--fwe-gray-200);\n  border-color: var(--fwe-gray-200);\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-day:hover {\n  cursor: pointer;\n  outline: 0;\n  color: var(--fwe-hero-dark);\n}\n\n.flatpickr-day.today {\n  background-color: inherit;\n  font-weight: var(--fwe-font-weight-bold);\n  text-decoration: underline;\n}\n.flatpickr-day.today:hover {\n  color: var(--fwe-hero-dark);\n}\n\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n  background: var(--fwe-white);\n  box-shadow: none;\n  color: var(--fwe-hero);\n  border: 2px solid var(--fwe-hero);\n  font-weight: var(--fwe-font-weight-bold);\n  line-height: 28px;\n}\n.flatpickr-day.selected.flatpickr-disabled,\n.flatpickr-day.startRange.flatpickr-disabled,\n.flatpickr-day.endRange.flatpickr-disabled,\n.flatpickr-day.selected.inRange.flatpickr-disabled,\n.flatpickr-day.startRange.inRange.flatpickr-disabled,\n.flatpickr-day.endRange.inRange.flatpickr-disabled,\n.flatpickr-day.selected:focus.flatpickr-disabled,\n.flatpickr-day.startRange:focus.flatpickr-disabled,\n.flatpickr-day.endRange:focus.flatpickr-disabled,\n.flatpickr-day.selected:hover.flatpickr-disabled,\n.flatpickr-day.startRange:hover.flatpickr-disabled,\n.flatpickr-day.endRange:hover.flatpickr-disabled,\n.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled {\n  color: var(--fwe-text-disabled);\n  background: var(--fwe-control-disabled);\n}\n\n.flatpickr-day.startRange.startRange {\n  border-radius: 50px;\n  box-shadow: none;\n}\n\n.flatpickr-day.endRange.startRange {\n  border-radius: 50px 0 0 50px;\n  box-shadow: 10px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.selected.startRange {\n  border-radius: 50px;\n  box-shadow: none;\n}\n\n.flatpickr-day.endRange:not(.inRange):not(.startRange),\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange) {\n  border-radius: 50px;\n  position: relative;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before {\n  content: \"\";\n  position: absolute;\n  height: calc(100% + 4px);\n  z-index: -1;\n  width: 42px;\n  background-color: var(--fwe-gray-200);\n  left: -26px;\n  top: -2px;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before {\n  background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n  border-radius: 50px;\n}\n\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before {\n  content: \"\";\n  position: absolute;\n  height: 100%;\n  z-index: -1;\n  width: 24px;\n  background-color: var(--fwe-gray-200);\n  left: 16px;\n}\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before {\n  background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n  border-radius: 50px;\n}\n\n.flatpickr-day.inRange:not(.startRange) {\n  box-shadow: none;\n  position: relative;\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n) {\n  border-radius: 0;\n  box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled {\n  box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n}\n.flatpickr-day.inRange:not(.startRange)::before {\n  content: \"\";\n  position: absolute;\n  height: 100%;\n  z-index: -1;\n  width: 48px;\n  background-color: var(--fwe-gray-200);\n  left: -28px;\n}\n.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before {\n  background-color: var(--fwe-gray-100);\n}\n\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected) {\n  border-radius: 0;\n  box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected).flatpickr-disabled {\n  box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n  background: var(--fwe-gray-100);\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n  color: rgba(57, 57, 57, 0.3);\n  background: transparent;\n  border-color: transparent;\n  cursor: default;\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n  cursor: not-allowed;\n  color: rgba(57, 57, 57, 0.1);\n}\n\n.flatpickr-day.week.selected {\n  border-radius: 0;\n  box-shadow: -5px 0 0 var(--fwe-hero), 5px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.hidden {\n  visibility: hidden;\n}\n\n.rangeMode .flatpickr-day {\n  margin-top: 1px;\n}\n\n.flatpickr-weekwrapper {\n  float: left;\n}\n\n.flatpickr-weekwrapper .flatpickr-weeks {\n  padding: 0 12px;\n  box-shadow: 1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n  float: none;\n  width: 100%;\n  line-height: 28px;\n}\n\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n  display: block;\n  width: 100%;\n  max-width: none;\n  color: rgba(57, 57, 57, 0.3);\n  background: transparent;\n  cursor: default;\n  border: none;\n}\n\n.flatpickr-innerContainer {\n  display: block;\n  display: flex;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.flatpickr-rContainer {\n  display: inline-block;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.flatpickr-time {\n  text-align: center;\n  outline: 0;\n  height: 0;\n  line-height: 40px;\n  max-height: 40px;\n  box-sizing: border-box;\n  overflow: hidden;\n  display: flex;\n}\n\n.flatpickr-time:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n.flatpickr-time .numInputWrapper {\n  flex: 1;\n  width: 40%;\n  height: 40px;\n  float: left;\n}\n\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: var(--fwe-control-border);\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: var(--fwe-control-border);\n}\n\n.flatpickr-time.hasSeconds .numInputWrapper {\n  width: 26%;\n}\n\n.flatpickr-time.time24hr .numInputWrapper {\n  width: 49%;\n}\n\n.flatpickr-time input {\n  background: transparent;\n  box-shadow: none;\n  border: 0;\n  border-radius: 0;\n  text-align: center;\n  margin: 0;\n  padding: 0;\n  height: inherit;\n  line-height: inherit;\n  color: var(--fwe-text);\n  font-size: var(--fwe-font-size-md);\n  position: relative;\n  box-sizing: border-box;\n  appearance: textfield;\n}\n\n.flatpickr-time input.flatpickr-hour {\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n  font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:focus {\n  outline: 0;\n  border: 0;\n}\n\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  height: inherit;\n  float: left;\n  line-height: inherit;\n  color: var(--fwe-text);\n  font-weight: var(--fwe-font-weight-bold);\n  width: 2%;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  align-self: center;\n}\n\n.flatpickr-time .flatpickr-am-pm {\n  outline: 0;\n  width: 18%;\n  cursor: pointer;\n  text-align: center;\n  font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n  background: var(--fwe-white);\n}\n\n.flatpickr-input[readonly] {\n  cursor: pointer;\n}\n\n@keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n/*# sourceMappingURL=festo.css.map */\n",null]}

package/dist/css/themes/flatpickr/festo.min.css

@@ -1,5 +1,5 @@
 /*!
- * Festo UI - Web Essentials v5.0.0 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v5.1.0-dev.162 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */.fng-flatpickr span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flatpickr-calendar{display:none;text-align:center;animation:none;direction:ltr;border:0;font-size:var(--fwe-font-size-md);line-height:font-size-md10px;position:absolute;box-sizing:border-box;touch-action:manipulation}.flatpickr-calendar.open{max-height:640px;width:324px;background:var(--fwe-white);box-shadow:0 1px 8px rgba(0,0,0,.3);border-radius:8px;padding:12px;padding-bottom:48px;display:inline-block;z-index:var(--fwe-z-index-dropdown)}.flatpickr-calendar.animate.open{animation:none}.flatpickr-calendar.inline{display:block;position:relative;top:2px;box-shadow:none;background:inherit}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:var(--fwe-z-index-dropdown);display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 var(--fwe-gray-200),5px 0 0 var(--fwe-gray-200)}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid var(--fwe-gray-200)}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:unset;height:0;width:0;left:32px}.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:32px}.flatpickr-calendar:before{border-width:7px;margin:0 -7px}.flatpickr-calendar:after{border-width:6px;margin:0 -6px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(0,0,0,.15)}.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--fwe-white)}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:var(--fwe-border)}.flatpickr-calendar.arrowBottom:after{border-top-color:var(--fwe-white)}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:0 0;color:var(--fwe-text);fill:var(--fwe-text);height:42px;margin-top:12px;line-height:24px;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:42px;z-index:3;color:var(--fwe-text)}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i{position:relative}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{transition:fill .1s;fill:inherit}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:var(--fwe-text-light)}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:var(--fwe-hero)}.flatpickr-months .flatpickr-next-month{padding:24px 20px 0 0;right:0}.flatpickr-months .flatpickr-prev-month{left:0;padding:24px 0 0 20px}.numInputWrapper{position:relative;height:auto}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input[type=number]{-moz-appearance:textfield}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;font-weight:var(--fwe-font-weight-bold)}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper span{position:absolute;right:-8px;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;box-sizing:border-box}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--fwe-text);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--fwe-text);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:var(--fwe-font-size-base);font-weight:var(--fwe-font-weight-normal);position:absolute;width:75%;left:12.5%;padding:7px 0 0 0;line-height:calc(var(--fwe-font-size-base) + 8px);height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:var(--fwe-font-weight-bold);color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{color:var(--fwe-hero)}.flatpickr-current-month select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;background-image:url("data:image/svg+xml;utf8,<svg  height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:70%;border:none;color:inherit;cursor:pointer;line-height:24px;margin:-1px 0 0 0;outline:0;padding-left:8px;padding-right:16px}.flatpickr-current-month select:hover{color:var(--fwe-hero);background-image:url("data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)'  height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>")}.flatpickr-current-month select option{color:var(--fwe-text)!important}.flatpickr-current-month .numInputWrapper{width:60px;display:inline-block}.flatpickr-current-month .numInputWrapper input{background:0 0;box-sizing:border-box;color:inherit;cursor:text;margin-left:16px;display:inline-block;line-height:24px;border:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month .numInputWrapper:hover{color:var(--fwe-hero)}.flatpickr-current-month .numInputWrapper .arrowUp:hover:after{border-bottom-color:var(--fwe-hero)}.flatpickr-current-month .numInputWrapper .arrowDown:hover:after{border-top-color:var(--fwe-hero)}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:0 0;pointer-events:none}.flatpickr-monthDropdown-months{font-weight:var(--fwe-font-weight-bold)}.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:0}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:0;padding:0}.flatpickr-weekdays{border-bottom:1px solid var(--fwe-border);background:0 0;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:48px;margin-bottom:4px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:var(--fwe-font-size-md);background:0 0;color:var(--fwe-text-light);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:var(--fwe-font-weight-normal)}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:304px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:304px;min-width:304px;max-width:304px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 0 var(--fwe-gray-200)}.flatpickr-day{background:0 0;border:2px;border-radius:150px;box-sizing:border-box;color:var(--fwe-text);cursor:pointer;font-weight:var(--fwe-font-weight-normal);width:14.2857143%;flex-basis:14.2857143%;max-width:33px;height:33px;line-height:33px;margin:4px;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus{cursor:pointer;outline:0;background:var(--fwe-gray-200);border-color:var(--fwe-gray-200);font-weight:var(--fwe-font-weight-bold)}.flatpickr-day:hover{cursor:pointer;outline:0;color:var(--fwe-hero-dark)}.flatpickr-day.today{background-color:inherit;font-weight:var(--fwe-font-weight-bold);text-decoration:underline}.flatpickr-day.today:hover{color:var(--fwe-hero-dark)}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:var(--fwe-white);box-shadow:none;color:var(--fwe-hero);border:2px solid var(--fwe-hero);font-weight:var(--fwe-font-weight-bold);line-height:28px}.flatpickr-day.endRange.flatpickr-disabled,.flatpickr-day.endRange.inRange.flatpickr-disabled,.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled,.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,.flatpickr-day.endRange:focus.flatpickr-disabled,.flatpickr-day.endRange:hover.flatpickr-disabled,.flatpickr-day.selected.flatpickr-disabled,.flatpickr-day.selected.inRange.flatpickr-disabled,.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,.flatpickr-day.selected:focus.flatpickr-disabled,.flatpickr-day.selected:hover.flatpickr-disabled,.flatpickr-day.startRange.flatpickr-disabled,.flatpickr-day.startRange.inRange.flatpickr-disabled,.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,.flatpickr-day.startRange:focus.flatpickr-disabled,.flatpickr-day.startRange:hover.flatpickr-disabled{color:var(--fwe-text-disabled);background:var(--fwe-control-disabled)}.flatpickr-day.startRange.startRange{border-radius:50px;box-shadow:none}.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px;box-shadow:10px 0 0 var(--fwe-hero)}.flatpickr-day.selected.startRange{border-radius:50px;box-shadow:none}.flatpickr-day.endRange:not(.inRange):not(.startRange),.flatpickr-day.selected.endRange:not(.inRange):not(.startRange){border-radius:50px;position:relative}.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before{content:"";position:absolute;height:calc(100% + 4px);z-index:-1;width:42px;background-color:var(--fwe-gray-200);left:-26px;top:-2px}.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before{background-color:var(--fwe-gray-200)}.flatpickr-day.endRange.endRange,.flatpickr-day.startRange.endRange{border-radius:50px}.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before{content:"";position:absolute;height:100%;z-index:-1;width:24px;background-color:var(--fwe-gray-200);left:16px}.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before{background-color:var(--fwe-gray-200)}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange:not(.startRange){box-shadow:none;position:relative}.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n){border-radius:0;box-shadow:-10px 0 0 var(--fwe-gray-200),24px 0 0 var(--fwe-gray-200)}.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled{box-shadow:-10px 0 0 var(--fwe-gray-100),24px 0 0 var(--fwe-gray-100)}.flatpickr-day.inRange:not(.startRange)::before{content:"";position:absolute;height:100%;z-index:-1;width:48px;background-color:var(--fwe-gray-200);left:-28px}.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before{background-color:var(--fwe-gray-100)}.flatpickr-day.inRange~.flatpickr-day.inRange:not(.selected){border-radius:0;box-shadow:-10px 0 0 var(--fwe-gray-200),24px 0 0 var(--fwe-gray-200)}.flatpickr-day.inRange~.flatpickr-day.inRange:not(.selected).flatpickr-disabled{box-shadow:-10px 0 0 var(--fwe-gray-100),24px 0 0 var(--fwe-gray-100);background:var(--fwe-gray-100)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(57,57,57,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 var(--fwe-hero),5px 0 0 var(--fwe-hero)}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 var(--fwe-gray-200)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,.3);background:0 0;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:var(--fwe-control-border)}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:var(--fwe-control-border)}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:0 0;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:var(--fwe-text);font-size:var(--fwe-font-size-md);position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:var(--fwe-font-weight-bold)}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:var(--fwe-font-weight-normal)}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:var(--fwe-text);font-weight:var(--fwe-font-weight-bold);width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:var(--fwe-font-weight-normal)}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:var(--fwe-white)}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

package/dist/scss/_checkbox.scss

@@ -23,7 +23,9 @@ $lgWidth: 24px;
 
 %checkmark-lg {
   height: $lgHeight;
+  min-height: $lgHeight;
   width: $lgWidth;
+  min-width: $lgWidth;
   border-radius: $border-radius-s;
   @extend .fwe-icon-lg;
   &:before {
@@ -70,7 +72,9 @@ label.fwe-checkbox {
     box-sizing: border-box;
     position: relative;
     height: $defaultHeight;
+    min-height: $defaultHeight;
     width: $defaultWidth;
+    min-width: $defaultWidth;
     border: 1px solid $control-border;
     background-color: $white;
     border-radius: 2px;

package/dist/scss/_fonts.scss

@@ -39,21 +39,48 @@
 .fwe-font-size-small {
   font-size: $font-size-small;
 }
+
 .fwe-font-size-md {
   font-size: $font-size-md;
 }
+
 .fwe-font-size-base {
   font-size: $font-size-base;
 }
+
 .fwe-font-size-xl {
   font-size: $font-size-xl;
 }
+
 .fwe-font-size-xxl {
   font-size: $font-size-xxl;
 }
+
 .fwe-line-height-base {
   line-height: $line-height-base;
 }
+
 .fwe-line-height-1 {
   line-height: 1;
 }
+
+.fwe-font-weight-base {
+  font-weight: $font-weight-base;
+}
+
+.fwe-font-weight-normal {
+  font-weight: $font-weight-normal;
+}
+
+.fwe-font-weight-bold {
+  font-weight: $font-weight-bold;
+}
+
+.fwe-font-family-sans-serif {
+  font-family: $font-family-sans-serif;
+}
+
+.fwe-font-family-monospace,
+.fwe-font-family-code {
+  font-family: $font-family-monospace;
+}

package/dist/scss/_grid.scss

@@ -7,6 +7,16 @@
       .fwe-col#{$infix}-#{$i} {
         grid-column-end: span $i;
       }
+
+      .fwe-grid-line-break#{$infix} {
+        grid-column-start: 1;
+      }
+
+      @if $i < $grid-columns {
+        .fwe-offset#{$infix}-#{$i} {
+          grid-column-start: $i + 1;
+        }
+      }
     }
   }
 }

package/dist/scss/_misc.scss

@@ -0,0 +1,47 @@
+.fwe-object-fit-contain {
+  object-fit: contain !important;
+}
+
+.fwe-object-fit-cover {
+  object-fit: cover !important;
+}
+
+.fwe-object-fit-fill {
+  object-fit: fill !important;
+}
+
+.fwe-object-fit-scale-down {
+  object-fit: scale-down !important;
+}
+
+.fwe-w-100 {
+  width: 100% !important;
+}
+
+.fwe-h-100 {
+  height: 100% !important;
+}
+
+.fwe-text-align-center {
+  text-align: center;
+}
+
+.fwe-text-align-right {
+  text-align: right;
+}
+
+.fwe-text-align-left {
+  text-align: right;
+}
+
+.fwe-text-align-justify {
+  text-align: justify;
+}
+
+.fwe-text-align-end {
+  text-align: end;
+}
+
+.fwe-text-align-start {
+  text-align: start;
+}

package/dist/scss/_mixins.scss

@@ -24,22 +24,25 @@
 @mixin custom-scrollbar {
   scrollbar-width: thin;
   scrollbar-color: $control-scrollbar $gray-100;
-  &::-webkit-scrollbar {
-    width: 14px;
-  }
 
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
+  @media (pointer: fine) {
+    &::-webkit-scrollbar {
+      width: 14px;
+    }
 
-  &::-webkit-scrollbar-thumb {
-    overflow: visible;
-    background-color: $control-scrollbar;
-    // use $gray-100 with opacity 0 for effect of margins of scrollbar
-    border: 3px solid rgba(242, 243, 245, 0);
-    // hide the background with background clip
-    -webkit-background-clip: padding-box;
-    background-clip: padding-box;
-    border-radius: 8px;
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      overflow: visible;
+      background-color: $control-scrollbar;
+      // use $gray-100 with opacity 0 for effect of margins of scrollbar
+      border: 3px solid rgba(242, 243, 245, 0);
+      // hide the background with background clip
+      -webkit-background-clip: padding-box;
+      background-clip: padding-box;
+      border-radius: 8px;
+    }
   }
 }

package/dist/scss/_navbar.scss

@@ -256,3 +256,8 @@ header.fwe-fixed-header {
     align-items: center;
   }
 }
+
+// Margin for fixed overlay elements used with fixed navbar
+.fwe-navbar-margin {
+  margin-top: $navbar-height;
+}

package/dist/scss/_radio.scss

@@ -27,12 +27,20 @@ $lgWidth: 24px;
       .fwe-radio-checkmark {
         height: $lgHeight;
         width: $lgWidth;
+        min-height: $lgHeight;
+        min-width: $lgWidth;
 
         &:after {
           height: $lgHeight;
           width: $lgWidth;
+          min-height: $lgHeight;
+          min-width: $lgWidth;
         }
       }
+
+      .fwe-radio-label-content {
+        line-height: 32px;
+      }
     }
   }
 
@@ -62,6 +70,8 @@ label.fwe-radio {
     position: relative;
     height: $defaultHeight;
     width: $defaultWidth;
+    min-height: $defaultHeight;
+    min-width: $defaultWidth;
     border: 1px solid $control-border;
     background-color: $white;
     border-radius: 50%;
@@ -77,6 +87,8 @@ label.fwe-radio {
       top: -1px;
       height: $defaultHeight;
       width: $defaultWidth;
+      min-height: $defaultHeight;
+      min-width: $defaultWidth;
       transition: transform ease-out 0.3s, background-color ease-out 0.3s;
       transform: scale(0.001);
     }
@@ -86,12 +98,20 @@ label.fwe-radio {
     .fwe-radio-checkmark {
       height: $lgHeight;
       width: $lgWidth;
+      min-height: $lgHeight;
+      min-width: $lgWidth;
 
       &:after {
         height: $lgHeight;
         width: $lgWidth;
+        min-height: $lgHeight;
+        min-width: $lgWidth;
       }
     }
+
+    .fwe-radio-label-content {
+      line-height: 32px;
+    }
   }
 
   .fwe-radio-label-content {
@@ -112,7 +132,7 @@ label.fwe-radio {
     opacity: 0;
     cursor: pointer;
 
-    &:hover ~ .fwe-radio-checkmark {
+    &:hover:not(:disabled) ~ .fwe-radio-checkmark {
       background-color: $control;
     }
 
@@ -125,7 +145,7 @@ label.fwe-radio {
       border-color: $hero;
     }
 
-    &:hover:checked ~ .fwe-radio-checkmark {
+    &:hover:checked:not(:disabled) ~ .fwe-radio-checkmark {
       background-color: $hero-dark;
       border-color: $hero-dark;
     }

package/dist/scss/_root.scss

@@ -63,7 +63,6 @@
   --fwe-control-scrollbar: #d2d5d9; // 80% * --fwe-control-dark + 20% * #FFFFFF
 
   --fwe-background: #f2f3f5;
-  --fwe-background-image-gallery: #707070;
 
   --fwe-border: #d8dce1;
   --fwe-border-disabled: #e6e9ec; // 64% * --fwe-gray-300 + 36% * #FFFFFF

package/dist/scss/_scroll.scss

@@ -1,6 +1,6 @@
 // styles for native browser scrollbar
 .fwe-scrollbar {
-  @include custom-scrollbar();
+  @include custom-scrollbar;
 }
 
 // styles for js scrollbar (simplebar.js)

package/dist/scss/_sidebar-overlay.scss

@@ -0,0 +1,39 @@
+$fwe-sidebar-overlay-width: 480px;
+
+.fwe-sidebar-overlay {
+  z-index: $zindex-sticky;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
+  padding: 32px;
+  position: fixed;
+  right: 0px;
+  top: 0px;
+  bottom: 0px;
+  width: $fwe-sidebar-overlay-width;
+  background: $white;
+  transform: translateX($fwe-sidebar-overlay-width);
+  transition: opacity 400ms, transform 400ms;
+  opacity: 0;
+  &--open {
+    opacity: 1;
+    transform: translateX(0px);
+  }
+  .fwe-close-icon-button {
+    line-height: 1;
+    display: block;
+    border: none;
+    background-color: transparent;
+    padding: 0;
+    margin: 0 0 0 auto;
+    outline: none;
+    text-align: right;
+    cursor: pointer;
+    &:hover {
+      color: $hero;
+    }
+  }
+  @media (max-width: $grid-breakpoint-xs) {
+    left: 0px;
+    width: unset;
+    transform: translateX(100%);
+  }
+}

package/dist/scss/_table.scss

@@ -70,8 +70,8 @@ table.fwe-table {
 
       background-color: $white;
       border-bottom: 2px solid $background;
-      padding-top: 11px;
-      padding-bottom: 13px;
+      padding-top: 12px;
+      padding-bottom: 12px;
       padding-left: 16px;
       padding-right: 16px;
       vertical-align: top;

package/dist/scss/_tree.scss

@@ -1,5 +1,5 @@
 .fwe-tree {
-  @include custom-scrollbar();
+  @include custom-scrollbar;
   position: relative;
 
   &-node {

package/dist/scss/_variables.scss

@@ -64,7 +64,6 @@ $control-border-darker: var(--fwe-control-border-darker) !default;
 
 $background: var(--fwe-background) !default;
 $background-modal: rgba(black, 0.7) !default;
-$background-image-gallery: var(--fwe-background-image-gallery) !default;
 
 $border: var(--fwe-border) !default;
 $border-disabled: var(--fwe-border-disabled) !default;

package/dist/scss/festo-web-essentials.scss

@@ -1,5 +1,5 @@
 /*!
- * Festo UI - Web Essentials v5.0.0 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v5.1.0-dev.162 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -16,6 +16,7 @@
 @import "normalize";
 @import "utils";
 
+@import "misc";
 @import "display";
 @import "spacing";
 @import "border";
@@ -56,3 +57,4 @@
 @import "bottom-navigation";
 @import "accordion";
 @import "tree";
+@import "sidebar-overlay";

package/dist/scss/organisms/_image-gallery.scss

@@ -8,7 +8,7 @@
   max-width: unset;
   max-height: 100vh;
   overflow-x: hidden;
-  overflow-y: auto;
+  overflow-y: hidden;
 
   .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {
     padding-right: 0px;
@@ -40,7 +40,7 @@
 .fwe-image-gallery-container {
   display: flex;
   flex-direction: column;
-  overflow: auto;
+  overflow: hidden;
 }
 
 .fwe-image-gallery-content {
@@ -59,7 +59,7 @@
 .fwe-image-gallery {
   width: 100%;
   height: 288px;
-  background-color: $background-image-gallery;
+  background-color: white;
   user-select: none;
 
   svg,
@@ -92,6 +92,7 @@
       height: 64px;
       opacity: 0.33;
       transition: opacity 0.3s;
+      cursor: pointer;
 
       &:last-child {
         margin-right: 0px;
@@ -113,17 +114,19 @@
         object-fit: cover;
         width: 88px;
         height: 56px;
-        background-color: $background-image-gallery;
+        background-color: white;
       }
 
       &.swiper-slide-thumb-active,
       &:hover {
         opacity: 1;
-
         &::after {
           opacity: 1;
         }
       }
+      &.swiper-slide-thumb-active {
+        cursor: default;
+      }
     }
   }
 
@@ -141,13 +144,14 @@
     margin-right: 8px;
     opacity: 0.33;
     transition: opacity 0.3s;
+    cursor: pointer;
 
     img {
       position: absolute;
       height: 56px;
       width: 88px;
       min-width: 88px;
-      background: $background-image-gallery;
+      background: white;
       object-fit: cover;
     }
 
@@ -169,11 +173,14 @@
     &.fwe-active,
     &:hover {
       opacity: 1;
-
       &::after {
         opacity: 1;
       }
     }
+
+    &.fwe-active {
+      cursor: default;
+    }
   }
 }
 
@@ -225,12 +232,6 @@
         margin-top: none;
       }
     }
-
-    &--with-thumbnails {
-      .fwe-image-gallery-wrapper {
-        width: 984px;
-      }
-    }
   }
 
   .fwe-image-gallery,