.md-date-demo{container-type:inline-size;display:flex;flex-direction:column;align-items:center;inline-size:100%;min-inline-size:0;max-inline-size:100%}.md-date-fields{display:grid;gap:var(--md-sys-measurement-space300);inline-size:var(--md-comp-date-picker-docked-container-width);max-inline-size:100%}.md-date-panel{--_date-navigation-height: 56px;--_date-header-height: 0px;--_date-header-width: var(--_date-width);--_elevation-level: var(--_date-elevation);--_shadow-color: var(--md-sys-color-shadow);box-sizing:border-box;inline-size:var(--_date-width);min-block-size:var(--_date-height);max-inline-size:calc(100dvw - 2 * var(--md-sys-measurement-space200));max-block-size:calc(100dvh - 2 * var(--md-sys-measurement-space200));padding:0;border:0;border-radius:var(--_date-shape);background:var(--_date-container);color:var(--md-sys-color-on-surface);overflow:auto}.md-date-panel[open]{display:flex;flex-direction:column}.md-date-panel[data-date-inline]{position:relative;margin:0;max-inline-size:100%;max-block-size:none}.md-date-panel::backdrop{background:color-mix(in srgb,var(--md-comp-navigation-drawer-scrim-color) calc(var(--md-comp-navigation-drawer-scrim-opacity) * 100%),transparent)}.md-date-panel[data-variant=docked]::backdrop{background:transparent}.md-date-panel[data-variant=full-screen][data-mode=calendar]:not([data-date-inline]){position:fixed;inset:0;margin:0;inline-size:100dvw;block-size:100dvh;max-inline-size:none;max-block-size:none}.md-date-header{min-block-size:var(--_date-header-height);max-inline-size:var(--_date-header-width);inline-size:100%;padding:var(--md-sys-measurement-space200) var(--md-sys-measurement-space300);box-sizing:border-box;flex:none}.md-date-header p{margin:0 0 var(--md-sys-measurement-space200);color:var(--_date-supporting-text-color);font-family:var(--_date-supporting-text-font-family);font-size:var(--_date-supporting-text-font-size);font-weight:var(--_date-supporting-text-font-weight);line-height:var(--_date-supporting-text-line-height);letter-spacing:var(--_date-supporting-text-tracking)}.md-date-header>div{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-measurement-space100)}.md-date-header h3{margin:0;color:var(--_date-headline-color);font-family:var(--_date-headline-font-family);font-size:var(--_date-headline-font-size);font-weight:var(--_date-headline-font-weight);line-height:var(--_date-headline-line-height);letter-spacing:var(--_date-headline-tracking)}.md-date-panel[data-variant=docked] .md-date-header{display:none}.md-date-navigation{min-block-size:var(--_date-navigation-height);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--md-sys-measurement-space150);gap:var(--md-sys-measurement-space100);flex:none}.md-date-navigation>span{display:flex}.md-date-docked-navigation{gap:var(--md-sys-measurement-space100);padding-inline:var(--md-sys-measurement-space100)}.md-date-nav-group{display:flex;align-items:center;justify-content:space-between;flex:1;min-inline-size:0}.md-date-panel[data-variant=docked]{block-size:var(--_date-height);min-block-size:0;overflow:hidden}.md-date-panel[data-variant=docked]:not([data-pane=month]):not([data-pane=year]){block-size:calc(var(--_date-height) - (6 - var(--_date-rows, 6)) * var(--_date-day-height))}.md-date-panel[data-variant=docked] :is(.md-date-months,.md-date-years):not([hidden]){display:block;flex:1;min-block-size:0;max-block-size:none;padding:0;overflow:auto;scrollbar-gutter:stable;border-block-start:var(--md-comp-divider-thickness) solid var(--md-comp-divider-color)}.md-date-panel[data-variant=docked]:is([data-pane=month],[data-pane=year]) .md-date-docked-navigation [data-date-step]{visibility:hidden}.md-date-menu-button{--_date-menu-container: transparent;--_date-menu-label: var(--md-sys-color-on-surface-variant);--_date-menu-icon: var(--md-sys-color-on-surface-variant);--_date-menu-height: var(--md-comp-icon-button-small-container-height);--_date-menu-shape: calc(var(--_date-menu-height) / 2);--_date-menu-icon-size: var(--md-comp-search-bar-icon-size);--_date-menu-font-family: var(--md-sys-typescale-title-small-font);--_date-menu-font-size: var(--md-sys-typescale-title-small-size);--_date-menu-font-weight: var(--md-sys-typescale-title-small-weight);--_date-menu-line-height: var(--md-sys-typescale-title-small-line-height);--_date-menu-tracking: var(--md-sys-typescale-title-small-tracking);--_date-menu-label-opacity: 1;--_date-menu-icon-opacity: 1}.md-date-menu-button,.md-date-month-item,.md-date-year,.md-date-day{--_button-rest-shape: var(--_date-item-shape);--_button-pressed-shape: var(--_date-item-shape);isolation:isolate;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0;border:0;border-radius:var(--_date-item-shape);background:var(--_date-item-container, transparent);color:var(--_date-item-label);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.md-date-menu-button{--_date-item-shape: var(--_date-menu-shape);--_date-item-container: var(--_date-menu-container);--_date-item-label: color-mix( in srgb, var(--_date-menu-label) calc(var(--_date-menu-label-opacity) * 100%), transparent );--_button-background-state-color: var( --_date-menu-background-state-color, transparent );--_button-background-state-opacity: var( --_date-menu-background-state-opacity, 0 );--_button-state-color: var(--_date-menu-state-color);--_button-state-opacity: var(--_date-menu-state-opacity);--_button-pressed-state-color: var(--_date-menu-pressed-state-color);--_button-pressed-state-opacity: var(--_date-menu-pressed-state-opacity);min-block-size:var(--_date-menu-height);gap:var(--md-sys-measurement-space100);padding-inline:var(--md-sys-measurement-space150);font-family:var(--_date-menu-font-family);font-size:var(--_date-menu-font-size);font-weight:var(--_date-menu-font-weight);line-height:var(--_date-menu-line-height);letter-spacing:var(--_date-menu-tracking)}.md-date-menu-button svg{inline-size:var(--_date-menu-icon-size);block-size:var(--_date-menu-icon-size);color:color-mix(in srgb,var(--_date-menu-icon) calc(var(--_date-menu-icon-opacity) * 100%),transparent)}.md-date-calendars{padding-inline:var(--md-sys-measurement-space150)}.md-date-month-calendar h4{margin:var(--md-sys-measurement-space200) 0;color:var(--_date-month-color);font-family:var(--_date-month-font-family);font-size:var(--_date-month-font-size);font-weight:var(--_date-month-font-weight);line-height:var(--_date-month-line-height);letter-spacing:var(--_date-month-tracking)}.md-date-week,.md-date-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.md-date-weekday{display:grid;place-items:center;min-block-size:var(--_date-day-height);color:var(--_date-weekday-label);font-family:var(--_date-weekday-font-family);font-size:var(--_date-weekday-font-size);font-weight:var(--_date-weekday-font-weight);line-height:var(--_date-weekday-line-height);letter-spacing:var(--_date-weekday-tracking)}.md-date-cell{position:relative;display:grid;place-items:center;min-block-size:var(--_date-day-height)}.md-date-day{--_date-day-container: transparent;--_date-day-outline-width: 0px;--_date-day-outline: transparent;--_date-day-label-opacity: 1;--_date-item-shape: var(--_date-day-shape);--_date-item-container: var(--_date-day-container);--_date-item-label: color-mix( in srgb, var(--_date-day-label) calc(var(--_date-day-label-opacity) * 100%), transparent );--_button-background-state-color: var( --_date-day-background-state-color, transparent );--_button-background-state-opacity: var( --_date-day-background-state-opacity, 0 );--_button-state-color: var(--_date-day-state-color);--_button-state-opacity: var(--_date-day-state-opacity);--_button-pressed-state-color: var(--_date-day-pressed-state-color);--_button-pressed-state-opacity: var(--_date-day-pressed-state-opacity);inline-size:min(var(--_date-day-width),100%);block-size:auto;aspect-ratio:1;outline:var(--_date-day-outline-width) solid var(--_date-day-outline);outline-offset:calc(-1 * var(--_date-day-outline-width));font-family:var(--_date-day-font-family);font-size:var(--_date-day-font-size);font-weight:var(--_date-day-font-weight);line-height:var(--_date-day-line-height);letter-spacing:var(--_date-day-tracking)}.md-date-cell[data-in-range=true]::before{content:"";position:absolute;inset-inline:0;top:50%;translate:0 -50%;block-size:var(--_date-range-height);background:var(--_date-range-color)}.md-date-cell[data-range-start=true]::before{inset-inline-start:50%}.md-date-cell[data-range-end=true]::before{inset-inline-end:50%}.md-date-cell[data-range-start=true][data-range-end=true]::before{display:none}.md-date-year{--_date-year-container: transparent;--_date-item-shape: var(--_date-year-state-shape);--_date-item-container: var(--_date-year-container);--_date-item-label: var(--_date-year-label);--_button-background-state-color: var( --_date-year-background-state-color, transparent );--_button-background-state-opacity: var( --_date-year-background-state-opacity, 0 );--_button-state-color: var(--_date-year-state-color);--_button-state-opacity: var(--_date-year-state-opacity);--_button-pressed-state-color: var(--_date-year-pressed-state-color);--_button-pressed-state-opacity: var(--_date-year-pressed-state-opacity);inline-size:var(--_date-year-width);block-size:var(--_date-year-height);font-family:var(--_date-year-font-family);font-size:var(--_date-year-font-size);font-weight:var(--_date-year-font-weight);line-height:var(--_date-year-line-height);letter-spacing:var(--_date-year-tracking)}.md-date-month-item{--_date-month-container: transparent;--_date-item-shape: var(--md-sys-shape-corner-extra-small);--_date-item-container: var(--_date-month-container);--_date-item-label: var(--_date-month-label);--_button-background-state-color: var( --_date-month-background-state-color, transparent );--_button-background-state-opacity: var( --_date-month-background-state-opacity, 0 );--_button-state-color: var(--_date-month-state-color);--_button-state-opacity: var(--_date-month-state-opacity);--_button-pressed-state-color: var(--_date-month-pressed-state-color);--_button-pressed-state-opacity: var(--_date-month-pressed-state-opacity);justify-content:flex-start;gap:var(--md-sys-measurement-space200);inline-size:100%;min-block-size:var(--_date-month-height);padding-inline:var(--md-sys-measurement-space200);font-family:var(--_date-month-font-family);font-size:var(--_date-month-font-size);font-weight:var(--_date-month-font-weight);line-height:var(--_date-month-line-height);letter-spacing:var(--_date-month-tracking)}.md-date-month-item svg{inline-size:var( --_date-month-icon-size, var(--md-comp-date-picker-docked-menu-list-item-selected-leading-icon-size) );block-size:var( --_date-month-icon-size, var(--md-comp-date-picker-docked-menu-list-item-selected-leading-icon-size) );color:var(--_date-month-icon);visibility:hidden}.md-date-month-item[aria-pressed=true] svg{visibility:visible}.md-date-panel[data-variant=docked] .md-date-month-item{--_date-item-shape: var(--md-sys-shape-corner-none)}.md-date-day::before,.md-date-year::before,.md-date-menu-button::before,.md-date-month-item::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:var(--_button-background-state-color);opacity:var(--_button-background-state-opacity)}.md-date-day::before{inset:auto;left:50%;top:50%;translate:-50% -50%;inline-size:var(--_date-day-state-width);block-size:var(--_date-day-state-height);border-radius:var(--_date-day-state-shape)}.md-date-day>.md-button-ripple,.md-date-year>.md-button-ripple{inset:auto;left:50%;top:50%;translate:-50% -50%;inline-size:var(--_date-day-state-width);block-size:var(--_date-day-state-height);border-radius:var(--_date-day-state-shape)}.md-date-year::before,.md-date-year>.md-button-ripple{inline-size:var(--_date-year-state-width);block-size:var(--_date-year-state-height);border-radius:var(--_date-year-state-shape)}:root :is(.md-date-day,.md-date-year,.md-date-menu-button,.md-date-month-item)[data-component-state=pressed]::before,:root:not([data-feedback-ready]) :is(.md-date-day,.md-date-year,.md-date-menu-button,.md-date-month-item)::before{background:var(--_button-state-color);opacity:var(--_button-state-opacity, 0)}:is(.md-date-day,.md-date-year,.md-date-menu-button,.md-date-month-item):is(:focus-visible,[data-component-state=focused]){outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:var(--md-sys-state-focus-indicator-outer-offset);z-index:2}.md-date-years{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:var(--md-sys-measurement-space200);max-block-size:20rem;overflow:auto;padding:var(--md-sys-measurement-space200)}.md-date-months{max-block-size:20rem;overflow:auto;padding:var(--md-sys-measurement-space100)}.md-date-inputs{display:flex;flex-direction:column;gap:var(--md-sys-measurement-space300);padding:var(--md-sys-measurement-space300)}.md-date-inputs [data-date-error]{margin:0;color:var(--md-sys-color-error)}.md-date-actions{display:flex;justify-content:flex-end;gap:var(--md-sys-measurement-space100);padding:var(--md-sys-measurement-space200) var(--md-sys-measurement-space150);margin-block-start:auto}.md-date-panel[data-variant=docked] .md-date-actions{padding-block:var(--md-sys-measurement-space100)}.md-date-status{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.md-date-panel[data-mode=calendar] .md-date-inputs,.md-date-panel[data-mode=input] :is(.md-date-calendars,.md-date-navigation,.md-date-years,.md-date-months),.md-date-panel[data-pane=year] .md-date-calendars,.md-date-panel[data-pane=month] .md-date-calendars,.md-date-panel [hidden]{display:none}.md-date-panel[data-variant=docked]:is([data-pane=month],[data-pane=year]) .md-date-actions{display:none}.md-date-panel[data-variant=full-screen][data-mode=calendar]:not([data-date-inline]) :is(.md-date-calendars,.md-date-header,.md-date-navigation,.md-date-inputs){inline-size:var(--_date-width);max-inline-size:100%;margin-inline:auto;box-sizing:border-box}.md-date-panel[data-variant=full-screen][data-mode=calendar]:not([data-date-inline]) .md-date-calendars{flex:1;overflow:auto}@media(forced-colors:active){.md-date-panel{border:1px solid CanvasText}.md-date-day[data-date-selected=true],.md-date-year[aria-pressed=true]{outline:2px solid Highlight}}.md-date-panel[data-range=true] .md-date-day[data-date-selected=true]{--_date-item-shape: var(--_date-range-shape)}[data-date-mode]>svg:last-of-type{display:none}.md-date-panel[data-mode=input] [data-date-mode]>svg:first-of-type{display:none}.md-date-panel[data-mode=input] [data-date-mode]>svg:last-of-type{display:block}.md-date-menu-button>svg{transition:rotate var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing)}.md-date-panel:not([data-variant=docked]) .md-date-menu-button[aria-expanded=true]>svg{rotate:180deg}.md-date-panel:not([data-date-inline]):not([data-variant=docked]){min-block-size:min(var(--_date-height),calc(100dvh - 2 * var(--md-sys-measurement-space200)))}.md-date-panel:not([data-variant=docked]) .md-date-header{border-block-end:var(--md-comp-divider-thickness) solid var(--md-comp-divider-color)}.md-date-panel[data-mode=input] .md-date-header p{margin-block-end:var(--md-sys-measurement-space450)}.md-date-panel[data-mode=input] .md-date-header{padding-block-end:calc(var(--md-sys-measurement-space100) + var(--md-sys-measurement-space25))}.md-date-panel[data-mode=input] .md-date-inputs{padding:calc(var(--md-sys-measurement-space100) + var(--md-sys-measurement-space25)) var(--md-sys-measurement-space300) var(--md-sys-measurement-space200)}.md-date-inputs [data-date-error]:empty{display:none}.md-date-panel[data-mode=input] .md-date-actions{padding:var(--md-sys-measurement-space100) var(--md-sys-measurement-space200) var(--md-sys-measurement-space150)}.md-date-panel[data-range=true]:not([data-variant=docked])[data-mode=calendar] .md-date-calendars{block-size:calc(var(--_date-day-height) * 7);min-block-size:0;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none}.md-date-panel:not([data-range=true]):not([data-variant=docked]) .md-date-calendars{touch-action:pan-y;overflow:hidden}.md-date-panel[data-variant=full-screen][data-mode=calendar]{border-radius:var(--md-comp-full-screen-dialog-container-shape);--_elevation-level: var(--md-comp-full-screen-dialog-container-elevation)}.md-date-panel[data-variant=full-screen][data-mode=calendar][data-date-inline]{block-size:var(--_date-height);min-block-size:0;overflow:hidden}.md-date-panel[data-mode=input] .md-date-fullscreen-actions{display:none}.md-date-panel[data-mode=input] .md-date-inputs>.md-outlined-text-field{margin-block-start:calc(var(--_field-populated-label-line-height) / 2)}.md-date-fullscreen-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--md-sys-measurement-space100) var(--md-sys-measurement-space150)}.md-date-panel[data-variant=full-screen][data-mode=calendar]>.md-date-actions{display:none}.md-date-panel[data-variant=full-screen][data-mode=calendar] .md-date-calendars{flex:1;block-size:auto;min-block-size:0}.md-date-demo :is(.md-date-panel button,[data-date-open])::after{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;inline-size:max(100%,var(--md-sys-measurement-space600));block-size:max(100%,var(--md-sys-measurement-space600))}.md-date-panel[data-variant=docked][data-range=true]{--_date-range-color: var( --md-comp-date-picker-modal-range-selection-active-indicator-container-color );--_date-range-height: var( --md-comp-date-picker-modal-range-selection-active-indicator-container-height );--_date-range-shape: var( --md-comp-date-picker-modal-range-selection-active-indicator-container-shape )}.md-date-cell,.md-date-weekday{min-block-size:max(var(--_date-day-height),var(--md-sys-measurement-space600))}@media(prefers-reduced-motion:reduce){.md-date-menu-button>svg{transition:none}}@container (max-width: 336px){.md-date-docked-navigation :is([data-date-step="-12"],[data-date-step="12"]){display:none}}.md-date-panel:where([data-mode=input]){--_date-container: var(--md-comp-date-input-modal-container-color);--_date-elevation: var(--md-comp-date-input-modal-container-elevation);--_date-height: var(--md-comp-date-input-modal-container-height);--_date-shape: var(--md-comp-date-input-modal-container-shape);--_date-width: var(--md-comp-date-input-modal-container-width);--_date-header-height: var(--md-comp-date-input-modal-header-container-height);--_date-header-width: var(--md-comp-date-input-modal-header-container-width);--_date-headline-color: var(--md-comp-date-input-modal-header-headline-color);--_date-headline-font-family: var(--md-comp-date-input-modal-header-headline-font);--_date-headline-line-height: var(--md-comp-date-input-modal-header-headline-line-height);--_date-headline-font-size: var(--md-comp-date-input-modal-header-headline-size);--_date-headline-tracking: var(--md-comp-date-input-modal-header-headline-tracking);--_date-headline-font-weight: var(--md-comp-date-input-modal-header-headline-weight);--_date-supporting-text-color: var(--md-comp-date-input-modal-header-supporting-text-color);--_date-supporting-text-font-family: var(--md-comp-date-input-modal-header-supporting-text-font);--_date-supporting-text-line-height: var(--md-comp-date-input-modal-header-supporting-text-line-height);--_date-supporting-text-font-size: var(--md-comp-date-input-modal-header-supporting-text-size);--_date-supporting-text-tracking: var(--md-comp-date-input-modal-header-supporting-text-tracking);--_date-supporting-text-font-weight: var(--md-comp-date-input-modal-header-supporting-text-weight)}.md-date-panel:where([data-variant=docked]){--_date-container: var(--md-comp-date-picker-docked-container-color);--_date-elevation: var(--md-comp-date-picker-docked-container-elevation);--_date-height: var(--md-comp-date-picker-docked-container-height);--_date-shape: var(--md-comp-date-picker-docked-container-shape);--_date-width: var(--md-comp-date-picker-docked-container-width);--_date-navigation-height: var(--md-comp-date-picker-docked-header-height)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])){--_date-container: var(--md-comp-date-picker-modal-container-color);--_date-elevation: var(--md-comp-date-picker-modal-container-elevation);--_date-height: var(--md-comp-date-picker-modal-container-height);--_date-shape: var(--md-comp-date-picker-modal-container-shape);--_date-width: var(--md-comp-date-picker-modal-container-width);--_date-header-height: var(--md-comp-date-picker-modal-header-container-height);--_date-header-width: var(--md-comp-date-picker-modal-header-container-width);--_date-headline-color: var(--md-comp-date-picker-modal-header-headline-color);--_date-headline-font-family: var(--md-comp-date-picker-modal-header-headline-font);--_date-headline-line-height: var(--md-comp-date-picker-modal-header-headline-line-height);--_date-headline-font-size: var(--md-comp-date-picker-modal-header-headline-size);--_date-headline-tracking: var(--md-comp-date-picker-modal-header-headline-tracking);--_date-headline-font-weight: var(--md-comp-date-picker-modal-header-headline-weight);--_date-supporting-text-color: var(--md-comp-date-picker-modal-header-supporting-text-color);--_date-supporting-text-font-family: var(--md-comp-date-picker-modal-header-supporting-text-font);--_date-supporting-text-line-height: var(--md-comp-date-picker-modal-header-supporting-text-line-height);--_date-supporting-text-font-size: var(--md-comp-date-picker-modal-header-supporting-text-size);--_date-supporting-text-tracking: var(--md-comp-date-picker-modal-header-supporting-text-tracking);--_date-supporting-text-font-weight: var(--md-comp-date-picker-modal-header-supporting-text-weight)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])):where([data-range=true]){--_date-range-color: var(--md-comp-date-picker-modal-range-selection-active-indicator-container-color);--_date-range-height: var(--md-comp-date-picker-modal-range-selection-active-indicator-container-height);--_date-range-shape: var(--md-comp-date-picker-modal-range-selection-active-indicator-container-shape);--_date-elevation: var(--md-comp-date-picker-modal-range-selection-container-elevation);--_date-shape: var(--md-comp-date-picker-modal-range-selection-container-shape);--_date-header-height: var(--md-comp-date-picker-modal-range-selection-header-container-height);--_date-headline-font-family: var(--md-comp-date-picker-modal-range-selection-header-headline-font);--_date-headline-line-height: var(--md-comp-date-picker-modal-range-selection-header-headline-line-height);--_date-headline-font-size: var(--md-comp-date-picker-modal-range-selection-header-headline-size);--_date-headline-tracking: var(--md-comp-date-picker-modal-range-selection-header-headline-tracking);--_date-headline-font-weight: var(--md-comp-date-picker-modal-range-selection-header-headline-weight);--_date-month-color: var(--md-comp-date-picker-modal-range-selection-month-subhead-color);--_date-month-font-family: var(--md-comp-date-picker-modal-range-selection-month-subhead-font);--_date-month-line-height: var(--md-comp-date-picker-modal-range-selection-month-subhead-line-height);--_date-month-font-size: var(--md-comp-date-picker-modal-range-selection-month-subhead-size);--_date-month-tracking: var(--md-comp-date-picker-modal-range-selection-month-subhead-tracking);--_date-month-font-weight: var(--md-comp-date-picker-modal-range-selection-month-subhead-weight)}.md-date-panel:where([data-variant=docked]){--_date-day-height: var(--md-comp-date-picker-docked-date-container-height);--_date-day-shape: var(--md-comp-date-picker-docked-date-container-shape);--_date-day-width: var(--md-comp-date-picker-docked-date-container-width);--_date-day-font-family: var(--md-comp-date-picker-docked-date-label-text-font);--_date-day-line-height: var(--md-comp-date-picker-docked-date-label-text-line-height);--_date-day-font-size: var(--md-comp-date-picker-docked-date-label-text-size);--_date-day-tracking: var(--md-comp-date-picker-docked-date-label-text-tracking);--_date-day-font-weight: var(--md-comp-date-picker-docked-date-label-text-weight);--_date-day-state-height: var(--md-comp-date-picker-docked-date-state-layer-height);--_date-day-state-shape: var(--md-comp-date-picker-docked-date-state-layer-shape);--_date-day-state-width: var(--md-comp-date-picker-docked-date-state-layer-width)}.md-date-panel:where([data-variant=docked]) .md-date-day:not(:where([data-date-selected=true])){--_date-day-label: var(--md-comp-date-picker-docked-date-unselected-label-text-color);--_date-day-pressed-state-color: var(--md-comp-date-picker-docked-date-unselected-pressed-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])){--_date-day-height: var(--md-comp-date-picker-modal-date-container-height);--_date-day-shape: var(--md-comp-date-picker-modal-date-container-shape);--_date-day-width: var(--md-comp-date-picker-modal-date-container-width);--_date-day-font-family: var(--md-comp-date-picker-modal-date-label-text-font);--_date-day-line-height: var(--md-comp-date-picker-modal-date-label-text-line-height);--_date-day-font-size: var(--md-comp-date-picker-modal-date-label-text-size);--_date-day-tracking: var(--md-comp-date-picker-modal-date-label-text-tracking);--_date-day-font-weight: var(--md-comp-date-picker-modal-date-label-text-weight);--_date-day-state-height: var(--md-comp-date-picker-modal-date-state-layer-height);--_date-day-state-shape: var(--md-comp-date-picker-modal-date-state-layer-shape);--_date-day-state-width: var(--md-comp-date-picker-modal-date-state-layer-width)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:not(:where([data-date-selected=true])){--_date-day-label: var(--md-comp-date-picker-modal-date-unselected-label-text-color)}.md-date-panel:where([data-variant=docked]) .md-date-day:where([data-today=true]):not(:where([data-date-selected=true])){--_date-day-outline: var(--md-comp-date-picker-docked-date-today-container-outline-color);--_date-day-outline-width: var(--md-comp-date-picker-docked-date-today-container-outline-width);--_date-day-label: var(--md-comp-date-picker-docked-date-today-label-text-color)}.md-date-panel:where([data-variant=docked]) .md-date-day:not(:where([data-date-selected=true])):where([data-outside-month=true]){--_date-day-label: var(--md-comp-date-picker-docked-date-unselected-outside-month-label-text-color);--_date-day-label-opacity: var(--md-comp-date-picker-docked-date-unselected-outside-month-label-text-opacity)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where([data-today=true]):not(:where([data-date-selected=true])){--_date-day-outline: var(--md-comp-date-picker-modal-date-today-container-outline-color);--_date-day-outline-width: var(--md-comp-date-picker-modal-date-today-container-outline-width);--_date-day-label: var(--md-comp-date-picker-modal-date-today-label-text-color)}.md-date-panel:where([data-variant=docked]) .md-date-day:where([data-date-selected=true]){--_date-day-container: var(--md-comp-date-picker-docked-date-selected-container-color);--_date-day-label: var(--md-comp-date-picker-docked-date-selected-label-text-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where([data-date-selected=true]){--_date-day-container: var(--md-comp-date-picker-modal-date-selected-container-color);--_date-day-label: var(--md-comp-date-picker-modal-date-selected-label-text-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])):where([data-range=true]) .md-date-day:where([data-in-range=true]):not(:where([data-date-selected=true])){--_date-day-label: var(--md-comp-date-picker-modal-range-selection-date-in-range-label-text-color)}.md-date-panel:where([data-variant=docked]) .md-date-day:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-day-state-opacity: var(--md-comp-date-picker-docked-date-hover-state-layer-opacity);--_date-day-background-state-opacity: var(--md-comp-date-picker-docked-date-hover-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-day:not(:where([data-date-selected=true])):where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-day-state-color: var(--md-comp-date-picker-docked-date-unselected-hover-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-docked-date-unselected-hover-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-day-state-opacity: var(--md-comp-date-picker-modal-date-hover-state-layer-opacity);--_date-day-background-state-opacity: var(--md-comp-date-picker-modal-date-hover-state-layer-opacity)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:not(:where([data-date-selected=true])):where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-day-state-color: var(--md-comp-date-picker-modal-date-unselected-hover-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-modal-date-unselected-hover-state-layer-color)}.md-date-panel:where([data-variant=docked]) .md-date-day:where([data-today=true]):not(:where([data-date-selected=true])):where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-day-state-color: var(--md-comp-date-picker-docked-date-today-hover-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-docked-date-today-hover-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where([data-today=true]):not(:where([data-date-selected=true])):where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-day-state-color: var(--md-comp-date-picker-modal-date-today-hover-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-modal-date-today-hover-state-layer-color)}.md-date-panel:where([data-variant=docked]) .md-date-day:where([data-date-selected=true]):where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-day-state-color: var(--md-comp-date-picker-docked-date-selected-hover-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-docked-date-selected-hover-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where([data-date-selected=true]):where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-day-state-color: var(--md-comp-date-picker-modal-date-selected-hover-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-modal-date-selected-hover-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])):where([data-range=true]) .md-date-day:where([data-in-range=true]):not(:where([data-date-selected=true])):where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-day-state-color: var(--md-comp-date-picker-modal-range-selection-date-in-range-hover-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-modal-range-selection-date-in-range-hover-state-layer-color);--_date-day-state-opacity: var(--md-comp-date-picker-modal-range-selection-date-in-range-hover-state-layer-opacity);--_date-day-background-state-opacity: var(--md-comp-date-picker-modal-range-selection-date-in-range-hover-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-day:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-day-state-opacity: var(--md-comp-date-picker-docked-date-focus-state-layer-opacity);--_date-day-background-state-opacity: var(--md-comp-date-picker-docked-date-focus-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-day:not(:where([data-date-selected=true])):where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-day-state-color: var(--md-comp-date-picker-docked-date-unselected-focus-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-docked-date-unselected-focus-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-day-state-opacity: var(--md-comp-date-picker-modal-date-focus-state-layer-opacity);--_date-day-background-state-opacity: var(--md-comp-date-picker-modal-date-focus-state-layer-opacity)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:not(:where([data-date-selected=true])):where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-day-state-color: var(--md-comp-date-picker-modal-date-unselected-focus-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-modal-date-unselected-focus-state-layer-color)}.md-date-panel:where([data-variant=docked]) .md-date-day:where([data-today=true]):not(:where([data-date-selected=true])):where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-day-state-color: var(--md-comp-date-picker-docked-date-today-focus-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-docked-date-today-focus-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where([data-today=true]):not(:where([data-date-selected=true])):where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-day-state-color: var(--md-comp-date-picker-modal-date-today-focus-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-modal-date-today-focus-state-layer-color)}.md-date-panel:where([data-variant=docked]) .md-date-day:where([data-date-selected=true]):where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-day-state-color: var(--md-comp-date-picker-docked-date-selected-focus-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-docked-date-selected-focus-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where([data-date-selected=true]):where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-day-state-color: var(--md-comp-date-picker-modal-date-selected-focus-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-modal-date-selected-focus-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])):where([data-range=true]) .md-date-day:where([data-in-range=true]):not(:where([data-date-selected=true])):where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-day-state-color: var(--md-comp-date-picker-modal-range-selection-date-in-range-focus-state-layer-color);--_date-day-background-state-color: var(--md-comp-date-picker-modal-range-selection-date-in-range-focus-state-layer-color);--_date-day-state-opacity: var(--md-comp-date-picker-modal-range-selection-date-in-range-focus-state-layer-opacity);--_date-day-background-state-opacity: var(--md-comp-date-picker-modal-range-selection-date-in-range-focus-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-day:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-day-state-opacity: var(--md-comp-date-picker-docked-date-pressed-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-day{--_date-day-pressed-state-opacity: var(--md-comp-date-picker-docked-date-pressed-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-day:not(:where([data-date-selected=true])):where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-day-state-color: var(--md-comp-date-picker-docked-date-unselected-pressed-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-day-state-opacity: var(--md-comp-date-picker-modal-date-pressed-state-layer-opacity)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day{--_date-day-pressed-state-opacity: var(--md-comp-date-picker-modal-date-pressed-state-layer-opacity)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:not(:where([data-date-selected=true])):where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-day-state-color: var(--md-comp-date-picker-modal-date-unselected-pressed-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:not(:where([data-date-selected=true])){--_date-day-pressed-state-color: var(--md-comp-date-picker-modal-date-unselected-pressed-state-layer-color)}.md-date-panel:where([data-variant=docked]) .md-date-day:where([data-today=true]):not(:where([data-date-selected=true])):where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-day-state-color: var(--md-comp-date-picker-docked-date-today-pressed-state-layer-color)}.md-date-panel:where([data-variant=docked]) .md-date-day:where([data-today=true]):not(:where([data-date-selected=true])){--_date-day-pressed-state-color: var(--md-comp-date-picker-docked-date-today-pressed-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where([data-today=true]):not(:where([data-date-selected=true])):where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-day-state-color: var(--md-comp-date-picker-modal-date-today-pressed-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where([data-today=true]):not(:where([data-date-selected=true])){--_date-day-pressed-state-color: var(--md-comp-date-picker-modal-date-today-pressed-state-layer-color)}.md-date-panel:where([data-variant=docked]) .md-date-day:where([data-date-selected=true]):where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-day-state-color: var(--md-comp-date-picker-docked-date-selected-pressed-state-layer-color)}.md-date-panel:where([data-variant=docked]) .md-date-day:where([data-date-selected=true]){--_date-day-pressed-state-color: var(--md-comp-date-picker-docked-date-selected-pressed-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where([data-date-selected=true]):where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-day-state-color: var(--md-comp-date-picker-modal-date-selected-pressed-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-day:where([data-date-selected=true]){--_date-day-pressed-state-color: var(--md-comp-date-picker-modal-date-selected-pressed-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])):where([data-range=true]) .md-date-day:where([data-in-range=true]):not(:where([data-date-selected=true])):where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-day-state-color: var(--md-comp-date-picker-modal-range-selection-date-in-range-pressed-state-layer-color);--_date-day-state-opacity: var(--md-comp-date-picker-modal-range-selection-date-in-range-pressed-state-layer-opacity)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])):where([data-range=true]) .md-date-day:where([data-in-range=true]):not(:where([data-date-selected=true])){--_date-day-pressed-state-color: var(--md-comp-date-picker-modal-range-selection-date-in-range-pressed-state-layer-color);--_date-day-pressed-state-opacity: var(--md-comp-date-picker-modal-range-selection-date-in-range-pressed-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-month-item{--_date-month-height: var(--md-comp-date-picker-docked-menu-list-item-container-height);--_date-month-label: var(--md-comp-date-picker-docked-menu-list-item-label-text-color);--_date-month-font-family: var(--md-comp-date-picker-docked-menu-list-item-label-text-font);--_date-month-line-height: var(--md-comp-date-picker-docked-menu-list-item-label-text-line-height);--_date-month-font-size: var(--md-comp-date-picker-docked-menu-list-item-label-text-size);--_date-month-tracking: var(--md-comp-date-picker-docked-menu-list-item-label-text-tracking);--_date-month-font-weight: var(--md-comp-date-picker-docked-menu-list-item-label-text-weight);--_date-month-pressed-state-color: var(--md-comp-date-picker-docked-menu-list-item-pressed-state-layer-color);--_date-month-pressed-state-opacity: var(--md-comp-date-picker-docked-menu-list-item-pressed-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-month-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_date-month-container: var(--md-comp-date-picker-docked-menu-list-item-selected-container-color);--_date-month-icon: var(--md-comp-date-picker-docked-menu-list-item-selected-leading-icon-color);--_date-month-icon-size: var(--md-comp-date-picker-docked-menu-list-item-selected-leading-icon-size)}.md-date-panel:where([data-variant=docked]) .md-date-month-item:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-month-label: var(--md-comp-date-picker-docked-menu-list-item-hover-label-text-color);--_date-month-state-color: var(--md-comp-date-picker-docked-menu-list-item-hover-state-layer-color);--_date-month-background-state-color: var(--md-comp-date-picker-docked-menu-list-item-hover-state-layer-color);--_date-month-state-opacity: var(--md-comp-date-picker-docked-menu-list-item-hover-state-layer-opacity);--_date-month-background-state-opacity: var(--md-comp-date-picker-docked-menu-list-item-hover-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-month-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-month-icon: var(--md-comp-date-picker-docked-menu-list-item-selected-hover-leading-icon-color)}.md-date-panel:where([data-variant=docked]) .md-date-month-item:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-month-label: var(--md-comp-date-picker-docked-menu-list-item-focus-label-text-color);--_date-month-state-color: var(--md-comp-date-picker-docked-menu-list-item-focus-state-layer-color);--_date-month-background-state-color: var(--md-comp-date-picker-docked-menu-list-item-focus-state-layer-color);--_date-month-state-opacity: var(--md-comp-date-picker-docked-menu-list-item-focus-state-layer-opacity);--_date-month-background-state-opacity: var(--md-comp-date-picker-docked-menu-list-item-focus-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-month-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-month-icon: var(--md-comp-date-picker-docked-menu-list-item-selected-focus-leading-icon-color)}.md-date-panel:where([data-variant=docked]) .md-date-month-item:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-month-label: var(--md-comp-date-picker-docked-menu-list-item-pressed-label-text-color);--_date-month-state-color: var(--md-comp-date-picker-docked-menu-list-item-pressed-state-layer-color);--_date-month-state-opacity: var(--md-comp-date-picker-docked-menu-list-item-pressed-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-month-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-month-icon: var(--md-comp-date-picker-docked-menu-list-item-selected-pressed-leading-icon-color)}.md-date-panel:where([data-variant=docked]) .md-date-menu-button{--_date-menu-height: var(--md-comp-date-picker-docked-menu-button-container-height);--_date-menu-shape: var(--md-comp-date-picker-docked-menu-button-container-shape);--_date-menu-icon: var(--md-comp-date-picker-docked-menu-button-icon-color);--_date-menu-icon-size: var(--md-comp-date-picker-docked-menu-button-icon-size);--_date-menu-label: var(--md-comp-date-picker-docked-menu-button-label-text-color);--_date-menu-font-family: var(--md-comp-date-picker-docked-menu-button-label-text-font);--_date-menu-line-height: var(--md-comp-date-picker-docked-menu-button-label-text-line-height);--_date-menu-font-size: var(--md-comp-date-picker-docked-menu-button-label-text-size);--_date-menu-tracking: var(--md-comp-date-picker-docked-menu-button-label-text-tracking);--_date-menu-font-weight: var(--md-comp-date-picker-docked-menu-button-label-text-weight);--_date-menu-pressed-state-color: var(--md-comp-date-picker-docked-menu-button-pressed-state-layer-color);--_date-menu-pressed-state-opacity: var(--md-comp-date-picker-docked-menu-button-pressed-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-menu-button:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-menu-icon: var(--md-comp-date-picker-docked-menu-button-hover-icon-color);--_date-menu-label: var(--md-comp-date-picker-docked-menu-button-hover-label-text-color);--_date-menu-state-color: var(--md-comp-date-picker-docked-menu-button-hover-state-layer-color);--_date-menu-background-state-color: var(--md-comp-date-picker-docked-menu-button-hover-state-layer-color);--_date-menu-state-opacity: var(--md-comp-date-picker-docked-menu-button-hover-state-layer-opacity);--_date-menu-background-state-opacity: var(--md-comp-date-picker-docked-menu-button-hover-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-menu-button:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-menu-icon: var(--md-comp-date-picker-docked-menu-button-focus-icon-color);--_date-menu-label: var(--md-comp-date-picker-docked-menu-button-focus-label-text-color);--_date-menu-state-color: var(--md-comp-date-picker-docked-menu-button-focus-state-layer-color);--_date-menu-background-state-color: var(--md-comp-date-picker-docked-menu-button-focus-state-layer-color);--_date-menu-state-opacity: var(--md-comp-date-picker-docked-menu-button-focus-state-layer-opacity);--_date-menu-background-state-opacity: var(--md-comp-date-picker-docked-menu-button-focus-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-menu-button:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-menu-icon: var(--md-comp-date-picker-docked-menu-button-pressed-icon-color);--_date-menu-label: var(--md-comp-date-picker-docked-menu-button-pressed-label-text-color);--_date-menu-state-color: var(--md-comp-date-picker-docked-menu-button-pressed-state-layer-color);--_date-menu-state-opacity: var(--md-comp-date-picker-docked-menu-button-pressed-state-layer-opacity)}.md-date-panel:where([data-variant=docked]) .md-date-menu-button:where(:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_date-menu-icon: var(--md-comp-date-picker-docked-menu-button-disabled-icon-color);--_date-menu-icon-opacity: var(--md-comp-date-picker-docked-menu-button-disabled-icon-opacity);--_date-menu-label: var(--md-comp-date-picker-docked-menu-button-disabled-label-text-color);--_date-menu-label-opacity: var(--md-comp-date-picker-docked-menu-button-disabled-label-text-opacity)}.md-date-panel:where([data-variant=docked]){--_date-weekday-label: var(--md-comp-date-picker-docked-weekdays-label-text-color);--_date-weekday-font-family: var(--md-comp-date-picker-docked-weekdays-label-text-font);--_date-weekday-line-height: var(--md-comp-date-picker-docked-weekdays-label-text-line-height);--_date-weekday-font-size: var(--md-comp-date-picker-docked-weekdays-label-text-size);--_date-weekday-tracking: var(--md-comp-date-picker-docked-weekdays-label-text-tracking);--_date-weekday-font-weight: var(--md-comp-date-picker-docked-weekdays-label-text-weight)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])){--_date-weekday-label: var(--md-comp-date-picker-modal-weekdays-label-text-color);--_date-weekday-font-family: var(--md-comp-date-picker-modal-weekdays-label-text-font);--_date-weekday-line-height: var(--md-comp-date-picker-modal-weekdays-label-text-line-height);--_date-weekday-font-size: var(--md-comp-date-picker-modal-weekdays-label-text-size);--_date-weekday-tracking: var(--md-comp-date-picker-modal-weekdays-label-text-tracking);--_date-weekday-font-weight: var(--md-comp-date-picker-modal-weekdays-label-text-weight)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year{--_date-year-height: var(--md-comp-date-picker-modal-year-selection-year-container-height);--_date-year-width: var(--md-comp-date-picker-modal-year-selection-year-container-width);--_date-year-font-family: var(--md-comp-date-picker-modal-year-selection-year-label-text-font);--_date-year-line-height: var(--md-comp-date-picker-modal-year-selection-year-label-text-line-height);--_date-year-font-size: var(--md-comp-date-picker-modal-year-selection-year-label-text-size);--_date-year-tracking: var(--md-comp-date-picker-modal-year-selection-year-label-text-tracking);--_date-year-font-weight: var(--md-comp-date-picker-modal-year-selection-year-label-text-weight);--_date-year-state-height: var(--md-comp-date-picker-modal-year-selection-year-state-layer-height);--_date-year-state-shape: var(--md-comp-date-picker-modal-year-selection-year-state-layer-shape);--_date-year-state-width: var(--md-comp-date-picker-modal-year-selection-year-state-layer-width);--_date-year-pressed-state-opacity: var(--md-comp-date-picker-modal-year-selection-year-pressed-state-layer-opacity)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_date-year-container: var(--md-comp-date-picker-modal-year-selection-year-selected-container-color);--_date-year-label: var(--md-comp-date-picker-modal-year-selection-year-selected-label-text-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)))){--_date-year-label: var(--md-comp-date-picker-modal-year-selection-year-unselected-label-text-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-year-state-opacity: var(--md-comp-date-picker-modal-year-selection-year-hover-state-layer-opacity);--_date-year-background-state-opacity: var(--md-comp-date-picker-modal-year-selection-year-hover-state-layer-opacity)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-year-state-color: var(--md-comp-date-picker-modal-year-selection-year-selected-hover-state-layer-color);--_date-year-background-state-color: var(--md-comp-date-picker-modal-year-selection-year-selected-hover-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_date-year-state-color: var(--md-comp-date-picker-modal-year-selection-year-unselected-hover-state-layer-color);--_date-year-background-state-color: var(--md-comp-date-picker-modal-year-selection-year-unselected-hover-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-year-state-opacity: var(--md-comp-date-picker-modal-year-selection-year-focus-state-layer-opacity);--_date-year-background-state-opacity: var(--md-comp-date-picker-modal-year-selection-year-focus-state-layer-opacity)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-year-state-color: var(--md-comp-date-picker-modal-year-selection-year-selected-focus-state-layer-color);--_date-year-background-state-color: var(--md-comp-date-picker-modal-year-selection-year-selected-focus-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_date-year-state-color: var(--md-comp-date-picker-modal-year-selection-year-unselected-focus-state-layer-color);--_date-year-background-state-color: var(--md-comp-date-picker-modal-year-selection-year-unselected-focus-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-year-state-opacity: var(--md-comp-date-picker-modal-year-selection-year-pressed-state-layer-opacity)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-year-state-color: var(--md-comp-date-picker-modal-year-selection-year-selected-pressed-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_date-year-pressed-state-color: var(--md-comp-date-picker-modal-year-selection-year-selected-pressed-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_date-year-state-color: var(--md-comp-date-picker-modal-year-selection-year-unselected-pressed-state-layer-color)}.md-date-panel:where([data-calendar=modal]:not([data-mode=input])) .md-date-year:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_date-year-pressed-state-color: var(--md-comp-date-picker-modal-year-selection-year-unselected-pressed-state-layer-color)}