// .dp__theme_light,
// .dp__theme_dark {
//   --dp-font-family: #{$font-general-sans};
//   --dp-font-size: 1rem;
//   --dp-primary-color: #{$color-black};
//   --dp-primary-text-color: #{$color-white};
//   --dp-secondary-color: #{$color-gray-warm};
//   --dp-hover-color: #{$color-gray-warm};
//   --dp-range-between-dates-background-color: #{$color-gray-warm};
//   --dp-range-between-border-color: #{$color-gray-warm};
//   --dp-border-radius: 0;
//   --dp-cell-border-radius: 0;
//   --dp-cell-size: auto;
//   --dp-cell-padding: 0;
//   --dp-menu-padding: 0;
//   --dp-menu-border-color: transparent;
//   --dp-text-color: #{$color-black};
//   --dp-hover-text-color: #{$color-black};
//   --dp-background-color: #{$color-white};
//   --dp-border-color: #{$color-black};
//   --dp-month-year-row-button-size: 1rem;
//   --dp-menu-min-width: multiple(85);

//   border: 0;
//   border-radius: 0;

//   .dp {
//     &__outer_menu_wrap {
//       width: 100%;
//     }

//     &__menu {
//       > div {
//         width: auto !important;
//       }

//       &.dp-range-menu {
//         .dp__instance_calendar:not([role='document']) {
//           max-width: multiple(85);
//           flex: 1;
//           margin: 0;
//         }
//       }
//     }

//     &__menu_inner {
//       column-gap: $spacing-20;
//       justify-content: center;

//       @include media-up(xl) {
//         column-gap: $spacing-48;
//       }
//     }

//     &__instance_calendar {
//       margin: 0 auto;
//       width: auto;
//     }

//     &__month_year_row {
//       height: auto;
//       padding-bottom: $spacing-8;
//     }

//     &__month_year_wrap {
//       justify-content: center;
//       column-gap: $spacing-8;
//     }

//     &__month_year_select {
//       @include ellipsis;

//       width: auto;
//       height: auto;
//       pointer-events: none;
//     }

//     &--arrow-btn-nav {
//       color: $color-black;

//       &:hover,
//       &:focus-visible {
//         color: $color-gray-warm;
//       }

//       &[aria-disabled='true'] {
//         color: $color-gray-warm;
//         pointer-events: none;
//       }
//     }

//     &__inner_nav {
//       border-radius: 0;
//       color: inherit;

//       &:hover {
//         background-color: transparent;
//       }

//       svg {
//         width: var(--dp-month-year-row-button-size);
//         height: var(--dp-month-year-row-button-size);
//       }
//     }

//     &__inner_nav_disabled {
//       background-color: transparent;
//     }

//     &__calendar {
//       &[role='rowgroup'] {
//         display: flex;
//         flex-direction: column;
//         row-gap: $spacing-8;
//         padding-top: $spacing-12;
//       }
//     }

//     &__calendar_next {
//       margin: 0;
//     }

//     &__calendar_header {
//       padding: $spacing-8 0;
//     }

//     &__calendar_header_separator {
//       @include dotted-line-horizontal($color-black, bottom);

//       margin-bottom: $spacing-8;
//     }

//     &__calendar_row {
//       margin: 0;
//     }

//     &__calendar_header_item,
//     &__calendar_item {
//       min-height: $spacing-28;
//       display: flex;
//       justify-content: center;
//       flex-grow: 0;
//       width: calc(100% / 7);
//     }

//     &__calendar_header_item {
//       display: flex;
//       align-items: center;
//       justify-content: center;
//     }

//     &__cell_inner {
//       display: flex;
//       align-items: center;
//       justify-content: center;
//       width: 100%;
//       height: auto;
//       border: 0;
//       border-radius: 0;
//     }

//     &__range_between {
//       color: $color-white;
//       background-color: $color-black;
//     }

//     &__cell_disabled,
//     &__cell_offset {
//       pointer-events: none;

//       &.dp__active_date {
//         background-color: transparent;
//       }
//     }

//     &__today {
//       font-weight: $font-weight-semibold;
//     }
//   }
// }