/*
 * <x-shape>: one of M3 Expressive's shapes, at `size` when one is given (`--md-shape-size`);
 * otherwise the caller's own CSS sizes it.
 */

@layer material.reset, material.tokens, material.base, material.layout, material.components, material.text, material.visibility;

@layer material.components {
    [data-md-shape][style*='--md-shape-size'] {
        inline-size: var(--md-shape-size);
        block-size: var(--md-shape-size);
    }
}