.ds-date-picker{gap:var(--gap-sm);padding:var(--padding-md);border:var(--border-xs)solid var(--color-input-border-primary);border-radius:var(--radius-md);background-color:var(--color-input-bg-primary);-webkit-user-select:none;user-select:none;flex-direction:column;display:inline-flex}.ds-date-picker__header{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.ds-date-picker__month-year{font-family:var(--font-title-body-family);font-size:var(--font-title-body-size);font-weight:var(--font-title-body-weight);line-height:var(--font-title-body-line-height);letter-spacing:var(--font-title-body-letter-spacing);color:var(--color-text-primary);text-align:center;flex:1}.ds-date-picker__nav-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;transition:background-color .2s;display:flex}.ds-date-picker__nav-btn:hover:not(:disabled){background-color:var(--color-action-passive-bg-hover)}.ds-date-picker__nav-btn:active:not(:disabled){background-color:var(--color-action-passive-bg-active)}.ds-date-picker__nav-btn:disabled{opacity:.4;cursor:not-allowed}.ds-date-picker__nav-btn:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px}.ds-date-picker__grid{gap:var(--gap-xxs);grid-template-columns:repeat(7,1fr);display:grid}.ds-date-picker__day-header{height:36px;font-family:var(--font-paragraph-sm-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-title-body-weight);line-height:var(--font-paragraph-sm-line-height);color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.ds-date-picker__cell{border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;font-family:var(--font-paragraph-sm-em-family);font-size:var(--font-paragraph-sm-em-size);font-weight:var(--font-paragraph-sm-em-weight);color:var(--color-text-primary);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:background-color .2s,color .2s;display:flex}.ds-date-picker__cell:hover:not(:disabled):not(.ds-date-picker__cell--selected){background-color:var(--color-action-passive-bg-hover)}.ds-date-picker__cell:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px}.ds-date-picker__cell--outside{color:var(--color-text-tertiary);opacity:.5}.ds-date-picker__cell--today{border:var(--border-xs)solid var(--color-action-primary-bg)}.ds-date-picker__cell--selected{background-color:var(--color-action-primary-bg);color:var(--color-action-primary-text)}.ds-date-picker__cell--selected:hover:not(:disabled){background-color:var(--color-action-primary-bg-hover)}.ds-date-picker__cell--disabled{opacity:.4;cursor:not-allowed}.ds-date-picker--compact{padding:var(--padding-sm);gap:var(--gap-xxs)}.ds-date-picker--compact .ds-date-picker__month-year{font-size:var(--font-paragraph-sm-size);line-height:var(--font-paragraph-sm-line-height)}.ds-date-picker--compact .ds-date-picker__nav-btn{width:28px;height:28px;font-size:20px}.ds-date-picker--compact .ds-date-picker__day-header{height:28px;font-size:12px}.ds-date-picker--compact .ds-date-picker__cell{width:28px;height:28px;font-size:12px}.ds-date-picker--disabled{opacity:.4;pointer-events:none}