:host {
  @apply grid grid-cols-8;
}

.cell {
  @apply text-center;
}

.cell-day-of-week {
  @apply font-bold text-cadet pt-7;
}

.cell-day-of-week:not(.cell-first) {
  @apply border-0 border-t-2 border-solid border-gray-200;
}

.cell-first {
  @apply font-bold text-cadet border-0 border-r-2  border-solid border-gray-200;
}

.cell-calendar-day {
  @apply pt-6 cursor-pointer;

  .day {
    @apply rounded-full w-10 h-10;
  }
}

.cell-calendar-day.today > .day {
  @apply bg-gray-200;
}

.cell-calendar-day.selected > .day {
  @apply bg-gray-400 font-bold;
}

.center {
  @apply grid justify-center content-center;
}

.indicators {
  @apply flex flex-row h-6 justify-center items-center;

  .indicator {
    @apply w-px-10 h-px-10 rounded-full bg-gray-400 mx-px-2;
  }
}

.faded {
  @apply text-disabled-branch;
}
