@layer components {
  .day-schedule-container {
    width: 100%;
  }
  .day-schedule-container .schedule-grid {
    display: grid;
    grid-auto-rows: 2rem;
    gap: 0.2rem;
    width: 100%;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    width: 100%;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .collapsed-slot-row {
    width: 100%;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .slot-row {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1rem;
    height: 100%;
    width: 100%;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .slot-row .time-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    height: 100%;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .slot-row .time-column .time {
    height: 2rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    color: darkgray;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .slot-row .time-column .time.full-hour {
    font-weight: bold;
    color: var(--mud-palette-text-primary);
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .slot-row .value-slot {
    height: 2rem;
    border: 1px solid #f0f0f0;
    border-radius: var(--mud-default-borderradius);
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: center;
    text-decoration: none;
    color: var(--mud-palette-text-primary);
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .slot-row .value-slot.available {
    background-color: #E8F5E9 !important;
    border-color: #C8E6C9;
    font-size: 0.8rem;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .slot-row .value-slot.available .mud-button {
    margin-right: 0.1rem;
    margin-left: 0.1rem;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .slot-row .value-slot.free {
    margin-right: 0.1rem;
    margin-left: 0.1rem;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .slot-row .value-slot.free.full-hour {
    font-weight: bold;
    color: #546E7A;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .slot-row .value-slot.free:not(.full-hour) {
    color: #90A4AE;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .slot-row .value-slot.free:hover {
    background-color: #ECEFF1;
  }
  .day-schedule-container .schedule-grid .schedule-grid-row .slot-row .value-slot.weekend {
    background-color: #FFFDF2;
    border-color: #FFE082;
  }
  .schedule-add-interval-col {
    width: 100%;
  }
  .week-schedule-container {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
  }
  .week-schedule-container .week-schedule-grid {
    display: grid;
    grid-template-columns: 2rem repeat(7, 8rem);
    gap: 1rem;
    align-items: center;
  }
  .week-schedule-container .week-schedule-grid .day {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    border: 1px solid #f0f0f0;
    border-radius: var(--mud-default-borderradius);
    background-color: #ECEFF1;
  }
  .week-schedule-container .week-schedule-grid .day.weekend {
    background-color: #FFF8E1;
  }
  .week-schedule-container .week-schedule-grid .day .day-of-week {
    font-weight: 600;
    text-align: center;
    font-size: 0.8rem;
  }
  .week-schedule-container .week-schedule-grid .day .day-of-week.today {
    color: var(--mud-palette-info);
  }
  .week-schedule-container .week-schedule-grid .day .day-value {
    font-size: 1.2rem;
  }
  .week-schedule-container .week-schedule-grid .day .day-value.today {
    font-weight: bold;
    color: var(--mud-palette-info);
  }
  .week-schedule-container .week-schedule-grid .time-column {
    display: grid;
    grid-auto-rows: 2rem;
    gap: 0.2rem;
    align-self: self-start;
  }
  .week-schedule-container .week-schedule-grid .time-column .time {
    height: 2rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    white-space: nowrap;
  }
  .week-schedule-container .week-schedule-grid .time-column .time.full-hour {
    font-weight: bold;
    color: var(--mud-palette-text-primary);
  }
  .week-schedule-container .week-schedule-grid .week-schedule-collapse-control {
    grid-column: 2/-1;
    min-width: 0;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid {
    display: grid;
    grid-auto-rows: 2rem;
    gap: 0.2rem;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid .schedule-grid-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid .schedule-grid-row .collapsed-slot-row {
    width: 100%;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid .schedule-grid-row .slot-row {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 1rem;
    height: 100%;
    width: 100%;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid .schedule-grid-row .slot-row .value-slot {
    height: 2rem;
    border: 1px solid #f0f0f0;
    border-radius: var(--mud-default-borderradius);
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: center;
    text-decoration: none;
    color: var(--mud-palette-text-primary);
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid .schedule-grid-row .slot-row .value-slot.available {
    background-color: #E8F5E9 !important;
    border-color: #C8E6C9;
    font-size: 0.8rem;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid .schedule-grid-row .slot-row .value-slot.available .mud-button {
    margin-right: 0.1rem;
    margin-left: 0.1rem;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid .schedule-grid-row .slot-row .value-slot.free {
    margin-right: 0.1rem;
    margin-left: 0.1rem;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid .schedule-grid-row .slot-row .value-slot.free.full-hour {
    font-weight: bold;
    color: #546E7A;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid .schedule-grid-row .slot-row .value-slot.free:not(.full-hour) {
    color: #90A4AE;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid .schedule-grid-row .slot-row .value-slot.free:hover {
    background-color: #ECEFF1;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid .schedule-grid-row .slot-row .value-slot.weekend {
    background-color: #FFFDF2;
    border-color: #FFE082;
  }
  .week-schedule-container .week-schedule-grid .schedule-grid .schedule-grid-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

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