.goo-button-group{--goo-button-group-radius:var(--goo-theme-radius-md);--goo-button-group-bg:var(--goo-theme-surface-raised);--goo-button-group-border:var(--goo-theme-border);--goo-button-group-selected-bg:var(--goo-theme-accent);--goo-button-group-selected-bg-hover:color-mix(in srgb, var(--goo-button-group-selected-bg) 88%, var(--goo-theme-fg));--goo-button-group-selected-fg:var(--goo-theme-accent-fg);--goo-button-group-height:var(--goo-theme-control-height-md);--goo-button-group-indicator-motion:var(--goo-theme-transition-normal);--goo-button-group-indicator-radius-inset:calc(var(--goo-theme-space-2xs) * .5);--goo-button-group-indicator-radius:max(calc(var(--goo-theme-space-2xs) - var(--goo-theme-space-2xs)), calc(var(--goo-button-group-radius) - var(--goo-button-group-indicator-radius-inset)));--goo-button-group-indicator-inset-block:0px;--goo-button-group-indicator-ring:transparent;--goo-button-group-inset-shadow:inset 0 1px 0 color-mix(in srgb, var(--goo-theme-fg) 5%, transparent);--goo-button-group-divider-inset:18%;--goo-button-group-motion-fast:var(--goo-theme-transition-fast);--goo-button-group-stacked-gap:var(--goo-theme-space-xs);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);box-shadow:var(--goo-button-group-inset-shadow);height:var(--goo-button-group-height);isolation:isolate;--goo-button-group-option-count:1;--goo-button-group-selected-index:0;outline:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:0;display:inline-grid;position:relative;overflow:hidden}.goo-button-group:before{content:"";inset:var(--goo-button-group-indicator-inset-block) auto var(--goo-button-group-indicator-inset-block) 0;z-index:0;width:calc(100% / var(--goo-button-group-option-count));border-radius:var(--goo-button-group-indicator-radius);background:var(--goo-button-group-selected-bg);box-shadow:inset 0 0 0 1px var(--goo-button-group-indicator-ring);opacity:0;pointer-events:none;transform:translateX(calc(var(--goo-button-group-selected-index) * 100%));transition:opacity var(--goo-button-group-motion-fast), transform var(--goo-button-group-indicator-motion), background-color var(--goo-button-group-motion-fast);position:absolute}.goo-button-group.goo-button-group--single-select:before{opacity:1}.goo-button-group.goo-button-group--no-selection:before{opacity:0}.goo-button-group:focus-visible{outline:2px solid var(--goo-theme-focus-ring);outline-offset:2px}.goo-button-group>.goo-button{--goo-button-bg:transparent;--goo-button-bg-hover:var(--goo-theme-border);--goo-button-border:transparent;background:var(--goo-button-bg);text-transform:none;min-width:0;height:100%;min-height:0;transition:background-color var(--goo-button-group-motion-fast), color var(--goo-button-group-motion-fast), box-shadow var(--goo-button-group-motion-fast);z-index:1;text-align:center;border:none;border-radius:0;justify-content:center;line-height:1;position:relative;transform:none!important}.goo-button-group>.goo-button.goo-button--icon-only{min-width:var(--goo-button-group-height);width:100%;padding:0}.goo-button-group>.goo-button .goo-button__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;max-width:100%;display:block;overflow:hidden}.goo-button-group>.goo-button:not(:last-child):after{content:"";top:var(--goo-button-group-divider-inset);bottom:var(--goo-button-group-divider-inset);background:var(--goo-theme-border);pointer-events:none;width:1px;transition:opacity var(--goo-button-group-motion-fast);position:absolute;right:0}.goo-button-group>.goo-button.goo-button--selected:after,.goo-button-group>.goo-button[selected]:after{opacity:0}.goo-button-group>.goo-button:has(+.goo-button--selected):after{opacity:0}.goo-button-group>.goo-button:has(+.goo-button[selected]):after{opacity:0}.goo-button-group:is(:not([data-layout=vertical]),.goo-button-group--single-select)>.goo-button:not(.goo-button--selected):not([selected]):before{content:"";inset:var(--goo-button-group-indicator-inset-block) 0;z-index:-1;border-radius:var(--goo-button-group-indicator-radius);background:var(--goo-button-bg-hover);opacity:0;pointer-events:none;transition:opacity var(--goo-button-group-motion-fast);position:absolute}.goo-button-group:is(:not([data-layout=vertical]),.goo-button-group--single-select)>.goo-button:not(.goo-button--selected):not([selected]):hover:before{opacity:1}.goo-button-group:is(:not([data-layout=vertical]),.goo-button-group--single-select)>.goo-button:not(.goo-button--selected):not([selected]):hover{background:0 0}.goo-button-group[data-layout=vertical]:not(.goo-button-group--single-select)>.goo-button:hover:not(.goo-button--selected):not([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}.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],.goo-button-group>.goo-button.goo-button--selected:hover:not([disabled]),.goo-button-group>.goo-button[selected]:hover:not([disabled]){color:var(--goo-button-group-selected-fg);background:0 0!important}.goo-button-group.goo-button-group--single-select:has(>.goo-button:is(.goo-button--selected,[selected]):hover:not([disabled])):before{background:var(--goo-button-group-selected-bg-hover)}.goo-button-group:not(.goo-button-group--single-select):not([data-layout=vertical])>.goo-button:is(.goo-button--selected,[selected]):before{content:"";inset:var(--goo-button-group-indicator-inset-block) 0;z-index:-1;border-radius:var(--goo-button-group-indicator-radius);background:var(--goo-button-group-selected-bg);box-shadow:inset 0 0 0 1px var(--goo-button-group-indicator-ring);pointer-events:none;transition:background-color var(--goo-button-group-motion-fast);position:absolute}.goo-button-group:not(.goo-button-group--single-select):not([data-layout=vertical])>.goo-button:is(.goo-button--selected,[selected]):hover:not([disabled]):before{background:var(--goo-button-group-selected-bg-hover)}.goo-button-group:not(.goo-button-group--single-select):not([data-layout=vertical])>.goo-button:is(.goo-button--selected,[selected])+.goo-button:is(.goo-button--selected,[selected]):before{box-shadow:inset 0 1px 0 0 var(--goo-button-group-indicator-ring), inset 0 -1px 0 0 var(--goo-button-group-indicator-ring), inset -1px 0 0 0 var(--goo-button-group-indicator-ring);border-start-start-radius:0;border-end-start-radius:0}.goo-button-group:not(.goo-button-group--single-select):not([data-layout=vertical])>.goo-button:is(.goo-button--selected,[selected]):has(+.goo-button:is(.goo-button--selected,[selected])):before{box-shadow:inset 0 1px 0 0 var(--goo-button-group-indicator-ring), inset 0 -1px 0 0 var(--goo-button-group-indicator-ring), inset 1px 0 0 0 var(--goo-button-group-indicator-ring);border-start-end-radius:0;border-end-end-radius:0}.goo-button-group:not(.goo-button-group--single-select):not([data-layout=vertical])>.goo-button:is(.goo-button--selected,[selected])+.goo-button:is(.goo-button--selected,[selected]):has(+.goo-button:is(.goo-button--selected,[selected])):before{box-shadow:inset 0 1px 0 0 var(--goo-button-group-indicator-ring), inset 0 -1px 0 0 var(--goo-button-group-indicator-ring)}.goo-button-group[data-layout=vertical]:not(.goo-button-group--single-select)>.goo-button.goo-button--selected,.goo-button-group[data-layout=vertical]:not(.goo-button-group--single-select)>.goo-button[selected]{background:var(--goo-button-group-selected-bg)!important}.goo-button-group[data-layout=vertical]:not(.goo-button-group--single-select)>.goo-button:is(.goo-button--selected,[selected]):hover:not([disabled]){background:var(--goo-button-group-selected-bg-hover)!important}.goo-button-group:focus-within>.goo-button.goo-button--focused:focus-visible{box-shadow:inset 0 0 0 2px var(--goo-theme-focus-ring)}.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)}.goo-button-group[size=compact]>.goo-button{padding:var(--goo-theme-control-padding-sm);font-size:var(--goo-theme-font-size-xs)}.goo-button-group[size=compact]>.goo-button.goo-button--icon-only{padding:0}.goo-button-group[data-layout=vertical]{grid-auto-flow:row;grid-auto-columns:none;grid-auto-rows:auto;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{width:100%;height:var(--goo-theme-control-height-md);justify-content:center}.goo-button-group[data-layout=vertical]>.goo-button:not(:last-child):after{top:auto;right:var(--goo-button-group-divider-inset);bottom:0;left:var(--goo-button-group-divider-inset);width:auto;height:1px}.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)}.goo-button-group[data-layout=vertical]>.goo-button:only-child{border-radius:var(--goo-button-group-radius)}.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:has(>.goo-button[layout=stacked]){height:auto;min-height:var(--goo-button-group-height)}.goo-button-group>.goo-button[layout=stacked]{gap:var(--goo-button-group-stacked-gap);height:auto;padding:var(--goo-theme-space-sm) var(--goo-theme-space-md);min-height:unset;text-transform:none;flex-direction:column;line-height:1.2}.goo-button-group>.goo-button[layout=stacked]>span{font-size:var(--goo-theme-font-size-xs);font-weight:var(--goo-theme-font-weight-medium);letter-spacing:0}@media (hover:none) and (pointer:coarse){.goo-button-group,.goo-button-group[size=compact]{--goo-button-group-height:max(var(--goo-theme-control-height-touch), var(--goo-theme-control-height-md))}.goo-button-group[data-layout=vertical]>.goo-button{height:max(var(--goo-theme-control-height-touch), var(--goo-theme-control-height-md))}.goo-button-group>.goo-button[layout=stacked]{min-height:max(var(--goo-theme-control-height-touch), var(--goo-theme-control-height-md))}}@media (prefers-reduced-motion:reduce){.goo-button-group:before,.goo-button-group>.goo-button{transition:none}}