.root--9a322 {
  --rdp-cell-size: 40px;
  --rdp-caption-font-size: 18px;
  --rdp-accent-color: #0000ff;
  --rdp-background-color: #e7edff;
  --rdp-accent-color-dark: #3003e1;
  --rdp-background-color-dark: #180270;
  --rdp-outline: 2px solid var(--rdp-accent-color);
  /* Outline border for focused elements */
  --rdp-outline-selected: 3px solid var(--rdp-accent-color);
  /* Outline border for focused _and_ selected elements */
  margin: 1em;
}

/* Hide elements for devices that are not screen readers */
.vhidden--69caf {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  position: absolute !important;
  top: 0;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
}

/* Buttons */
.button_reset--1c03f {
  appearance: none;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: default;
  color: inherit;
  background: none;
  font: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.button_reset--1c03f:focus-visible {
  /* Make sure to reset outline only when :focus-visible is supported */
  outline: none;
}

.button--af2e9 {
  border: 2px solid transparent;
}

.button--af2e9[disabled]:not(.day_selected--34c93) {
  opacity: 0.25;
}

.button--af2e9:not([disabled]) {
  cursor: pointer;
}

.button--af2e9:focus-visible:not([disabled]) {
  color: inherit;
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
}

.button--af2e9:hover:not([disabled]):not(.day_selected--34c93) {
  background-color: var(--rdp-background-color);
}

.months--dad59 {
  display: flex;
}

.month--94cf2 {
  margin: 0 1em;
}

.month--94cf2:first-child {
  margin-left: 0;
}

.month--94cf2:last-child {
  margin-right: 0;
}

.table--c3488 {
  margin: 0;
  max-width: calc(var(--rdp-cell-size) * 7);
  border-collapse: collapse;
}

.with_weeknumber--96430 .table--c3488 {
  max-width: calc(var(--rdp-cell-size) * 8);
  border-collapse: collapse;
}

.caption--01599 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  text-align: left;
}

.multiple_months--75a44 .caption--01599 {
  position: relative;
  display: block;
  text-align: center;
}

.caption_dropdowns--ded60 {
  position: relative;
  display: inline-flex;
}

.caption_label--60e79 {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0 0.25em;
  white-space: nowrap;
  color: currentColor;
  border: 0;
  border: 2px solid transparent;
  font-family: inherit;
  font-size: var(--rdp-caption-font-size);
  font-weight: bold;
}

.nav--31ee4 {
  white-space: nowrap;
}

.multiple_months--75a44 .caption_start--f95c7 .nav--31ee4 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.multiple_months--75a44 .caption_end--18b5d .nav--31ee4 {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.nav_button--447ae {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  padding: 0.25em;
  border-radius: 100%;
}

/* ---------- */
/* Dropdowns  */
/* ---------- */
.dropdown_year--9ca7c,
.dropdown_month--f0b47 {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.dropdown--f2a9f {
  -webkit-appearance: none;
          appearance: none;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  opacity: 0;
  border: none;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.dropdown--f2a9f[disabled] {
  opacity: unset;
  color: unset;
}

.dropdown--f2a9f:focus-visible:not([disabled]) + .caption_label--60e79 {
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
  border-radius: 6px;
}

.dropdown_icon--ddce2 {
  margin: 0 0 0 5px;
}

.head--2f2c5 {
  border: 0;
}

.head_row--819e2,
.row--309ce {
  height: 100%;
}

.head_cell--6ab2e {
  vertical-align: middle;
  font-size: 0.75em;
  font-weight: 700;
  text-align: center;
  height: 100%;
  height: var(--rdp-cell-size);
  padding: 0;
  text-transform: uppercase;
}

.tbody--27ba0 {
  border: 0;
}

.tfoot--90d12 {
  margin: 0.5em;
}

.cell--6dbd0 {
  width: var(--rdp-cell-size);
  height: 100%;
  height: var(--rdp-cell-size);
  padding: 0;
  text-align: center;
}

.weeknumber--b4f53 {
  font-size: 0.75em;
}

.weeknumber--b4f53,
.day--90c6e {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--rdp-cell-size);
  max-width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  margin: 0;
  border: 2px solid transparent;
  border-radius: 100%;
}

.day_today--539b2:not(.day_outside--d5973) {
  font-weight: bold;
}

.day_selected--34c93,
.day_selected--34c93:focus-visible,
.day_selected--34c93:hover {
  color: white;
  opacity: 1;
  background-color: var(--rdp-accent-color);
}

.day_outside--d5973 {
  opacity: 0.5;
}

.day_selected--34c93:focus-visible {
  /* Since the background is the same use again the outline */
  outline: var(--rdp-outline);
  outline-offset: 2px;
  z-index: 1;
}

.root--9a322:not([dir=rtl]) .day_range_start--35fe7:not(.day_range_end--2fd63) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.root--9a322:not([dir=rtl]) .day_range_end--2fd63:not(.day_range_start--35fe7) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.root--9a322[dir=rtl] .day_range_start--35fe7:not(.day_range_end--2fd63) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.root--9a322[dir=rtl] .day_range_end--2fd63:not(.day_range_start--35fe7) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.day_range_end--2fd63.day_range_start--35fe7 {
  border-radius: 100%;
}

.day_range_middle--401b0 {
  border-radius: 0;
}
.caption_label--91f1c.caption_label--91f1c {
  letter-spacing: var(--tkww-union-typography-category-body1-letter-spacing, 0);
  font-family: var(--tkww-union-typography-category-body1-font-family, var(--tkww-union-typography-primary-font-family, union-primary-font, union-sans-serif, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif));
  font-size: var(--tkww-union-typography-category-body1-font-size, var(--tkww-union-typography-scale-300-font-size, 1rem));
  line-height: var(--tkww-union-typography-category-body1-line-height, 1.375);
}

.head_cell--5c03d.head_cell--5c03d {
  letter-spacing: var(--tkww-union-typography-category-overline-letter-spacing, 2px);
  text-transform: var(--tkww-union-typography-category-overline-text-transform, uppercase);
  font-weight: var(--tkww-union-typography-category-overline-font-weight, var(--tkww-union-typography-bold-font-weight, 500));
  font-family: var(--tkww-union-typography-category-overline-font-family, var(--tkww-union-typography-primary-font-family, union-primary-font, union-sans-serif, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif));
  font-size: var(--tkww-union-typography-category-overline-font-size, var(--tkww-union-typography-scale-100-font-size, 0.75rem));
  line-height: var(--tkww-union-typography-category-overline-line-height, 1.3333333333);
}
.root--5b0d3 {
  margin: 0;
  --rdp-accent-color: var(--tkww-union-essentials-outline-color, var(--tkww-union-color-additional-01extra-400, #0073E6));
  --rdp-background-color: transparent;
  --rdp-accent-color-dark: var(--tkww-union-essentials-outline-color, var(--tkww-union-color-additional-01extra-400, #0073E6));
  --rdp-background-color-dark: var(--tkww-union-essentials-outline-color, var(--tkww-union-color-additional-01extra-400, #0073E6));
  --rdp-outline: 3px solid var(--rdp-accent-color);
  /* Outline border for focused elements */
  --rdp-outline-selected: 3px solid var(--rdp-accent-color);
  /* Outline border for focused _and_ selected elements */
}
@media (max-width: 480px) {
  .root--5b0d3 {
    --rdp-cell-size: auto;
  }
}

.months--b4104.months--b4104 {
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 480px) {
  .months--b4104.months--b4104 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.months--b4104.months--b4104::before {
  background-color: var(--tkww-union-datepicker-navigation-background-color, var(--tkww-union-color-background-light, var(--tkww-union-color-neutral-white, #FFF)));
  content: " ";
  height: 60px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.month--05fa6.month--05fa6 {
  margin: 0;
  margin-right: 20px;
}
@media (max-width: 480px) {
  .month--05fa6.month--05fa6 {
    margin-right: 0;
  }
}

.head--5fe40 {
  position: relative;
}

.caption_label--91f1c.caption_label--91f1c {
  align-items: center;
  border: 3px solid transparent;
  color: var(--tkww-union-datepicker-navigation-color, var(--tkww-union-color-text-default, var(--tkww-union-color-neutral-black, #000)));
  display: inline-flex;
  font-weight: bold;
  margin: 0;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 16px;
  margin-top: 21px;
  order: 1;
  padding: 0;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}

.multiple_months--0b983 .caption_label--91f1c {
  margin-top: 18px;
}
.multiple_months--0b983 .nav--9f114.nav--9f114 {
  margin-top: 4px;
}

.nav--9f114 {
  margin-top: 8px;
}

.button_reset--7f9a2.button_reset--7f9a2:focus {
  outline: none;
}
.button_reset--7f9a2.button_reset--7f9a2:focus-visible {
  outline-color: var(--tkww-union-essentials-outline-color, var(--tkww-union-color-additional-01extra-400, #0073E6));
  outline-offset: var(--tkww-union-essentials-outline-offset, 2px);
  outline-style: solid;
  outline-width: 3px;
}

.nav_button--8df53.nav_button--8df53 {
  background-color: transparent;
  border-radius: 0;
  color: var(--tkww-union-datepicker-navigation-color, var(--tkww-union-color-text-default, var(--tkww-union-color-neutral-black, #000)));
  height: 2.75rem;
  width: 2.25rem;
}
.nav_button--8df53.nav_button--8df53:hover {
  background-color: transparent;
  color: var(--tkww-union-datepicker-navigation-color, var(--tkww-union-color-text-default, var(--tkww-union-color-neutral-black, #000)));
}
.nav_button--8df53.nav_button--8df53:focus-visible {
  background-color: transparent;
  color: var(--tkww-union-datepicker-navigation-color, var(--tkww-union-color-text-default, var(--tkww-union-color-neutral-black, #000)));
}

.button--9495b.button--9495b:focus-visible:not([disabled]) {
  background-color: transparent;
  border: none;
}
.button--9495b.button--9495b:hover:not([disabled]):not(.day_selected--1a127) {
  background-color: transparent;
}

.day_outside--2c56a.day_outside--2c56a {
  color: var(--tkww-union-datepicker-day-outside-color, var(--tkww-union-color-link-on-dark-disabled, var(--tkww-union-color-neutral-400, #9699A0)));
  opacity: 1;
}

.day--4ffbd.day--4ffbd {
  border-radius: var(--tkww-union-datepicker-day-border-radius, 50%);
}
.day--4ffbd.day--4ffbd:not(.day_selected--1a127):disabled {
  color: var(--tkww-union-datepicker-day-disabled-color, var(--tkww-union-color-text-disabled, var(--tkww-union-color-neutral-300, #CACCD0)));
  opacity: 1;
}
.day--4ffbd.day--4ffbd:not(.day_selected--1a127):hover:not([disabled]) {
  border: 1px solid var(--tkww-union-datepicker-day-hover-border-color, var(--tkww-union-color-border-dark-default, var(--tkww-union-color-neutral-black, #000)));
}
@media (max-width: 480px) {
  .day--4ffbd.day--4ffbd {
    height: 38px;
    margin: 1.15px 0;
    width: 38px;
  }
}

.day_selected--1a127.day_selected--1a127 {
  background-color: var(--tkww-union-datepicker-day-selected-background-color, var(--tkww-union-color-background-dark, var(--tkww-union-color-neutral-black, #000)));
  color: var(--tkww-union-datepicker-day-selected-color, var(--tkww-union-color-text-on-dark-default, var(--tkww-union-color-neutral-white, #FFF)));
}
.day_selected--1a127.day_selected--1a127:focus-visible:not([disabled]) {
  background-color: var(--tkww-union-datepicker-day-selected-background-color, var(--tkww-union-color-background-dark, var(--tkww-union-color-neutral-black, #000)));
  color: var(--tkww-union-datepicker-day-selected-color, var(--tkww-union-color-text-on-dark-default, var(--tkww-union-color-neutral-white, #FFF)));
}

@media (max-width: 480px) {
  .table--b6520.table--b6520 {
    table-layout: fixed;
    width: 100%;
  }
}

.head_cell--5c03d.head_cell--5c03d {
  color: var(--tkww-union-datepicker-weekdays-color, var(--tkww-union-color-text-subtle, var(--tkww-union-color-neutral-500, #51545C)));
  height: 20px;
  padding-bottom: 12px;
}

.day_today--2866c.day_today--2866c {
  font-weight: normal;
}

.caption--fc229 {
  justify-content: inherit;
}

.cell--fa5b5 {
  padding: 1px 0 0;
}

.row--a1469:first-child .cell--fa5b5,
.row--a1469:last-child .cell--fa5b5 {
  padding: 0 0 1px;
}
.relative-container--d046f {
  position: relative;
  z-index: 10;
}

.parent-container--88dbe {
  flex-direction: column;
}

.is-block--b4b90 {
  display: flex;
}

.is-inline--31d04 {
  display: inline-flex;
}

.is-closed--69e8d {
  display: none;
}

.is-open--e8092 {
  display: block;
}

.dropdown-container--1f684 {
  background-color: var(--tkww-union-datepicker-background-color, var(--tkww-union-color-background-light, var(--tkww-union-color-neutral-white, #FFF)));
  border: 1px solid var(--tkww-union-datepicker-border-color, var(--tkww-union-color-border-default, var(--tkww-union-color-neutral-300, #CACCD0)));
  border-radius: var(--tkww-union-datepicker-border-radius, 4px);
  overflow: hidden;
  position: absolute;
  top: 10px;
}

.picker-container--1cd11 {
  max-width: calc(280px * var(--tkww-union-datepicker-number-of-months, 1) + 20px * (var(--tkww-union-datepicker-number-of-months, 1) + 1));
  padding-bottom: 18px;
  position: relative;
}

.arrow-up--23791 {
  color: var(--tkww-union-datepicker-navigation-background-color, var(--tkww-union-color-additional-01extra-300, #A1CDF5));
  font-size: 48px;
  left: 6px;
  position: absolute;
  top: -19px;
}

.mobile-overlay--78b93 {
  pointer-events: none;
  z-index: 1;
}

.close-button-container--c785b {
  position: absolute;
  right: 7px;
  top: 12px;
  z-index: 1;
}

.close-button--4738e {
  color: var(--tkww-union-color-icon-subtle, var(--tkww-union-color-neutral-500, #51545C));
}

/* Styles in mobile when the DatePicker is Open */
@media (max-width: 480px) {
  .modal--cee23 {
    bottom: 0;
    left: 0;
    position: fixed;
    top: auto;
    visibility: var(--union-modal-visibility, visible);
    width: 100%;
    z-index: 2;
  }

  .arrow-up--23791 {
    display: none;
  }

  .dropdown-container--1f684 {
    border-radius: 0;
    position: relative;
  }

  .picker-container--1cd11 {
    max-width: 100%;
  }

  .grid-cell--5cfa8 {
    display: grid;
    justify-items: center;
  }
}