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

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

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

@@ -1,37 +1,37 @@
-.fwe-breadcrumb {
-  white-space: nowrap;
-  display: flex;
-  justify-items: center;
-  align-items: center;
-  color: $text-light;
-
-  .fwe-icon-arrows-right-2 {
-    margin-left: 4px;
-    margin-right: 4px;
-  }
-
-  a {
-    color: $text-light;
-    text-decoration: none;
-    user-select: none;
-    font-size: $font-size-md;
-    line-height: calc(#{$font-size-md} + 2px);
-    &:focus {
-      outline: none;
-    }
-    &:not(:last-child) {
-      &:hover {
-        color: $hero;
-      }
-      &:active {
-        color: $hero-darker;
-      }
-      cursor: pointer;
-    }
-    &:last-child {
-      color: $text;
-      cursor: default;
-      pointer-events: none;
-    }
-  }
-}
+.fwe-breadcrumb {
+  white-space: nowrap;
+  display: flex;
+  justify-items: center;
+  align-items: center;
+  color: $text-light;
+
+  .fwe-icon-arrows-right-2 {
+    margin-left: 4px;
+    margin-right: 4px;
+  }
+
+  a {
+    color: $text-light;
+    text-decoration: none;
+    user-select: none;
+    font-size: $font-size-md;
+    line-height: calc(#{$font-size-md} + 2px);
+    &:focus {
+      outline: none;
+    }
+    &:not(:last-child) {
+      &:hover {
+        color: $hero;
+      }
+      &:active {
+        color: $hero-darker;
+      }
+      cursor: pointer;
+    }
+    &:last-child {
+      color: $text;
+      cursor: default;
+      pointer-events: none;
+    }
+  }
+}

package/dist/scss/_button.scss

@@ -1,128 +1,128 @@
-a.fwe-btn,
-button.fwe-btn {
-  line-height: normal;
-  box-sizing: border-box;
-  display: inline-flex;
-  align-items: center;
-  text-align: center;
-  justify-content: center;
-  font-family: $font-family-base;
-  font-size: $font-size-base;
-  padding: 4px 16px;
-  min-height: 32px;
-  color: $btn-text;
-  background: $btn;
-  border-radius: $control-border-radius;
-  cursor: pointer;
-  border: none;
-
-  i[class^="fwe-icon-"],
-  i[class*=" fwe-icon-"] {
-    padding-right: 8px;
-  }
-
-  &:hover {
-    color: $btn-text-hover;
-    background: $btn-hover;
-  }
-
-  &:active {
-    background: $btn-active;
-  }
-
-  &:focus {
-    outline: 0;
-  }
-
-  &:disabled,
-  &.fwe-disabled {
-    cursor: default;
-    background: $btn-disabled;
-    color: $btn-text-disabled;
-  }
-
-  &.fwe-btn-hero {
-    color: $btn-hero-text;
-    background: $btn-hero;
-
-    &:hover {
-      color: $btn-hero-text-hover;
-      background: $btn-hero-hover;
-    }
-
-    &:active {
-      background: $btn-hero-active;
-    }
-
-    &:disabled,
-    &.fwe-disabled {
-      background: $btn-hero-disabled;
-      color: $btn-hero-text-disabled;
-    }
-  }
-
-  &.fwe-btn-block {
-    width: 100%;
-  }
-
-  &.fwe-btn-link {
-    background: none;
-    color: $hero;
-    padding: 0;
-
-    i[class^="fwe-icon-"],
-    i[class*=" fwe-icon-"] {
-      padding-right: 4px;
-    }
-
-    &.fwe-dark {
-      color: $text;
-    }
-
-    &:hover {
-      background: none;
-      color: $hero-dark;
-    }
-
-    &:active {
-      background: none;
-      color: $hero-dark;
-    }
-
-    &:disabled,
-    &.fwe-disabled {
-      color: $btn-text-disabled;
-    }
-  }
-
-  &.fwe-btn-lg {
-    padding: 4px 24px;
-    min-height: 48px;
-    i[class^="fwe-icon-"],
-    i[class*=" fwe-icon-"] {
-      @extend .fwe-icon-lg;
-    }
-  }
-
-  &.fwe-btn-icon {
-    border-radius: 50%;
-    padding: 0px;
-    height: 32px;
-    width: 32px;
-    justify-content: center;
-
-    &.fwe-btn-lg {
-      height: 48px;
-      width: 48px;
-    }
-
-    i[class^="fwe-icon-"],
-    i[class*=" fwe-icon-"] {
-      padding-right: 0px;
-    }
-  }
-}
-
-a.fwe-btn.fwe-disabled {
-  pointer-events: none;
-}
+a.fwe-btn,
+button.fwe-btn {
+  line-height: normal;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  text-align: center;
+  justify-content: center;
+  font-family: $font-family-base;
+  font-size: $font-size-base;
+  padding: 4px 16px;
+  min-height: 32px;
+  color: $btn-text;
+  background: $btn;
+  border-radius: $control-border-radius;
+  cursor: pointer;
+  border: none;
+
+  i[class^="fwe-icon-"],
+  i[class*=" fwe-icon-"] {
+    padding-right: 8px;
+  }
+
+  &:hover {
+    color: $btn-text-hover;
+    background: $btn-hover;
+  }
+
+  &:active {
+    background: $btn-active;
+  }
+
+  &:focus {
+    outline: 0;
+  }
+
+  &:disabled,
+  &.fwe-disabled {
+    cursor: default;
+    background: $btn-disabled;
+    color: $btn-text-disabled;
+  }
+
+  &.fwe-btn-hero {
+    color: $btn-hero-text;
+    background: $btn-hero;
+
+    &:hover {
+      color: $btn-hero-text-hover;
+      background: $btn-hero-hover;
+    }
+
+    &:active {
+      background: $btn-hero-active;
+    }
+
+    &:disabled,
+    &.fwe-disabled {
+      background: $btn-hero-disabled;
+      color: $btn-hero-text-disabled;
+    }
+  }
+
+  &.fwe-btn-block {
+    width: 100%;
+  }
+
+  &.fwe-btn-link {
+    background: none;
+    color: $hero;
+    padding: 0;
+
+    i[class^="fwe-icon-"],
+    i[class*=" fwe-icon-"] {
+      padding-right: 4px;
+    }
+
+    &.fwe-dark {
+      color: $text;
+    }
+
+    &:hover {
+      background: none;
+      color: $hero-dark;
+    }
+
+    &:active {
+      background: none;
+      color: $hero-dark;
+    }
+
+    &:disabled,
+    &.fwe-disabled {
+      color: $btn-text-disabled;
+    }
+  }
+
+  &.fwe-btn-lg {
+    padding: 4px 24px;
+    min-height: 48px;
+    i[class^="fwe-icon-"],
+    i[class*=" fwe-icon-"] {
+      @extend .fwe-icon-lg;
+    }
+  }
+
+  &.fwe-btn-icon {
+    border-radius: 50%;
+    padding: 0px;
+    height: 32px;
+    width: 32px;
+    justify-content: center;
+
+    &.fwe-btn-lg {
+      height: 48px;
+      width: 48px;
+    }
+
+    i[class^="fwe-icon-"],
+    i[class*=" fwe-icon-"] {
+      padding-right: 0px;
+    }
+  }
+}
+
+a.fwe-btn.fwe-disabled {
+  pointer-events: none;
+}