@layer components{.md3-button-group-root{align-items:center;gap:12px;display:inline-flex}.md3-button-group-root>*{--md3-touch-target-width:100%}.md3-button-group-root[data-variant=connected]{gap:2px}.md3-button-group-root[data-variant=connected]>*{--_inner-corner:var(--md-sys-shape-corner-small);border-radius:var(--_inner-corner);transition:border-radius var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);--_full-corner:var(--md3-shape-round,var(--md-sys-shape-corner-full))}.md3-button-group-root[data-variant=connected]>:first-child{border-start-start-radius:var(--_full-corner);border-end-start-radius:var(--_full-corner)}.md3-button-group-root[data-variant=connected]>:last-child{border-start-end-radius:var(--_full-corner);border-end-end-radius:var(--_full-corner)}.md3-button-group-root[data-variant=connected]>[data-pressed]{--_inner-corner:var(--_full-corner)}.md3-button-group-root[data-variant=connected]>[data-toggle]:active{--_inner-corner:var(--md-sys-shape-corner-extra-small)}.md3-button-group-root>:focus-visible{z-index:1}}
.demo-row{flex-wrap:wrap;align-items:center;gap:16px;padding-block:12px;display:flex}.demo-row-label{text-transform:capitalize;width:90px;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:var(--md-sys-typescale-label-large-tracking);color:var(--md-sys-color-on-surface-variant);flex-shrink:0;font-weight:500}