@layer components{@scope(.ui-http-endpoint) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){:scope{align-items:baseline;gap:var(--space-1) var(--space-2);flex-wrap:wrap;min-inline-size:0;display:inline-flex}:scope [data-part=method]{min-inline-size:calc(var(--space-8) - var(--space-1));overflow-wrap:anywhere;max-inline-size:100%;padding-block:calc(var(--space-1) / 2);padding-inline:var(--space-2);border-radius:var(--radius-3);color:var(--signal);font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;flex:none;font-weight:600;line-height:1.5}:scope [data-access=read]{background-color:var(--signal-tint)}:scope [data-access=write]{box-shadow:inset 0 0 0 calc(var(--space-1) / 4) var(--signal-line)}:scope [data-access=delete]{box-shadow:inset 0 0 0 calc(var(--space-1) / 4) var(--danger);background-color:color-mix(in oklab, var(--danger) 12%, transparent);color:var(--ink)}:scope [data-part=path]{overflow-wrap:break-word;min-inline-size:0;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500}:scope [data-part=path-parameter]{color:var(--signal);font-weight:600}:scope[data-size=row]{flex-wrap:nowrap}:scope[data-size=title] [data-part=path]{font-size:var(--text-lg)}:scope[data-size=mark] [data-part=method]{min-inline-size:calc(var(--space-6) + var(--space-3));padding-block:0;padding-inline:var(--space-1);font-size:var(--text-xs)}:scope[data-size=title] [data-part=method]{font-size:var(--text-sm)}@media (forced-colors:active){:scope [data-part=method]{border:thin solid}}}}