@sme.up/ketchup 4.0.0 → 4.2.0

package/dist/collection/components/kup-calendar/kup-calendar.css

@@ -2,523 +2,6 @@
 :root{--fc-daygrid-event-dot-width:8px}.fc-daygrid-day-events:after,.fc-daygrid-day-events:before,.fc-daygrid-day-frame:after,.fc-daygrid-day-frame:before,.fc-daygrid-event-harness:after,.fc-daygrid-event-harness:before{content:"";clear:both;display:table}.fc .fc-daygrid-body{position:relative;z-index:1}.fc .fc-daygrid-day.fc-day-today{background-color:rgba(255,220,40,.15);background-color:var(--fc-today-bg-color,rgba(255,220,40,.15))}.fc .fc-daygrid-day-frame{position:relative;min-height:100%}.fc .fc-daygrid-day-top{display:flex;flex-direction:row-reverse}.fc .fc-day-other .fc-daygrid-day-top{opacity:.3}.fc .fc-daygrid-day-number{position:relative;z-index:4;padding:4px}.fc .fc-daygrid-day-events{margin-top:1px}.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{position:absolute;left:0;right:0}.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{position:relative;min-height:2em}.fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom:1em}.fc .fc-daygrid-event-harness{position:relative}.fc .fc-daygrid-event-harness-abs{position:absolute;top:0;left:0;right:0}.fc .fc-daygrid-bg-harness{position:absolute;top:0;bottom:0}.fc .fc-daygrid-day-bg .fc-non-business{z-index:1}.fc .fc-daygrid-day-bg .fc-bg-event{z-index:2}.fc .fc-daygrid-day-bg .fc-highlight{z-index:3}.fc .fc-daygrid-event{z-index:6;margin-top:1px}.fc .fc-daygrid-event.fc-event-mirror{z-index:7}.fc .fc-daygrid-day-bottom{font-size:.85em;padding:2px 3px 0}.fc .fc-daygrid-day-bottom:before{content:"";clear:both;display:table}.fc .fc-daygrid-more-link{position:relative;z-index:4;cursor:pointer}.fc .fc-daygrid-week-number{position:absolute;z-index:5;top:0;padding:2px;min-width:1.5em;text-align:center;background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3));color:grey;color:var(--fc-neutral-text-color,grey)}.fc .fc-more-popover .fc-popover-body{min-width:220px;padding:10px}.fc-direction-ltr .fc-daygrid-event.fc-event-start,.fc-direction-rtl .fc-daygrid-event.fc-event-end{margin-left:2px}.fc-direction-ltr .fc-daygrid-event.fc-event-end,.fc-direction-rtl .fc-daygrid-event.fc-event-start{margin-right:2px}.fc-direction-ltr .fc-daygrid-week-number{left:0;border-radius:0 0 3px}.fc-direction-rtl .fc-daygrid-week-number{right:0;border-radius:0 0 0 3px}.fc-liquid-hack .fc-daygrid-day-frame{position:static}.fc-daygrid-event{position:relative;white-space:nowrap;border-radius:3px;font-size:.85em;font-size:var(--fc-small-font-size,.85em)}.fc-daygrid-block-event .fc-event-time{font-weight:700}.fc-daygrid-block-event .fc-event-time,.fc-daygrid-block-event .fc-event-title{padding:1px}.fc-daygrid-dot-event{display:flex;align-items:center;padding:2px 0}.fc-daygrid-dot-event .fc-event-title{flex-grow:1;flex-shrink:1;min-width:0;overflow:hidden;font-weight:700}.fc-daygrid-dot-event.fc-event-mirror,.fc-daygrid-dot-event:hover{background:rgba(0,0,0,.1)}.fc-daygrid-dot-event.fc-event-selected:before{top:-10px;bottom:-10px}.fc-daygrid-event-dot{margin:0 4px;box-sizing:content-box;width:0;height:0;border:4px solid #3788d8;border:calc(var(--fc-daygrid-event-dot-width,8px)/ 2) solid var(--fc-event-border-color,#3788d8);border-radius:4px;border-radius:calc(var(--fc-daygrid-event-dot-width,8px)/ 2)}.fc-direction-ltr .fc-daygrid-event .fc-event-time{margin-right:3px}.fc-direction-rtl .fc-daygrid-event .fc-event-time{margin-left:3px}
 :root{--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-theme-standard .fc-list{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc .fc-list-empty{background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3));height:100%;display:flex;justify-content:center;align-items:center}.fc .fc-list-empty-cushion{margin:5em 0}.fc .fc-list-table{width:100%;border-style:hidden}.fc .fc-list-table tr>*{border-left:0;border-right:0}.fc .fc-list-sticky .fc-list-day>*{position:sticky;top:0;background:var(--fc-page-bg-color,#fff)}.fc .fc-list-table th{padding:0}.fc .fc-list-day-cushion,.fc .fc-list-table td{padding:8px 14px}.fc .fc-list-day-cushion:after{content:"";clear:both;display:table}.fc-theme-standard .fc-list-day-cushion{background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}.fc-direction-ltr .fc-list-day-text,.fc-direction-rtl .fc-list-day-side-text{float:left}.fc-direction-ltr .fc-list-day-side-text,.fc-direction-rtl .fc-list-day-text{float:right}.fc-direction-ltr .fc-list-table .fc-list-event-graphic{padding-right:0}.fc-direction-rtl .fc-list-table .fc-list-event-graphic{padding-left:0}.fc .fc-list-event.fc-event-forced-url{cursor:pointer}.fc .fc-list-event:hover td{background-color:#f5f5f5;background-color:var(--fc-list-event-hover-bg-color,#f5f5f5)}.fc .fc-list-event-graphic,.fc .fc-list-event-time{white-space:nowrap;width:1px}.fc .fc-list-event-dot{display:inline-block;box-sizing:content-box;width:0;height:0;border:5px solid #3788d8;border:calc(var(--fc-list-event-dot-width,10px)/ 2) solid var(--fc-event-border-color,#3788d8);border-radius:5px;border-radius:calc(var(--fc-list-event-dot-width,10px)/ 2)}.fc .fc-list-event-title a{color:inherit;text-decoration:none}.fc .fc-list-event.fc-event-forced-url:hover a{text-decoration:underline}
 .fc-v-event{display:block;border:1px solid #3788d8;border:1px solid var(--fc-event-border-color,#3788d8);background-color:#3788d8;background-color:var(--fc-event-bg-color,#3788d8)}.fc-v-event .fc-event-main{color:#fff;color:var(--fc-event-text-color,#fff);height:100%}.fc-v-event .fc-event-main-frame{height:100%;display:flex;flex-direction:column}.fc-v-event .fc-event-time{flex-grow:0;flex-shrink:0;max-height:100%;overflow:hidden}.fc-v-event .fc-event-title-container{flex-grow:1;flex-shrink:1;min-height:0}.fc-v-event .fc-event-title{top:0;bottom:0;max-height:100%;overflow:hidden}.fc-v-event:not(.fc-event-start){border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event:not(.fc-event-end){border-bottom-width:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-v-event.fc-event-selected:before{left:-10px;right:-10px}.fc-v-event .fc-event-resizer-start{cursor:n-resize}.fc-v-event .fc-event-resizer-end{cursor:s-resize}.fc-v-event:not(.fc-event-selected) .fc-event-resizer{height:8px;height:var(--fc-event-resizer-thickness,8px);left:0;right:0}.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start{top:-4px;top:calc(var(--fc-event-resizer-thickness,8px)/ -2)}.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end{bottom:-4px;bottom:calc(var(--fc-event-resizer-thickness,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer{left:50%;margin-left:-4px;margin-left:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer-start{top:-4px;top:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer-end{bottom:-4px;bottom:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc .fc-timegrid .fc-daygrid-body{z-index:2}.fc .fc-timegrid-axis-chunk>table,.fc .fc-timegrid-body,.fc .fc-timegrid-slots{position:relative;z-index:1}.fc .fc-timegrid-divider{padding:0 0 2px}.fc .fc-timegrid-body{min-height:100%}.fc .fc-timegrid-axis-chunk{position:relative}.fc .fc-timegrid-slot{height:1.5em;border-bottom:0}.fc .fc-timegrid-slot:empty:before{content:'\00a0'}.fc .fc-timegrid-slot-minor{border-top-style:dotted}.fc .fc-timegrid-slot-label-cushion{display:inline-block;white-space:nowrap}.fc .fc-timegrid-slot-label{vertical-align:middle}.fc .fc-timegrid-axis-cushion,.fc .fc-timegrid-slot-label-cushion{padding:0 4px}.fc .fc-timegrid-axis-frame-liquid{height:100%}.fc .fc-timegrid-axis-frame{overflow:hidden;display:flex;align-items:center;justify-content:flex-end}.fc .fc-timegrid-axis-cushion{max-width:60px;flex-shrink:0}.fc-direction-ltr .fc-timegrid-slot-label-frame{text-align:right}.fc-direction-rtl .fc-timegrid-slot-label-frame{text-align:left}.fc-liquid-hack .fc-timegrid-axis-frame-liquid{height:auto;position:absolute;top:0;right:0;bottom:0;left:0}.fc .fc-timegrid-col.fc-day-today{background-color:rgba(255,220,40,.15);background-color:var(--fc-today-bg-color,rgba(255,220,40,.15))}.fc .fc-timegrid-col-frame{min-height:100%;position:relative}.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame{height:auto;position:absolute;top:0;right:0;bottom:0;left:0}.fc-media-screen .fc-timegrid-cols{position:absolute;top:0;left:0;right:0;bottom:0}.fc-media-screen .fc-timegrid-cols>table{height:100%}.fc-media-screen .fc-timegrid-col-bg,.fc-media-screen .fc-timegrid-col-events,.fc-media-screen .fc-timegrid-now-indicator-container{position:absolute;top:0;left:0;right:0}.fc .fc-timegrid-col-bg{z-index:2}.fc .fc-timegrid-col-bg .fc-non-business{z-index:1}.fc .fc-timegrid-col-bg .fc-bg-event{z-index:2}.fc .fc-timegrid-col-bg .fc-highlight,.fc .fc-timegrid-col-events{z-index:3}.fc .fc-timegrid-bg-harness{position:absolute;left:0;right:0}.fc .fc-timegrid-now-indicator-container{bottom:0;overflow:hidden}.fc-direction-ltr .fc-timegrid-col-events{margin:0 2.5% 0 2px}.fc-direction-rtl .fc-timegrid-col-events{margin:0 2px 0 2.5%}.fc-timegrid-event-harness{position:absolute}.fc-timegrid-event-harness>.fc-timegrid-event{position:absolute;top:0;bottom:0;left:0;right:0}.fc-timegrid-event-harness-inset .fc-timegrid-event,.fc-timegrid-event.fc-event-mirror,.fc-timegrid-more-link{box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px var(--fc-page-bg-color,#fff)}.fc-timegrid-event,.fc-timegrid-more-link{font-size:.85em;font-size:var(--fc-small-font-size,.85em);border-radius:3px}.fc-timegrid-event{margin-bottom:1px}.fc-timegrid-event .fc-event-main{padding:1px 1px 0}.fc-timegrid-event .fc-event-time{white-space:nowrap;font-size:.85em;font-size:var(--fc-small-font-size,.85em);margin-bottom:1px}.fc-timegrid-event-short .fc-event-main-frame{flex-direction:row;overflow:hidden}.fc-timegrid-event-short .fc-event-time:after{content:'\00a0-\00a0'}.fc-timegrid-event-short .fc-event-title{font-size:.85em;font-size:var(--fc-small-font-size,.85em)}.fc-timegrid-more-link{position:absolute;z-index:9999;color:inherit;color:var(--fc-more-link-text-color,inherit);background:var(--fc-more-link-bg-color,#d0d0d0);cursor:pointer;margin-bottom:1px}.fc-timegrid-more-link-inner{padding:3px 2px;top:0}.fc-direction-ltr .fc-timegrid-more-link{right:0}.fc-direction-rtl .fc-timegrid-more-link{left:0}.fc .fc-timegrid-now-indicator-line{position:absolute;z-index:4;left:0;right:0;border-style:solid;border-color:red;border-color:var(--fc-now-indicator-color,red);border-width:1px 0 0}.fc .fc-timegrid-now-indicator-arrow{position:absolute;z-index:4;margin-top:-5px;border-style:solid;border-color:red;border-color:var(--fc-now-indicator-color,red)}.fc-direction-ltr .fc-timegrid-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-direction-rtl .fc-timegrid-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}
-.f-image--wrapper {
-  display: block;
-  margin: auto;
-  position: relative;
-  height: var(--kup_image_height, 100%);
-  width: var(--kup_image_width, 100%);
-}
-.f-image--wrapper.kup-fit img {
-  max-width: max-content;
-  object-fit: contain;
-}
-.f-image--wrapper img {
-  display: block;
-  margin: auto;
-  height: var(--kup_image_height, 100%);
-  width: var(--kup_image_width, 100%);
-}
-.f-image--wrapper .f-image__css {
-  overflow: hidden;
-  height: var(--kup_image_height, 100%);
-  width: var(--kup_image_width, 100%);
-}
-.f-image--wrapper .f-image__icon {
-  margin: auto;
-  height: var(--kup_image_height, 100%);
-  width: var(--kup_image_width, 100%);
-}
-.f-image--wrapper .css-step.bottom-aligned {
-  bottom: 0;
-  position: absolute;
-}
-
-.f-button--wrapper {
-  --kup_button_border_radius: var(--kup-button-border-radius, 4px);
-  --kup_button_disabled_color: var(
-    --kup-button-disabled-color,
-    var(--kup-disabled-color)
-  );
-  --kup_button_font_family: var(
-    --kup-button-font-family,
-    var(--kup-font-family)
-  );
-  --kup_button_font_size: var(--kup-button-font-size, var(--kup-font-size));
-  --kup_button_font_weight: var(--kup-button-font-weight, 400);
-  --kup_button_height: var(--kup-button-height, 3em);
-  --kup_button_padding: var(--kup-button-padding, 0 1.25em);
-  --kup_button_primary_color: var(
-    --kup-button-primary-color,
-    var(--kup-primary-color)
-  );
-  --kup_button_primary_color_h: var(
-    --kup-button-primary-color-h,
-    var(--kup-primary-color-h)
-  );
-  --kup_button_primary_color_s: var(
-    --kup-button-primary-color-s,
-    var(--kup-primary-color-s)
-  );
-  --kup_button_primary_color_l: var(
-    --kup-button-primary-color-l,
-    var(--kup-primary-color-l)
-  );
-  --kup_button_primary_color_rgb: var(
-    --kup-button-primary-color-rgb,
-    var(--kup-primary-color-rgb)
-  );
-  --kup_button_text_on_primary_color: var(
-    --kup-button-text-on-primary-color,
-    var(--kup-text-on-primary-color)
-  );
-  --kup-spinner-color: var(--kup_button_primary_color);
-  font-family: var(--kup_button_font_family);
-  font-size: var(--kup_button_font_size);
-}
-.f-button--wrapper .button {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-appearance: none;
-  -webkit-font-smoothing: antialiased;
-  align-items: center;
-  background-color: transparent;
-  border: none;
-  border-radius: var(--kup_button_border_radius);
-  box-sizing: border-box;
-  color: var(--kup_button_primary_color);
-  cursor: pointer;
-  display: inline-flex;
-  font-size: 0.775em;
-  font-weight: var(--kup_button_font_weight);
-  height: var(--kup_button_height);
-  justify-content: center;
-  letter-spacing: 0.0892857143em;
-  line-height: inherit;
-  min-width: 64px;
-  outline: none;
-  overflow: visible;
-  padding: var(--kup_button_padding);
-  position: relative;
-  text-decoration: none;
-  text-transform: uppercase;
-  transition: background-color 80ms linear, box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
-  user-select: none;
-  vertical-align: middle;
-}
-.f-button--wrapper .button:hover {
-  background-color: rgba(var(--kup_button_primary_color_rgb), 0.125);
-}
-.f-button--wrapper .button:focus {
-  background-color: rgba(var(--kup_button_primary_color_rgb), 0.175);
-}
-.f-button--wrapper .button .button__icon {
-  margin-left: -0.25em;
-  margin-right: 0.75em;
-}
-.f-button--wrapper .button .button__label + .button__icon {
-  margin-left: 0.75em;
-  margin-right: -0.25em;
-}
-.f-button--wrapper .button.button--floating, .f-button--wrapper .button.button--raised {
-  --kup-spinner-color: var(--kup_button_text_on_primary_color);
-}
-.f-button--wrapper .button.button--floating:not(.button--disabled), .f-button--wrapper .button.button--raised:not(.button--disabled) {
-  --kup-spinner-border-color: hsl(
-    var(--kup_button_primary_color_h),
-    calc(var(--kup_button_primary_color_s) * 0.75),
-    calc(var(--kup_button_primary_color_l) * 0.85)
-  );
-  background-color: var(--kup_button_primary_color);
-  color: var(--kup_button_text_on_primary_color);
-}
-.f-button--wrapper .button.button--floating:hover, .f-button--wrapper .button.button--raised:hover {
-  background-color: hsl(var(--kup_button_primary_color_h), calc(var(--kup_button_primary_color_s) * 0.93), calc(var(--kup_button_primary_color_l) * 1.07));
-}
-.f-button--wrapper .button.button--floating:focus, .f-button--wrapper .button.button--raised:focus {
-  background-color: hsl(var(--kup_button_primary_color_h), calc(var(--kup_button_primary_color_s) * 0.88), calc(var(--kup_button_primary_color_l) * 1.12));
-}
-.f-button--wrapper .button.button--floating.button--disabled, .f-button--wrapper .button.button--raised.button--disabled {
-  background-color: var(--kup-disabled-background-color);
-  box-shadow: none;
-}
-.f-button--wrapper .button.button--floating {
-  border-radius: 24px;
-  box-shadow: 0 0.215em 0.35em -1px rgba(var(--kup-text-color-rgb), 0.2), 0 0.43em 0.71em 0 rgba(var(--kup-text-color-rgb), 0.14), 0 0.07em 1.285em 0 rgba(var(--kup-text-color-rgb), 0.12);
-  font-weight: 500;
-  font-size: 1em;
-  height: 3.4em;
-  width: auto;
-  padding: 0 1.5em;
-}
-.f-button--wrapper .button.button--floating.button--no-label {
-  border-radius: 50%;
-  height: 4em;
-  padding: 0;
-  width: 4em;
-}
-.f-button--wrapper .button.button--floating:hover, .f-button--wrapper .button.button--floating:focus {
-  box-shadow: 0 0.35em 0.35em -3px rgba(var(--kup-text-color-rgb), 0.2), 0 0.57em 0.71em 0.07em rgba(var(--kup-text-color-rgb), 0.14), 0 0.21em 1em 0.14em rgba(var(--kup-text-color-rgb), 0.12);
-}
-.f-button--wrapper .button.button--floating:active {
-  box-shadow: 0 0.5em 0.57em -4px rgba(var(--kup-text-color-rgb), 0.2), 0 0.85em 1.21em 0.14em rgba(var(--kup-text-color-rgb), 0.14), 0 0.35em 1.57em 0.28em rgba(var(--kup-text-color-rgb), 0.12);
-}
-.f-button--wrapper .button.button--raised {
-  box-shadow: 0px 0.1em 0.1em 0 rgba(var(--kup-text-color-rgb), 0.125), 0px 0.2em 1em 0.1em rgba(var(--kup-text-color-rgb), 0.1), 0px 0.25em 1.5em 0.2em rgba(var(--kup-text-color-rgb), 0.075);
-}
-.f-button--wrapper .button.button--raised:hover {
-  box-shadow: 0 0.25em 0.25em 0 rgba(var(--kup-text-color-rgb), 0.125), 0 0.75em 1em 0.1em rgba(var(--kup-text-color-rgb), 0.1), 0 0.25em 1.5em 0.2em rgba(var(--kup-text-color-rgb), 0.075);
-}
-.f-button--wrapper .button.button--outlined {
-  border-width: 1px;
-  border-style: solid;
-}
-.f-button--wrapper .button.button--outlined:not(.button--disabled) {
-  border-color: var(--kup_button_primary_color);
-  background-color: transparent;
-  color: var(--kup_button_primary_color);
-}
-.f-button--wrapper .button.button--outlined:hover {
-  background-color: rgba(var(--kup_button_primary_color_rgb), 0.125);
-}
-.f-button--wrapper .button.button--outlined:focus {
-  background-color: rgba(var(--kup_button_primary_color_rgb), 0.175);
-}
-.f-button--wrapper .button.button--outlined.button--disabled {
-  opacity: 0.75;
-  border-color: var(--kup_button_disabled_color);
-}
-.f-button--wrapper .button.button--no-label {
-  min-width: unset;
-  padding: 0 0.5em;
-}
-.f-button--wrapper .button.button--no-label .button__icon {
-  margin: 0;
-}
-.f-button--wrapper .button.button--disabled {
-  color: var(--kup_button_disabled_color);
-  cursor: auto;
-  opacity: 0.75;
-  pointer-events: none;
-}
-.f-button--wrapper .button .button__spinner-container {
-  width: 100%;
-  height: var(--kup_button_spinner_height);
-  left: 0;
-  position: absolute;
-}
-.f-button--wrapper .icon-button {
-  background-color: transparent;
-  display: inline-block;
-  position: relative;
-  box-sizing: border-box;
-  border: none;
-  outline: none;
-  font-size: var(--kup_button_font_size);
-  text-decoration: none;
-  cursor: pointer;
-  user-select: none;
-  padding: 0.75em;
-  border-radius: 50%;
-}
-.f-button--wrapper .icon-button:hover, .f-button--wrapper .icon-button:focus {
-  background-color: rgba(var(--kup_button_primary_color_rgb), 0.125);
-}
-.f-button--wrapper .icon-button .icon-button__icon {
-  display: flex;
-  margin: auto;
-}
-.f-button--wrapper .icon-button .icon-button__icon.icon-button__icon--on {
-  display: none;
-}
-.f-button--wrapper .icon-button.button--disabled {
-  opacity: 0.75;
-  pointer-events: none;
-}
-.f-button--wrapper .icon-button .icon-button__spinner-container {
-  width: var(--kup_button_spinner_width);
-  height: var(--kup_button_spinner_height);
-}
-.f-button--wrapper .button--with-spinner {
-  opacity: 0.8;
-  pointer-events: none;
-}
-.f-button--wrapper .content--hidden {
-  visibility: hidden;
-}
-.f-button--wrapper.kup-full-height {
-  height: 100%;
-}
-.f-button--wrapper.kup-full-height .button {
-  height: 100%;
-}
-.f-button--wrapper.kup-full-width {
-  width: 100%;
-}
-.f-button--wrapper.kup-full-width .button {
-  width: 100%;
-}
-.f-button--wrapper.kup-large button {
-  font-size: 1.25em;
-}
-.f-button--wrapper.kup-shaped .button {
-  border-radius: 18px;
-}
-.f-button--wrapper.kup-shaped .button.button--floating {
-  border-radius: 50% 0;
-}
-.f-button--wrapper.kup-slim button {
-  font-size: 0.675em;
-}
-.f-button--wrapper.kup-pulsating .icon-button--on:after {
-  content: "";
-  animation: pulsating 1250ms infinite;
-  position: absolute;
-  height: 2px;
-  width: 2px;
-  top: calc(50% - 1px);
-  left: calc(50% - 1px);
-  border-radius: 50%;
-}
-.f-button--wrapper.kup-danger {
-  --kup-button-primary-color: var(--kup-danger-color);
-  --kup-button-primary-color-h: var(--kup-danger-color-h);
-  --kup-button-primary-color-s: var(--kup-danger-color-s);
-  --kup-button-primary-color-l: var(--kup-danger-color-l);
-  --kup-button-primary-color-rgb: var(--kup-danger-color-rgb);
-  --kup-button-text-on-primary-color: white;
-}
-.f-button--wrapper.kup-info {
-  --kup-button-primary-color: var(--kup-info-color);
-  --kup-button-primary-color-h: var(--kup-info-color-h);
-  --kup-button-primary-color-s: var(--kup-info-color-s);
-  --kup-button-primary-color-l: var(--kup-info-color-l);
-  --kup-button-primary-color-rgb: var(--kup-info-color-rgb);
-  --kup-button-text-on-primary-color: white;
-}
-.f-button--wrapper.kup-secondary {
-  --kup-button-primary-color: var(--kup-secondary-color);
-  --kup-button-primary-color-h: var(--kup-secondary-color-h);
-  --kup-button-primary-color-s: var(--kup-secondary-color-s);
-  --kup-button-primary-color-l: var(--kup-secondary-color-l);
-  --kup-button-primary-color-rgb: var(--kup-secondary-color-rgb);
-  --kup-button-text-on-primary-color: var(--kup-text-on-secondary-color);
-}
-.f-button--wrapper.kup-success {
-  --kup-button-primary-color: var(--kup-success-color);
-  --kup-button-primary-color-h: var(--kup-success-color-h);
-  --kup-button-primary-color-s: var(--kup-success-color-s);
-  --kup-button-primary-color-l: var(--kup-success-color-l);
-  --kup-button-primary-color-rgb: var(--kup-success-color-rgb);
-  --kup-button-text-on-primary-color: white;
-}
-.f-button--wrapper.kup-warning {
-  --kup-button-primary-color: var(--kup-warning-color);
-  --kup-button-primary-color-h: var(--kup-warning-color-h);
-  --kup-button-primary-color-s: var(--kup-warning-color-s);
-  --kup-button-primary-color-l: var(--kup-warning-color-l);
-  --kup-button-primary-color-rgb: var(--kup-warning-color-rgb);
-  --kup-button-text-on-primary-color: white;
-}
-
-@keyframes pulsating {
-  0% {
-    transform: scale(2);
-    box-shadow: 0 0 0 0 rgba(var(--kup_button_primary_color_rgb), 0.7);
-  }
-  70% {
-    transform: scale(2.75);
-    box-shadow: 0 0 0 10px rgba(var(--kup_button_primary_color_rgb), 0);
-  }
-  100% {
-    transform: scale(2);
-    box-shadow: 0 0 0 0 rgba(var(--kup_button_primary_color_rgb), 0);
-  }
-}
-.f-chip--wrapper {
-  --kup_chip_background_color: var(
-    --kup-chip-background-color,
-    var(--kup-background-color)
-  );
-  --kup_chip_border_radius: var(--kup-chip-border-radius, 16px);
-  --kup_chip_font_family: var(--kup-chip-font-family, var(--kup-font-family));
-  --kup_chip_font_size: var(--kup-chip-font-size, var(--kup-font-size));
-  --kup_chip_font_weight: var(--kup-chip-font-weight, var(--kup-font-weight));
-  --kup_chip_height: var(--kup-chip-height, 32px);
-  --kup_chip_margin: var(--kup-chip-margin, 0 4px);
-  --kup_chip_padding: var(--kup-chip-padding, 0 12px);
-  --kup_chip_primary_color: var(
-    --kup-chip-primary-color,
-    var(--kup-primary-color)
-  );
-  --kup_chip_primary_color_rgb: var(
-    --kup-chip-primary-color-rgb,
-    var(--kup-primary-color-rgb)
-  );
-  --kup_chip_text_color: var(--kup-chip-text-color, var(--kup-text-color));
-  --kup_chip_text_color_rgb: var(
-    --kup-chip-text-color-rgb,
-    var(--kup-text-color-rgb)
-  );
-  font-family: var(--kup_chip_font_family);
-  font-size: var(--kup_chip_font_size);
-}
-.f-chip--wrapper .chip-set {
-  padding: 4px;
-  display: flex;
-  flex-wrap: wrap;
-  box-sizing: border-box;
-}
-.f-chip--wrapper .chip-set .chip {
-  align-items: center;
-  display: inline-flex;
-  position: relative;
-  background-color: var(--kup_chip_background_color);
-  background-image: linear-gradient(to right, rgba(var(--kup_chip_text_color_rgb), 0.1) 0%, rgba(var(--kup_chip_text_color_rgb), 0.1) 0.1%, rgba(var(--kup_chip_text_color_rgb), 0.1));
-  color: var(--kup_chip_text_color);
-  border-radius: var(--kup_chip_border_radius);
-  font-size: 0.875em;
-  font-weight: var(--kup_chip_font_weight);
-  letter-spacing: 0.0178571429em;
-  text-decoration: inherit;
-  text-transform: inherit;
-  height: var(--kup_chip_height);
-  box-sizing: border-box;
-  padding: var(--kup_chip_padding);
-  border-width: 0;
-  outline: none;
-  cursor: pointer;
-  will-change: transform, opacity;
-  margin: var(--kup_chip_margin);
-}
-.f-chip--wrapper .chip-set .chip .chip__icon--leading {
-  color: var(--kup_chip_text_color);
-}
-.f-chip--wrapper .chip-set .chip .chip__icon--leading:not(.chip__icon--leading-hidden) {
-  margin-left: -4px;
-  margin-right: 6px;
-}
-.f-chip--wrapper .chip-set .chip .chip__icon--leading .chip__icon--trailing {
-  position: relative;
-}
-.f-chip--wrapper .chip-set .chip .chip__icon {
-  border-radius: 50%;
-  outline: none;
-  vertical-align: middle;
-}
-.f-chip--wrapper .chip-set .chip .chip__icon .chip_icon--leading:not(.chip__icon--leading-hidden) {
-  width: 20px;
-  height: 20px;
-  font-size: 20px;
-}
-.f-chip--wrapper .chip-set .chip .chip__icon .f-image__icon {
-  margin: auto;
-  height: var(--kup_image_height, 100%);
-  width: var(--kup_image_width, 100%);
-}
-.f-chip--wrapper .chip-set .chip .chip__checkmark-svg {
-  width: 0;
-  height: 20px;
-  transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-.f-chip--wrapper .chip-set .chip .chip__checkmark-path {
-  transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);
-  stroke-width: 2px;
-  stroke-dashoffset: 29.7833385;
-  stroke-dasharray: 29.7833385;
-}
-.f-chip--wrapper .chip-set .chip svg path {
-  color: var(--kup_chip_text_color);
-  stroke: var(--kup_chip_text_color);
-}
-.f-chip--wrapper .chip-set .chip .kup-icon {
-  background: var(--kup_chip_text_color);
-  display: block;
-  width: 18px;
-  height: 18px;
-}
-.f-chip--wrapper .chip-set .chip .chip__primary-action {
-  outline: none;
-}
-.f-chip--wrapper .chip-set .chip .chip__primary-action .chip__text {
-  white-space: nowrap;
-}
-.f-chip--wrapper .chip-set.chip-set--choice .chip--selected {
-  background-color: var(--kup_chip_background_color);
-  background-image: linear-gradient(to right, rgba(var(--kup_chip_primary_color_rgb), 0.25) 0%, rgba(var(--kup_chip_primary_color_rgb), 0.25) 0.1%, rgba(var(--kup_chip_primary_color_rgb), 0.25));
-  color: var(--kup_chip_primary_color);
-}
-.f-chip--wrapper .chip-set.chip-set--filter .chip__icon--leading {
-  opacity: 1;
-  transition: opacity 75ms linear;
-  transition-delay: -50ms;
-}
-.f-chip--wrapper .chip-set.chip-set--filter .chip__icon--leading + .chip__checkmark {
-  opacity: 0;
-  transition: opacity 75ms linear;
-  transition-delay: 80ms;
-}
-.f-chip--wrapper .chip-set.chip-set--filter .chip__icon--leading + .chip__checkmark .chip__checkmark-svg {
-  transition: width 0ms;
-}
-.f-chip--wrapper .chip-set.chip-set--filter .chip__icon--leading.chip__icon--leading-hidden {
-  display: none;
-  width: 0;
-  opacity: 0;
-}
-.f-chip--wrapper .chip-set.chip-set--filter .chip__icon--leading.chip__icon--leading-hidden + .chip__checkmark {
-  height: 20px;
-  width: 20px;
-  opacity: 1;
-}
-.f-chip--wrapper .chip-set.chip-set--filter .chip--selected .chip__icon--leading {
-  opacity: 0;
-}
-.f-chip--wrapper .chip-set.chip-set--filter .chip--selected .chip__checkmark-path {
-  stroke-dashoffset: 0;
-}
-.f-chip--wrapper .chip-set.chip-set--filter .chip--selected .chip__checkmark {
-  margin-left: -4px;
-  margin-right: 4px;
-}
-.f-chip--wrapper .chip-set.chip-set--filter .chip--selected .chip__checkmark .chip__checkmark-svg {
-  height: 20px;
-  width: 20px;
-}
-.f-chip--wrapper .chip-set.chip-set--input .kup-clear-icon {
-  margin-left: 4px;
-  margin-right: -4px;
-}
-.f-chip--wrapper .chip-set.chip-set--input .kup-clear-icon:hover {
-  opacity: 0.75;
-}
-.f-chip--wrapper :not(svg) {
-  transform-origin: 0px 0px;
-}
-.f-chip--wrapper.kup-danger {
-  --kup-chip-primary-color: var(--kup-danger-color);
-  --kup-chip-primary-color-rgb: var(--kup-danger-color-rgb);
-}
-.f-chip--wrapper.kup-info {
-  --kup-chip-primary-color: var(--kup-info-color);
-  --kup-chip-primary-color-rgb: var(--kup-info-color-rgb);
-}
-.f-chip--wrapper.kup-secondary {
-  --kup-chip-primary-color: var(--kup-secondary-color);
-  --kup-chip-primary-color-rgb: var(--kup-secondary-color-rgb);
-}
-.f-chip--wrapper.kup-success {
-  --kup-chip-primary-color: var(--kup-success-color);
-  --kup-chip-primary-color-rgb: var(--kup-success-color-rgb);
-}
-.f-chip--wrapper.kup-warning {
-  --kup-chip-primary-color: var(--kup-warning-color);
-  --kup-chip-primary-color-rgb: var(--kup-warning-color-rgb);
-}
-.f-chip--wrapper .kup-icon.kup-clear-icon {
-  -webkit-mask: var(--kup-clear-icon);
-  mask: var(--kup-clear-icon);
-}
-
 /**
 * @prop --kup-calendar-background-color: Background of the component.
 * @prop --kup-calendar-border-color: Sets borders color of the calendar.