@layer components{@scope(.ui-icon) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){:scope{vertical-align:middle;color:inherit;flex:none;display:inline-block}:scope[data-size=sm]{inline-size:var(--space-4);block-size:var(--space-4)}:scope[data-size=md]{inline-size:var(--space-5);block-size:var(--space-5)}:scope[data-icon=arrow-right]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:scaleX(-1)}}@scope(.ui-button) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){:scope{justify-content:center;align-items:center;gap:var(--space-2);min-inline-size:var(--space-5);min-block-size:var(--space-5);max-inline-size:100%;color:var(--ink);text-align:center;overflow-wrap:anywhere;line-height:1;text-decoration:none;display:inline-flex}:scope[data-size=sm]{min-block-size:var(--space-6);padding-block:var(--space-1);padding-inline:var(--space-3);font-size:var(--text-sm)}:scope[data-size=icon]{min-inline-size:calc(var(--space-6) + var(--space-2));min-block-size:calc(var(--space-6) + var(--space-2));padding:var(--space-2);font-size:var(--text-md)}:scope[data-size=md]{min-block-size:calc(var(--space-6) + var(--space-2));padding-block:var(--space-2);padding-inline:var(--space-4);font-size:var(--text-md)}:scope[data-size=lg]{min-block-size:var(--space-7);padding-block:var(--space-3);padding-inline:var(--space-5);font-size:var(--text-xl)}:scope[data-variant=primary]{border-color:var(--brand);background-color:var(--brand);color:var(--brand-ink)}:scope[data-variant=quiet]{color:var(--ink-dim)}:scope[data-variant=danger]{border-color:var(--danger);background-color:color-mix(in oklab, var(--danger) 12%, transparent);color:var(--ink)}}}