.jkl-chip{--padding-inline:var(--jkl-unit-15);--padding-icon:var(--jkl-unit-10);--height:var(--jkl-unit-40);--gap:var(--jkl-unit-05);--text-color:var(--jkl-color-text-default);--border-color:var(--jkl-color-border-subdued);--background-color:var(--jkl-color-background-container);--border-width:0.0625rem;font:var(--jkl-text-style-text-small);font-weight:var(--jkl-font-weight-bold);position:relative;background-color:var(--background-color);color:var(--text-color);border:var(--border-width) solid var(--border-color);border-radius:99999px;display:inline-flex;align-items:center;text-align:initial;white-space:nowrap;gap:var(--gap);padding:0 var(--padding-inline);min-height:var(--height)}@media screen and (forced-colors:active){.jkl-chip{border:2px CanvasText;border-style:none none dotted}}.jkl-chip:after{content:"";opacity:0;position:absolute;inset:0;border-radius:inherit;background-color:var(--text-color);transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:opacity}.jkl-chip:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-chip:hover:after{opacity:.15}.jkl-chip--filter[aria-pressed=true]{--background-color:var(--jkl-color-background-contrast);--text-color:var(--jkl-color-text-on-contrast);--border-color:var(--jkl-color-border-strong)}@media screen and (forced-colors:active){.jkl-chip--filter[aria-pressed=true]{forced-color-adjust:none;--background-color:CanvasText;--text-color:Canvas}}.jkl-chip:has(.jkl-icon){-webkit-padding-end:var(--padding-icon);padding-inline-end:var(--padding-icon)}