@layer payload-default{}@layer payload-default{.chip{position:relative;display:inline-flex;align-items:center;gap:0;border-radius:var(--button-radius);border:var(--stroke-width-small) solid var(--color-border);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);background-color:var(--color-bg);user-select:none;&:has(.chip__action:focus-visible){outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}}.chip--variant-default{background-color:var(--color-bg);border-color:var(--color-border);&:has(.chip__action:hover){background-color:var(--color-bg-hover)}&:has(.chip__action:active){background-color:var(--color-bg-pressed)}}.chip--variant-warning{background-color:var(--color-bg-warning-tertiary);border-color:var(--color-border-warning);&:has(.chip__action:hover){background-color:var(--color-bg-warning-tertiary-hover)}&:has(.chip__action:active){background-color:var(--color-bg-warning-pressed)}}.chip--variant-success{background-color:var(--color-bg-success-tertiary);border-color:var(--color-border-success);&:has(.chip__action:hover){background-color:var(--color-bg-success-tertiary-hover)}&:has(.chip__action:active){background-color:var(--color-bg-success-pressed)}}.chip--variant-danger{background-color:var(--color-bg-danger-tertiary);border-color:var(--color-border-danger);&:has(.chip__action:hover){background-color:var(--color-bg-danger-tertiary-hover)}&:has(.chip__action:active){background-color:var(--color-bg-danger-tertiary-pressed)}}.chip--selected{background-color:var(--color-bg-brand-tertiary);border-color:var(--color-border-brand);&:has(.chip__action:hover){background-color:var(--color-bg-brand-tertiary-hover)}&:has(.chip__action:active){background-color:var(--color-bg-brand-pressed)}}.chip--is-dragging{cursor:grabbing;z-index:10}.chip__action{position:absolute;inset:0;padding:0;border:none;background:transparent;cursor:pointer;border-radius:inherit;&:focus-visible{outline:none}}.chip--size-medium{height:var(--spacer-4);padding:0 var(--spacer-2);&:has(.chip__remove){padding-inline-end:0}&:has(.chip__icon){padding-inline-start:0}}.chip--size-large{height:var(--spacer-5);padding:0 var(--spacer-3);&:has(.chip__remove){padding-inline-end:0}&:has(.chip__icon){padding-inline-start:0}}.chip__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.chip__icon,.chip__label{position:relative;z-index:1;pointer-events:none}.chip__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip__remove{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:var(--radius-small);&:hover{background-color:var(--bg-transparent-hover)}&:active{background-color:var(--bg-transparent-pressed)}&:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}}}