.MonthlyCalendarDay{display:flex;align-items:center;justify-content:center;height:35px;width:36px;cursor:pointer;transition:all .2s ease}.MonthlyCalendarDay:hover{background:var(--background-action-neutral);border-radius:10px}.MonthlyCalendarDay__number{transition:color .2s ease}.MonthlyCalendarDay--today .MonthlyCalendarDay__number{font-weight:500;position:relative}.MonthlyCalendarDay--selected{background-color:var(--brand-primary);border-radius:10px}.MonthlyCalendarDay--selected:hover{background:var(--brand-secondary)}.MonthlyCalendarDay--selected .MonthlyCalendarDay__number{color:var(--text-on-brand);font-weight:500}.MonthlyCalendarDay--different-month,.MonthlyCalendarDay--inactive{cursor:not-allowed;pointer-events:none}.MonthlyCalendarDay--different-month .MonthlyCalendarDay__number,.MonthlyCalendarDay--inactive .MonthlyCalendarDay__number{color:var(--input-hover)}.MonthlyCalendarDay:disabled{cursor:not-allowed;opacity:.5}.MonthlyCalendarDay:disabled .MonthlyCalendarDay__number{color:var(--input-hover)}.MonthlyCalendarDaysGrid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr)}.MonthlyCalendarWeekdayLabels{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;width:100%;margin-bottom:-8px}.MonthlyCalendarWeekdayLabels__label{text-align:center;margin:3px 0}.MonthlyCalendar{display:inline-flex;padding:16px;flex-direction:column;align-items:center;border-radius:var(--border-radius-card-medium);background:var(--background-fill);transition:box-shadow .3s ease;width:-moz-fit-content;width:fit-content;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.MonthlyCalendar:hover{box-shadow:0 4px 20px 0 rgba(0,0,0,.15);transform:translateY(-4px)}.MonthlyCalendar__top-content{display:flex;flex-direction:column;align-items:center;gap:12px}.YearlyCalendarMonthDay{display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:all .2s ease;height:52px;width:84px}.YearlyCalendarMonthDay:hover{background:var(--background-action-neutral);border-radius:10px}.YearlyCalendarMonthDay__label{transition:color .2s ease}.YearlyCalendarMonthDay--current-month .YearlyMonthDay__label{font-weight:500}.YearlyCalendarMonthDay--selected{background-color:var(--brand-primary)}.YearlyCalendarMonthDay--selected:hover{background:var(--brand-secondary)}.YearlyCalendarMonthDay--selected .YearlyMonthDay__label{color:var(--text-on-brand);font-weight:500}.YearlyMonthGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.YearlyCalendar{border-radius:16px;background:var(--background-fill);display:flex;padding:16px;flex-direction:column;align-items:center;flex-shrink:0;transition:box-shadow .3s ease;width:-moz-fit-content;width:fit-content;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.YearlyCalendar:hover{box-shadow:0 4px 20px 0 rgba(0,0,0,.15);transform:translateY(-4px)}.YearlyCalendar__top-content{display:flex;flex-direction:column;align-items:center;gap:12px}