.calendar,.calendarMainWrapper{width:100%}.calendar{height:100%;display:flex;flex-direction:column;align-items:center;padding:32px 24px}@media (min-width:576px){.calendar{padding:40px 30px}}.calendar__title{color:#1e1e1e;align-items:center;display:flex;flex-direction:row;font-size:2rem;justify-content:space-between;padding-bottom:16px;width:100%}@media (min-width:576px){.calendar__title{padding-bottom:20px}}.calendar__nextMonth,.calendar__prevMonth{padding:4px;line-height:0;white-space:nowrap}.calendar__buttonNext,.calendar__buttonPrev{color:#1e1e1e}.calendar__buttonNext svg,.calendar__buttonPrev svg{width:18px;height:18px}.calendar__buttonPrev svg{transform:rotate(180deg)}.calendar__titleMonthYear{font-weight:700;margin:0 24px;text-align:center}.calendar__titleMonth,.calendar__titleYear{justify-self:center}.calendar__titleMonth{text-transform:capitalize}.calendar__month,.calendar__monthWrapper{display:flex;flex-direction:column}.calendar__monthWrapper{margin:0 auto;width:100%;min-height:246px}.calendar__monthHeader,.calendar__week{display:flex;flex-direction:row}.calendar__monthHeader{border-bottom:1px solid #f5f5f4}.calendar__day,.calendar__dayName{display:flex;align-items:center;justify-content:center;height:35px;padding:4px;width:14.28571%}.calendar__dayName{font-size:1.3rem;font-weight:500}.calendar__day{font-size:1.6rem;font-weight:700}.calendar__dayEmpty{background:hsla(0,0%,59.2%,.5);border-radius:5px;height:5px;width:5px}.calendar__dayNumber{position:relative;z-index:0}.calendar__dayNumber:after{background:rgba(117,251,242,0);border-radius:4px;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:34px;width:30px;z-index:-1}.calendar__day:hover:link,.calendar__day:hover:visited{color:#1e1e1e}.calendar__day:hover .calendar__dayNumber:after{background:rgba(117,251,242,.85)}.calendar__day--today:link,.calendar__day--today:visited{color:#1e1e1e}.calendar__day--today .calendar__dayNumber:after{background:rgba(117,251,242,.5)}.calendar__day--selected:link,.calendar__day--selected:visited{color:#1e1e1e}.calendar__day--selected .calendar__dayNumber:after{background:#75fbf2}.darkmode .calendar__title{color:#fff}.darkmode .calendar__monthHeader{border-bottom:1px solid #f5f5f4}.darkmode .calendar__dayEmpty{background:rgba(94,94,94,.5)}.darkmode .calendar__dayNumber:after{background:rgba(76,139,235,0)}.darkmode .calendar__buttonNext,.darkmode .calendar__buttonPrev,.darkmode .calendar__day:hover:link,.darkmode .calendar__day:hover:visited{color:#fff}.darkmode .calendar__day:hover .calendar__dayNumber:after{background:rgba(76,139,235,.85)}.darkmode .calendar__day--today:link,.darkmode .calendar__day--today:visited{color:#1e1e1e}.darkmode .calendar__day--today .calendar__dayNumber:after{background:rgba(76,139,235,.85)}.darkmode .calendar__day--selected:link,.darkmode .calendar__day--selected:visited{color:#1e1e1e}.darkmode .calendar__day--selected .calendar__dayNumber:after{background:#4c8beb}