.month-toolbar{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin-top:20px;border:1px solid #cbd1c8;background:#fff}.month-toolbar strong{text-align:center;font:500 25px var(--serif);text-transform:capitalize}.month-toolbar button{height:42px;border:0;background:#182521;color:#fff;font-size:20px;cursor:pointer}.weekday-row,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday-row{padding-top:16px}.weekday-row span{text-align:center;color:#718078;font:9px var(--mono);text-transform:uppercase}.month-grid{gap:5px;margin-top:9px}.month-empty{min-height:78px;background:#f0f2ed}.month-day{position:relative;min-height:78px;padding:10px;border:1px solid #d7ddd5;background:#fff;color:#182521;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease}.month-day b{font:500 20px var(--serif)}.month-day span{display:block;margin-top:5px;color:#64716a;font-size:9px;text-transform:uppercase}.month-day.has-appointment:after{content:'';position:absolute;right:9px;top:11px;width:7px;height:7px;border-radius:50%;background:#b6cc3d}.month-day.has-appointment:hover,.month-day.selected{background:#182521;color:#fff}.month-day.selected span,.month-day.has-appointment:hover span{color:#dce99a}.month-day.today{box-shadow:inset 0 0 0 2px #b6cc3d}.calendar-details{margin-top:26px;padding-top:23px;border-top:1px solid #cbd1c8}@media(max-width:680px){.month-grid{gap:3px}.month-empty,.month-day{min-height:57px}.month-day{padding:7px}.month-day b{font-size:17px}.month-day span{display:none}.month-day.has-appointment:after{width:5px;height:5px;right:6px;top:7px}.weekday-row span{font-size:8px}.month-toolbar strong{font-size:21px}}