.calendar .year-grid-item h3{text-align:center;margin:16px}.calendar .month-row{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;padding-left:16px;padding-right:16px}.calendar .month-item-container{display:flex;flex:1;justify-content:center}.calendar .month-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.calendar .title{text-align:center;margin-bottom:12px}.calendar .circle-container{background-color:var(--color-medium);height:40px;width:40px;border-radius:20px;cursor:pointer}.calendar .circle-text{color:#fff;font-size:24px;line-height:24px;margin-top:8px;text-align:center}.calendar .empty-circle{border:1px solid var(--color-medium);height:40px;width:40px;border-radius:20px}