.date-picker{position:relative}.date-picker__panel{width:100%;min-width:17.125rem;min-height:18.875rem;padding:var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--bg-page);box-shadow:var(--dropdown-shadow)}.date-picker__panel--overlay{z-index:var(--z-index-dropdown);position:absolute;top:0;left:0}.date-picker__panel--right-side{top:0;left:calc(100% + var(--spacing-2xs));max-height:100vh;overflow-y:auto}.date-picker__field-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--color-text-primary)}.date-picker__field-input-wrapper{padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background-color:var(--bg-page);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.date-picker__field-input-wrapper--no-border{box-shadow:none;border:none}.date-picker__field-input{width:100%;font-size:var(--font-size-md);line-height:var(--line-height-md);color:var(--color-text-secondary);background-color:#0000;border:none;outline:none;flex:1;padding:0}.date-picker__field-input::placeholder{color:var(--color-text-muted)}.date-picker__field-icon{color:var(--color-text-secondary)}.date-picker__header{margin-bottom:var(--spacing-sm)}.date-picker__month{justify-content:center}.date-picker__month-label,.date-picker__year-label{line-height:var(--line-height-md)}.date-picker__month-toggle,.date-picker__year-toggle{color:var(--color-text-secondary);cursor:pointer;background-color:#0000;border:none}.date-picker__month-toggle:disabled,.date-picker__year-toggle:disabled{cursor:default}.date-picker__month-icon{color:var(--color-text-secondary)}.date-picker__nav-button{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);background-color:#0000;border:none}.date-picker__nav-button:hover:not(:disabled){background-color:var(--bg-primary-100);color:var(--color-text-primary)}.date-picker__nav-button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.date-picker__grid{gap:var(--spacing-2xs);grid-template-columns:repeat(7,1fr);display:grid}.date-picker__week-row{display:contents}.date-picker__weekday{padding-block:var(--spacing-md);text-transform:none}.date-picker__day-button{border-radius:var(--radius-md);width:2rem;height:2rem;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);background-color:#0000;border:none;margin:0 auto;position:relative}.date-picker__day-button:hover:not(:disabled):not(.date-picker__day-button--selected){background-color:var(--bg-primary-100)}.date-picker__day-button--outside{color:var(--color-text-muted);opacity:var(--opacity-muted)}.date-picker__day-button--today{box-shadow:0 0 0 1px var(--border-strong)}.date-picker__day-button--selected{background:var(--action-primary-bg);color:var(--color-text-inverse);box-shadow:none}.date-picker__day-button--disabled{cursor:default;color:var(--color-text-disabled);opacity:var(--opacity-disabled);pointer-events:none;background-color:#0000}.date-picker__month-grid,.date-picker__year-grid{row-gap:var(--spacing-md);column-gap:var(--spacing-xl);padding-top:var(--spacing-xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.date-picker__month-year-row{display:contents}.date-picker__month-cell-button,.date-picker__year-button{min-height:2.25rem;padding-inline:var(--spacing-xs);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);background-color:#0000;border:none}.date-picker__month-cell-button:hover:not(:disabled):not(.date-picker__month-cell-button--selected):not(.date-picker__year-button--selected),.date-picker__year-button:hover:not(:disabled):not(.date-picker__month-cell-button--selected):not(.date-picker__year-button--selected){background-color:var(--bg-primary-100)}.date-picker__month-cell-button--selected,.date-picker__year-button--selected{background:var(--action-primary-bg);color:var(--color-text-inverse);box-shadow:var(--shadow-rest)}.date-picker__month-cell-button--disabled,.date-picker__year-button--disabled{cursor:default;color:var(--color-text-disabled);opacity:var(--opacity-disabled);pointer-events:none}.date-picker__month-cell-label,.date-picker__year-label-item{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.date-picker__panel--month-mode,.date-picker__panel--year-mode{padding:var(--spacing-xl)}@media (min-width:768px) and (max-width:1023px){.date-picker__panel{max-width:18.75rem;min-height:18rem;padding:var(--spacing-lg)}.date-picker__panel--month-mode,.date-picker__panel--year-mode{padding:var(--spacing-xl)}.date-picker__day-button{width:2.25rem;height:2.25rem}}@media (min-width:1024px){.date-picker__panel--month-mode,.date-picker__panel--year-mode{padding:var(--spacing-xl)}}