calendar-range::part(button) {
  @apply border-none bg-white duration-200 hover:text-gray-500 text-gray-400 transition-colors;
}

calendar-range::part(container) {
  @apply gap-2 relative;
}

calendar-range::part(header) {
  @apply absolute h-10 w-full;
}

calendar-month::part(button day selected) {
  @apply bg-primary-100/50 text-black;
}

calendar-month::part(button day selected range-start) {
  @apply bg-primary-600 rounded-s-md text-white;
}

calendar-month::part(button day selected range-end) {
  @apply bg-primary-600 rounded-e-md text-white;
}

calendar-month::part(button day) {
  @apply size-8;
}

calendar-month::part(heading) {
  @apply flex items-center justify-center h-10;
}