.ds-chip{--dsc-chip-background--active:var(--ds-color-surface-active);--dsc-chip-background--checked--active:var(--ds-color-base-active);--dsc-chip-background--checked--hover:var(--ds-color-base-hover);--dsc-chip-background--checked:var(--ds-color-base-default);--dsc-chip-background--hover:var(--ds-color-surface-hover);--dsc-chip-background:var(--ds-color-surface-tinted);--dsc-chip-border-color--checked:transparent;--dsc-chip-border-color:var(--ds-color-border-subtle);--dsc-chip-border-radius--checkbox-input:var(--ds-border-radius-sm);--dsc-chip-border-radius--checkbox:var(--ds-border-radius-md);--dsc-chip-border-radius:calc(var(--dsc-chip-height)/2);--dsc-chip-border-style:solid;--dsc-chip-border-width:var(--ds-border-width-default);--dsc-chip-color:var(--ds-color-text-default);--dsc-chip-height:var(--ds-size-8);--dsc-chip-icon-size:var(--ds-icon-size);--dsc-chip-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-chip-input-accent-color:var(--ds-color-base-contrast-default);--dsc-chip-input-color:var(--ds-color-text-subtle);--dsc-chip-input-size:var(--ds-size-5);--dsc-chip-input-stroke-color:var(--ds-color-base-default);--dsc-chip-padding-inline:var(--ds-size-3);--dsc-chip-spacing:calc((var(--dsc-chip-height) - var(--dsc-chip-input-size))/2);background:var(--dsc-chip-background);border-color:var(--dsc-chip-border-color);border-radius:var(--dsc-chip-border-radius);border-style:var(--dsc-chip-border-style);border-width:var(--dsc-chip-border-width);box-sizing:border-box;color:var(--dsc-chip-color);cursor:pointer;font-family:inherit;font-size:var(--ds-body-sm-font-size);line-height:var(--ds-line-height-sm);margin:0;max-height:-moz-fit-content;max-height:fit-content;max-width:-moz-fit-content;max-width:fit-content;min-width:0;min-height:var(--dsc-chip-height);padding-block:calc(var(--dsc-chip-height)/2 - var(--dsc-chip-border-width)/2 - .5lh);padding-inline:var(--dsc-chip-padding-inline);position:relative;text-align:inherit;text-decoration:none}.ds-chip:not([data-wrap=wrap]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-chip{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-chip:focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}.ds-chip:focus-visible *{--_ds--focus: }.ds-chip>input{inset-block-start:50%;inset-inline-start:var(--dsc-chip-spacing);position:absolute;translate:0 -50%;--dsc-input-background:transparent;--dsc-input-border-color:var(--dsc-chip-input-color);--dsc-input-accent-color:var(--dsc-chip-input-accent-color);--dsc-input-stroke-color:var(--dsc-chip-input-stroke-color);--dsc-input-size--toggle:var(--dsc-chip-input-size);--dsc-input-outline-width--hover:0}.ds-chip:not([hidden]){display:inline-block}.ds-chip:has(:focus-visible){box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}.ds-chip:has(:focus-visible) *{--_ds--focus: }.ds-chip:disabled,.ds-chip:has(input:disabled),.ds-chip[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.ds-chip[data-removable]{padding-inline-end:calc(var(--dsc-chip-spacing)*2 + var(--dsc-chip-icon-size))}.ds-chip[data-removable]:after{content:"";position:absolute;inset-block-start:50%;inset-inline-end:var(--dsc-chip-spacing);translate:0 -50%;background:currentcolor;height:var(--dsc-chip-icon-size);-webkit-mask:center/contain no-repeat var(--dsc-chip-icon-url);mask:center/contain no-repeat var(--dsc-chip-icon-url);width:var(--dsc-chip-icon-size);padding-inline:0;flex-shrink:0}.ds-chip:has(input){padding-inline-start:calc(var(--dsc-chip-spacing)*2 + var(--dsc-chip-icon-size))}.ds-chip:has(input[type=checkbox]){border-radius:var(--dsc-chip-border-radius--checkbox)}.ds-chip:has(input:checked),.ds-chip[data-removable]{color:var(--dsc-chip-input-accent-color);background:var(--dsc-chip-background--checked);border-color:var(--dsc-chip-border-color--checked)}@media (hover:hover) and (pointer:fine){.ds-chip:not(:has(:disabled,[aria-disabled=true])):hover{background:var(--dsc-chip-background--hover)}.ds-chip:not(:has(:disabled,[aria-disabled=true])):active{background:var(--dsc-chip-background--active)}:is(.ds-chip:not(:has(:disabled,[aria-disabled=true])):has(input:checked),.ds-chip[data-removable]:not(:has(:disabled,[aria-disabled=true]))):hover{background:var(--dsc-chip-background--checked--hover)}:is(.ds-chip:not(:has(:disabled,[aria-disabled=true])):has(input:checked),.ds-chip[data-removable]:not(:has(:disabled,[aria-disabled=true]))):active{background:var(--dsc-chip-background--checked--active)}}