.ds-toggle-group,.ds-togglegroup{--dsc-togglegroup-background:var(--ds-color-surface-default);--dsc-togglegroup-border-width:var(--ds-border-width-default);--dsc-togglegroup-border-style:solid;--dsc-togglegroup-border-color:var(--ds-color-border-default);--dsc-togglegroup-color:var(--ds-color-text-default);--dsc-togglegroup-spacing:0;--dsc-togglegroup-border-radius:var(--ds-border-radius-default);--dsc-togglegroup-button-size:var(--ds-size-12);--dsc-togglegroup-label:"";--_ds-data-toggle-group:var(--dsc-togglegroup-label);background:var(--dsc-togglegroup-background);border-radius:var(--dsc-togglegroup-border-radius);border:none;box-sizing:border-box;color:var(--dsc-togglegroup-color);gap:var(--dsc-togglegroup-spacing);grid-auto-columns:1fr;grid-auto-flow:column;height:var(--dsc-togglegroup-button-size);margin-inline:0;max-width:-moz-fit-content;max-width:fit-content;min-width:0;outline-offset:calc(var(--dsc-togglegroup-border-width)*-1);outline:var(--dsc-togglegroup-border-width) var(--dsc-togglegroup-border-style) var(--dsc-togglegroup-border-color);overflow-x:auto;padding:var(--dsc-togglegroup-spacing);width:auto}:is(.ds-togglegroup,.ds-toggle-group):not([hidden]){display:flex}:is(.ds-togglegroup,.ds-toggle-group)>:is(a,label,button){isolation:isolate;border-radius:inherit;height:100%;min-height:unset;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}[data-icon]:is(:is(.ds-togglegroup,.ds-toggle-group)>:is(a,label,button)){width:var(--dsc-togglegroup-button-size)}@media (forced-colors:active){:is(.ds-togglegroup,.ds-toggle-group)>:is(label:has(input:checked),button[aria-checked=true],a[aria-current=true]){background:ButtonText;color:initial}:is(:is(.ds-togglegroup,.ds-toggle-group)>:is(label:has(input:checked),button[aria-checked=true],a[aria-current=true])) svg{color:initial}}:is(.ds-togglegroup,.ds-toggle-group)>label>input{position:absolute;opacity:0;pointer-events:none}:is(.ds-togglegroup,.ds-toggle-group)>:is(label:not(:has(input:checked)),button:not([aria-checked=true]),a:not([aria-current=true])){--dsc-button-background--active:var(--ds-color-surface-active);--dsc-button-background--hover:var(--ds-color-surface-hover);--dsc-button-background:transparent;--dsc-button-color--hover:var(--ds-color-text-default);--dsc-button-color:inherit;isolation:auto}:is(.ds-togglegroup,.ds-toggle-group):not([data-variant=secondary])>[data-variant=tertiary]:is(label:has(input:checked),button[aria-checked=true],a[aria-current=true]){--dsc-button-background--active:var(--ds-color-base-active);--dsc-button-background--hover:var(--ds-color-base-hover);--dsc-button-background:var(--ds-color-base-default);--dsc-button-color--active:var(--dsc-button-color);--dsc-button-color--hover:var(--dsc-button-color);--dsc-button-color:var(--ds-color-base-contrast-default)}:is(.ds-togglegroup,.ds-toggle-group) :is(a:focus-visible,button:focus-visible,label:has(input:focus-visible)){box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-togglegroup,.ds-toggle-group) :is(a:focus-visible,button:focus-visible,label:has(input:focus-visible))) *{--_ds--focus: }[data-variant=secondary]:is(.ds-togglegroup,.ds-toggle-group){--dsc-togglegroup-background:var(--ds-color-surface-tinted);--dsc-togglegroup-border-color:var(--ds-color-border-subtle)}[data-variant=secondary]:is(.ds-togglegroup,.ds-toggle-group)>:is(label:has(input:checked),button[aria-checked=true],a[aria-current=true]){--dsc-button-background--active:var(--dsc-button-background);--dsc-button-background--hover:var(--dsc-button-background);--dsc-button-background:var(--ds-color-surface-default);--dsc-button-border-color:var(--ds-color-border-default);--dsc-button-color--active:var(--dsc-button-color);--dsc-button-color--hover:var(--dsc-button-color);--dsc-button-color:var(--ds-color-text-default)}