.timetable .grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 1024px) {
    .timetable .grid {
      display: grid;
      grid-template-columns: 50% 50%;
      gap: 10px;
    }
    .timetable .grid .row.head {
      display: none;
    }
}
.timetable .grid .row {
  display: grid;
  grid-template-columns: 10em 15em 15em;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
    .timetable .grid .row {
      display: flex;
      flex-direction: column;
      align-items: normal;
      gap: 10px;
    }
}
.timetable .grid .row.head div {
  height: 2em;
}
.timetable .grid .row.head .empty {
  opacity: 0;
}
.timetable .grid .row div {
  height: 2.8em;
}
.timetable .grid .row div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.timetable .grid .row div {
  background-color: #f9fafb;
  border: 1px solid #edf0f2;
  border-radius: 3px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(12px);
}
.timetable .grid .row.head div,
.timetable .grid .row .day {
  background: var(--gradient__2);
}
.timetable .grid .row div {
  font-family: 'content-font';
  color: #111;
  font-size: 90%;
}
.timetable .grid .row.head div {
  font-family: 'content-font';
  font-size: 12px;
  color: #111;
}
.timetable .grid .row.head div,
.timetable .grid .row .day {
  color: #fff;
}
.timetable .grid .row .closed {
  background-color: #fee2e2;
  border-radius: 50px;
  padding: 5px 15px;
}
.timetable .grid .row .closed {
  font-family: 'content-font';
  font-size: 80%;
  font-weight: 400;
  color: #b91c1c;
}

/**** Animations ****/
@keyframes slideInLeft {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.timetable .slide-in-left {
  animation: slideInLeft 0.5s ease forwards;
}

@keyframes slideInRight {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.timetable .slide-in-right {
  animation: slideInRight 0.5s ease forwards;
}