.chip{align-items:center;background-color:var(--secondaryColor-50);border-radius:50px;color:var(--secondaryColor-800);cursor:default;display:inline-flex;font-weight:500;gap:10px;transition:background-color .2s ease,color .2s ease;word-break:break-word}.chip[data-selected]{background-color:var(--primaryColor-50);color:var(--primaryColor-500)}.chip.s{padding:5px 15px}.chip.s[data-with-control]{padding-right:5px}.chip.m{font-size:18px;padding:10px 20px}.chip.m[data-with-control]{padding-right:20px}.chip.l{font-size:20px;padding:15px 30px}.chip.l[data-with-control]{padding-right:30px}.chip [data-fill]{transition:fill .2s ease}.chip:hover{background-color:var(--primaryColor-50);color:var(--primaryColor-500)}.chip__selected [data-fill]{fill:var(--primaryColor)}.chip__close{align-items:center;background-color:var(--secondaryColor);border:0;border-radius:50px;cursor:pointer;display:flex;justify-content:center;max-height:32px;max-width:32px;min-height:32px;min-width:32px;transition:background-color .2s ease,color .2s ease}.chip__close:not(.loading):hover{background-color:var(--errorColor-500)}.chip__close:not(.loading):hover [data-fill]{fill:var(--secondaryColor)}.chip__close.loading{background-color:#fff;background-size:24px;pointer-events:none}.chip__close.loading svg{display:none}.chip__close.success{background-color:#06a900;pointer-events:none}[data-animations=on] .chip svg{animation-delay:0s;animation-duration:.35s;animation-fill-mode:both;animation-name:zoomIn}