@scope(brand-mark-ui){:where(:scope){--brand-mark-size: var(--a-size, 2.5rem);--brand-mark-radius: var(--a-radius-lg);--brand-mark-bg: var(--a-canvas-surface-inverse);--brand-mark-fg: var(--a-fg-inverse);--brand-mark-size-sm: 1.75rem;--brand-mark-size-md: 2.5rem;--brand-mark-size-lg: 3.5rem}:scope{display:block;width:var(--brand-mark-size);height:var(--brand-mark-size);border-radius:var(--brand-mark-radius);background:var(--brand-mark-bg);color:var(--brand-mark-fg);overflow:hidden;flex-shrink:0}:scope[inline]{display:inline-block}:scope>:is([data-brand-artwork],[slot=artwork]){display:block;width:100%;height:100%;object-fit:contain}:scope>[data-brand-mask]{background-color:currentColor;-webkit-mask:var(--brand-artwork-src) center / contain no-repeat;mask:var(--brand-artwork-src) center / contain no-repeat}:scope[tint]>svg :is(path,rect,circle,ellipse,polygon,polyline,line,text,tspan):not([fill=none]):not(mask *,clipPath *){fill:currentColor}:scope[tint]>svg [stroke]:not([stroke=none]):not(mask *,clipPath *){stroke:currentColor}:scope[tint]>svg stop{stop-color:currentColor}:scope[size=sm]{--brand-mark-size: var(--brand-mark-size-sm)}:scope[size=md]{--brand-mark-size: var(--brand-mark-size-md)}:scope[size=lg]{--brand-mark-size: var(--brand-mark-size-lg)}}

/*# sourceMappingURL=brand-mark.css.map */