@layer mosaic.components{.msc-Box:where([data-variant=block]){display:block}.msc-Box:where([data-variant=inline-block]){display:inline-block}.msc-Box:where([data-variant=flex]){display:flex}.msc-Box:where([data-variant=inline-flex]){display:inline-flex}.msc-Box:where([data-variant=grid]){display:grid}:where(.msc-Box:where([data-variant=grid])>*){min-width:0}.msc-Box:where([data-variant=inline-grid]){display:inline-grid}:where(.msc-Box:where([data-variant=inline-grid])>*){min-width:0}}
@layer mosaic.components{.msc-Icon{--msc-icon-size:auto;width:var(--msc-icon-size);height:var(--msc-icon-size);pointer-events:none;flex-shrink:0;display:inline-block}.msc-Icon:where([data-size=xs]){--msc-icon-size:14px}.msc-Icon:where([data-size=sm]){--msc-icon-size:16px}.msc-Icon:where([data-size=md]){--msc-icon-size:20px}.msc-Icon:where([data-size=lg]){--msc-icon-size:32px}.msc-Icon:where([data-size=xl]){--msc-icon-size:36px}}