@festo-ui/web-essentials 3.2.1 → 4.0.0-pre-20220920.2

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

@@ -1,6 +1,6 @@
 /*!
- * Festo UI - Web Essentials v3.2.1 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v4.0.0-pre-20220920.2 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
- */.fng-flatpickr span{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.flatpickr-calendar{display:none;text-align:center;-webkit-animation:none;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{-webkit-animation:none;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;-ms-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,.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;-ms-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}@-webkit-keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
+ */.fng-flatpickr span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flatpickr-calendar{display:none;text-align:center;-webkit-animation:none;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{-webkit-animation:none;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,.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}@-webkit-keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
 /*# sourceMappingURL=festo.min.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../scss/themes/flatpickr/festo.scss","libs/web-essentials/dist/css/themes/flatpickr/festo.css"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n\n@import \"../../variables\";\n\n.fng-flatpickr {\n  span {\n    -webkit-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n}\n\n.flatpickr-calendar {\n  display: none;\n  text-align: center;\n  animation: none;\n  direction: ltr;\n  border: 0;\n  font-size: $font-size-md;\n  line-height: font-size-md + 10px;\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: $white;\n  box-shadow: $control-box-shadow;\n  border-radius: 8px;\n  padding: $spacer-xs;\n  padding-bottom: $spacer-xl;\n  display: inline-block;\n  z-index: $zindex-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: $zindex-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 $gray-200, 5px 0 0 $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 $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; // disable arrows\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: $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: $border;\n}\n\n.flatpickr-calendar.arrowBottom:after {\n  border-top-color: $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  .flatpickr-month {\n    background: transparent;\n    color: $text;\n    fill: $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-prev-month,\n  .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: $text;\n    i {\n      position: relative;\n    }\n    svg {\n      width: 14px;\n      height: 14px;\n      path {\n        transition: fill 0.1s;\n        fill: inherit;\n      }\n    }\n    &.flatpickr-disabled {\n      display: none;\n    }\n    &:hover {\n      color: $text-light;\n      svg {\n        fill: $hero;\n      }\n    }\n  }\n  .flatpickr-next-month {\n    padding: 24px 20px 0px 0px;\n    right: 0;\n  }\n  .flatpickr-prev-month {\n    left: 0;\n    padding: 24px 0px 0px 20px;\n  }\n}\n\n.numInputWrapper {\n  position: relative;\n  height: auto;\n  // remove default spin buttons\n  input::-webkit-outer-spin-button,\n  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\n  input[type=\"number\"] {\n    -moz-appearance: textfield; /* Firefox */\n  }\n}\n\n.numInputWrapper input,\n.numInputWrapper span {\n  display: inline-block;\n}\n\n.numInputWrapper input {\n  width: 100%;\n  font-weight: $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  &:after {\n    display: block;\n    content: \"\";\n    position: absolute;\n  }\n  &.arrowUp {\n    top: 0;\n    border-bottom: 0;\n  }\n  &.arrowUp:after {\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-bottom: 4px solid $text;\n    top: 26%;\n  }\n  &.arrowDown {\n    top: 50%;\n  }\n}\n\n.numInputWrapper span.arrowDown:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 4px solid $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: $font-size-base;\n  font-weight: $font-weight-normal;\n  position: absolute;\n  width: 75%;\n  left: 12.5%;\n  padding: 7px 0 0 0;\n  line-height: calc(#{$font-size-base} + 8px);\n  height: 34px;\n  display: inline-block;\n  text-align: center;\n  transform: translate3d(0, 0, 0);\n  span.cur-month {\n    font-family: inherit;\n    font-weight: $font-weight-bold;\n    color: inherit;\n    display: inline-block;\n    margin-left: 0.5ch;\n    padding: 0;\n    &:hover {\n      color: $hero;\n    }\n  }\n  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    &:hover {\n      color: $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    option {\n      color: $text !important;\n    }\n  }\n}\n\n.flatpickr-current-month .numInputWrapper {\n  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  width: 60px;\n  display: inline-block;\n  &:hover {\n    color: $hero;\n  }\n  .arrowUp:hover:after {\n    border-bottom-color: $hero;\n  }\n  .arrowDown:hover:after {\n    border-top-color: $hero;\n  }\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: $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 $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: $spacer-xxxs;\n}\n\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n  display: flex;\n  flex: 1;\n}\n\nspan.flatpickr-weekday {\n  cursor: default;\n  font-size: $font-size-md;\n  background: transparent;\n  color: $text-light;\n  line-height: 1;\n  margin: 0;\n  text-align: center;\n  display: block;\n  flex: 1;\n  font-weight: $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 $gray-200;\n}\n\n.flatpickr-day {\n  background: none;\n  border: 2px;\n  border-radius: 150px;\n  box-sizing: border-box;\n  color: $text;\n  cursor: pointer;\n  font-weight: $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: $gray-200;\n  border-color: $gray-200;\n  font-weight: $font-weight-bold;\n}\n\n.flatpickr-day:hover {\n  cursor: pointer;\n  outline: 0;\n  color: $hero-dark;\n}\n\n.flatpickr-day.today {\n  background-color: inherit;\n  font-weight: $font-weight-bold;\n  text-decoration: underline;\n\n  &:hover {\n    color: $hero-dark;\n  }\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: $white;\n  box-shadow: none;\n  color: $hero;\n  border: 2px solid $hero;\n  font-weight: $font-weight-bold;\n  line-height: 28px;\n\n  &.flatpickr-disabled {\n    color: $text-disabled;\n    background: $control-disabled;\n  }\n}\n\n.flatpickr-day.startRange.startRange {\n  border-radius: 50px;\n  box-shadow: none;\n}\n.flatpickr-day.endRange.startRange {\n  border-radius: 50px 0 0 50px;\n  box-shadow: 10px 0 0 $hero;\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  &::before {\n    content: \"\";\n    position: absolute;\n    height: calc(100% + 4px);\n    z-index: -1;\n    width: 42px;\n    background-color: $gray-200;\n    left: -26px;\n    top: -2px;\n  }\n\n  &.flatpickr-disabled {\n    &::before {\n      background-color: $gray-200;\n    }\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) {\n  &::before {\n    content: \"\";\n    position: absolute;\n    height: 100%;\n    z-index: -1;\n    width: 24px;\n    background-color: $gray-200;\n    left: 16px;\n  }\n\n  &.flatpickr-disabled {\n    &::before {\n      background-color: $gray-200;\n    }\n  }\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  &:not(.endRange):nth-child(7n) {\n    border-radius: 0;\n    box-shadow: -10px 0 0 $gray-200, 24px 0 0 $gray-200;\n\n    &.flatpickr-disabled {\n      box-shadow: -10px 0 0 $gray-100, 24px 0 0 $gray-100;\n    }\n  }\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    height: 100%;\n    z-index: -1;\n    width: 48px;\n    background-color: $gray-200;\n    left: -28px;\n  }\n\n  &.flatpickr-disabled {\n    &::before {\n      background-color: $gray-100;\n    }\n  }\n}\n\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected) {\n  border-radius: 0;\n  box-shadow: -10px 0 0 $gray-200, 24px 0 0 $gray-200;\n\n  &.flatpickr-disabled {\n    box-shadow: -10px 0 0 $gray-100, 24px 0 0 $gray-100;\n    background: $gray-100;\n  }\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 $hero, 5px 0 0 $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 $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: $control-border;\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: $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: $text;\n  font-size: $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: $font-weight-bold;\n}\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n  font-weight: $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: $text;\n  font-weight: $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: $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: $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 * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n.fng-flatpickr span {\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.flatpickr-calendar {\n  display: none;\n  text-align: center;\n  -webkit-animation: none;\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  -webkit-animation: none;\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  -moz-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;\n  /* <-- Apparently some margin are still there even though it's hidden */\n}\n.numInputWrapper input[type=number] {\n  -moz-appearance: textfield;\n  /* 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  -webkit-appearance: none;\n  -moz-appearance: none;\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  -webkit-appearance: textfield;\n  -moz-appearance: textfield;\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  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  -webkit-appearance: textfield;\n  -moz-appearance: textfield;\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  -moz-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@-webkit-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@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 */"]}
+{"version":3,"sources":["../../../../scss/themes/flatpickr/festo.scss","libs/web-essentials/dist/css/themes/flatpickr/festo.css"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n\n@import \"../../variables\";\n\n.fng-flatpickr {\n  span {\n    -webkit-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n}\n\n.flatpickr-calendar {\n  display: none;\n  text-align: center;\n  animation: none;\n  direction: ltr;\n  border: 0;\n  font-size: $font-size-md;\n  line-height: font-size-md + 10px;\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: $white;\n  box-shadow: $control-box-shadow;\n  border-radius: $border-radius-m;\n  padding: $spacer-xs;\n  padding-bottom: $spacer-xl;\n  display: inline-block;\n  z-index: $zindex-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: $zindex-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 $gray-200, 5px 0 0 $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 $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; // disable arrows\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: $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: $border;\n}\n\n.flatpickr-calendar.arrowBottom:after {\n  border-top-color: $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  .flatpickr-month {\n    background: transparent;\n    color: $text;\n    fill: $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-prev-month,\n  .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: $text;\n    i {\n      position: relative;\n    }\n    svg {\n      width: 14px;\n      height: 14px;\n      path {\n        transition: fill 0.1s;\n        fill: inherit;\n      }\n    }\n    &.flatpickr-disabled {\n      display: none;\n    }\n    &:hover {\n      color: $text-light;\n      svg {\n        fill: $hero;\n      }\n    }\n  }\n  .flatpickr-next-month {\n    padding: 24px 20px 0px 0px;\n    right: 0;\n  }\n  .flatpickr-prev-month {\n    left: 0;\n    padding: 24px 0px 0px 20px;\n  }\n}\n\n.numInputWrapper {\n  position: relative;\n  height: auto;\n  // remove default spin buttons\n  input::-webkit-outer-spin-button,\n  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\n  input[type=\"number\"] {\n    -moz-appearance: textfield; /* Firefox */\n  }\n}\n\n.numInputWrapper input,\n.numInputWrapper span {\n  display: inline-block;\n}\n\n.numInputWrapper input {\n  width: 100%;\n  font-weight: $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  &:after {\n    display: block;\n    content: \"\";\n    position: absolute;\n  }\n  &.arrowUp {\n    top: 0;\n    border-bottom: 0;\n  }\n  &.arrowUp:after {\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-bottom: 4px solid $text;\n    top: 26%;\n  }\n  &.arrowDown {\n    top: 50%;\n  }\n}\n\n.numInputWrapper span.arrowDown:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 4px solid $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: $font-size-base;\n  font-weight: $font-weight-normal;\n  position: absolute;\n  width: 75%;\n  left: 12.5%;\n  padding: 7px 0 0 0;\n  line-height: calc(#{$font-size-base} + 8px);\n  height: 34px;\n  display: inline-block;\n  text-align: center;\n  transform: translate3d(0, 0, 0);\n  span.cur-month {\n    font-family: inherit;\n    font-weight: $font-weight-bold;\n    color: inherit;\n    display: inline-block;\n    margin-left: 0.5ch;\n    padding: 0;\n    &:hover {\n      color: $hero;\n    }\n  }\n  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    &:hover {\n      color: $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    option {\n      color: $text !important;\n    }\n  }\n}\n\n.flatpickr-current-month .numInputWrapper {\n  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  width: 60px;\n  display: inline-block;\n  &:hover {\n    color: $hero;\n  }\n  .arrowUp:hover:after {\n    border-bottom-color: $hero;\n  }\n  .arrowDown:hover:after {\n    border-top-color: $hero;\n  }\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: $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 $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: $spacer-xxxs;\n}\n\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n  display: flex;\n  flex: 1;\n}\n\nspan.flatpickr-weekday {\n  cursor: default;\n  font-size: $font-size-md;\n  background: transparent;\n  color: $text-light;\n  line-height: 1;\n  margin: 0;\n  text-align: center;\n  display: block;\n  flex: 1;\n  font-weight: $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 $gray-200;\n}\n\n.flatpickr-day {\n  background: none;\n  border: 2px;\n  border-radius: 150px;\n  box-sizing: border-box;\n  color: $text;\n  cursor: pointer;\n  font-weight: $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: $gray-200;\n  border-color: $gray-200;\n  font-weight: $font-weight-bold;\n}\n\n.flatpickr-day:hover {\n  cursor: pointer;\n  outline: 0;\n  color: $hero-dark;\n}\n\n.flatpickr-day.today {\n  background-color: inherit;\n  font-weight: $font-weight-bold;\n  text-decoration: underline;\n\n  &:hover {\n    color: $hero-dark;\n  }\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: $white;\n  box-shadow: none;\n  color: $hero;\n  border: 2px solid $hero;\n  font-weight: $font-weight-bold;\n  line-height: 28px;\n\n  &.flatpickr-disabled {\n    color: $text-disabled;\n    background: $control-disabled;\n  }\n}\n\n.flatpickr-day.startRange.startRange {\n  border-radius: 50px;\n  box-shadow: none;\n}\n.flatpickr-day.endRange.startRange {\n  border-radius: 50px 0 0 50px;\n  box-shadow: 10px 0 0 $hero;\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  &::before {\n    content: \"\";\n    position: absolute;\n    height: calc(100% + 4px);\n    z-index: -1;\n    width: 42px;\n    background-color: $gray-200;\n    left: -26px;\n    top: -2px;\n  }\n\n  &.flatpickr-disabled {\n    &::before {\n      background-color: $gray-200;\n    }\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) {\n  &::before {\n    content: \"\";\n    position: absolute;\n    height: 100%;\n    z-index: -1;\n    width: 24px;\n    background-color: $gray-200;\n    left: 16px;\n  }\n\n  &.flatpickr-disabled {\n    &::before {\n      background-color: $gray-200;\n    }\n  }\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  &:not(.endRange):nth-child(7n) {\n    border-radius: 0;\n    box-shadow: -10px 0 0 $gray-200, 24px 0 0 $gray-200;\n\n    &.flatpickr-disabled {\n      box-shadow: -10px 0 0 $gray-100, 24px 0 0 $gray-100;\n    }\n  }\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    height: 100%;\n    z-index: -1;\n    width: 48px;\n    background-color: $gray-200;\n    left: -28px;\n  }\n\n  &.flatpickr-disabled {\n    &::before {\n      background-color: $gray-100;\n    }\n  }\n}\n\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected) {\n  border-radius: 0;\n  box-shadow: -10px 0 0 $gray-200, 24px 0 0 $gray-200;\n\n  &.flatpickr-disabled {\n    box-shadow: -10px 0 0 $gray-100, 24px 0 0 $gray-100;\n    background: $gray-100;\n  }\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 $hero, 5px 0 0 $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 $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: $control-border;\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: $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: $text;\n  font-size: $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: $font-weight-bold;\n}\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n  font-weight: $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: $text;\n  font-weight: $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: $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: $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 * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n.fng-flatpickr span {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.flatpickr-calendar {\n  display: none;\n  text-align: center;\n  -webkit-animation: none;\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  -webkit-animation: none;\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  -moz-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;\n  /* <-- Apparently some margin are still there even though it's hidden */\n}\n.numInputWrapper input[type=number] {\n  -moz-appearance: textfield;\n  /* 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  -webkit-appearance: none;\n  -moz-appearance: none;\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  -webkit-appearance: textfield;\n  -moz-appearance: textfield;\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  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  -webkit-appearance: textfield;\n  -moz-appearance: textfield;\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  -moz-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@-webkit-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@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 */"]}

package/dist/scss/_breadcrumb.scss

@@ -6,8 +6,6 @@
   color: $text-light;
 
   .fwe-icon-arrows-right-2 {
-    margin-top: 1px;
-    margin-bottom: -1px;
     margin-left: 4px;
     margin-right: 4px;
   }

package/dist/scss/_button.scss

@@ -21,10 +21,6 @@ button.fwe-btn {
     padding-right: 8px;
   }
 
-  span {
-    margin: -1px 0px 1px 0px;
-  }
-
   &:hover {
     color: $btn-text-hover;
     background: $btn-hover;
@@ -95,7 +91,7 @@ button.fwe-btn {
 
     &:disabled,
     &.fwe-disabled {
-      color: $text-light;
+      color: $btn-text-disabled;
     }
   }
 

package/dist/scss/_cards.scss

@@ -3,7 +3,7 @@
   flex-direction: column;
   border: 1px solid $border;
   background-color: $white;
-  border-radius: 8px;
+  border-radius: $border-radius-m;
 
   .fwe-card-img {
     width: 100%;

package/dist/scss/_checkbox.scss

@@ -24,7 +24,7 @@ $lgWidth: 24px;
 %checkmark-lg {
   height: $lgHeight;
   width: $lgWidth;
-  border-radius: 4px;
+  border-radius: $border-radius-s;
   @extend .fwe-icon-lg;
   &:before {
     left: -1px;
@@ -74,7 +74,6 @@ label.fwe-checkbox {
     border: 1px solid $control-border;
     background-color: $white;
     border-radius: 2px;
-    margin-top: 2px;
     font-size: $font-size-md;
     @extend .fwe-icon;
     @extend .fwe-icon-menu-check;

package/dist/scss/_chips.scss

@@ -1,7 +1,7 @@
 %chip-lg {
   font-size: $font-size-base;
   line-height: 22px;
-  border-radius: 16px;
+  border-radius: $border-radius-xl;
   padding: 3px 16px 5px 16px;
   i[class^="fwe-icon-"],
   i[class*=" fwe-icon-"] {
@@ -48,7 +48,7 @@
   font-size: $font-size-md;
   line-height: calc(#{$font-size-md} + 7px);
   text-align: center;
-  border-radius: 12px;
+  border-radius: $border-radius-l;
   cursor: pointer;
   background: $control;
   color: $text;

package/dist/scss/_fonts.scss

@@ -1,16 +1,17 @@
+/* MetaPro regular */
 @font-face {
   font-family: "MetaPro";
-  src: url("../fonts/MetaPro-Regular.woff2") format("woff2"), url("../fonts/MetaPro-Regular.woff") format("woff"),
-    url("../fonts/MetaPro-Regular.otf") format("truetype");
+  src: url("../fonts/FestoW05-Regular.woff2") format("woff2"), url("../fonts/FestoW05-Regular.woff") format("woff");
 }
 
+/* MetaPro bold */
 @font-face {
   font-family: "MetaPro";
   font-weight: bold;
-  src: url("../fonts/MetaPro-Bold.woff2") format("woff2"), url("../fonts/MetaPro-Bold.woff") format("woff"),
-    url("../fonts/MetaPro-Bold.otf") format("truetype");
+  src: url("../fonts/FestoW05-Bold.woff2") format("woff2"), url("../fonts/FestoW05-Bold.woff") format("woff");
 }
 
+/* Festo Icon Font */
 @font-face {
   font-family: "festo_icons-16";
   src: url("../fonts/festo_icons-16.woff2") format("woff2");

package/dist/scss/_icons.scss

@@ -1,4 +1,5 @@
 @mixin icon-base {
+  font-family: $font-family-icons-16; // this is needed to center the icons vertically
   font-size: $font-size-base;
   display: inline-block;
   &:before {
@@ -1398,9 +1399,6 @@
 .fwe-icon-iot:before {
   content: "\eaba";
 }
-.fwe-icon-learning-path1:before {
-  content: "\eabb";
-}
 .fwe-icon-mobotic:before {
   content: "\eabc";
 }