.toggle-group{border-radius:var(--ds-radius-md);border:var(--ds-border-width) solid var(--ds-border-default);transition:opacity var(--ds-transition-normal);flex-shrink:0;display:flex;overflow:hidden}.toggle-group--disabled{opacity:.35;cursor:not-allowed}.toggle-group--disabled>*{pointer-events:none}.toggle-group__btn{background:var(--ds-btn-neutral-bg);color:var(--ds-text-dimmed);font-size:var(--ds-font-sm);font-weight:var(--ds-font-weight-normal);cursor:pointer;white-space:nowrap;transition:background var(--ds-transition-fast), color var(--ds-transition-fast);border:none;padding:7px 12px;font-family:inherit}.toggle-group__btn:hover:not(.toggle-group__btn--active){background:var(--ds-state-hover-bg)}.toggle-group__btn:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-offset))}.toggle-group__btn--active{background:var(--ds-accent-soft);color:var(--ds-accent-fg)}.toggle-group--chips{scrollbar-width:none;-ms-overflow-style:none;border:none;border-radius:0;gap:8px;display:flex;overflow-x:auto}.toggle-group--chips::-webkit-scrollbar{display:none}.toggle-group--chips{--tg-edge-fade:20px;scroll-padding-inline:var(--tg-edge-fade)}.toggle-group--chips:not([data-at-start]):not([data-at-end]){-webkit-mask-image:linear-gradient(to right, transparent 0, var(--ds-black) var(--tg-edge-fade), var(--ds-black) calc(100% - var(--tg-edge-fade)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, var(--ds-black) var(--tg-edge-fade), var(--ds-black) calc(100% - var(--tg-edge-fade)), transparent 100%)}.toggle-group--chips[data-at-start]:not([data-at-end]){-webkit-mask-image:linear-gradient(to right, var(--ds-black) 0, var(--ds-black) calc(100% - var(--tg-edge-fade)), transparent 100%);mask-image:linear-gradient(to right, var(--ds-black) 0, var(--ds-black) calc(100% - var(--tg-edge-fade)), transparent 100%)}.toggle-group--chips:not([data-at-start])[data-at-end]{-webkit-mask-image:linear-gradient(to right, transparent 0, var(--ds-black) var(--tg-edge-fade), var(--ds-black) 100%);mask-image:linear-gradient(to right, transparent 0, var(--ds-black) var(--tg-edge-fade), var(--ds-black) 100%)}.toggle-group--chips .toggle-group__btn{border-radius:var(--ds-radius-pill);font-size:var(--ds-font-xs);border:var(--ds-border-width) solid var(--ds-border-default);background:var(--ds-btn-neutral-bg);color:var(--ds-text-dimmed);padding:5px 12px}.toggle-group--chips .toggle-group__btn--active{background:var(--ds-accent-soft);border-color:var(--ds-accent-border);color:var(--ds-accent-fg)}