.date-picker{border:1px solid var(--border-color);background-color:var(--surface-0);box-sizing:border-box;width:280px;color:var(--text-primary);border-radius:.1rem;padding:.4rem;font-size:14px}.date-picker .calendar-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.25rem;display:flex}.date-picker .calendar-header .month-year{font-size:16px;font-weight:600}.date-picker .calendar-header .btn{justify-content:center;align-items:center;min-width:24px;height:24px;padding:0;font-size:12px;display:flex}.date-picker .calendar-grid{grid-template-rows:auto auto;display:grid}.date-picker .calendar-grid .weekdays{grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:4px;display:grid}.date-picker .calendar-grid .weekdays .weekday{height:20px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.date-picker .calendar-grid .calendar-body{grid-template-rows:repeat(6,auto);gap:1px;display:grid}.date-picker .calendar-grid .calendar-body .calendar-week{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.date-picker .calendar-grid .calendar-body .calendar-week .calendar-day{cursor:pointer;border-radius:2px;justify-content:center;align-items:center;height:22px;min-height:22px;font-size:12px;transition:all .15s;display:flex}.date-picker .calendar-grid .calendar-body .calendar-week .calendar-day:hover{background-color:var(--bg-color)}.date-picker .calendar-grid .calendar-body .calendar-week .calendar-day.disabled{color:var(--gray-color);cursor:not-allowed}.date-picker .calendar-grid .calendar-body .calendar-week .calendar-day.disabled:hover{background-color:#0000}.date-picker .calendar-grid .calendar-body .calendar-week .calendar-day.selected{background-color:var(--primary-color);color:#fff;font-weight:500}.date-picker .calendar-grid .calendar-body .calendar-week .calendar-day.selected:hover{background-color:var(--primary-color-dark)}.date-picker .calendar-grid .calendar-body .calendar-week .calendar-day.today{background-color:var(--gray-color-dark);color:#fff;font-weight:600}.date-picker .calendar-grid .calendar-body .calendar-week .calendar-day.today:hover{background-color:var(--gray-color-dark)}.date-picker .calendar-grid .calendar-body .calendar-week .calendar-day.today.selected{background-color:var(--primary-color)}.date-picker .calendar-grid .calendar-body .calendar-week .calendar-day.today.selected:hover{background-color:var(--primary-color-dark)}.date-picker .calendar-grid .calendar-body .calendar-week .calendar-day span{pointer-events:none}