@layer ds.tokens,ds.base;@layer ds.components{.m2-dlg{--dlg-in:.26s;--dlg-out:.18s;inline-size:100%;max-inline-size:100%;block-size:var(--viewport-h,100dvh);background:var(--color-surface-page);max-block-size:none;color:var(--color-text-primary);box-shadow:var(--shadow-4);transition:translate var(--dlg-in) cubic-bezier(.22, 1, .36, 1), opacity var(--dlg-in) ease-out, scale var(--dlg-in) cubic-bezier(.22, 1, .36, 1), overlay var(--dlg-in) allow-discrete, display var(--dlg-in) allow-discrete;border:0;border-radius:0;outline:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden;translate:0}.m2-dlg[open]{flex-direction:column;display:flex}.m2-dlg:focus,.m2-dlg:focus-visible{outline:none}@starting-style{.m2-dlg[open]{translate:0 100%}}.m2-dlg[data-closing]{transition-duration:var(--dlg-out);transition-timing-function:ease-in;translate:0 100%}.m2-dlg::backdrop{background:var(--color-surface-scrim);opacity:1;transition:opacity .26s ease-out, overlay .26s allow-discrete, display .26s allow-discrete}@starting-style{.m2-dlg[open]::backdrop{opacity:0}}.m2-dlg[data-closing]::backdrop{opacity:0;transition-duration:.18s}@media (min-width:640px){.m2-dlg{inline-size:min(var(--dlg-w,36rem), calc(100vw - var(--space-8)));block-size:fit-content;max-block-size:min(46rem, calc(var(--viewport-h,100dvh) - var(--space-16)));border-radius:var(--radius-xl);border:var(--border-hairline) solid var(--color-border-subtle);margin:auto;inset:0}.m2-dlg--sm{--dlg-w:28rem}.m2-dlg--tall{--dlg-w:40rem;block-size:min(46rem, calc(var(--viewport-h,100dvh) - var(--space-16)))}@starting-style{.m2-dlg[open]{opacity:0;translate:0;scale:.97}}.m2-dlg[data-closing]{opacity:0;translate:0;scale:.98}.m2-dlg::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media (forced-colors:active){.m2-dlg{border:1px solid canvastext}}.m2-dlg__grip{box-sizing:content-box;block-size:4px;inline-size:2.5rem;padding-block:calc(var(--space-2) + env(safe-area-inset-top)) 0;background:var(--color-border-default);touch-action:none;background-clip:content-box;border-radius:2px;flex:none;margin:0 auto}.m2-dlg__head{align-items:center;gap:var(--space-2);min-block-size:3.25rem;padding:0 var(--space-2) 0 var(--space-4);touch-action:none;flex:none;display:flex}.m2-dlg__title{align-items:baseline;gap:var(--space-2);min-inline-size:0;font-size:var(--text-heading-xs);font-weight:var(--weight-semibold);flex:1;margin:0;line-height:1.25;display:flex;overflow:hidden}.m2-dlg__title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m2-dlg__meta{color:var(--color-text-muted);font-size:var(--text-body-sm);font-weight:var(--weight-medium);font-variant-numeric:var(--numeric-data);flex:none}.m2-dlg__close{inline-size:var(--touch-min);block-size:var(--touch-min);border-radius:var(--radius-round);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.m2-dlg__close:hover{background:var(--color-surface-sunken)}}.m2-dlg__close:focus-visible{outline:var(--border-focus) solid transparent;box-shadow:var(--focus-ring)}@media (min-width:640px){.m2-dlg__grip{display:none}.m2-dlg__head{min-block-size:3.5rem;padding:var(--space-2) var(--space-3) 0 var(--space-5)}}.m2-dlg__bar{flex:none;container-type:inline-size}.m2-dlg__body{overscroll-behavior:contain;min-block-size:0;padding:var(--space-2) var(--space-4) var(--space-4);scrollbar-width:thin;flex:auto;overflow-y:auto}.m2-dlg__body:focus-visible{outline:none}.m2-dlg__foot{padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-block-start:var(--border-hairline) solid var(--color-border-subtle);background:var(--color-surface-page);flex:none}.m2-dlg__foot--end{justify-content:flex-end;gap:var(--space-2);display:flex}@media (min-width:640px){.m2-dlg__body{padding:var(--space-2) var(--space-5) var(--space-5)}.m2-dlg__foot{padding:var(--space-3) var(--space-5)}}@media (prefers-reduced-motion:reduce){.m2-dlg{--dlg-in:1ms;--dlg-out:1ms}.m2-dlg::backdrop{transition:none}}}@layer ds.utilities;html[data-dlg-lock]{overflow:hidden}
