.avn-button-group{--avn-button-group-bg:transparent;--avn-button-group-color:inherit;--avn-button-group-gap:0;--avn-button-group-shadow:none;--avn-button-group-shared-shadow:0 0 0 1px var(--avn-bg-border-alpha), 0 1px 1px var(--avn-shadow-color);--avn-button-group-transition-duration:var(--avn-motion-duration-fast,.12s);--avn-button-group-transition-easing:var(--avn-motion-easing-standard,ease);box-sizing:border-box;isolation:isolate;justify-content:center;align-items:center;gap:var(--avn-button-group-gap);background-color:var(--avn-button-group-bg);color:var(--avn-button-group-color);vertical-align:top;transition:background-color var(--avn-button-group-transition-duration) var(--avn-button-group-transition-easing), box-shadow var(--avn-button-group-transition-duration) var(--avn-button-group-transition-easing), color var(--avn-button-group-transition-duration) var(--avn-button-group-transition-easing);border:0;border-radius:9999px;flex:none;margin:0;display:inline-flex;position:relative}.avn-button-group:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;box-shadow:var(--avn-button-group-shadow);transition:box-shadow var(--avn-button-group-transition-duration) var(--avn-button-group-transition-easing);display:block;position:absolute;inset:0}.avn-button-group[data-surface=shared][data-variant=secondary]{--avn-button-group-bg:var(--avn-control-secondary);--avn-button-group-color:var(--avn-control-secondary-label);--avn-button-group-shadow:var(--avn-button-group-shared-shadow)}.avn-button-group[data-surface=flat],.avn-button-group[data-variant=borderless]{--avn-button-group-bg:transparent;--avn-button-group-shadow:none}.avn-button-group[data-surface=flat][data-divider=none]{--avn-button-group-gap:4px}.avn-button-group>.avn-button{z-index:1;position:relative}.avn-button-group>.avn-button:is([data-active=true],[data-menu-open],[data-popup-open],:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]),:focus-visible:not(:disabled):not([data-disabled]):not([aria-disabled=true])){z-index:2}.avn-button-group[data-surface=shared]>.avn-button{--avn-button-bg:transparent;--avn-button-border:transparent;--avn-button-border-active:transparent;--avn-button-border-hover:transparent;--avn-button-overlay-display:none;--avn-button-shadow:none;--avn-button-shadow-hover:none;--avn-button-shadow-active:none}.avn-button-group[data-variant=borderless]>.avn-button{--avn-button-overlay-display:none;--avn-button-shadow:none;--avn-button-shadow-hover:none;--avn-button-shadow-active:none}.avn-button-group[data-variant=borderless][data-divider=mini]>.avn-button{--avn-button-bg-hover:var(--avn-control-tertiary-selected);--avn-button-bg-active:var(--avn-control-tertiary-selected)}.avn-button-group[data-surface=shared]>.avn-button:after,.avn-button-group[data-variant=borderless]>.avn-button:after{display:none}.avn-button-group>.avn-button:disabled,.avn-button-group>.avn-button[data-disabled],.avn-button-group>.avn-button[aria-disabled=true]{opacity:1}.avn-button-group>.avn-button:disabled .avn-button__spinner,.avn-button-group>.avn-button:disabled .avn-button__icon,.avn-button-group>.avn-button:disabled .avn-button__label,.avn-button-group>.avn-button[data-disabled] .avn-button__spinner,.avn-button-group>.avn-button[data-disabled] .avn-button__icon,.avn-button-group>.avn-button[data-disabled] .avn-button__label,.avn-button-group>.avn-button[aria-disabled=true] .avn-button__spinner,.avn-button-group>.avn-button[aria-disabled=true] .avn-button__icon,.avn-button-group>.avn-button[aria-disabled=true] .avn-button__label{opacity:.55}.avn-button-group:is([data-surface=shared],[data-divider=solid],[data-divider=mini])>.avn-button:first-child{border-start-start-radius:inherit;border-end-start-radius:inherit}.avn-button-group:is([data-surface=shared],[data-divider=solid],[data-divider=mini])>.avn-button:last-child{border-start-end-radius:inherit;border-end-end-radius:inherit}.avn-button-group:is([data-surface=shared],[data-divider=solid],[data-divider=mini])>.avn-button:only-child{border-radius:inherit}.avn-button-group:is([data-surface=shared],[data-divider=solid],[data-divider=mini])>.avn-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.avn-button-group:is([data-surface=shared],[data-divider=solid],[data-divider=mini])>.avn-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.avn-button-group[data-divider=solid]>.avn-button:not(:first-child),.avn-button-group[data-divider=mini]>.avn-button:not(:first-child),.avn-button-group[data-divider=none]>.avn-button:not(:first-child){border-inline-start-color:#0000}.avn-button-group[data-divider=solid]>.avn-button:not(:first-child) .avn-button__segment-divider,.avn-button-group[data-divider=mini]>.avn-button:not(:first-child) .avn-button__segment-divider{display:block}.avn-button-group[data-variant=borderless][data-divider=mini]>.avn-button .avn-button__segment-divider{display:none}.avn-button-group[data-divider=solid]>.avn-button:not(:first-child) .avn-button__segment-divider{--avn-button-segment-divider-opacity:.8;--avn-button-segment-divider-block-end:1px;--avn-button-segment-divider-block-start:1px;--avn-button-segment-divider-radius:0}.avn-button-group[data-divider=mini]>.avn-button:not(:first-child) .avn-button__segment-divider{--avn-button-segment-divider-block-end:auto;--avn-button-segment-divider-block-start:50%;--avn-button-segment-divider-height:16px;--avn-button-segment-divider-radius:1px;--avn-button-segment-divider-y:-50%}:is(.avn-button-group[data-variant=borderless][data-divider=mini]:has(>.avn-button:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]))>.avn-button:not(:first-child) .avn-button__segment-divider,.avn-button-group[data-variant=borderless][data-divider=mini]:has(:is([data-menu-open],[data-popup-open]))>.avn-button:not(:first-child) .avn-button__segment-divider){--avn-button-segment-divider-opacity:0}@media (hover:hover){.avn-button-group[data-variant=borderless][data-divider=mini]:hover{--avn-button-group-bg:var(--avn-control-tertiary-hover)}}:is(.avn-button-group[data-variant=borderless][data-divider=mini]:has(>.avn-button:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])),.avn-button-group[data-variant=borderless][data-divider=mini]:has(>.avn-button:is([data-menu-open],[data-popup-open]))){--avn-button-group-bg:var(--avn-control-tertiary-hover)}.avn-button-group[data-divider=solid]>.avn-button:is([data-active=true],[data-menu-open],[data-popup-open],:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]),:focus-visible:not(:disabled):not([data-disabled]):not([aria-disabled=true])) .avn-button__segment-divider,.avn-button-group[data-divider=solid]>.avn-button:is([data-active=true],[data-menu-open],[data-popup-open],:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]),:focus-visible:not(:disabled):not([data-disabled]):not([aria-disabled=true]))+.avn-button .avn-button__segment-divider,.avn-button-group[data-divider=mini]>.avn-button:is([data-active=true],[data-menu-open],[data-popup-open],:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]),:focus-visible:not(:disabled):not([data-disabled]):not([aria-disabled=true])) .avn-button__segment-divider,.avn-button-group[data-divider=mini]>.avn-button:is([data-active=true],[data-menu-open],[data-popup-open],:hover:not(:disabled):not([data-disabled]):not([aria-disabled=true]),:focus-visible:not(:disabled):not([data-disabled]):not([aria-disabled=true]))+.avn-button .avn-button__segment-divider{--avn-button-segment-divider-opacity:0}.avn-button-group[data-surface=flat]:not([data-variant=borderless])>.avn-button:after{display:var(--avn-button-overlay-display)}