@media (max-width:576px){section.yJ3lAq_trialLessonMonthlyCalender{width:auto;box-shadow:none;border-radius:0;margin-block-start:-24px;margin-inline:-16px}.yJ3lAq_trialLessonMonthlyCalender__monthNav{z-index:1;background-color:var(--bg-base);border-bottom:1px solid var(--border-light);padding-block:12px;position:sticky;top:0}}.yJ3lAq_trialLessonMonthlyCalender__calendarBlock{flex-direction:column;row-gap:8px;display:flex}.yJ3lAq_trialLessonMonthlyCalender__divider{background-color:var(--border-light);height:1px}@media (max-width:576px){.yJ3lAq_trialLessonMonthlyCalender__divider{display:none}}.yJ3lAq_trialLessonMonthlyCalender__centerContent{justify-content:center;display:flex}.yJ3lAq_trialLessonMonthlyCalender__legend{color:var(--font-light);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:1.2rem;display:flex}.yJ3lAq_trialLessonMonthlyCalender__legendItem{align-items:center;gap:4px;display:flex}.yJ3lAq_trialLessonMonthlyCalender__legendItem svg{width:16px;height:16px}.yJ3lAq_trialLessonMonthlyCalender__dailyList{flex-direction:column;gap:16px;display:flex}.yJ3lAq_trialLessonMonthlyCalender__dailyListTitle{border-left:3px solid var(--core-base);padding-left:8px;font-size:1.6rem;font-weight:700}.yJ3lAq_trialLessonMonthlyCalender__dailyListBody{flex-direction:column;gap:8px;display:flex}.yJ3lAq_trialLessonMonthlyCalender__timeSlotRow{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px;display:flex}.yJ3lAq_trialLessonMonthlyCalender__timeSlotRow[data-color=green]{border:2px solid var(--core-base);background-color:#eef8f6}.yJ3lAq_trialLessonMonthlyCalender__timeSlotRow:disabled{cursor:default;color:var(--font-light);border-color:var(--border-light);background-color:var(--bg-light)}.yJ3lAq_trialLessonMonthlyCalender__timeSlotRow:disabled .yJ3lAq_trialLessonMonthlyCalender__timeSlotRow__time{color:var(--font-light)}.yJ3lAq_trialLessonMonthlyCalender__timeSlotRow[data-selected=true]{border-color:var(--core-base);background-color:var(--core-base)}.yJ3lAq_trialLessonMonthlyCalender__timeSlotRow[data-selected=true] .yJ3lAq_trialLessonMonthlyCalender__timeSlotRow__time{color:var(--font-white)}.yJ3lAq_trialLessonMonthlyCalender__timeSlotRow[data-selected=true] svg{stroke:var(--font-white)!important}.yJ3lAq_trialLessonMonthlyCalender__timeSlotRow__time{color:var(--core-base);font-size:1.6rem;font-weight:700}.yJ3lAq_trialLessonMonthlyCalender__timeSlotRow__status{white-space:nowrap;align-items:center;gap:4px;font-size:1.6rem;font-weight:700;display:flex}.yJ3lAq_trialLessonMonthlyCalender__timeSlotRow__status svg{width:20px;height:20px}
.Q8sgmG_monthlyCalendarNav{justify-content:space-between;align-items:center;display:flex}@media (max-width:576px){.Q8sgmG_monthlyCalendarNav{margin-inline:-8px}}.Q8sgmG_monthlyCalendarNav__button{color:var(--font-base);border-radius:16px;align-items:center;gap:8px;padding:16px;font-size:1.6rem;display:flex}@media (max-width:576px){.Q8sgmG_monthlyCalendarNav__button{padding:8px}}.Q8sgmG_monthlyCalendarNav__button svg{stroke:var(--font-base)}.Q8sgmG_monthlyCalendarNav__button[disabled]{color:var(--border-base)}.Q8sgmG_monthlyCalendarNav__button[disabled] svg{stroke:var(--border-base)}.Q8sgmG_monthlyCalendarNav__button:not([disabled]){cursor:pointer}.Q8sgmG_monthlyCalendarNav__button:not([disabled]):hover{background-color:var(--bg-light)}.Q8sgmG_monthlyCalendarNav__month{font-size:1.6rem;font-weight:700}