.component-datepicker{text-align:center}.component-datepicker>input{display:none}.component-datepicker-date>div{display:grid;grid-template-columns:repeat(7,1fr);grid-row-gap:5px}.component-datepicker-date-duo{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;align-items:start}.component-datepicker-month{display:grid;align-items:center;grid-template-columns:50px 1fr 50px}.component-datepicker-month i{font-size:14px;cursor:pointer}.component-datepicker-month-duo{grid-template-columns:50px 1fr 125px 1fr 50px}.component-datepicker-month>div{text-align:center;padding:15px}.component-datepicker-month>div:first-child,.component-datepicker-month>div:last-child{font-size:14px}.component-datepicker-date>div>.component-datepicker-header{text-align:center;color:var(--text-color-light);font-size:11px}.component-datepicker-date>div>div:not(:empty){text-align:center}.component-datepicker-date>div>div:not(:empty,.component-datepicker-header)>div{display:inline-block;width:40px;height:40px;line-height:40px;border-radius:100%;font-size:14px;font-weight:600}.component-datepicker-date .component-datepicker-date-selected div{border-radius:100%}.component-datepicker-date-duo .component-datepicker-date-selected div,.component-datepicker-date-range .component-datepicker-date-selected div{border-radius:0!important}.component-datepicker-date-disabled+.component-datepicker-date-selected div,.component-datepicker-date-selected:nth-child(8) div,div:empty+.component-datepicker-date-selected div,div[data-date]:not(.component-datepicker-date-selected)+.component-datepicker-date-selected div{border-top-left-radius:100%!important;border-bottom-left-radius:100%!important}.component-datepicker-date-selected:has(+div:empty) div,.component-datepicker-date-selected:has(+div[data-date]:not(.component-datepicker-date-selected)) div,.component-datepicker-date-selected:last-child div{border-top-right-radius:100%!important;border-bottom-right-radius:100%!important}.component-datepicker-date>div>div:not(:empty,.component-datepicker-header,.component-datepicker-date-disabled,.component-datepicker-date-selected)>div:hover{cursor:pointer;background:var(--secondary-color-lightest)}.component-datepicker-date-selected>div{background:var(--secondary-color-lighter);color:#fff!important}.component-datepicker-date-inital>div{color:var(--primary-color)}.component-datepicker-date-disabled>div{font-weight:400!important;color:var(--text-color-light)}