.react-calendar {
  font-family: "Gilroy";
  @apply bg-[#151619] text-white border-none p-4
    rounded-lg;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus,
.react-calendar__tile:enabled:hover {
  @apply bg-[rgba(255,255,255,0.05)];
}

.react-calendar__tile:enabled:focus {
  @apply bg-[rgba(255,255,255,0.2)];
}

.react-calendar__month-view__days__day--weekend {
  @apply text-[#F2F2F2];
}

.react-calendar__month-view__weekdays {
  @apply font-normal lowercase text-base;
}

abbr[title] {
  text-decoration: none;
}

.react-calendar__navigation button,
.react-calendar__tile {
  @apply rounded;
}

.react-calendar__tile--now:enabled {
  background-color: #212121;
}

.react-calendar__tile--active {
  background: #1087ff !important;
}

.react-calendar__navigation button:disabled,
.react-calendar__tile:disabled {
  @apply text-zinc-800 bg-transparent;
}
