.date-picker__wrapper {
  width: 100%;
}

.date-picker-section .date-picker__container--padding-top {
  padding-top: var(--padding-top-mobile, 16px);
}

.date-picker-section .date-picker__container--padding-bottom {
  padding-bottom: var(--padding-bottom-mobile, 16px);
}

.date-picker-section .date-picker__component {
  min-height: auto;
}

.palette-one.date-picker__wrapper {
  background: var(--background-primary, #FFF);
  color: var(--color-primary, #0B1A26);
}

.palette-two.date-picker__wrapper {
  background: var(--background-primary-2, #0B1A26);
  color: var(--color-primary-2, #FFF);
}

.palette-three.date-picker__wrapper {
  background: var(--background-primary-3, #F4B841);
  color: var(--color-primary-3, #0B1A26);
}

@media (width >= 992px) {
  .date-picker-section .date-picker__container--padding-top {
    padding-top: var(--padding-top, 16px);
  }

  .date-picker-section .date-picker__container--padding-bottom {
    padding-bottom: var(--padding-bottom, 16px);
  }
}