scope

By default, all stylesheets are unscoped. To scope a stylesheet to the document or to a shadow-root, use @scope.

This demo works in Chrome today! (Inspect it)

@scope(:root) — document only

@scope(:host) — all shadow-roots

@scope(:host(my-component)) — specific shadow-root