.calendar,.calendar-body{padding:10px}.calendar-days,.calendar-week-day{grid-template-columns:repeat(7,1fr)}.calendar{height:max-content;width:max-content;background-color:#f6fefd;border-radius:0;position:relative;overflow:hidden}.light .calendar{border:1px solid #e1e1e1}.calendar pre{margin-bottom:0}.calendar-header{display:flex;justify-content:space-between;align-items:center;font-size:25px;font-weight:600;color:#fff;padding:10px;background:#71b1ad}.calendar-week-day{height:50px;display:grid;font-weight:600}.calendar-week-day div{display:grid;place-items:center;color:#71b1ad}.calendar-days{display:grid;gap:2px;color:#000;justify-content:center;place-items:center}.calendar-days div{width:50px;height:50px;display:flex;align-items:center;justify-content:center;padding:5px;position:relative;cursor:pointer;animation:1s forwards to-top}.calendar-day-hover.curr-date,.calendar-days div:hover{background-color:#71b1ad;transition:background-color .3s;color:#fff}.calendar-day-hover.disable{pointer-events:none;color:#ccc}.calendar-days div.active{background-color:#125358;transition:background-color .3s;color:#fff}.calendar-days div span{position:absolute}.calendar-days div.curr-date span:not(.selected-time){display:none}.month-picker{padding:5px 10px;border-radius:10px;cursor:pointer;color:#fff}.month-picker:hover,.year-change:hover{background-color:var(--color-hover)}.year-picker{display:flex;align-items:center}.year-change{height:40px;width:40px;border-radius:50%;display:grid;place-items:center;margin:0 10px;cursor:pointer}.month-list,.timePicker{position:absolute;height:100%}.month-list{width:100%;top:0;left:0;background-color:#f6fefd;padding:20px;grid-template-columns:repeat(3,auto);gap:5px;display:grid;transform:scale(1.5);visibility:hidden;pointer-events:none}.month-list.show{transform:scale(1);visibility:visible;pointer-events:visible;transition:.2s ease-in-out}.month-list>div{display:grid;place-items:center}.month-list>div>div{width:100%;padding:14px 20px;text-align:center;cursor:pointer;color:#125358;font-weight:500}.month-list>div>div:hover{background-color:#71b1ad;color:#fff}@keyframes to-top{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:1}}.timePicker{width:404px;background:#f6fefd;box-shadow:1px -1px 20px 20px #71b1ad12;border:1px solid #e1e1e1;overflow-y:scroll;max-width:100%;bottom:0;text-align:center;padding-top:20px}.time-list li{padding:8px 13px;min-width:95px;cursor:pointer}.time-list li:hover{background:#71b1ad;color:#fff}.time-list li.active{background-color:#125358;color:#fff}ul.time-list{display:flex;flex-wrap:wrap;justify-content:center}.timePicker::-webkit-scrollbar{width:3px}span.selected-time{font-size:9px;bottom:3px}@media (max-width:1200px){.calendar,.timePicker{width:100%}}@media (max-width:425px){.month-list{grid-template-columns:repeat(2,auto)}.calendar-header{font-size:18px}.calendar-body{padding:0}}