@layer design-system.components{.vds-button-group{--button-group-height:var(--vds-size-md,2.25rem);--button-group-gap:var(--vds-space-2,.5rem);--button-group-radius:var(--vds-radius-button-group,var(--vds-radius-element,.375rem));--button-group-divider-width:1px;--button-group-focus-z:1}.vds-button-group[data-size="2xs"]{--button-group-height:var(--vds-size-2xs,1.5rem);--button-group-gap:var(--vds-space-1,.25rem);--button-group-radius:var(--vds-radius-button-group,var(--vds-radius-element,.375rem))}.vds-button-group[data-size=xs]{--button-group-height:var(--vds-size-xs,1.75rem);--button-group-gap:var(--vds-space-1,.25rem);--button-group-radius:var(--vds-radius-button-group,var(--vds-radius-element,.375rem))}.vds-button-group[data-size=sm]{--button-group-height:var(--vds-size-sm,2rem);--button-group-gap:var(--vds-space-1-5,.375rem);--button-group-radius:var(--vds-radius-button-group,var(--vds-radius-element,.375rem))}.vds-button-group[data-size=lg]{--button-group-height:var(--vds-size-lg,2.5rem);--button-group-gap:var(--vds-space-2,.5rem);--button-group-radius:var(--vds-radius-button-group,var(--vds-radius-element,.375rem))}.vds-button-group[data-size=xl]{--button-group-height:var(--vds-size-xl,2.75rem);--button-group-gap:var(--vds-space-2,.5rem);--button-group-radius:var(--vds-radius-button-group,var(--vds-radius-element,.375rem))}.vds-button-group[data-size="2xl"]{--button-group-height:var(--vds-size-2xl,3.25rem);--button-group-gap:var(--vds-space-2-5,.625rem);--button-group-radius:var(--vds-radius-button-group,var(--vds-radius-element,.375rem))}.vds-button-group[data-size="3xl"]{--button-group-height:var(--vds-size-3xl,4rem);--button-group-gap:var(--vds-space-3,.75rem);--button-group-radius:var(--vds-radius-button-group,var(--vds-radius-element,.375rem))}}
@layer design-system.components{.vds-button-group{align-items:stretch;gap:var(--button-group-gap);min-inline-size:0;display:inline-flex}.vds-button-group[data-orientation=vertical]{flex-direction:column;align-items:stretch}.vds-button-group[data-full-width]{inline-size:100%;display:flex}.vds-button-group[data-full-width]>.vds-button{flex:1 1 0;min-inline-size:0}.vds-button-group>.vds-button{position:relative}.vds-button-group>.vds-button:focus-visible{z-index:var(--button-group-focus-z)}.vds-button-group[data-attached]{gap:0}.vds-button-group[data-attached][data-orientation=horizontal]>.vds-button:not(:last-child){border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}.vds-button-group[data-attached][data-orientation=horizontal]>.vds-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.vds-button-group[data-attached][data-orientation=vertical]>.vds-button:not(:last-child){border-block-end-width:0;border-end-end-radius:0;border-end-start-radius:0}.vds-button-group[data-attached][data-orientation=vertical]>.vds-button:not(:first-child){border-start-start-radius:0;border-start-end-radius:0}.vds-button-group[data-attached]>.vds-button:hover,.vds-button-group[data-attached]>.vds-button:focus-visible,.vds-button-group[data-attached]>.vds-button[aria-pressed=true]{z-index:var(--button-group-focus-z)}}