.ds-chip-group{border:0;display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin:0;min-inline-size:0;padding:0}.ds-chip-group--scroll{--_ds-chip-shrink:0;flex-wrap:nowrap;margin-inline:calc(var(--ds-space-5)*-1);overflow-x:auto;overscroll-behavior-x:contain;padding:var(--ds-space-1) var(--ds-space-5);scroll-padding-inline:var(--ds-space-5);scroll-snap-type:x proximity;scrollbar-width:none}.ds-chip-group--scroll::-webkit-scrollbar{display:none}.ds-chip{align-items:center;background:transparent;border:var(--ds-border-width) solid var(--ds-color-border-strong);border-radius:var(--ds-radius-pill);box-sizing:border-box;color:var(--ds-color-text);cursor:pointer;display:inline-flex;flex-shrink:var(--_ds-chip-shrink,1);font-family:var(--ds-font-body);font-size:var(--ds-text-control-size);font-weight:var(--ds-text-control-weight);gap:var(--ds-space-2);line-height:var(--ds-text-control-line);margin:0;min-block-size:var(--ds-control-height);padding-inline:var(--ds-space-4);position:relative;scroll-snap-align:start;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:var(--ds-transition-control)}@media(max-width:768px){.ds-chip:after{block-size:max(100%,var(--ds-target-min));content:"";inline-size:max(100%,var(--ds-target-min));inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-50%,-50%)}}.ds-chip--suggestion{padding-block:var(--ds-space-2);text-align:start;white-space:normal}.ds-chip__input{-moz-appearance:none;appearance:none;-webkit-appearance:none;block-size:100%;cursor:inherit;inline-size:100%;inset:0;margin:0;opacity:0;position:absolute;z-index:1}.ds-chip__input:after,.ds-chip__input:before{content:none!important}@media(hover:hover){.ds-chip:hover{background:var(--ds-color-surface-hover)}}.ds-chip:active{transform:scale(.98)}.ds-chip:has(:checked),.ds-chip[aria-pressed=true]{background:var(--ds-color-accent-soft);border-color:var(--ds-color-border-accent);box-shadow:inset 0 0 0 var(--ds-border-width) var(--ds-color-border-accent);color:var(--ds-color-text-accent)}.ds-chip:has(:focus-visible){outline:var(--ds-focus-width) solid var(--ds-color-focus-ring);outline-offset:var(--ds-focus-offset)}.ds-chip:disabled,.ds-chip:has(:disabled){background:transparent;border-color:var(--ds-color-border);color:var(--ds-color-text-muted);cursor:not-allowed;transform:none}@supports not selector(:has(*)){.ds-chip__input{accent-color:var(--ds-color-accent-fill);-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;block-size:auto;inline-size:auto;opacity:1;position:static}}@media(forced-colors:active){.ds-chip:has(:checked),.ds-chip[aria-pressed=true]{border-color:Highlight;border-width:var(--ds-border-width-strong);margin:calc(var(--ds-border-width) - var(--ds-border-width-strong))}}
