@layer components{@scope(.ui-alert) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){:scope{align-items:start;gap:var(--space-3);min-inline-size:var(--space-5);max-inline-size:100%;min-block-size:var(--space-5);padding-block:var(--space-3);padding-inline:var(--space-4);border:thin solid var(--line);border-radius:var(--radius-2);background-color:var(--surface);color:var(--ink);font-size:var(--text-sm);display:flex;position:relative}:scope:before{inset-block:var(--space-3);inline-size:calc(var(--space-1) * 3 / 4);border-radius:var(--radius-1);content:"";background-color:#0000;position:absolute;inset-inline-start:calc(var(--space-1) / -2)}:scope[data-tone=ok]:before{background-color:var(--ok)}:scope[data-tone=warn]:before{background-color:var(--warn)}:scope[data-tone=danger]:before{background-color:var(--danger)}:scope>[data-part=icon]{block-size:var(--space-6);color:var(--ink-dim);flex:none;place-items:center;display:grid}:scope[data-tone=ok]>[data-part=icon]{color:var(--ok)}:scope[data-tone=warn]>[data-part=icon]{color:var(--warn)}:scope[data-tone=danger]>[data-part=icon]{color:var(--danger)}:scope>[data-part=body]{gap:var(--space-2);flex:auto;min-inline-size:0;display:grid}:scope [data-part=head]{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);min-block-size:var(--space-6);flex-wrap:wrap;display:flex}:scope [data-part=message]{flex:1 1 calc(var(--space-8) * 3);overflow-wrap:anywhere;min-inline-size:0;color:var(--ink);font-weight:600}:scope [data-part=action]{flex:0 auto;max-inline-size:100%}:scope [data-part=technical]{color:var(--ink-dim);font-size:var(--text-xs)}:scope [data-part=technical]>[data-part=technical-summary]{cursor:pointer;inline-size:fit-content}:scope [data-part=technical-text]{max-block-size:calc(var(--space-8) * 3);margin-block:var(--space-2) 0;padding:var(--space-2);border-radius:var(--radius-1);background-color:var(--surface-sunken);font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere;white-space:pre-wrap;overflow:auto}:scope[data-presentation=inline]{padding-block:var(--space-2);padding-inline:var(--space-3)}:scope[data-presentation=toast]{max-inline-size:calc(var(--space-8) * 6);background-color:var(--ink);color:var(--bg);box-shadow:var(--shadow-2);border-color:#0000;align-items:center}:scope[data-presentation=toast]:before{content:none}:scope[data-presentation=toast]>[data-part=icon],:scope[data-presentation=toast] [data-part=message]{color:inherit}:scope[data-presentation=toast] [data-part=message]{font-weight:400}:scope [data-part=toast-action],:scope>[data-part=dismiss]{min-inline-size:var(--space-6);min-block-size:var(--space-6);padding-block:var(--space-1);padding-inline:var(--space-3);color:inherit;font-size:var(--text-sm);flex:none}:scope [data-part=toast-action]{overflow-wrap:anywhere;max-inline-size:50%}:scope>[data-part=dismiss]{padding-inline:var(--space-2)}}@scope(.ui-bubble-mark) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){:scope{block-size:100%;inline-size:auto;display:block}:scope [data-part=bubble]{fill:currentColor}:scope [data-part=letters]{fill:var(--bg)}}@scope(.ui-panel-state) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){:scope{gap:var(--space-2);min-inline-size:var(--space-5);inline-size:100%;min-block-size:var(--space-5);padding-block:var(--space-3);opacity:0;display:grid}:scope[data-motion=reveal]{translate:0 var(--space-2);transition:opacity var(--dur-slow) var(--ease), translate var(--dur-slow) var(--ease)}:scope[data-visible=true]{opacity:1;translate:0}:scope[data-panel-state=error]{align-self:start}:scope[data-layout=metrics]{grid-template-columns:repeat(2,minmax(0,1fr))}:scope[data-layout=chart]{row-gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}:scope>[data-part=chart-skeleton]{gap:var(--space-2);block-size:calc(var(--space-8) * 4);border-block-end:thin solid var(--line);grid-column:1/-1;align-items:end;padding-block-end:var(--space-1);display:flex}:scope [data-part=chart-skeleton-bar]{background-color:var(--surface-sunken);border-start-start-radius:var(--radius-1);border-start-end-radius:var(--radius-1);flex:1;block-size:40%}:scope [data-part=chart-skeleton-bar]:nth-child(3n+2){block-size:65%}:scope [data-part=chart-skeleton-bar]:nth-child(4n+3){block-size:85%}:scope [data-part=chart-skeleton-bar]:nth-child(5n+1){block-size:25%}:scope[data-layout=chrome]{grid-template-columns:minmax(0,1fr) min-content;justify-content:space-between;align-items:center}:scope>[data-part=skeleton],:scope>[data-part=skeleton-short],:scope>[data-part=skeleton-medium]{inline-size:100%;block-size:var(--space-3);border-radius:var(--radius-1);background-color:var(--surface-sunken)}:scope>[data-part=skeleton-short],:scope>[data-part=table-skeleton-short]{inline-size:40%}:scope>[data-part=skeleton-medium]{inline-size:72%}:scope>[data-part=skeleton-metric]{min-block-size:var(--space-8);background-color:var(--surface-sunken);border-radius:0}:scope>[data-part=table-skeleton],:scope>[data-part=table-skeleton-short]{block-size:var(--space-5);background-color:var(--surface-sunken)}:scope>[data-part=skeleton-divider]{block-size:thin;margin-block:var(--space-2);background-color:var(--line)}:scope>[data-part=empty-mark]{block-size:var(--space-6);color:var(--ink-dim);display:block}:scope>[data-part=empty-message]{color:var(--ink);font-size:var(--text-md);font-weight:600}:scope>[data-part=empty-hint]{color:var(--ink-dim);font-size:var(--text-sm);text-wrap:pretty}:scope>[data-part=empty-action]{justify-self:start}}}