@layer components{@scope(.ui-dialog) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){@property --ui-dialog-frame{syntax:"<length>";inherits:false;initial-value:0}:scope{z-index:var(--z-overlay);min-inline-size:var(--space-5);min-block-size:var(--space-5);inline-size:calc(var(--space-8) * 7);max-inline-size:calc(100% - var(--space-4) * 2);max-block-size:calc(100% - var(--space-4) * 2);padding:var(--space-5);--ui-dialog-frame:calc(var(--space-8) * 6);outline:thin solid #0000;margin:auto}:scope[data-placement=anchored]{max-block-size:calc(100% - max(var(--space-4), (var(--viewport-block) - var(--ui-dialog-frame)) / 2) - var(--space-4));margin-block:max(var(--space-4), (var(--viewport-block) - var(--ui-dialog-frame)) / 2) auto}:scope[data-size=form]{--ui-dialog-frame:calc(var(--space-8) * 9);inline-size:calc(var(--space-8) * 9)}:scope[open]{flex-direction:column;display:flex}:scope::backdrop{background-color:var(--scrim)}:scope>[data-part=dialog-title]{inline-size:fit-content;margin-inline:calc(var(--space-1) * -1);padding-inline:var(--space-1);flex:none}:scope>[data-part=dialog-body]{min-block-size:0;margin-block-start:var(--space-4);margin-inline:calc(var(--space-1) * -1);padding-inline:var(--space-1);overflow-block:auto;flex:auto;display:grid}}@scope(.ui-form-steps) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){:scope{align-items:center;gap:var(--space-2);min-inline-size:var(--space-5);min-block-size:var(--space-5);overflow-inline:auto;flex-wrap:wrap;flex-shrink:0;margin:0;padding:0;list-style:none;display:flex;container-type:inline-size}:scope [data-part=item]{flex:1 1 min-content;align-items:center;min-inline-size:min-content;display:flex}:scope [data-part=item]:last-child{flex-grow:0}:scope [data-connector=true]:after{flex:1 1 var(--space-6);min-inline-size:var(--space-3);margin-inline:var(--space-2);border-block-start:thin solid var(--line);content:""}:scope [data-step-state=complete][data-connector=true]:after{border-block-start:medium solid var(--signal-line)}:scope [data-part=step]{align-items:center;gap:var(--space-2);min-inline-size:var(--space-5);min-block-size:var(--space-5);color:var(--ink-dim);font-size:var(--text-sm);white-space:nowrap;background-color:#0000;border:0;padding:0;display:inline-flex}:scope [data-part=label]{min-inline-size:0}:scope [data-part=marker]{inline-size:var(--space-5);block-size:var(--space-5);border-radius:var(--radius-3);background-color:var(--surface-sunken);color:var(--ink-dim);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;display:inline-flex}:scope [data-marker=complete]{background-color:var(--signal-tint);color:var(--signal)}:scope [data-marker=current]{background-color:var(--brand);color:var(--brand-ink);font-weight:600}:scope [aria-current=step]{color:var(--ink);font-weight:600}:scope [data-part=step][data-complete=true]{color:var(--ink);text-underline-offset:var(--space-1);text-decoration:underline}@container (inline-size<24rem){:scope [data-part=item]{flex:0 auto;min-inline-size:0}:scope [data-part=item][data-connector=true]{flex:auto}:scope [data-part=label]{inline-size:var(--space-1);block-size:var(--space-1);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}:scope [aria-current=step]{white-space:normal;min-inline-size:0}:scope [aria-current=step]>[data-part=label]{clip-path:none;white-space:normal;block-size:auto;inline-size:auto;position:static;overflow:visible}}@media (forced-colors:active){:scope [data-marker=current]{border:solid}}}@scope(.ui-flow-dialog) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){:scope{display:contents}:scope [data-part=flow-dialog-layout]{gap:var(--space-4);flex-direction:column;min-block-size:100%;display:flex}:scope[data-flow-size=form] [data-part=flow-dialog-layout]{min-block-size:calc(var(--space-8) * 5.5)}:scope[data-flow-size=long-form] [data-part=flow-dialog-layout]{min-block-size:calc(var(--space-8) * 7.75)}:scope [data-part=flow-dialog-actions]{padding-block:var(--space-2) var(--space-1);background-color:var(--surface-raised);justify-content:end;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-block-start:auto;display:flex;position:sticky;inset-block-end:0}:scope [data-part=flow-dialog-action]{display:contents}}}
