.livewire-calendar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.livewire-calendar .calendars-wrapper {
  display: flex;
  gap: 3rem;
}
.livewire-calendar .calendars-wrapper .calendar-month {
  text-align: center;
  background-color: white;
}
.livewire-calendar .calendars-wrapper .calendar-month .calendar-month-header {
  padding: 0.5rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: var(--accent05);
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
  cursor: pointer;
}
.livewire-calendar .calendars-wrapper .calendar-month .days-headers {
  font-weight: 300;
  margin-block: 0.75rem;
  padding-inline: 0.75rem;
}
.livewire-calendar .calendars-wrapper .calendar-month .days-wrapper {
  padding: 0 0.75rem 0.75rem 0.75rem;
}
.livewire-calendar .calendars-wrapper .calendar-month .days-headers,
.livewire-calendar .calendars-wrapper .calendar-month .days-wrapper {
  display: grid;
  grid-auto-flow: row dense;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.375rem;
}
.livewire-calendar .calendars-wrapper .calendar-month .calendar-day {
  position: relative;
  padding: 0.5rem;
  border: 1px solid transparent;
  border-radius: 4px;
  font-weight: 500;
}
.livewire-calendar .calendars-wrapper .calendar-month .calendar-day:not([empty]):hover {
  background-color: var(--main09);
  cursor: pointer;
}
.livewire-calendar .calendars-wrapper .calendar-month .calendar-day[has-school] {
  background-color: var(--main12);
}
.livewire-calendar .calendars-wrapper .calendar-month .calendar-day[has-school]::before {
  content: attr(rotation-day);
  position: absolute;
  left: 0.15rem;
  top: 0.15rem;
  font-size: 0.6rem;
  font-weight: initial;
}
.livewire-calendar .calendars-wrapper .calendar-month .calendar-day[has-school][special-day] {
  background-color: var(--main10);
}
.livewire-calendar .calendars-wrapper .calendar-month .calendar-day[selected] {
  border: 1px solid var(--main03) !important;
}
.livewire-calendar .calendars-wrapper .calendar-month .calendar-day[today] {
  background-color: var(--main06) !important;
  color: white;
}
.livewire-calendar .calendars-wrapper .calendar-month .calendar-day:not([has-school]) {
  opacity: 0.25;
}
.livewire-calendar .calendar-control {
  border-radius: 4px;
  font-size: 1.75rem;
  font-weight: 200;
  cursor: pointer;
}
.livewire-calendar .calendar-control:hover {
  background-color: var(--main11);
}

/*# sourceMappingURL=calendar.css.map */