.timetable{padding:1rem;width:100%}.timetable__header{margin-bottom:1rem;justify-content:space-between;z-index:2}.timetable__grid{width:100%;display:grid;grid-column-gap:8px;-moz-column-gap:8px;column-gap:8px;grid-template-columns:repeat(7,1fr)}@media(max-width:768px){.timetable__grid{grid-template-columns:repeat(3,1fr)}}.timetable__day{display:flex;flex-direction:column;row-gap:4px;position:relative}.timetable__day-header{font-weight:700;background:#feeef8;color:var(--scheme-pink-300);padding:16px 24px;text-align:center;position:sticky;top:0;z-index:1}@media(max-width:768px){.timetable__day-header{padding:8px 12px}}.timetable__day-header--disabled{background:#edeef0;color:var(--scheme-slate-400)}.timetable__slots{display:flex;flex-direction:column}.timetable__slot{height:76px;padding:24px;background:#fff;color:var(--scheme-pink-300);border-radius:4px;text-align:center;cursor:pointer;transition:background .2s;align-content:center}.timetable__slot:hover{border:1px solid #f854be;background:rgba(248,84,190,.05)}.timetable__no-slots{text-align:center;color:var(--scheme-slate-400)}.timetable__teacher-grid{width:100%;display:grid;grid-template-columns:repeat(8,1fr)}@media(max-width:768px){.timetable__teacher-grid{grid-template-columns:repeat(4,1fr)}}.timetable__teacher-day{display:flex;flex-direction:column;position:relative}.timetable__teacher-day-header{font-weight:700;background:#feeef8;color:var(--scheme-pink-300);padding:16px 24px;text-align:center;height:53px;position:sticky;top:0;z-index:1}@media(max-width:768px){.timetable__teacher-day-header{padding:8px 12px}}.timetable__teacher-day-header--disabled{background:#edeef0;color:var(--scheme-slate-400)}.timetable__teacher-day-header--empty{background:var(--static-white)}.timetable__teacher-slots{display:flex;flex-direction:column}.timetable__teacher-slots-left-border{border-left:1px solid var(--scheme-slate-800)}.timetable__teacher-slots-right-border{border-right:1px solid var(--scheme-slate-800)}.timetable__teacher-slot{height:38px;background:#fff;color:var(--scheme-pink-300);text-align:center;cursor:pointer;transition:background .2s;align-content:center}.timetable__teacher-slot:hover{border-radius:4px;border:1px solid #f854be;background:rgba(248,84,190,.05)}.timetable__teacher-slot--empty{height:76px;background:#fff;text-align:center;transition:background .2s;align-content:center}.timetable__teacher-slot-is-not-working-time{height:38px;background:var(--scheme-slate-1000)}.timetable__teacher-slot-is-0-time{border-top:initial}.timetable__teacher-slot-is-30-time{border-top:initial}.timetable__teacher-slot-is-0-time-taken,.timetable__teacher-slot-is-30-time{border-bottom:1px solid var(--scheme-slate-800)}.timetable__teacher-slot-is-30-time-taken{border-top:initial}.timetable__teacher-slot-is-taken{height:76px}.timetable__teacher-slot-is-taken_wrapper{height:68px;background-color:var(--scheme-slate-1000);border:1px solid var(--scheme-slate-600-30);border-radius:8px;margin-right:6px;cursor:pointer;display:flex;flex-direction:column;padding:12px}.timetable__teacher-slot-is-taken_wrapper:hover{border:1px solid #f854be;background-color:rgba(248,84,190,.05)}.timetable__teacher-reading-slot-is-taken{height:76px}.timetable__teacher-reading-slot-is-taken_wrapper{height:68px;background-color:#ffeef9;border:1px solid var(--scheme-slate-600-30);border-radius:8px;margin-right:6px;cursor:pointer;display:flex;flex-direction:column;padding:12px}.timetable__teacher-reading-slot-is-taken_wrapper:hover{border:1px solid #f854be;background-color:rgba(248,84,190,.05)}.timetable__teacher-speaking-slot-is-taken{height:114px}.timetable__teacher-speaking-slot-is-taken_wrapper{height:102px;background-color:#ffeef9;border:1px solid var(--scheme-slate-600-30);border-radius:8px;margin-right:6px;cursor:pointer;display:flex;flex-direction:column;padding:12px}.timetable__teacher-speaking-slot-is-taken_wrapper:hover{border:1px solid #f854be;background-color:rgba(248,84,190,.05)}.timetable__teacher-slot-is-take-block{display:flex;gap:6px;justify-content:flex-start;align-items:flex-start}.timetable__teacher-slot-is-take-image{margin-top:2px;display:flex;width:10px}.timetable__teacher-slot-is-take-text{font-weight:700;font-size:12px;color:var(--scheme-slate-100);overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}