.md-dialog-demo{--_dialog-enter-duration: var(--_motion-fast-effects-duration);--_dialog-exit-duration: var(--_motion-fast-effects-duration);--_dialog-enter-easing: var(--_motion-fast-effects-easing);--_dialog-exit-easing: var(--_motion-fast-effects-easing);min-inline-size:0;max-inline-size:100%;inline-size:100%}.md-dialog:is([data-dialog-preview],[data-dialog-surface]){display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--md-sys-measurement-space200);box-sizing:border-box;inline-size:min(560px,calc(100dvw - 2 * var(--md-sys-measurement-space300)));min-inline-size:min(280px,100%);max-inline-size:calc(100dvw - 2 * var(--md-sys-measurement-space300));max-block-size:calc(100dvh - 2 * var(--md-sys-measurement-space300));overflow:hidden}.md-dialog[data-dialog-inline]{position:relative;inset:auto;margin:0;inline-size:min(560px,100%);max-inline-size:100%;max-block-size:32rem}.md-basic-header h2{margin:0}.md-basic-header>[data-slot=icon]{display:flex;justify-content:center;margin:0 auto var(--md-sys-measurement-space200);inline-size:var(--_dialog-icon-size);block-size:var(--_dialog-icon-size);color:var(--_dialog-icon)}.md-basic-header [data-slot=icon]>svg{inline-size:100%;block-size:100%}.md-dialog:is([data-shape=icon],[data-shape=icon-divided]) .md-basic-header{text-align:center}.md-dialog-content{min-block-size:0;overflow:auto;overscroll-behavior:contain;padding:var(--md-sys-measurement-space100);outline:0}.md-dialog-content>h3:first-child{margin-block-start:0}.md-dialog-content>section{margin-block-start:var(--md-sys-measurement-space300)}.md-dialog-content>section>:last-child{margin-block-end:0}.md-dialog-content>h3,.md-dialog-content>section>h3{margin-block:var(--md-sys-measurement-space200) var(--md-sys-measurement-space100)}.md-dialog-content>p,.md-dialog-content>section>p{margin-block:0 var(--md-sys-measurement-space200)}.md-dialog-content>.md-outlined-text-field{inline-size:100%}.md-basic-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--md-sys-measurement-space100)}.md-basic-actions>.md-divider{flex-basis:100%;margin-block-end:var(--md-sys-measurement-space100)}.md-basic-header>.md-divider{margin-block-start:var(--md-sys-measurement-space200)}.md-dialog .md-text-button{--_button-font: var(--_dialog-action-font-weight) var(--_dialog-action-font-size) / var(--_dialog-action-line-height) var(--_dialog-action-font-family);--_button-letter-spacing: var(--_dialog-action-tracking)}.md-full-screen-dialog{--_dialog-enter-duration: var(--_motion-slow-spatial-duration);--_dialog-exit-duration: var(--_motion-default-spatial-duration);--_dialog-enter-easing: var(--_motion-slow-spatial-easing);--_dialog-exit-easing: var(--_motion-default-spatial-easing);--_elevation-level: var(--_full-elevation);--_shadow-color: var(--md-sys-color-shadow);display:grid;grid-template-rows:var(--_full-header-height) minmax(0,1fr);position:fixed;inset:0;margin:0;box-sizing:border-box;inline-size:100dvw;block-size:100dvh;max-inline-size:none;max-block-size:none;min-inline-size:0;padding:0;border:0;border-radius:var(--_full-shape);background:var(--_full-container);color:var(--md-sys-color-on-surface);overflow:hidden}.md-full-screen-dialog:has(>.md-full-action-bar){grid-template-rows:var(--_full-header-height) minmax(0,1fr) var( --_full-bar-height )}.md-full-screen-dialog[data-dialog-inline]{position:relative;inset:auto;inline-size:100%;block-size:32rem;max-inline-size:100%}.md-full-header{--_elevation-level: var(--_full-header-elevation);--_shadow-color: var(--md-sys-color-shadow);position:relative;z-index:1;display:flex;align-items:center;gap:var(--md-sys-measurement-space100);box-sizing:border-box;min-inline-size:0;block-size:var(--_full-header-height);padding:var(--md-sys-measurement-space100);background:var(--_full-header-container)}.md-full-header h2{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:var(--_full-header-headline-color);font-family:var(--_full-header-headline-font-family);font-size:var(--_full-header-headline-font-size);line-height:var(--_full-header-headline-line-height);font-weight:var(--_full-header-headline-font-weight);letter-spacing:var(--_full-header-headline-tracking)}.md-full-header .md-dialog-close>svg{color:var(--_full-header-icon);inline-size:var(--_full-header-icon-size);block-size:var(--_full-header-icon-size)}.md-full-screen-dialog .md-dialog-content{padding:var(--md-sys-measurement-space300);font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-full-screen-dialog .md-dialog-content>h3,.md-full-screen-dialog .md-dialog-content>section>h3{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-full-action-bar{--_elevation-level: var(--_full-bar-elevation);--_shadow-color: var(--md-sys-color-shadow);position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--md-sys-measurement-space100);box-sizing:border-box;block-size:var(--_full-bar-height);padding:var(--md-sys-measurement-space100);background:var(--_full-bar-container)}.md-full-screen-dialog .md-text-button{--_button-label: var(--_full-action-label);--_button-font: var(--_full-action-font-weight) var(--_full-action-font-size) / var(--_full-action-line-height) var(--_full-action-font-family);--_button-letter-spacing: var(--_full-action-tracking);--_button-state-color: var(--_full-action-state-color, transparent);--_button-state-opacity: var(--_full-action-state-opacity, 0);--_button-background-state-color: var( --_full-action-background-state-color, transparent );--_button-background-state-opacity: var( --_full-action-background-state-opacity, 0 );--_button-pressed-state-color: var(--_full-action-pressed-state-color);--_button-pressed-state-opacity: var(--_full-action-pressed-state-opacity)}.md-full-screen-dialog .md-divider{--_divider-color: var(--_full-divider-color);--_divider-thickness: var(--_full-divider-height);position:absolute;inset:auto 0 0}.md-full-action-bar>.md-divider{inset:0 0 auto}.md-dialog[data-dialog-preview]::backdrop,.md-full-screen-dialog::backdrop{background:color-mix(in srgb,var(--md-ref-palette-neutral0) 32%,transparent)}.md-dialog-demo>output:empty{display:none}.md-dialog[data-dialog-preview]:not([open]),.md-full-screen-dialog:not([open]){display:none}@media(forced-colors:active){.md-dialog[data-dialog-preview],.md-full-screen-dialog{border:1px solid CanvasText}}.md-dialog[data-dialog-preview] .md-dialog-content{margin-inline:calc(-1 * var(--md-sys-measurement-space100));padding:0 var(--md-sys-measurement-space100) var(--md-sys-measurement-space100)}.md-dialog-content>.md-outlined-text-field{margin-block-start:calc(var(--_field-populated-label-line-height) / 2)}.md-full-header h2{white-space:normal;overflow:auto;text-overflow:clip}.md-full-header:has(>[data-dialog-save])>[data-dialog-save]{margin-inline-start:auto}.md-full-header:not(:has(>h2)):not(:has(>[data-dialog-save])){justify-content:flex-start}.md-dialog-discard{box-sizing:border-box;inline-size:min(400px,calc(100dvw - 2 * var(--md-sys-measurement-space300)));max-block-size:calc(100dvh - 2 * var(--md-sys-measurement-space300));overflow:auto}.md-dialog-discard h2{margin:0 0 var(--md-sys-measurement-space200)}.md-dialog-discard p{margin:0 0 var(--md-sys-measurement-space300)}.md-dialog-demo :is(.md-dialog-close,.md-text-button)::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-basic-header:empty{display:none}.md-dialog[data-dialog-preview]:has(>.md-basic-header:empty){grid-template-rows:minmax(0,1fr) auto}.md-dialog[data-headline=hidden] .md-basic-header>[data-slot=icon]{margin-block-end:0}html:has(.md-dialog-demo>dialog:modal){overflow:hidden}.md-dialog[data-dialog-surface]:not([open]){display:none}.md-dialog{--_dialog-container: var(--md-comp-dialog-container-color);--_dialog-elevation: var(--md-comp-dialog-container-elevation);--_dialog-shape: var(--md-comp-dialog-container-shape);--_dialog-headline-color: var(--md-comp-dialog-headline-color);--_dialog-headline-font-family: var(--md-comp-dialog-headline-font);--_dialog-headline-line-height: var(--md-comp-dialog-headline-line-height);--_dialog-headline-font-size: var(--md-comp-dialog-headline-size);--_dialog-headline-tracking: var(--md-comp-dialog-headline-tracking);--_dialog-headline-font-weight: var(--md-comp-dialog-headline-weight);--_dialog-subhead-color: var(--md-comp-dialog-subhead-color);--_dialog-subhead-font-family: var(--md-comp-dialog-subhead-font);--_dialog-subhead-line-height: var(--md-comp-dialog-subhead-line-height);--_dialog-subhead-font-size: var(--md-comp-dialog-subhead-size);--_dialog-subhead-tracking: var(--md-comp-dialog-subhead-tracking);--_dialog-subhead-font-weight: var(--md-comp-dialog-subhead-weight);--_dialog-supporting-text-color: var(--md-comp-dialog-supporting-text-color);--_dialog-supporting-text-font-family: var(--md-comp-dialog-supporting-text-font);--_dialog-supporting-text-line-height: var(--md-comp-dialog-supporting-text-line-height);--_dialog-supporting-text-font-size: var(--md-comp-dialog-supporting-text-size);--_dialog-supporting-text-tracking: var(--md-comp-dialog-supporting-text-tracking);--_dialog-supporting-text-font-weight: var(--md-comp-dialog-supporting-text-weight);--_dialog-divider: var(--md-comp-dialog-with-divider-divider-color);--_dialog-divider-height: var(--md-comp-dialog-with-divider-divider-height);--_dialog-icon: var(--md-comp-dialog-with-icon-icon-color);--_dialog-icon-size: var(--md-comp-dialog-with-icon-icon-size)}.md-dialog .md-text-button{--_button-label: var(--md-comp-dialog-action-label-text-color);--_dialog-action-font-family: var(--md-comp-dialog-action-label-text-font);--_dialog-action-line-height: var(--md-comp-dialog-action-label-text-line-height);--_dialog-action-font-size: var(--md-comp-dialog-action-label-text-size);--_dialog-action-tracking: var(--md-comp-dialog-action-label-text-tracking);--_dialog-action-font-weight: var(--md-comp-dialog-action-label-text-weight);--_button-pressed-state-color: var(--md-comp-dialog-action-pressed-state-layer-color);--_button-pressed-state-opacity: var(--md-comp-dialog-action-pressed-state-layer-opacity)}.md-dialog .md-text-button:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_button-label: var(--md-comp-dialog-action-hover-label-text-color);--_button-state-color: var(--md-comp-dialog-action-hover-state-layer-color);--_button-background-state-color: var(--md-comp-dialog-action-hover-state-layer-color);--_button-state-opacity: var(--md-comp-dialog-action-hover-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-dialog-action-hover-state-layer-opacity)}.md-dialog .md-text-button:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_button-label: var(--md-comp-dialog-action-focus-label-text-color);--_button-state-color: var(--md-comp-dialog-action-focus-state-layer-color);--_button-background-state-color: var(--md-comp-dialog-action-focus-state-layer-color);--_button-state-opacity: var(--md-comp-dialog-action-focus-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-dialog-action-focus-state-layer-opacity)}.md-dialog .md-text-button: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])){--_button-label: var(--md-comp-dialog-action-pressed-label-text-color);--_button-state-color: var(--md-comp-dialog-action-pressed-state-layer-color);--_button-state-opacity: var(--md-comp-dialog-action-pressed-state-layer-opacity)}.md-full-screen-dialog{--_full-container: var(--md-comp-full-screen-dialog-container-color);--_full-elevation: var(--md-comp-full-screen-dialog-container-elevation);--_full-shape: var(--md-comp-full-screen-dialog-container-shape);--_full-divider-color: var(--md-comp-full-screen-dialog-with-divider-divider-color);--_full-divider-height: var(--md-comp-full-screen-dialog-with-divider-divider-height)}.md-full-screen-dialog .md-full-action-bar{--_full-bar-container: var(--md-comp-full-screen-dialog-action-bar-container-color);--_full-bar-elevation: var(--md-comp-full-screen-dialog-action-bar-container-elevation)}.md-full-screen-dialog{--_full-bar-height: var(--md-comp-full-screen-dialog-action-bar-container-height)}.md-full-screen-dialog:where([data-bottom-scrolled=true]) .md-full-action-bar{--_full-bar-elevation: var(--md-comp-full-screen-dialog-action-bar-on-scroll-container-elevation)}.md-full-screen-dialog .md-full-action-bar .md-text-button{--_full-action-label: var(--md-comp-full-screen-dialog-action-bar-label-text-color);--_full-action-font-family: var(--md-comp-full-screen-dialog-action-bar-label-text-font);--_full-action-line-height: var(--md-comp-full-screen-dialog-action-bar-label-text-line-height);--_full-action-font-size: var(--md-comp-full-screen-dialog-action-bar-label-text-size);--_full-action-tracking: var(--md-comp-full-screen-dialog-action-bar-label-text-tracking);--_full-action-font-weight: var(--md-comp-full-screen-dialog-action-bar-label-text-weight);--_full-action-pressed-state-color: var(--md-comp-full-screen-dialog-action-bar-pressed-state-layer-color);--_full-action-pressed-state-opacity: var(--md-comp-full-screen-dialog-action-bar-pressed-state-layer-opacity)}.md-full-screen-dialog .md-full-header .md-text-button{--_full-action-label: var(--md-comp-full-screen-dialog-header-action-label-text-color);--_full-action-font-family: var(--md-comp-full-screen-dialog-header-action-label-text-font);--_full-action-line-height: var(--md-comp-full-screen-dialog-header-action-label-text-line-height);--_full-action-font-size: var(--md-comp-full-screen-dialog-header-action-label-text-size);--_full-action-tracking: var(--md-comp-full-screen-dialog-header-action-label-text-tracking);--_full-action-font-weight: var(--md-comp-full-screen-dialog-header-action-label-text-weight)}.md-full-screen-dialog .md-full-action-bar .md-text-button:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_full-action-label: var(--md-comp-full-screen-dialog-action-bar-hover-label-text-color);--_full-action-state-color: var(--md-comp-full-screen-dialog-action-bar-hover-state-layer-color);--_full-action-background-state-color: var(--md-comp-full-screen-dialog-action-bar-hover-state-layer-color);--_full-action-state-opacity: var(--md-comp-full-screen-dialog-action-bar-hover-state-layer-opacity);--_full-action-background-state-opacity: var(--md-comp-full-screen-dialog-action-bar-hover-state-layer-opacity)}.md-full-screen-dialog .md-full-header .md-text-button:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_full-action-label: var(--md-comp-full-screen-dialog-header-action-hover-label-text-color);--_full-action-state-color: var(--md-comp-full-screen-dialog-header-action-hover-state-layer-color);--_full-action-background-state-color: var(--md-comp-full-screen-dialog-header-action-hover-state-layer-color);--_full-action-state-opacity: var(--md-comp-full-screen-dialog-header-action-hover-state-layer-opacity);--_full-action-background-state-opacity: var(--md-comp-full-screen-dialog-header-action-hover-state-layer-opacity)}.md-full-screen-dialog .md-full-action-bar .md-text-button:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_full-action-label: var(--md-comp-full-screen-dialog-action-bar-focus-label-text-color);--_full-action-state-color: var(--md-comp-full-screen-dialog-action-bar-focus-state-layer-color);--_full-action-background-state-color: var(--md-comp-full-screen-dialog-action-bar-focus-state-layer-color);--_full-action-state-opacity: var(--md-comp-full-screen-dialog-action-bar-focus-state-layer-opacity);--_full-action-background-state-opacity: var(--md-comp-full-screen-dialog-action-bar-focus-state-layer-opacity)}.md-full-screen-dialog .md-full-header .md-text-button:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_full-action-label: var(--md-comp-full-screen-dialog-header-action-focus-label-text-color);--_full-action-state-color: var(--md-comp-full-screen-dialog-header-action-focus-state-layer-color);--_full-action-background-state-color: var(--md-comp-full-screen-dialog-header-action-focus-state-layer-color);--_full-action-state-opacity: var(--md-comp-full-screen-dialog-header-action-focus-state-layer-opacity);--_full-action-background-state-opacity: var(--md-comp-full-screen-dialog-header-action-focus-state-layer-opacity)}.md-full-screen-dialog .md-full-action-bar .md-text-button: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])){--_full-action-label: var(--md-comp-full-screen-dialog-action-bar-pressed-label-text-color);--_full-action-state-color: var(--md-comp-full-screen-dialog-action-bar-pressed-state-layer-color);--_full-action-state-opacity: var(--md-comp-full-screen-dialog-action-bar-pressed-state-layer-opacity)}.md-full-screen-dialog .md-full-header .md-text-button: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])){--_full-action-label: var(--md-comp-full-screen-dialog-header-action-pressed-label-text-color);--_full-action-state-color: var(--md-comp-full-screen-dialog-header-action-pressed-state-layer-color);--_full-action-state-opacity: var(--md-comp-full-screen-dialog-header-action-pressed-state-layer-opacity)}.md-full-screen-dialog .md-full-header .md-text-button{--_full-action-pressed-state-color: var(--md-comp-full-screen-dialog-header-action-pressed-state-layer-color);--_full-action-pressed-state-opacity: var(--md-comp-full-screen-dialog-header-action-pressed-state-layer-opacity)}.md-full-screen-dialog .md-full-header{--_full-header-container: var(--md-comp-full-screen-dialog-header-container-color);--_full-header-elevation: var(--md-comp-full-screen-dialog-header-container-elevation);--_full-header-headline-color: var(--md-comp-full-screen-dialog-header-headline-color);--_full-header-headline-font-family: var(--md-comp-full-screen-dialog-header-headline-font);--_full-header-headline-line-height: var(--md-comp-full-screen-dialog-header-headline-line-height);--_full-header-headline-font-size: var(--md-comp-full-screen-dialog-header-headline-size);--_full-header-headline-tracking: var(--md-comp-full-screen-dialog-header-headline-tracking);--_full-header-headline-font-weight: var(--md-comp-full-screen-dialog-header-headline-weight);--_full-header-icon: var(--md-comp-full-screen-dialog-header-icon-color);--_full-header-icon-size: var(--md-comp-full-screen-dialog-header-icon-size)}.md-full-screen-dialog{--_full-header-height: var(--md-comp-full-screen-dialog-header-container-height)}.md-full-screen-dialog:where([data-top-scrolled=true]) .md-full-header{--_full-header-container: var(--md-comp-full-screen-dialog-header-on-scroll-container-color);--_full-header-elevation: var(--md-comp-full-screen-dialog-header-on-scroll-container-elevation)}