@layer m3-components{.m3-dialog__scrim{inset:0;z-index:var(--md-sys-z-scrim);background:color-mix(in srgb,var(--md-sys-color-scrim) calc(var(--md-sys-opacity-scrim) * 100%),transparent);position:fixed;inset-inline-end:calc(-1 * var(--scrollbar-width,0px))}.m3-dialog__scrim[data-state=open]{animation:m3-dialog-scrim-in var(--md-sys-motion-dur-medium) linear both}.m3-dialog__scrim[data-state=closed]{animation:m3-dialog-scrim-out var(--md-sys-motion-dur-small-out) linear both}.m3-dialog{--_w:560px;--_pad:var(--md-sys-pad-dialog);--_dy:8px;--_ds:.05;--_r:var(--md-sys-shape-dialog);--_p:var(--_pad);z-index:var(--md-sys-z-modal);width:min(var(--_w),100vw - 2 * var(--md-sys-space-4));min-width:min(280px,100vw - 2 * var(--md-sys-space-4));height:fit-content;max-height:calc(100dvh - 2 * var(--md-sys-space-6));border-radius:var(--_r);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-3);flex-direction:column;margin:auto;display:flex;position:fixed;inset:0;overflow:hidden}.m3-dialog[data-size=wide]{--_w:720px}.m3-dialog[data-state=open]{animation:m3-dialog-in var(--md-sys-motion-t-medium-in) both,m3-dialog-fade var(--md-sys-motion-t-fx-medium) both}.m3-dialog[data-state=closed]{animation:m3-dialog-out var(--md-sys-motion-t-small-out) both}.m3-dialog__head{gap:var(--md-sys-space-4);padding:var(--_pad) var(--_pad) var(--md-sys-space-2);display:grid}.m3-dialog__head[data-solo]{padding-bottom:var(--md-sys-space-6)}.m3-dialog__icon{color:var(--md-sys-color-secondary);justify-self:center}.m3-dialog__title{overflow-wrap:anywhere;margin:0}.m3-dialog__desc{color:var(--md-sys-color-on-surface-variant);text-wrap:pretty;margin:0}.m3-dialog [data-centered]{text-align:center}.m3-dialog__body{overscroll-behavior:contain;min-height:0;padding-inline:var(--_pad);color:var(--md-sys-color-on-surface-variant);border-block:var(--md-sys-border-thin) solid transparent;flex:auto;overflow-y:auto}.m3-dialog__body[data-top]{border-block-start-color:var(--md-sys-color-outline-variant)}.m3-dialog__body[data-bottom]{border-block-end-color:var(--md-sys-color-outline-variant)}.m3-dialog__inner{gap:var(--md-sys-gap-stack);padding-block:var(--md-sys-space-2) var(--md-sys-space-6);display:grid}.m3-dialog__actions{justify-content:flex-end;gap:var(--md-sys-gap-inline);padding:0 var(--_pad) var(--_pad);flex-wrap:wrap;display:flex}.m3-dialog[data-fullscreen]{--_dy:24px;--_ds:0;--_pad:var(--md-sys-page-margin);width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;background:var(--md-sys-color-surface);border-radius:0}.m3-dialog[data-fullscreen][data-state=open]{animation:m3-dialog-in var(--md-sys-motion-t-large-in) both,m3-dialog-fade var(--md-sys-motion-t-fx-large) both}.m3-dialog[data-fullscreen][data-state=closed]{animation:m3-dialog-out var(--md-sys-motion-t-medium-out) both}.m3-dialog__bar{align-items:center;gap:var(--md-sys-space-2);min-height:var(--md-sys-size-app-bar);padding:env(safe-area-inset-top,0) var(--md-sys-space-2) 0 var(--md-sys-space-2);border-block-end:var(--md-sys-border-thin) solid transparent;flex:none;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.m3-dialog__bar[data-edge]{border-block-end-color:var(--md-sys-color-outline-variant)}.m3-dialog__bar .m3-dialog__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m3-dialog__bar-action{align-items:center;display:flex}.m3-dialog[data-fullscreen] .m3-dialog__body{padding-block-start:var(--md-sys-space-4)}.m3-dialog[data-fullscreen] .m3-dialog__actions{padding-block:var(--md-sys-space-3) calc(var(--md-sys-space-3) + env(safe-area-inset-bottom,0px));border-block-start:var(--md-sys-border-thin) solid var(--md-sys-color-outline-variant)}@keyframes m3-dialog-in{0%{translate:0 calc(var(--_dy) * var(--md-sys-motion-travel));scale:calc(1 - var(--_ds) * var(--md-sys-motion-travel))}}@keyframes m3-dialog-fade{0%{opacity:0}}@keyframes m3-dialog-out{to{opacity:0;translate:0 calc(var(--_dy) * var(--md-sys-motion-travel));scale:calc(1 - var(--_ds) * var(--md-sys-motion-travel))}}@keyframes m3-dialog-scrim-in{0%{opacity:0}}@keyframes m3-dialog-scrim-out{to{opacity:0}}@media (forced-colors:active){.m3-dialog{border:var(--md-sys-border-thin) solid CanvasText}}}