.eds-chip{--eds--color--border-input-default:var(--eds--palette-gray-500);--_overlay-hover:linear-gradient(var(--eds--overlay-hover-default), var(--eds--overlay-hover-default));appearance:none;background-color:var(--eds--color--bg-muted-default);border:var(--eds--size-1) solid transparent;border-radius:var(--eds--radii-4);box-sizing:border-box;color:var(--eds--color--fg-default);cursor:default;font:inherit;align-items:center;gap:var(--eds--spacing-4);line-height:var(--eds--typography--body-m-line-height);max-width:240px;min-height:calc(var(--eds--typography--body-m-line-height) + var(--eds--padding-2) + var(--eds--padding-2));min-width:0;padding:var(--eds--padding-2) var(--eds--padding-4);text-align:start;transition-duration:var(--eds--transition-duration-moderate);background-image:linear-gradient(#0000,#0000);flex-shrink:1;justify-content:center;width:fit-content;margin:0;transition-property:background-color,background-image,border-color,box-shadow,color,opacity;transition-timing-function:ease-out;display:inline-flex;overflow:hidden}.eds-chip .eds-tooltip--trigger{min-width:0;max-width:100%;overflow:hidden}.eds-chip--icon{--eds--iconography-color:currentColor;flex-shrink:0;display:inline-flex}.eds-chip--outlined{border-color:var(--eds--color--border-input-default);background-color:#0000}.eds-chip--has-count{padding-block:0;padding-inline-end:0}.eds-chip--trigger{cursor:pointer}.eds-chip--dismissible{cursor:default;overflow:visible}.eds-chip--trigger:hover:not(:disabled):not(.eds-chip--disabled),.eds-chip--trigger:focus-visible:not(:disabled):not(.eds-chip--disabled){background-image:var(--_overlay-hover)}.eds-chip--trigger:focus-visible{box-shadow:var(--eds--interaction-focus-ring);outline:none}.eds-chip--disabled,.eds-chip:disabled{color:var(--eds--color--fg-disabled);cursor:not-allowed;opacity:var(--eds--opacity-disabled)}.eds-chip--disabled .eds-chip--dismiss{cursor:not-allowed}.eds-chip--dismiss{--_dismiss-hit-outset:calc((var(--eds--size-24) - var(--eds--size-16)) / 2);box-sizing:content-box;color:inherit;cursor:pointer;height:var(--eds--size-16);margin:calc(var(--_dismiss-hit-outset) * -1);padding:var(--_dismiss-hit-outset);width:var(--eds--size-16);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.eds-chip--dismiss:focus-visible{border-radius:var(--eds--radii-4);outline:2px solid var(--eds--color--border-brand);outline-offset:1px}