.chips{width:100%;padding:8px 12px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;gap:8px;background-color:var(--Container-Neutral);border-radius:100px;outline:1px var(--Stroke-On-Surface-Enabled) solid;outline-offset:-1px;color:var(--Text-On-Surface-Default);cursor:pointer}.chips-vertical{border-radius:12px;padding:8px 12px;min-width:92px}.chips.chips-vertical:focus,.chips.chips-vertical:hover,a:focus .chips.chips-vertical,a:hover .chips.chips-vertical{background-color:var(--Container-Primary-dim-hovered);outline:1px var(--Stroke-On-Surface-Enabled) solid;outline-offset:-1px}a:has(.chips.chips-vertical.active):focus .chips.chips-vertical,a:has(.chips.chips-vertical.active):hover .chips.chips-vertical{outline:1px solid var(--Stroke-On-Surface-Primary);outline-offset:-1px;background-color:var(--Container-Primary-enabled);color:var(--Text-On-Container-Negative)}.chips.chips-vertical:active,a:active .chips.chips-vertical{outline:1px solid var(--Stroke-On-Surface-Primary);background-color:var(--Container-Primary-dim-pressed)}.chips.chips-vertical.active,a.active .chips.chips-vertical{outline:1px solid var(--Stroke-On-Surface-Primary);outline-offset:-1px;background-color:var(--Container-Primary-enabled);color:var(--Text-On-Container-Negative)}.chips-horizontal{border-radius:100px;padding:6px 12px;width:max-content}.primary-negative{color:var(--Text-On-Container-Primary)}.chips.chip-img{flex-direction:row;align-items:center}.chips.chip-img.chips-horizontal>[class*=ds-icon-]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.chips.chip-img.chips-horizontal>.ds-icon-16{height:20px}.chips.chip-img.chips-horizontal>[class*=ds-icon-] svg{display:block}a:has(.chips){display:inline-flex;text-decoration:none!important;color:inherit}a:focus .chips:not(:has(.ds-icon-16)) path,a:hover .chips:not(:has(.ds-icon-16)) path{fill:var(--Container-Primary-dim-hovered)}.outlined{outline:1px var(--Stroke-On-Surface-Enabled) solid;outline-offset:-1px;color:var(--Text-On-Surface-Default);background-color:var(--Container-Neutral)}.chips.outlined path,a .chips.outlined path{fill:currentColor}.chips.outlined:focus-visible,a:focus-visible .chips.outlined{outline:2px var(--Stroke-On-Container-Warning) solid;outline-offset:2px}.chips.outlined:focus-visible path,a:focus-visible .chips.outlined path{fill:currentColor}.chips.outlined:focus,.chips.outlined:hover,a:focus .chips.outlined,a:hover .chips.outlined{outline:1px solid var(--Stroke-On-Surface-Primary);background-color:var(--Container-Primary-dim-enabled);color:var(--Text-On-Container-Primary)}.chips.outlined:focus path,.chips.outlined:hover path,a:focus .chips.outlined path,a:hover .chips.outlined path{fill:currentColor}.chips.outlined:active,a:active .chips.outlined{background-color:var(--Container-Primary-dim-pressed);outline:1px var(--Stroke-On-Surface-Primary) solid;outline-offset:-1px;color:var(--Text-On-Container-Primary)}.chips.outlined:active path,a:active .chips.outlined path{fill:currentColor}.chips.outlined.active,a.active .chips.outlined{outline:1px var(--Stroke-On-Surface-Primary) solid;outline-offset:-1px;color:var(--Text-On-Container-Primary);background-color:var(--Container-Primary-dim-pressed)}.chips.outlined.active path,a.active .chips.outlined path{fill:currentColor}.chips.outlined.disabled,.chips.outlined:disabled{outline:1px var(--Stroke-On-Surface-Disabled) solid;outline-offset:-1px;background-color:var(--Container-Neutral);color:var(--Text-On-Surface-Disabled);cursor:not-allowed;pointer-events:none}.chips.outlined.disabled path,.chips.outlined:disabled path{fill:currentColor}.primary-negative{outline:1px var(--Container-Neutral) solid;outline-offset:-1px;background-color:var(--Container-Neutral);color:var(--Text-On-Container-Primary)}.chips.primary-negative path,a .chips.primary-negative path{fill:currentColor}.chips.primary-negative:focus-visible,a:focus-visible .chips.primary-negative{outline:2px var(--Stroke-On-Container-Warning) solid;outline-offset:2px}.chips.primary-negative:focus-visible path,a:focus-visible .chips.primary-negative path{fill:currentColor}.chips.primary-negative:focus,.chips.primary-negative:hover,a:focus .chips.primary-negative,a:hover .chips.primary-negative{background-color:var(--Container-Primary-dim-hovered);outline:1px var(--Container-Primary-dim-hovered) solid;color:var(--Text-On-Container-Primary)}.chips.primary-negative:focus path,.chips.primary-negative:hover path,a:focus .chips.primary-negative path,a:hover .chips.primary-negative path{fill:currentColor}.chips.primary-negative:active,a:active .chips.primary-negative{background-color:var(--Container-Primary-dim-pressed);outline:1px var(--Container-Primary-dim-pressed) solid;color:var(--Text-On-Container-Primary)}.chips.primary-negative:active path,a:active .chips.primary-negative path{fill:currentColor}.chips.primary-negative.active,a.active .chips.primary-negative{outline:1px var(--Stroke-On-Surface-Primary) solid;outline-offset:-1px;background-color:var(--Container-Primary-enabled);color:var(--Text-On-Container-Negative)}.chips.primary-negative.active path,a.active .chips.primary-negative path{fill:currentColor}.chips.primary-negative.disabled,.chips.primary-negative:disabled{outline:1px var(--Stroke-On-Surface-Disabled) solid;outline-offset:-1px;background-color:var(--Container-Neutral);color:var(--Text-On-Surface-Disabled);cursor:not-allowed;pointer-events:none}.chips.primary-negative.disabled path,.chips.primary-negative:disabled path{fill:currentColor}