.goo-button-group{--goo-button-group-radius:var(--goo-theme-radius-md,.25rem);--goo-button-group-bg:var(--goo-theme-border-subtle,color-mix(in srgb, var(--goo-theme-fg,#fff) 12%, transparent));--goo-button-group-border:var(--goo-theme-border,color-mix(in srgb, var(--goo-theme-fg,#fff) 15%, transparent));--goo-button-group-height:var(--goo-theme-control-height-md,2rem);box-sizing:border-box;background:var(--goo-button-group-bg);border:1px solid var(--goo-button-group-border);border-radius:var(--goo-button-group-radius);height:var(--goo-button-group-height);isolation:isolate;--goo-button-group-option-count:1;--goo-button-group-selected-index:0;outline:none;gap:0;display:inline-flex;position:relative;overflow:hidden}.goo-button-group:before{content:"";z-index:0;width:calc(100% / var(--goo-button-group-option-count));border-radius:max(0px, calc(var(--goo-button-group-radius) - 1px));background:var(--goo-theme-accent,#3b82f6);opacity:0;pointer-events:none;transform:translateX(calc(var(--goo-button-group-selected-index) * 100%));transition:opacity .12s ease, transform var(--goo-theme-transition-normal,.2s ease), background-color var(--goo-theme-transition-fast,.15s ease);position:absolute;inset:0 auto 0 0}.goo-button-group.goo-button-group--single-select:before{opacity:1}.goo-button-group:focus-visible{outline:2px solid var(--goo-theme-focus-ring,#3b82f6);outline-offset:2px}.goo-button-group>.goo-button{--goo-button-bg:transparent;--goo-button-bg-hover:var(--goo-theme-border,#80808026);--goo-button-border:transparent;background:var(--goo-button-bg);border:none;border-right:1px solid var(--goo-theme-border,#80808033);text-transform:none;min-width:0;height:100%;min-height:0;transition:background-color var(--goo-theme-transition-fast,.15s ease), color var(--goo-theme-transition-fast,.15s ease), box-shadow var(--goo-theme-transition-fast,.15s ease);z-index:1;text-align:center;border-radius:0;flex:1 1 0;justify-content:center;line-height:1;position:relative;transform:none!important}.goo-button-group>.goo-button .goo-button__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.goo-button-group>.goo-button:hover:not(.goo-button--selected){background:var(--goo-button-bg-hover)}.goo-button-group>.goo-button:focus{box-shadow:none;z-index:auto}.goo-button-group>.goo-button:first-child{border-radius:var(--goo-button-group-radius) 0 0 var(--goo-button-group-radius)}.goo-button-group>.goo-button:last-child{border-radius:0 var(--goo-button-group-radius) var(--goo-button-group-radius) 0;border-right:none}.goo-button-group>.goo-button:only-child{border-radius:var(--goo-button-group-radius)}.goo-button-group>.goo-button.goo-button--selected,.goo-button-group>.goo-button[selected]{color:var(--goo-theme-accent-fg,#fff);background:var(--goo-theme-accent,#3b82f6)!important}.goo-button-group.goo-button-group--single-select>.goo-button.goo-button--selected,.goo-button-group.goo-button-group--single-select>.goo-button[selected]{background:0 0!important}.goo-button-group>.goo-button.goo-button--selected:hover:not([disabled]),.goo-button-group>.goo-button[selected]:hover:not([disabled]){color:var(--goo-theme-accent-fg,#fff);background:var(--goo-theme-secondary,#2563eb)!important}.goo-button-group.goo-button-group--single-select>.goo-button.goo-button--selected:hover:not([disabled]),.goo-button-group.goo-button-group--single-select>.goo-button[selected]:hover:not([disabled]){background:0 0!important}.goo-button-group>.goo-button.goo-button--focused{box-shadow:inset 0 0 0 2px var(--goo-theme-focus-ring,#3b82f680)}.goo-button-group.goo-button-group--disabled{opacity:.5;pointer-events:none}.goo-button-group[size=compact]{--goo-button-group-height:var(--goo-theme-control-height-sm,1.5rem)}.goo-button-group[size=compact]>.goo-button{font-size:var(--goo-theme-font-size-xs,.75rem);padding:0 .625rem}.goo-button-group[data-layout=vertical]{flex-direction:column;height:auto}.goo-button-group.goo-button-group--single-select[data-layout=vertical]:before{width:auto;height:calc(100% / var(--goo-button-group-option-count));transform:translateY(calc(var(--goo-button-group-selected-index) * 100%));inset:0 0 auto}.goo-button-group[data-layout=vertical]>.goo-button{border-right:none;border-bottom:1px solid var(--goo-theme-border,#80808033);width:100%;height:var(--goo-theme-control-height-md,2rem);flex:none;justify-content:center}.goo-button-group[data-layout=vertical]>.goo-button:first-child{border-radius:var(--goo-button-group-radius) var(--goo-button-group-radius) 0 0}.goo-button-group[data-layout=vertical]>.goo-button:last-child{border-radius:0 0 var(--goo-button-group-radius) var(--goo-button-group-radius);border-bottom:none}.goo-button-group[data-layout=vertical]>.goo-button:only-child{border-radius:var(--goo-button-group-radius);border-bottom:none}.goo-button-group>.goo-button>.icon,.goo-button-group>.goo-button>.goo-icon,.goo-button-group>.goo-button>.goo-button__icon{justify-content:center;align-items:center;display:inline-flex}.goo-button-group>.goo-button[layout=stacked]{height:auto;min-height:unset;text-transform:none;flex-direction:column;gap:.25em;padding:.5rem .75rem;line-height:1.2}.goo-button-group>.goo-button[layout=stacked]>span{font-size:var(--goo-theme-font-size-xs,.75rem);letter-spacing:.02em;font-weight:500}@media (prefers-reduced-motion:reduce){.goo-button-group:before,.goo-button-group>.goo-button{transition-duration:.01ms}}