@layer global{.chip{align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-xs);border:var(--border-width) solid color-mix(in srgb, currentColor 20%, transparent);border-radius:var(--radius-pill);font-size:var(--size-xs);letter-spacing:.05em;font-weight:700;line-height:var(--leading-body);text-transform:uppercase;display:inline-flex}.chip__icon{display:inline-flex}.chip--brand{background-color:var(--color-primary-tint);color:var(--color-primary-readable)}.chip--secondary{background-color:var(--color-secondary-tint);color:var(--color-secondary-readable)}.chip--green{background-color:var(--color-accent-green-tint);color:var(--color-accent-green)}.chip--amber{background-color:var(--color-accent-amber-tint);color:var(--color-accent-amber)}.chip--blue{background-color:var(--color-accent-blue-tint);color:var(--color-accent-blue)}.chip--rose{background-color:var(--color-accent-rose-tint);color:var(--color-accent-rose)}.chip--teal{background-color:var(--color-accent-teal-tint);color:var(--color-accent-teal)}.chip--neutral{background-color:var(--color-gray-100);color:var(--color-gray-700)}.chip--on-deep{border-color:color-mix(in srgb, var(--color-white) 14%, transparent);background-color:var(--color-primary-deep);background-image:linear-gradient(color-mix(in srgb, var(--color-white) 8%, transparent), color-mix(in srgb, var(--color-white) 8%, transparent));color:var(--color-gray-300)}.chip--on-dark{border-color:color-mix(in srgb, var(--color-white) 14%, transparent);background-color:var(--color-gray-900);background-image:linear-gradient(color-mix(in srgb, var(--color-white) 8%, transparent), color-mix(in srgb, var(--color-white) 8%, transparent));color:var(--color-gray-300)}.chip--name,.chip--on-deep,.chip--on-dark{letter-spacing:normal;text-transform:none;font-weight:600}.chip--on-deep .chip__icon,.chip--on-dark .chip__icon{color:var(--color-secondary-on-dark)}}