@layer components{:root{--twentyone--chip--padding: var(--twentyone--spacing--4) var(--twentyone--spacing--8);--twentyone--chip--gap: var(--twentyone--spacing--8);--twentyone--chip--background: var(--twentyone--color--lightgrey);--twentyone--chip--border-width: 0;--twentyone--chip--border-color: transparent;--twentyone--chip--border-radius: calc(var(--twentyone--spacing--4) * 1.5);--twentyone--chip--color: var(--twentyone--color--black);--twentyone--chip--font-size: var(--twentyone--font-size--level-7);--twentyone--chip--line-height: 1.5;--twentyone--chip--letter-spacing: .1em;--twentyone--chip--text-transform: uppercase;--twentyone--chip--icon-color: var(--twentyone--color--black);--twentyone--chip--icon-font-size: var(--twentyone--font-size--level-7);--twentyone--chip--icon-only-width: var(--twentyone--spacing--48);--twentyone--chip--icon-only-icon-font-size: var(--twentyone--element--font-size);--twentyone--chip--inverted-background: var(--twentyone--color--white);--twentyone--chip--inverted-border-color: transparent;--twentyone--chip--inverted-color: var(--twentyone--color--black);--twentyone--chip--inverted-icon-color: var(--twentyone--color--black)}.twentyone-chip{align-items:center;background:var(--twentyone--chip--background);border:var(--twentyone--chip--border-width) solid var(--twentyone--chip--border-color);color:var(--twentyone--chip--color);display:flex;fill:var(--twentyone--chip--icon-color);flex:0 0 auto;font-family:inherit;gap:var(--twentyone--chip--gap);justify-content:center;margin:0;padding:var(--twentyone--chip--padding);text-decoration:none;word-break:normal;border-radius:var(--twentyone--chip--border-radius);transition:var(--twentyone--element--transition)}.twentyone-chip::before{content:none}.twentyone-chip.icon--only{aspect-ratio:1;padding:0;width:var(--twentyone--chip--icon-only-width)}.twentyone-chip.icon--only .twentyone-icon svg,.twentyone-chip.icon--only .twentyone-icon img{font-size:var(--twentyone--chip--icon-only-icon-font-size)}.twentyone-chip.is--error{background:var(--twentyone--color--red);color:var(--twentyone--color--white);fill:var(--twentyone--color--white)}.twentyone-chip.is--success{background:var(--twentyone--color--green);color:var(--twentyone--color--white);fill:var(--twentyone--color--white)}.twentyone-chip.is--warning{background:var(--twentyone--color--yellow);color:var(--twentyone--color--black);fill:var(--twentyone--color--black)}.twentyone-chip.is--inverted{background:var(--twentyone--chip--inverted-background);border-color:var(--twentyone--chip--inverted-border-color);color:var(--twentyone--chip--inverted-color);fill:var(--twentyone--chip--inverted-icon-color)}.twentyone-chip .twentyone-label{color:inherit;font-size:var(--twentyone--chip--font-size);letter-spacing:var(--twentyone--chip--letter-spacing);line-height:var(--twentyone--chip--line-height);text-transform:var(--twentyone--chip--text-transform)}.twentyone-chip .twentyone-icon svg,.twentyone-chip .twentyone-icon img{font-size:var(--twentyone--chip--icon-font-size)}}