.air-datepicker-cell.-year-.-other-decade-,
.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.air-datepicker-cell.-year-.-other-decade-:hover,
.air-datepicker-cell.-day-.-other-month-:hover {
  color: var(--adp-color-other-month-hover);
}

.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.-selected-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.air-datepicker-cell.-day-.-other-month- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month);
}

.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background: var(--adp-background-color-selected-other-month-focused);
}

.-in-range-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range);
  color: var(--adp-color);
}

.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range-focused);
}

.air-datepicker-cell.-year-.-other-decade-:empty,
.air-datepicker-cell.-day-.-other-month-:empty {
  background: none;
}

.air-datepicker-cell {
  border-radius: var(--adp-cell-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.air-datepicker-cell.-focus- {
  background: var(--adp-cell-background-color-hover);
}

.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color);
}

.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-disabled- {
  cursor: default;
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range);
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-in-range- {
  background: var(--adp-cell-background-color-in-range);
  border-radius: 0;
}

.air-datepicker-cell.-in-range-:hover,
.air-datepicker-cell.-in-range-.-focus- {
  background: var(--adp-cell-background-color-in-range-hover);
}

.air-datepicker-cell.-range-from- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}

.air-datepicker-cell.-range-to- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}

.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: var(--adp-cell-border-radius);
}

.air-datepicker-cell.-selected- {
  color: #fff;
  border: none;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-current- {
  color: #fff;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-focus- {
  background: var(--adp-cell-background-color-selected-hover);
}

.air-datepicker-body {
  transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}

.air-datepicker-body.-hidden- {
  display: none;
}

.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  margin: 8px 0 3px;
}

.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.air-datepicker-body--day-name.-clickable- {
  cursor: pointer;
}

.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--adp-day-name-color-hover);
}

.air-datepicker-body--cells {
  display: grid;
}

.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height);
}

.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height);
}

.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height);
}

.air-datepicker-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  box-sizing: content-box;
}

.-only-timepicker- .air-datepicker-nav {
  display: none;
}

.air-datepicker-nav--title,
.air-datepicker-nav--action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.air-datepicker-nav--action:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--action:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}

.air-datepicker-nav--action svg {
  width: 32px;
  height: 32px;
}

.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px;
}

.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 8px;
}

.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--adp-nav-color-secondary);
  margin-left: 0.3em;
}

.air-datepicker-nav--title:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--title:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none;
}

.air-datepicker-buttons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.air-datepicker-button {
  display: inline-flex;
  color: var(--adp-btn-color);
  border-radius: var(--adp-btn-border-radius);
  cursor: pointer;
  height: var(--adp-btn-height);
  border: none;
  background: rgba(255, 255, 255, 0);
}

.air-datepicker-button:hover {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
}

.air-datepicker-button:focus {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
  outline: none;
}

.air-datepicker-button:active {
  background: var(--adp-btn-background-color-active);
}

.air-datepicker-button span {
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.air-datepicker-time {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 12px;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner);
}

.-only-timepicker- .air-datepicker-time {
  border-top: none;
}

.air-datepicker-time--current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 14px;
  text-align: center;
}

.air-datepicker-time--current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
  position: relative;
  z-index: 1;
}

.air-datepicker-time--current-hours::after,
.air-datepicker-time--current-minutes::after {
  content: "";
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.air-datepicker-time--current-hours.-focus-::after,
.air-datepicker-time--current-minutes.-focus-::after {
  opacity: 1;
}

.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.air-datepicker-time--row {
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}

.air-datepicker-time--row:first-child {
  margin-bottom: 4px;
}

.air-datepicker-time--row input[type=range] {
  background: none;
  cursor: pointer;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
  display: none;
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:focus {
  outline: none;
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker {
  --adp-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --adp-font-size: 14px;
  --adp-width: 246px;
  --adp-z-index: 100;
  --adp-padding: 4px;
  --adp-grid-areas: 'nav' 'body' 'timepicker' 'buttons';
  --adp-transition-duration: 0.3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 8px;
  --adp-background-color: #fff;
  --adp-background-color-hover: #f0f0f0;
  --adp-background-color-active: #eaeaea;
  --adp-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-background-color-in-range-focused: rgba(92, 196, 239, 0.2);
  --adp-background-color-selected-other-month-focused: #8ad5f4;
  --adp-background-color-selected-other-month: #a2ddf6;
  --adp-color: #4a4a4a;
  --adp-color-secondary: #9c9c9c;
  --adp-accent-color: #4eb5e6;
  --adp-color-current-date: var(--adp-accent-color);
  --adp-color-other-month: #dedede;
  --adp-color-disabled: #aeaeae;
  --adp-color-disabled-in-range: #939393;
  --adp-color-other-month-hover: #c5c5c5;
  --adp-border-color: #dbdbdb;
  --adp-border-color-inner: #efefef;
  --adp-border-radius: 4px;
  --adp-border-color-inline: #d7d7d7;
  --adp-nav-height: 32px;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 32px;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: #ff9a19;
  --adp-day-name-color-hover: #8ad5f4;
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 32px;
  --adp-month-cell-height: 42px;
  --adp-year-cell-height: 56px;
  --adp-pointer-size: 10px;
  --adp-poiner-border-radius: 2px;
  --adp-pointer-offset: 14px;
  --adp-cell-border-radius: 4px;
  --adp-cell-background-color-hover: var(--adp-background-color-hover);
  --adp-cell-background-color-selected: #5cc4ef;
  --adp-cell-background-color-selected-hover: #45bced;
  --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 32px;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 1px;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 12px;
  --adp-time-padding-inner: 10px;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 16px;
  --adp-mobile-nav-height: 40px;
  --adp-mobile-width: 320px;
  --adp-mobile-day-cell-height: 38px;
  --adp-mobile-month-cell-height: 48px;
  --adp-mobile-year-cell-height: 64px;
}

.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, 0.3);
  --adp-overlay-transition-duration: 0.3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 99;
}

.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index);
}

.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}

.air-datepicker.-from-top- {
  transform: translateY(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-from-right- {
  transform: translateX(var(--adp-transition-offset));
}

.air-datepicker.-from-bottom- {
  transform: translateY(var(--adp-transition-offset));
}

.air-datepicker.-from-left- {
  transform: translateX(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-active-:not(.-custom-position-) {
  transform: translate(0, 0);
  opacity: 1;
}

.air-datepicker.-active-.-custom-position- {
  transition: none;
}

.air-datepicker.-inline- {
  border-color: var(--adp-border-color-inline);
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}

.air-datepicker.-inline- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none;
}

.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
  transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  transform: translate(-50%, -50%);
}

.air-datepicker.-custom-position- {
  transition: none;
}

.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
}

.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1;
}

.air-datepicker--pointer::after {
  content: "";
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  box-sizing: border-box;
}

.-top-left- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^=top] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 1px);
}

.-top-left- .air-datepicker--pointer::after,
.-top-center- .air-datepicker--pointer::after,
.-top-right- .air-datepicker--pointer::after,
[data-popper-placement^=top] .air-datepicker--pointer::after {
  transform: rotate(135deg);
}

.-right-top- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer,
[data-popper-placement^=right] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 1px);
}

.-right-top- .air-datepicker--pointer::after,
.-right-center- .air-datepicker--pointer::after,
.-right-bottom- .air-datepicker--pointer::after,
[data-popper-placement^=right] .air-datepicker--pointer::after {
  transform: rotate(225deg);
}

.-bottom-left- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^=bottom] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 1px);
}

.-bottom-left- .air-datepicker--pointer::after,
.-bottom-center- .air-datepicker--pointer::after,
.-bottom-right- .air-datepicker--pointer::after,
[data-popper-placement^=bottom] .air-datepicker--pointer::after {
  transform: rotate(315deg);
}

.-left-top- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-bottom- .air-datepicker--pointer,
[data-popper-placement^=left] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 1px);
}

.-left-top- .air-datepicker--pointer::after,
.-left-center- .air-datepicker--pointer::after,
.-left-bottom- .air-datepicker--pointer::after,
[data-popper-placement^=left] .air-datepicker--pointer::after {
  transform: rotate(45deg);
}

.-top-left- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset);
}

.-top-right- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset);
}

.-top-center- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2);
}

.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset);
}

.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset);
}

.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2);
}

.air-datepicker--navigation {
  grid-area: nav;
}

.air-datepicker--content {
  box-sizing: content-box;
  padding: var(--adp-padding);
  grid-area: body;
}

.-only-timepicker- .air-datepicker--content {
  display: none;
}

.air-datepicker--time {
  grid-area: timepicker;
}

.air-datepicker--buttons {
  grid-area: buttons;
}

.air-datepicker--buttons,
.air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner);
}

.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index);
}

.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}

.batcom-bff-orderhistory .air-datepicker {
  --adp-font-family: var(--batcom-typography-font-family-default, inherit);
  --adp-font-size: var(--batcom-typography-size-small, 14px);
  --adp-color: var(--batcom-color-text-primary, #242c2c);
  --adp-color-secondary: var(--batcom-color-text-secondary, #666);
  --adp-accent-color: var(--batcom-color-button-primary-background, #242c2c);
  --adp-color-current-date: var(--batcom-color-button-primary-background, #242c2c);
  --adp-color-disabled: var(--batcom-color-text-disabled, #ccc);
  --adp-background-color: var(--batcom-color-surface-default, #fff);
  --adp-background-color-hover: var(--batcom-color-surface-hover, #f5f5f5);
  --adp-background-color-active: var(--batcom-color-surface-active, #ebebeb);
  --adp-cell-background-color-selected: #272626;
  --adp-cell-background-color-selected-hover: #272626;
  --adp-color-selected: var(--batcom-color-button-primary-text, #fff);
  --adp-cell-background-color-in-range: rgb(147 164 188 / 24%);
  --adp-cell-background-color-in-range-hover: rgb(147 164 188 / 35%);
  --adp-cell-border-color-in-range: transparent;
  --adp-cell-border-radius: 0;
  --adp-day-cell-height: 40px;
  --adp-border-color: var(--batcom-color-border-default, #ddd);
  --adp-border-color-inner: #f1f1f1;
  --adp-border-color-inline: var(--batcom-color-border-default, #ddd);
  --adp-day-name-color: var(--batcom-color-text-primary, #2a2a2a);
  border: none;
  box-shadow: none;
  width: 100%;
}
.batcom-bff-orderhistory .air-datepicker-nav--title {
  font-size: 16px;
  font-weight: var(--batcom-typography-weight-normal);
}
.batcom-bff-orderhistory .air-datepicker-nav--title i {
  color: #000;
}
.batcom-bff-orderhistory .air-datepicker-cell {
  border: 0.5px solid #f1f1f1;
  font-size: 16px;
  font-weight: var(--batcom-typography-weight-normal);
}
.batcom-bff-orderhistory .air-datepicker-cell.-other-month-:empty {
  border: none;
}
.batcom-bff-orderhistory .air-datepicker-cell.-in-range- {
  border-color: transparent;
}
.batcom-bff-orderhistory .air-datepicker-body--day-names {
  margin: 8px 0 12px;
}
.batcom-bff-orderhistory .air-datepicker-body--day-names .air-datepicker-body--day-name {
  font-size: 14px;
  font-weight: var(--batcom-typography-weight-regular);
}
.batcom-bff-orderhistory .air-datepicker--pointer {
  display: none;
}

body.noScroll {
  overflow: hidden;
  position: fixed;
  inset: 0;
}

@keyframes dot-animation {
  0% {
    background-color: rgba(29, 29, 27, 0.4);
  }
  50% {
    background-color: rgba(29, 29, 27, 0.7);
  }
  100% {
    background-color: #1d1d1b;
  }
}
.batcom--loading {
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
  background-color: grey;
  animation: dot-animation 1.2s infinite;
  animation-delay: 0.8s;
  border-radius: 50%;
}
.batcom--loading::before, .batcom--loading::after {
  border-radius: 50%;
  content: "";
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #1d1d1b;
  animation: dot-animation 1.2s infinite;
}
.batcom--loading::before {
  animation-delay: 0.4s;
  left: -20px;
}
.batcom--loading::after {
  animation-delay: 1.2s;
  right: -20px;
}

.batcom__loading-container {
  position: relative;
}
.batcom__loading-container .batcom--loading {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.batcom__loading-container.loading {
  pointer-events: none;
  opacity: 0.3;
}
.batcom__loading-container.loading .batcom--loading {
  display: inline-block;
}

.batcom-overlay__shorthand {
  position: relative;
  z-index: 0;
}

/* doc
---
title: z-index
name: nn-z-index
category: functions
---

Because z-indices can get tricky we manage them in the theme.scss globally.

Always use this mixin to set set a z-index.

Read the Best Practice to get an full documentation:
https://projects.netcentric.biz/wiki/display/FRONTEND/z-index+management+with+SCSS

## Live Template abbreviations
---
-z

## Parameters
---
@parameter $element = Name of the element (normally this will be the module name for the main stack)
@parameter $list = Name of the list (default $z-indices). Must be only set for stack context
@parameter $min = Set a minimum z-index which will be added to the list.

## Dependencies
---
$z-indices variable in the theme.scss

## Example
---

```html_example

// In the SASS theme file

$z-indices: slider, modal, dialog, navigation;

// In the SASS module file

.modal {
    &__base {
        position: absolute;
        z-index: nn-z-index(modal);
    }
}
```

## Source
---
http://www.smashingmagazine.com/2014/06/12/sassy-z-index-management-for-complex-layouts/
*/
/*
* Mixin used to create the arrows for the menu items.
*/
/* doc
---
title: Clearfix
name: clearfix
category: mixins
---

Clears after floating element

Use this mixin only inside media queries where you can't use the
abstract/extends/utils/_clearfix version, which adds less code to css

## Live Template abbreviations
---

## Example
---

```html_example
@include clearfix;
```

## Source
---
<https://css-tricks.com/snippets/css/clear-fix/>
*/
/*
lt0 = (default) 1 column at a 100%
lt1 = 2 columns (50%, 50%)
lt2 = 2 columns (33%, 66%)
lt3 = 2 columns (66%, 33%)
lt4 = 3 columns (33%, 33%, 33%)
lt5 = 4 columns (25%, 25%, 25%, 25%)

## Parameters
@parameter $layout-type = lt0 | lt1 | lt2 | lt3 | lt4 | lt5
*/
/* doc
---
title: Component Normalize / item Normalize
name: font
category: mixins
---
Use this mixing to regular AEM wrappers and normalization.
*/
/* stylelint-disable max-nesting-depth */
/* stylelint-disable media-feature-name-no-vendor-prefix */
/* doc
---
title: Font
name: font
category: mixins
---

Use this mixing to add fonts and normalization.

Documentation:

- https://projects.netcentric.biz/wiki/display/FRONTEND/CSS+-+Font+Normalization
- https://projects.netcentric.biz/wiki/display/FRONTEND/SCSS+-+Font+management

## Parameters
---
@param $font-type
@param $normalize

## Dependencies
---
/abstract/functions/nn-px-to-em
/abstract/functions/nn-px-to-rem
/abstract/functions/nn-px-to-unitless
/abstract/mixins/font-icon
*/
/*
* This mixin is used to set styles for elements according to typography in their respective viewport.
* It uses the variables defined in the typography
* @include typography("button") will enable the font size and lineheight according to typography button tokens in all the 3 viewports
*/
/* doc
---
title: Visibility
name: visibility
category: mixins
---

Mixin to add visibility to control to elements

---

## Example
---

```html_example
.container {
  &__base {
    @include visible;

    @include breakpoint($b-01) {
      @include hidden;
    }
  }
}
```
*/
/*
* This mixin is used to style headings of any level in a responsive way.
* It uses the variables defined in the typography map to style the headings so
* the levels it can effectively style are 1 to 6.
* It also styles the use of spans and links inside the headings.
*
* @param {number} $level - The heading level to style.
* @param {string} $weight - The font weight to use for the heading. By default it uses the weight defined in the typography map.
*/
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* This mixin is used to set styles for name, price, button label elements in:
* batcom-algolia-bw-productsearch.clientlibs.scss
* batcom-bff-dynamiclist.clientlibs.scss
* product-list.clientlibs.scss
*/
/**
* Reverse container
*/
@keyframes batcom-slide-in-from-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes batcom-slide-out-to-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.batcom-bff-orderhistory__pagination {
  display: flex;
  align-items: center;
  margin: 2rem 0;
  justify-content: center;
  gap: 4px;
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__pagination {
    justify-content: center;
  }
}
.batcom-bff-orderhistory__pagination button {
  padding: 8px 12px;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
  height: 40px;
  width: 40px;
  font-weight: var(--batcom-typography-weight-normal);
}
@media only screen and (max-width: 767px) {
  .batcom-bff-orderhistory__pagination button {
    font-size: var(--batcom-typography-x-small-size-mobile);
    line-height: var(--batcom-typography-x-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-orderhistory__pagination button {
    font-size: var(--batcom-typography-x-small-size-tablet);
    line-height: var(--batcom-typography-x-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__pagination button {
    font-size: var(--batcom-typography-x-small-size-desktop);
    line-height: var(--batcom-typography-x-small-line-height-desktop);
  }
}
.batcom-bff-orderhistory__pagination button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.batcom-bff-orderhistory__pagination button:disabled:hover {
  background: transparent;
}
.batcom-bff-orderhistory__pagination button.active, .batcom-bff-orderhistory__pagination button.active:hover {
  color: var(--batcom-color-button-primary-text);
  background: var(--batcom-color-order-history-pagination-active);
  border-color: var(--batcom-color-order-history-pagination-active);
  border-radius: 50%;
  cursor: default;
}
.batcom-bff-orderhistory__pagination button.next::after, .batcom-bff-orderhistory__pagination button.prev::after {
  display: inline-block;
  width: 50%;
  height: 50%;
  content: "";
  background-color: var(--batcom-color-button-link-text);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  position: relative;
  top: 8%;
}
.batcom-bff-orderhistory__pagination button.next::after {
  -webkit-mask-image: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/chevron-right.svg");
          mask-image: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/chevron-right.svg");
  -webkit-mask-position: center right;
          mask-position: center right;
}
.batcom-bff-orderhistory__pagination button.prev::after {
  -webkit-mask-image: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/chevron-left.svg");
          mask-image: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/chevron-left.svg");
  -webkit-mask-position: center left;
          mask-position: center left;
}
.batcom-bff-orderhistory__pagination button:hover {
  background: var(--batcom-color-button-secondary-bg-hover);
  border-radius: 50%;
}
.batcom-bff-orderhistory__pagination span {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 32px;
}
.batcom-bff-orderhistory__order-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (min-width: 768px) {
  .batcom-bff-orderhistory__order-container {
    flex-flow: row wrap;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-orderhistory__order-cart {
    flex-basis: calc(50% - 6px);
  }
}
.batcom-bff-orderhistory__order-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 16px;
  border: 2px solid #d5d5d5;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.batcom-bff-orderhistory__order-label--bold {
  font-weight: 500;
}
.batcom-bff-orderhistory__brand-wrapper, .batcom-bff-orderhistory__order-content, .batcom-bff-orderhistory__order-details-btn {
  display: flex;
  align-self: stretch;
  flex-grow: 0;
}
.batcom-bff-orderhistory__brand-wrapper {
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 4px;
  flex: none;
}
.batcom-bff-orderhistory__brand {
  display: flex;
  justify-content: space-around;
  width: 100%;
  gap: 4px;
}
.batcom-bff-orderhistory__brand-icons {
  background: var(--batcom-color-order-history-brand-bg);
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
}
.batcom-bff-orderhistory__brand-icon {
  display: flex;
}
.batcom-bff-orderhistory__order-content {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.batcom-bff-orderhistory__order-content p {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.batcom-bff-orderhistory__order-content strong {
  font-family: var(--batcom-font-face-4-name);
  width: 120px;
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__order-content {
    flex-basis: calc(75% - 8px);
  }
}
.batcom-bff-orderhistory__order-content .batcom-additional-fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.batcom-bff-orderhistory__order-details {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  flex-grow: 0;
}
.batcom-bff-orderhistory__button-section {
  width: 100%;
}
.batcom-bff-orderhistory__button-section .batcom-bff-orderhistory__brand-wrapper {
  display: none;
}
.batcom-bff-orderhistory__order-btn--orderdetails .cmp-button {
  width: 100%;
  line-height: 1rem;
}
.batcom-bff-orderhistory--add-margin {
  margin-bottom: 40px;
}
.batcom-bff-orderhistory__order-total-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.batcom-bff-orderhistory .orderhistory-no-orders {
  margin-bottom: 16px;
}
.batcom-bff-orderhistory__no-orders-message {
  margin-bottom: var(--batcom-layout-spacing-between-components-mobile);
  line-height: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .batcom-bff-orderhistory__no-orders-message {
    margin-bottom: var(--batcom-layout-spacing-between-components-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__no-orders-message {
    margin-bottom: var(--batcom-layout-spacing-between-components-desktop);
  }
}
.batcom-bff-orderhistory__filter-bar {
  display: flex;
  gap: 16px;
  padding: 16px 0;
  flex-wrap: wrap;
  border-top: 1px solid var(--batcom-color-border-default, #dedede);
}
@media only screen and (max-width: 767px) {
  .batcom-bff-orderhistory__filter-bar {
    justify-content: center;
  }
}
.batcom-bff-orderhistory__reset-btn {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--batcom-color-button-link-text, currentcolor);
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-orderhistory__reset-btn {
    font-size: var(--batcom-typography-x-small-size-mobile);
    line-height: var(--batcom-typography-x-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-orderhistory__reset-btn {
    font-size: var(--batcom-typography-x-small-size-tablet);
    line-height: var(--batcom-typography-x-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__reset-btn {
    font-size: var(--batcom-typography-x-small-size-desktop);
    line-height: var(--batcom-typography-x-small-line-height-desktop);
  }
}
.batcom-bff-orderhistory__reset-btn:hover {
  color: var(--batcom-color-button-link-text-hover, currentcolor);
}
.batcom-bff-orderhistory__reset-btn:focus-visible {
  outline: 2px solid var(--batcom-color-focus, currentcolor);
  outline-offset: 2px;
}
.batcom-bff-orderhistory__daterange-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 0;
  border: 1px solid transparent;
  border-radius: 100px;
  background: transparent;
  cursor: pointer;
  font-weight: var(--batcom-typography-weight-normal);
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-orderhistory__daterange-btn {
    font-size: var(--batcom-typography-x-small-size-mobile);
    line-height: var(--batcom-typography-x-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-orderhistory__daterange-btn {
    font-size: var(--batcom-typography-x-small-size-tablet);
    line-height: var(--batcom-typography-x-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__daterange-btn {
    font-size: var(--batcom-typography-x-small-size-desktop);
    line-height: var(--batcom-typography-x-small-line-height-desktop);
  }
}
.batcom-bff-orderhistory__daterange-btn--active {
  background: var(--batcom-color-button-primary-bg);
  color: var(--batcom-color-button-primary-text);
  border-color: var(--batcom-color-button-primary-bg);
  padding: 8px 16px;
}
.batcom-bff-orderhistory__daterange-btn--active .batcom-bff-orderhistory__daterange-btn-icon {
  filter: invert(1);
}
.batcom-bff-orderhistory__daterange-btn:focus-visible {
  outline: 2px solid var(--batcom-color-focus, currentcolor);
  outline-offset: 2px;
}
.batcom-bff-orderhistory__daterange-btn-icon {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  order: 1;
}
.batcom-bff-orderhistory__daterange-btn-label {
  margin-top: 4px;
}
.batcom-bff-orderhistory__daterange-flyout {
  position: fixed;
  inset: 0;
  z-index: 200;
}
.batcom-bff-orderhistory__daterange-flyout-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.batcom-bff-orderhistory__daterange-flyout-panel {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: min(480px, 90vw);
  background: #f6f6f6;
  padding: 25px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  animation: batcom-slide-in-from-left 0.3s ease forwards;
}
.batcom-bff-orderhistory__daterange-flyout-panel--closing {
  animation: batcom-slide-out-to-left 0.3s ease forwards;
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__daterange-flyout-panel {
    width: min(620px, 100vw);
    padding: 65px;
  }
}
.batcom-bff-orderhistory__daterange-flyout-heading {
  margin: 0;
  font-size: 26px;
  line-height: 30px;
  font-weight: var(--batcom-typography-weight-bold);
}
.batcom-bff-orderhistory__daterange-flyout-header {
  border-bottom: 1px solid var(--batcom-color-border-default, #dedede);
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 16px;
}
.batcom-bff-orderhistory__daterange-flyout-ctas {
  display: flex;
  gap: 8px;
  margin-top: 16px;
  justify-content: center;
}
.batcom-bff-orderhistory__daterange-back-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
}
.batcom-bff-orderhistory__daterange-back-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.batcom-bff-orderhistory__daterange-back-btn:focus-visible {
  outline: 2px solid var(--batcom-color-focus, currentcolor);
  outline-offset: 2px;
  border-radius: 2px;
}
.batcom-bff-orderhistory__daterange-clear-all {
  display: inline-flex;
  align-items: center;
  padding: 4px 0;
  border: none;
  background: transparent;
  cursor: pointer;
  margin-left: auto;
  color: var(--batcom-color-button-link-text, currentcolor);
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
  flex-shrink: 0;
  font-weight: var(--batcom-typography-weight-regular);
}
@media only screen and (max-width: 767px) {
  .batcom-bff-orderhistory__daterange-clear-all {
    font-size: var(--batcom-typography-x-small-size-mobile);
    line-height: var(--batcom-typography-x-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-orderhistory__daterange-clear-all {
    font-size: var(--batcom-typography-x-small-size-tablet);
    line-height: var(--batcom-typography-x-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__daterange-clear-all {
    font-size: var(--batcom-typography-x-small-size-desktop);
    line-height: var(--batcom-typography-x-small-line-height-desktop);
  }
}
.batcom-bff-orderhistory__daterange-clear-all:hover {
  color: var(--batcom-color-button-link-text-hover, currentcolor);
}
.batcom-bff-orderhistory__daterange-clear-all:focus-visible {
  outline: 2px solid var(--batcom-color-focus, currentcolor);
  outline-offset: 2px;
}
.batcom-bff-orderhistory__daterange-presets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.batcom-bff-orderhistory__daterange-preset {
  padding: 6px 14px;
  border: 1px solid var(--batcom-color-button-secondary-border, currentcolor);
  cursor: pointer;
  border-radius: 100px;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-orderhistory__daterange-preset {
    font-size: var(--batcom-typography-small-size-mobile);
    line-height: var(--batcom-typography-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-orderhistory__daterange-preset {
    font-size: var(--batcom-typography-small-size-tablet);
    line-height: var(--batcom-typography-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__daterange-preset {
    font-size: var(--batcom-typography-small-size-desktop);
    line-height: var(--batcom-typography-small-line-height-desktop);
  }
}
.batcom-bff-orderhistory__daterange-preset--active {
  background: var(--batcom-color-button-primary-bg);
  color: var(--batcom-color-button-primary-text);
  border-color: var(--batcom-color-button-primary-bg);
}
.batcom-bff-orderhistory__daterange-preset:focus-visible {
  outline: 2px solid var(--batcom-color-focus, currentcolor);
  outline-offset: 2px;
}
.batcom-bff-orderhistory__daterange-calendar {
  width: 100%;
  align-self: center;
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__daterange-calendar {
    width: 300px;
  }
}
.batcom-bff-orderhistory__daterange-message {
  margin: 0;
  background: #efefef;
  border-bottom: 1px solid var(--batcom-color-border-default, #dedede);
  color: var(--batcom-color-text-secondary, #000);
  padding: 20px 8px;
  text-align: center;
  font-size: 16px;
  font-weight: var(--batcom-typography-weight-normal);
}
.batcom-bff-orderhistory__daterange-ctas {
  display: flex;
  gap: 8px;
  margin-top: 16px;
  justify-content: center;
}
.batcom-bff-orderhistory__daterange-cancel {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-primary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-outline: var(--batcom-color-button-outline, #0761cd);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__daterange-cancel, .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-cancel, .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-cancel {
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
}
.batcom-bff-orderhistory__daterange-cancel {
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__daterange-cancel {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-bff-orderhistory__daterange-cancel span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-bff-orderhistory__daterange-cancel:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-bff-orderhistory__daterange-cancel:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-bff-orderhistory__daterange-cancel:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-bff-orderhistory__daterange-cancel__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--batcom-layout-spacing-xxs, 4px) 0;
}
.batcom-bff-orderhistory__daterange-cancel__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-bff-orderhistory__daterange-cancel__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-bff-orderhistory__daterange-cancel__svg svg {
  height: 20px;
}
.batcom-bff-orderhistory__daterange-cancel:focus {
  outline: transparent;
}
.batcom-bff-orderhistory__daterange-cancel:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-bff-orderhistory__daterange-cancel {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__daterange-cancel, .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-cancel, .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-cancel {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__daterange-cancel .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-cancel .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-cancel .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__daterange-cancel option, .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-cancel option, .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-cancel option {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  color: var(--batcom-button-text, #000) !important; /* stylelint-disable-line */
}
.batcom-bff-orderhistory__daterange-cancel {
  flex: 1;
}
.batcom-bff-orderhistory__daterange-apply {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-primary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-outline: var(--batcom-color-button-outline, #0761cd);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__daterange-apply, .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-apply, .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-apply {
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
}
.batcom-bff-orderhistory__daterange-apply {
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__daterange-apply {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-bff-orderhistory__daterange-apply span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-bff-orderhistory__daterange-apply:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-bff-orderhistory__daterange-apply:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-bff-orderhistory__daterange-apply:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-bff-orderhistory__daterange-apply__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--batcom-layout-spacing-xxs, 4px) 0;
}
.batcom-bff-orderhistory__daterange-apply__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-bff-orderhistory__daterange-apply__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-bff-orderhistory__daterange-apply__svg svg {
  height: 20px;
}
.batcom-bff-orderhistory__daterange-apply:focus {
  outline: transparent;
}
.batcom-bff-orderhistory__daterange-apply:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-bff-orderhistory__daterange-apply {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__daterange-apply, .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-apply, .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-apply, .batcom-container--bg-black .batcom-bff-orderhistory__daterange-apply {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__daterange-apply .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-apply .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-apply .cmp-button__svg :is(svg, g, path), .batcom-container--bg-black .batcom-bff-orderhistory__daterange-apply .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__daterange-apply option, .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-apply option, .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-apply option, .batcom-container--bg-black .batcom-bff-orderhistory__daterange-apply option {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  color: var(--batcom-button-text, #000) !important; /* stylelint-disable-line */
}
.batcom-bff-orderhistory__daterange-apply:disabled, .batcom-bff-orderhistory__daterange-apply[aria-disabled=true] {
  --batcom-button-text: var(--batcom-color-button-disabled-text);
  --batcom-button-text-hover: var(--batcom-color-button-disabled-text-hover);
  --batcom-button-bg: var(--batcom-color-button-disabled-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-disabled-bg-hover);
  --batcom-button-border: var(--batcom-color-button-disabled-border);
  --batcom-button-border-hover: var(--batcom-color-button-disabled-border-hover);
  --batcom-button-icon: var(--batcom-color-button-disabled-text);
  --batcom-button-icon-hover: var(--batcom-color-button-disabled-text-hover);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-disabled-border-radius);
  cursor: not-allowed;
  pointer-events: none;
}
.batcom-container--primary-dark .batcom-bff-orderhistory__daterange-apply:disabled, .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-apply:disabled, .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-apply:disabled, .batcom-container--primary-dark .batcom-bff-orderhistory__daterange-apply[aria-disabled=true], .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-apply[aria-disabled=true], .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-apply[aria-disabled=true] {
  --batcom-button-text: var(--batcom-color-button-disabled-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-disabled-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-disabled-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-disabled-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-disabled-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-disabled-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__daterange-apply:disabled .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-apply:disabled .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-apply:disabled .cmp-button__svg :is(svg, g, path), .batcom-container--primary-dark .batcom-bff-orderhistory__daterange-apply[aria-disabled=true] .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-apply[aria-disabled=true] .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-apply[aria-disabled=true] .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-disabled-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-disabled-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__daterange-apply:disabled, .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-apply:disabled, .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-apply:disabled, .batcom-container--primary-dark .batcom-bff-orderhistory__daterange-apply[aria-disabled=true], .batcom-container--secondary-dark .batcom-bff-orderhistory__daterange-apply[aria-disabled=true], .batcom-container--tertiary-dark .batcom-bff-orderhistory__daterange-apply[aria-disabled=true] {
  cursor: not-allowed;
}
.batcom-container--secondary-light .batcom-bff-orderhistory__daterange-apply:disabled, .batcom-container--secondary-light .batcom-bff-orderhistory__daterange-apply[aria-disabled=true] {
  --batcom-button-text: var(--batcom-color-button-disabled-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-disabled-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-disabled-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-disabled-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-disabled-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-disabled-border-hover-inverted);
}
.batcom-container--secondary-light .batcom-bff-orderhistory__daterange-apply:disabled .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-light .batcom-bff-orderhistory__daterange-apply[aria-disabled=true] .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-disabled-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-disabled-text-hover-inverted);
}
.batcom-container--secondary-light .batcom-bff-orderhistory__daterange-apply:disabled, .batcom-container--secondary-light .batcom-bff-orderhistory__daterange-apply[aria-disabled=true] {
  cursor: not-allowed;
}
.batcom-bff-orderhistory__daterange-apply {
  flex: 1;
}
@media (prefers-reduced-motion: reduce) {
  .batcom-bff-orderhistory__daterange-flyout-panel, .batcom-bff-orderhistory__daterange-flyout-panel--closing {
    transition: none;
    animation: none;
  }
}
.batcom-bff-orderhistory .batcom-bff-orderhistory__order--alternate .batcom-bff-orderhistory__order-number {
  order: 1;
}
.batcom-bff-orderhistory .batcom-bff-orderhistory__order--alternate .batcom-bff-orderhistory__order-ordered-date {
  order: 2;
}
.batcom-bff-orderhistory .batcom-bff-orderhistory__order--alternate .batcom-bff-orderhistory__order-deliver-to {
  order: 3;
}
.batcom-bff-orderhistory .batcom-bff-orderhistory__order--alternate .batcom-bff-orderhistory__order-total {
  order: 4;
}
.batcom-bff-orderhistory .batcom-bff-orderhistory__order--alternate .batcom-bff-orderhistory__order-status {
  order: 5;
}
.batcom-bff-orderhistory__purchase-again-btn {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-primary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-outline: var(--batcom-color-button-outline, #0761cd);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__purchase-again-btn, .batcom-container--secondary-dark .batcom-bff-orderhistory__purchase-again-btn, .batcom-container--tertiary-dark .batcom-bff-orderhistory__purchase-again-btn {
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
}
.batcom-bff-orderhistory__purchase-again-btn {
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-orderhistory__purchase-again-btn {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-bff-orderhistory__purchase-again-btn span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-bff-orderhistory__purchase-again-btn:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-bff-orderhistory__purchase-again-btn:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-bff-orderhistory__purchase-again-btn:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-bff-orderhistory__purchase-again-btn__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--batcom-layout-spacing-xxs, 4px) 0;
}
.batcom-bff-orderhistory__purchase-again-btn__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-bff-orderhistory__purchase-again-btn__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-bff-orderhistory__purchase-again-btn__svg svg {
  height: 20px;
}
.batcom-bff-orderhistory__purchase-again-btn:focus {
  outline: transparent;
}
.batcom-bff-orderhistory__purchase-again-btn:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-bff-orderhistory__purchase-again-btn {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__purchase-again-btn, .batcom-container--secondary-dark .batcom-bff-orderhistory__purchase-again-btn, .batcom-container--tertiary-dark .batcom-bff-orderhistory__purchase-again-btn {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__purchase-again-btn .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-bff-orderhistory__purchase-again-btn .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-bff-orderhistory__purchase-again-btn .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-bff-orderhistory__purchase-again-btn option, .batcom-container--secondary-dark .batcom-bff-orderhistory__purchase-again-btn option, .batcom-container--tertiary-dark .batcom-bff-orderhistory__purchase-again-btn option {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  color: var(--batcom-button-text, #000) !important; /* stylelint-disable-line */
}
.batcom-bff-orderhistory__purchase-again-btn {
  width: 100%;
  min-height: 44px;
  line-height: 1rem;
  margin-top: 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.batcom-bff-orderhistory__purchase-again-btn--loading {
  cursor: wait;
}
.batcom-bff-orderhistory__purchase-again-btn-text {
  opacity: 1;
  transition: opacity 0.2s ease;
}
.batcom-bff-orderhistory__purchase-again-btn--loading .batcom-bff-orderhistory__purchase-again-btn-text {
  opacity: 0.5;
}
.batcom-bff-orderhistory__purchase-again-btn-loader {
  position: absolute;
  z-index: 2;
}

.columncontrol--home .columncontrol__column .batcom-cc-container > .cmp-container:has(.batcom-bff-orderhistory) {
  justify-content: flex-start;
}