@layer components.form{e-chips{gap:var(--s-2);padding-inline:var(--_label-left);flex-wrap:wrap;margin-top:.5rem;display:flex}e-chips button{min-height:var(--button-min-height,var(--control-height,2.75rem));padding:var(--s-1);font-size:var(--s0);font-family:var(--font-family);font-weight:var(--font-weight-button,400);color:var(--color-primary);border-radius:var(--button-border-radius);cursor:pointer;transition:var(--interactive-transition);background-color:transparent;border:1px solid;justify-content:center;align-items:center;line-height:normal;display:inline-flex}e-chips button:hover{background-color:color-mix(in srgb, currentColor 10%, transparent)}e-chips button:active{transform:scale(var(--interactive-scale))}e-chips button[aria-pressed=true]{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}e-chips button:focus-visible{box-shadow:0 0 0 2px var(--color-background,white), 0 0 0 4px var(--color-primary);outline:none}}