:root :is([data-component-assets],#component-preview){--md-comp-navigation-drawer-scrim-color:var(--md-ref-palette-neutral-variant20);--md-comp-navigation-drawer-scrim-opacity:0.4;--md-comp-time-input-container-color:var(--md-sys-color-surface-container-high);--md-comp-time-input-container-elevation:var(--md-sys-elevation-level3);--md-comp-time-input-container-shape:28px;--md-comp-time-input-focus-indicator-color:var(--md-sys-color-secondary);--md-comp-time-input-focus-indicator-outline-offset:var(--md-sys-state-focus-indicator-outer-offset);--md-comp-time-input-focus-indicator-thickness:var(--md-sys-state-focus-indicator-thickness);--md-comp-time-input-headline-color:var(--md-sys-color-on-surface-variant);--md-comp-time-input-headline-font:var(--md-sys-typescale-label-medium-font);--md-comp-time-input-headline-line-height:var(--md-sys-typescale-label-medium-line-height);--md-comp-time-input-headline-size:var(--md-sys-typescale-label-medium-size);--md-comp-time-input-headline-tracking:var(--md-sys-typescale-label-medium-tracking);--md-comp-time-input-headline-weight:var(--md-sys-typescale-label-medium-weight);--md-comp-time-input-period-selector-container-height:72px;--md-comp-time-input-period-selector-container-shape:8px;--md-comp-time-input-period-selector-container-width:52px;--md-comp-time-input-period-selector-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-time-input-period-selector-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-time-input-period-selector-label-text-font:var(--md-sys-typescale-title-medium-font);--md-comp-time-input-period-selector-label-text-line-height:var(--md-sys-typescale-title-medium-line-height);--md-comp-time-input-period-selector-label-text-size:var(--md-sys-typescale-title-medium-size);--md-comp-time-input-period-selector-label-text-tracking:var(--md-sys-typescale-title-medium-tracking);--md-comp-time-input-period-selector-label-text-weight:var(--md-sys-typescale-title-medium-weight);--md-comp-time-input-period-selector-outline-color:var(--md-sys-color-outline);--md-comp-time-input-period-selector-outline-width:1px;--md-comp-time-input-period-selector-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-time-input-period-selector-selected-container-color:var(--md-sys-color-tertiary-container);--md-comp-time-input-period-selector-selected-focus-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-input-period-selector-selected-focus-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-input-period-selector-selected-hover-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-input-period-selector-selected-hover-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-input-period-selector-selected-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-input-period-selector-selected-pressed-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-input-period-selector-selected-pressed-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-input-period-selector-unselected-focus-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-time-input-period-selector-unselected-focus-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-time-input-period-selector-unselected-hover-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-time-input-period-selector-unselected-hover-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-time-input-period-selector-unselected-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-time-input-period-selector-unselected-pressed-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-time-input-period-selector-unselected-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-time-input-time-input-field-container-color:var(--md-sys-color-surface-container-highest);--md-comp-time-input-time-input-field-container-height:72px;--md-comp-time-input-time-input-field-container-shape:8px;--md-comp-time-input-time-input-field-container-width:96px;--md-comp-time-input-time-input-field-focus-container-color:var(--md-sys-color-primary-container);--md-comp-time-input-time-input-field-focus-label-text-color:var(--md-sys-color-on-primary-container);--md-comp-time-input-time-input-field-focus-outline-color:var(--md-sys-color-primary);--md-comp-time-input-time-input-field-focus-outline-width:2px;--md-comp-time-input-time-input-field-hover-label-text-color:var(--md-sys-color-on-surface);--md-comp-time-input-time-input-field-hover-state-layer-color:var(--md-sys-color-on-surface);--md-comp-time-input-time-input-field-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-time-input-time-input-field-label-text-color:var(--md-sys-color-on-surface);--md-comp-time-input-time-input-field-label-text-font:var(--md-sys-typescale-display-medium-font);--md-comp-time-input-time-input-field-label-text-line-height:var(--md-sys-typescale-display-medium-line-height);--md-comp-time-input-time-input-field-label-text-size:var(--md-sys-typescale-display-medium-size);--md-comp-time-input-time-input-field-label-text-tracking:var(--md-sys-typescale-display-medium-tracking);--md-comp-time-input-time-input-field-label-text-weight:var(--md-sys-typescale-display-medium-weight);--md-comp-time-input-time-input-field-separator-color:var(--md-sys-color-on-surface);--md-comp-time-input-time-input-field-separator-font:var(--md-sys-typescale-display-large-font);--md-comp-time-input-time-input-field-separator-line-height:var(--md-sys-typescale-display-large-line-height);--md-comp-time-input-time-input-field-separator-size:var(--md-sys-typescale-display-large-size);--md-comp-time-input-time-input-field-separator-tracking:var(--md-sys-typescale-display-large-tracking);--md-comp-time-input-time-input-field-separator-weight:var(--md-sys-typescale-display-large-weight);--md-comp-time-input-time-input-field-supporting-text-color:var(--md-sys-color-on-surface-variant);--md-comp-time-input-time-input-field-supporting-text-font:var(--md-sys-typescale-body-small-font);--md-comp-time-input-time-input-field-supporting-text-line-height:var(--md-sys-typescale-body-small-line-height);--md-comp-time-input-time-input-field-supporting-text-size:var(--md-sys-typescale-body-small-size);--md-comp-time-input-time-input-field-supporting-text-tracking:var(--md-sys-typescale-body-small-tracking);--md-comp-time-input-time-input-field-supporting-text-weight:var(--md-sys-typescale-body-small-weight);--md-comp-time-picker-clock-dial-color:var(--md-sys-color-surface-container-highest);--md-comp-time-picker-clock-dial-container-size:256px;--md-comp-time-picker-clock-dial-label-text-font:var(--md-sys-typescale-body-large-font);--md-comp-time-picker-clock-dial-label-text-line-height:var(--md-sys-typescale-body-large-line-height);--md-comp-time-picker-clock-dial-label-text-size:var(--md-sys-typescale-body-large-size);--md-comp-time-picker-clock-dial-label-text-tracking:var(--md-sys-typescale-body-large-tracking);--md-comp-time-picker-clock-dial-label-text-weight:var(--md-sys-typescale-body-large-weight);--md-comp-time-picker-clock-dial-selected-label-text-color:var(--md-sys-color-on-primary);--md-comp-time-picker-clock-dial-selector-center-container-color:var(--md-sys-color-primary);--md-comp-time-picker-clock-dial-selector-center-container-shape:4px;--md-comp-time-picker-clock-dial-selector-center-container-size:8px;--md-comp-time-picker-clock-dial-selector-handle-container-color:var(--md-sys-color-primary);--md-comp-time-picker-clock-dial-selector-handle-container-shape:24px;--md-comp-time-picker-clock-dial-selector-handle-container-size:48px;--md-comp-time-picker-clock-dial-selector-track-container-color:var(--md-sys-color-primary);--md-comp-time-picker-clock-dial-selector-track-container-width:2px;--md-comp-time-picker-clock-dial-shape:128px;--md-comp-time-picker-clock-dial-unselected-label-text-color:var(--md-sys-color-on-surface);--md-comp-time-picker-container-color:var(--md-sys-color-surface-container-high);--md-comp-time-picker-container-elevation:var(--md-sys-elevation-level3);--md-comp-time-picker-container-shape:28px;--md-comp-time-picker-headline-color:var(--md-sys-color-on-surface-variant);--md-comp-time-picker-headline-font:var(--md-sys-typescale-label-medium-font);--md-comp-time-picker-headline-line-height:var(--md-sys-typescale-label-medium-line-height);--md-comp-time-picker-headline-size:var(--md-sys-typescale-label-medium-size);--md-comp-time-picker-headline-tracking:var(--md-sys-typescale-label-medium-tracking);--md-comp-time-picker-headline-weight:var(--md-sys-typescale-label-medium-weight);--md-comp-time-picker-period-selector-container-shape:8px;--md-comp-time-picker-period-selector-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-time-picker-period-selector-horizontal-container-height:38px;--md-comp-time-picker-period-selector-horizontal-container-width:216px;--md-comp-time-picker-period-selector-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-time-picker-period-selector-label-text-font:var(--md-sys-typescale-title-medium-font);--md-comp-time-picker-period-selector-label-text-line-height:var(--md-sys-typescale-title-medium-line-height);--md-comp-time-picker-period-selector-label-text-size:var(--md-sys-typescale-title-medium-size);--md-comp-time-picker-period-selector-label-text-tracking:var(--md-sys-typescale-title-medium-tracking);--md-comp-time-picker-period-selector-label-text-weight:var(--md-sys-typescale-title-medium-weight);--md-comp-time-picker-period-selector-outline-color:var(--md-sys-color-outline);--md-comp-time-picker-period-selector-outline-width:1px;--md-comp-time-picker-period-selector-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-time-picker-period-selector-selected-container-color:var(--md-sys-color-tertiary-container);--md-comp-time-picker-period-selector-selected-focus-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-picker-period-selector-selected-focus-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-picker-period-selector-selected-hover-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-picker-period-selector-selected-hover-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-picker-period-selector-selected-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-picker-period-selector-selected-pressed-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-picker-period-selector-selected-pressed-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-time-picker-period-selector-unselected-focus-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-time-picker-period-selector-unselected-focus-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-time-picker-period-selector-unselected-hover-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-time-picker-period-selector-unselected-hover-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-time-picker-period-selector-unselected-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-time-picker-period-selector-unselected-pressed-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-time-picker-period-selector-unselected-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-time-picker-period-selector-vertical-container-height:80px;--md-comp-time-picker-period-selector-vertical-container-width:52px;--md-comp-time-picker-time-selector-24h-vertical-container-width:114px;--md-comp-time-picker-time-selector-container-height:80px;--md-comp-time-picker-time-selector-container-shape:8px;--md-comp-time-picker-time-selector-container-width:96px;--md-comp-time-picker-time-selector-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-time-picker-time-selector-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-time-picker-time-selector-label-text-font:var(--md-sys-typescale-display-large-font);--md-comp-time-picker-time-selector-label-text-line-height:var(--md-sys-typescale-display-large-line-height);--md-comp-time-picker-time-selector-label-text-size:var(--md-sys-typescale-display-large-size);--md-comp-time-picker-time-selector-label-text-tracking:var(--md-sys-typescale-display-large-tracking);--md-comp-time-picker-time-selector-label-text-weight:var(--md-sys-typescale-display-large-weight);--md-comp-time-picker-time-selector-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-time-picker-time-selector-selected-container-color:var(--md-sys-color-primary-container);--md-comp-time-picker-time-selector-selected-focus-label-text-color:var(--md-sys-color-on-primary-container);--md-comp-time-picker-time-selector-selected-focus-state-layer-color:var(--md-sys-color-on-primary-container);--md-comp-time-picker-time-selector-selected-hover-label-text-color:var(--md-sys-color-on-primary-container);--md-comp-time-picker-time-selector-selected-hover-state-layer-color:var(--md-sys-color-on-primary-container);--md-comp-time-picker-time-selector-selected-label-text-color:var(--md-sys-color-on-primary-container);--md-comp-time-picker-time-selector-selected-pressed-label-text-color:var(--md-sys-color-on-primary-container);--md-comp-time-picker-time-selector-selected-pressed-state-layer-color:var(--md-sys-color-on-primary-container);--md-comp-time-picker-time-selector-separator-color:var(--md-sys-color-on-surface);--md-comp-time-picker-time-selector-separator-font:var(--md-sys-typescale-display-large-font);--md-comp-time-picker-time-selector-separator-line-height:var(--md-sys-typescale-display-large-line-height);--md-comp-time-picker-time-selector-separator-size:var(--md-sys-typescale-display-large-size);--md-comp-time-picker-time-selector-separator-tracking:var(--md-sys-typescale-display-large-tracking);--md-comp-time-picker-time-selector-separator-weight:var(--md-sys-typescale-display-large-weight);--md-comp-time-picker-time-selector-unselected-container-color:var(--md-sys-color-surface-container-highest);--md-comp-time-picker-time-selector-unselected-focus-label-text-color:var(--md-sys-color-on-surface);--md-comp-time-picker-time-selector-unselected-focus-state-layer-color:var(--md-sys-color-on-surface);--md-comp-time-picker-time-selector-unselected-hover-label-text-color:var(--md-sys-color-on-surface);--md-comp-time-picker-time-selector-unselected-hover-state-layer-color:var(--md-sys-color-on-surface);--md-comp-time-picker-time-selector-unselected-label-text-color:var(--md-sys-color-on-surface);--md-comp-time-picker-time-selector-unselected-pressed-label-text-color:var(--md-sys-color-on-surface);--md-comp-time-picker-time-selector-unselected-pressed-state-layer-color:var(--md-sys-color-on-surface);--md-ref-palette-neutral-variant20:#322f38;--md-sys-elevation-level3:3;--md-sys-typescale-display-large-font:var(--md-ref-typeface-brand);--md-sys-typescale-display-large-line-height:64px;--md-sys-typescale-display-large-size:57px;--md-sys-typescale-display-large-tracking:-0.25px;--md-sys-typescale-display-large-weight:var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-font:var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-line-height:52px;--md-sys-typescale-display-medium-size:45px;--md-sys-typescale-display-medium-tracking:0px;--md-sys-typescale-display-medium-weight:var(--md-ref-typeface-weight-regular);--md-sys-typescale-label-medium-font:var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-line-height:16px;--md-sys-typescale-label-medium-size:12px;--md-sys-typescale-label-medium-tracking:0.5px;--md-sys-typescale-label-medium-weight:var(--md-ref-typeface-weight-medium)}:root[data-theme=light][data-contrast=default] :is([data-component-assets],#component-preview){}:root[data-theme=light][data-contrast=medium] :is([data-component-assets],#component-preview){}:root[data-theme=light][data-contrast=high] :is([data-component-assets],#component-preview){}:root[data-theme=dark][data-contrast=default] :is([data-component-assets],#component-preview){}:root[data-theme=dark][data-contrast=medium] :is([data-component-assets],#component-preview){}:root[data-theme=dark][data-contrast=high] :is([data-component-assets],#component-preview){}