@layer m3-components{.m3-btn-group{flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;display:inline-flex}.m3-btn-group[data-kind=standard]{gap:var(--md-sys-gap-inline)}.m3-btn-group[data-kind=connected]{flex-wrap:nowrap;gap:2px}.m3-btn-group[data-kind=connected]>.m3-btn{--_r-rest:8px;--_r-sel:var(--_r-round);--_r-press:4px;flex:0 auto;min-width:0}@media (width<=599px){.m3-btn-group[data-kind=connected]>.m3-btn{--_px:var(--md-sys-space-3)}}.m3-btn-group[data-block]{display:flex}.m3-btn-group[data-block]>.m3-btn{flex:1;min-width:0}.m3-btn-group[data-kind=connected]>.m3-btn:first-child{border-start-start-radius:var(--_r-round);border-end-start-radius:var(--_r-round)}.m3-btn-group[data-kind=connected]>.m3-btn:last-child{border-start-end-radius:var(--_r-round);border-end-end-radius:var(--_r-round)}.m3-btn-group[data-kind=connected]>.m3-btn[data-selected]{border-radius:var(--_r-round)}.m3-btn-group[data-kind=connected]>.m3-btn:active:not(:disabled){border-radius:4px}}@layer m3-density{:root[data-density=compact] .m3-btn-group[data-kind=connected]>.m3-btn{--_r-rest:6px}}