.calendar{position:relative;background:var(--white-color);color:var(--gray-color);box-sizing:border-box;overflow:hidden;border-radius:12px}.calendar .calendar-inner .calendar-body{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;padding:20px;gap:15px}.calendar .calendar-inner .calendar-body div{border-radius:50%;background:#f8f8f8}.calendar .calendar-inner .calendar-body div:nth-child(-n+7){color:var(--primary);font-size:18px;font-weight:700;background:0 0}.calendar .calendar-inner .calendar-body div:nth-child(-n+7):hover{border:none;border-bottom:none}.calendar .calendar-inner .calendar-body div>a{color:var(--gray-color);text-decoration:none;font-size:14px;font-weight:600}.calendar .calendar-inner .calendar-body div.next-dates,.calendar .calendar-inner .calendar-body div.number-item,.calendar .calendar-inner .calendar-body div.prev-dates{width:100%;padding-bottom:88%;position:relative}.calendar .calendar-inner .calendar-body div>a,.calendar .calendar-inner .calendar-body div>span{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.calendar .calendar-inner .calendar-body div.active a{color:var(--white-color);cursor:pointer}.calendar .calendar-inner .calendar-body div.active{color:var(--white-color);background-color:var(--blue-color)}.calendar .calendar-inner .calendar-controls{display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 10px 40px #ddd;padding:10px 20px}.calendar .calendar-inner .calendar-today-date{display:grid;text-align:center;cursor:pointer;margin:auto;background:var(--calendar-current-date-color);padding:8px 0;border-radius:10px;width:80%}.calendar .calendar-inner .calendar-controls .calendar-year-month{display:flex;justify-content:center;align-items:center}.calendar .calendar-inner .calendar-controls .calendar-next{text-align:right}.calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-month-label,.calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-year-label{font-weight:600;font-size:22px}.calendar .calendar-inner .calendar-body .calendar-today{background:var(--calendar-today-color);border-radius:4px}.calendar .calendar-inner .calendar-body .calendar-today:hover{border:1px solid #fff0}.calendar .calendar-inner .calendar-body .calendar-today a{outline:2px solid var(--calendar-today-innerborder-color)}.calendar .calendar-inner .calendar-controls .calendar-next a,.calendar .calendar-inner .calendar-controls .calendar-prev a{color:var(--text);font-weight:600;font-size:26px;text-decoration:none;padding:4px 12px;display:inline-block;background:var(--calendar-nextprev-bg-color);margin:10px 0}.calendar .calendar-inner .calendar-controls .calendar-next a svg,.calendar .calendar-inner .calendar-controls .calendar-prev a svg{height:20px;width:20px}.calendar .calendar-inner .calendar-controls .calendar-next a svg path,.calendar .calendar-inner .calendar-controls .calendar-prev a svg path{fill:var(--text)}.calendar .calendar-inner .calendar-body .next-dates,.calendar .calendar-inner .calendar-body .prev-dates{color:#ccc;pointer-events:none}@media all and (max-width:1024px){.calendar .calendar-inner .calendar-body .next-dates,.calendar .calendar-inner .calendar-body .prev-dates,.calendar .calendar-inner .calendar-body div>a{font-size:11px}}@media all and (max-width:991px){.calendar .calendar-inner .calendar-body .next-dates,.calendar .calendar-inner .calendar-body .prev-dates,.calendar .calendar-inner .calendar-body div>a{font-size:20px}.calendar .calendar-inner .calendar-body div:nth-child(-n+7){font-size:22px}}@media all and (max-width:600px){.calendar .calendar-inner .calendar-body .next-dates,.calendar .calendar-inner .calendar-body .prev-dates,.calendar .calendar-inner .calendar-body div>a{font-size:13px}.calendar .calendar-inner .calendar-body div:nth-child(-n+7){font-size:15px}.calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-month-label,.calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-year-label{font-size:18px}}