:where(.chip){--c:var(--primary);--ge:var(--gradient-end);--sa-color:var(--c);--chip-font:var(--fs-md);--chip-pad-x:var(--space-6);--chip-pad-y:var(--space-4);--chip-gap:var(--space-3);--chip-close-size:18px;--chip-close-icon:11px;--chip-radius:var(--radius);align-items:center;gap:var(--chip-gap);box-sizing:border-box;padding:var(--chip-pad-y) var(--chip-pad-x);border-radius:var(--rad-pill);font:inherit;font-size:var(--chip-font);line-height:var(--line-height);text-align:inherit;color:rgb(var(--c));white-space:nowrap;-webkit-user-select:none;user-select:none;isolation:isolate;transform-origin:50%;transition:transform .32s var(--ease-spring);background:0 0;border:0;outline:none;margin:0;display:inline-flex;position:relative}.chip:not([data-disabled]):hover{transform:scale(1.08)}@supports (text-box:trim-both cap alphabetic){:where(.chip){text-box:trim-both cap alphabetic}}.chip--clickable{cursor:pointer}.chip--clickable[data-disabled]{cursor:not-allowed}.chip:focus-visible{box-shadow:0 0 0 2px rgb(var(--background)), 0 0 0 4px rgb(var(--c) / .6)}.chip__bg{border-radius:inherit;pointer-events:none;z-index:-1;transition:background .2s var(--ease-standard), box-shadow .2s var(--ease-standard);position:absolute;inset:0}.chip__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(.chip:has(.chip__close)){padding-inline-end:calc(var(--chip-close-size) + var(--chip-pad-x) / 2 + var(--chip-gap) / 2)}:where(.chip[data-disabled]){pointer-events:none;opacity:.45}:where(.chip--shape-default){border-radius:var(--rad-pill)}:where(.chip--shape-square){border-radius:var(--chip-radius)}:where(.chip--shape-circle){border-radius:var(--rad-pill);aspect-ratio:1;padding-left:var(--chip-pad-y);padding-right:var(--chip-pad-y);justify-content:center;gap:0}:where(.chip--size-xl){--chip-font:var(--fs-xl);--chip-pad-x:var(--space-8);--chip-pad-y:var(--space-6);--chip-gap:var(--space-5);--chip-close-size:24px;--chip-close-icon:14px;--chip-radius:var(--rad-xl)}:where(.chip--size-large){--chip-font:var(--fs-lg);--chip-pad-x:var(--space-7);--chip-pad-y:var(--space-5);--chip-gap:var(--space-4);--chip-close-size:22px;--chip-close-icon:13px;--chip-radius:var(--rad-lg)}:where(.chip--size-medium){--chip-font:var(--fs-md);--chip-pad-x:var(--space-6);--chip-pad-y:var(--space-4);--chip-gap:var(--space-3);--chip-close-size:18px;--chip-close-icon:11px;--chip-radius:var(--rad-md)}:where(.chip--size-small){--chip-font:var(--fs-sm);--chip-pad-x:var(--space-5);--chip-pad-y:var(--space-3);--chip-gap:5px;--chip-close-size:16px;--chip-close-icon:10px;--chip-radius:var(--rad-sm)}:where(.chip--size-mini){--chip-font:var(--fs-xs);--chip-pad-x:var(--space-4);--chip-pad-y:var(--space-2);--chip-gap:var(--space-2);--chip-close-size:13px;--chip-close-icon:8px;--chip-radius:var(--rad-xs)}:where(.chip--default){color:rgb(var(--on-accent))}.chip--default .chip__bg{background:rgb(var(--c))}.chip--flat{color:rgb(var(--c))}.chip--flat .chip__bg{background:rgb(var(--c) / .15)}.chip--flat[data-active]{color:rgb(var(--on-accent))}.chip--flat[data-active] .chip__bg{background:rgb(var(--c))}.chip--border{color:rgb(var(--c))}.chip--border .chip__bg{box-shadow:inset 0 0 0 2px rgb(var(--c));background:0 0}.chip--border[data-active]{color:rgb(var(--on-accent))}.chip--border[data-active] .chip__bg{background:rgb(var(--c));box-shadow:inset 0 0 0 2px rgb(var(--c))}.chip--transparent{color:rgb(var(--c))}.chip--transparent .chip__bg{background:0 0}.chip--transparent[data-active] .chip__bg{background:rgb(var(--c) / .12)}:where(.chip--gradient){color:rgb(var(--on-accent))}.chip--gradient .chip__bg{background:linear-gradient(120deg, rgb(var(--c)) 0%, rgb(var(--ge)) 100%)}:where(.chip--shadow){color:rgb(var(--text))}.chip--shadow .chip__bg{background:rgb(var(--gray-1));box-shadow:0 10px 28px -6px #00000038, 0 3px 10px -2px #0000001f, inset 0 0 0 1px rgb(var(--gray-3))}.chip--shadow[data-active]{color:rgb(var(--c))}.chip--shadow[data-active] .chip__bg{box-shadow:0 10px 22px -6px rgb(var(--c) / .5), 0 3px 8px -2px #00000014, inset 0 0 0 1px rgb(var(--gray-3))}.chip--clickable.chip--default:not([data-disabled]):hover .chip__bg,.chip--clickable.chip--gradient:not([data-disabled]):hover .chip__bg{box-shadow:0 6px 16px -4px rgb(var(--c) / .55)}.chip--clickable.chip--flat:not([data-disabled]):not([data-active]):hover .chip__bg{background:rgb(var(--c) / .22)}.chip--clickable.chip--transparent:not([data-disabled]):hover .chip__bg{background:rgb(var(--c) / .1)}.chip--clickable.chip--border:not([data-disabled]):not([data-active]):hover .chip__bg{background:rgb(var(--c) / .08)}.chip--clickable.chip--shadow:not([data-disabled]):hover .chip__bg{box-shadow:0 14px 32px -6px #00000042, 0 5px 14px -2px #00000024, inset 0 0 0 1px rgb(var(--gray-3))}.chip--clickable.chip--default[data-active] .chip__bg,.chip--clickable.chip--gradient[data-active] .chip__bg{box-shadow:0 6px 18px -4px rgb(var(--c) / .6)}.chip__icon.svelte-1fexay1{flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.chip__close.svelte-8uy946{inset-inline-end:calc(var(--chip-pad-x) / 2);z-index:2;width:var(--chip-close-size);height:var(--chip-close-size);border-radius:var(--rad-circle);background:rgb(var(--c) / .18);color:inherit;cursor:pointer;transition:background .18s var(--ease-standard);border:0;outline:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.chip__close.svelte-8uy946:hover{background:rgb(var(--c) / .32)}.chip__close.svelte-8uy946:focus-visible{outline:2px solid rgb(var(--c) / .6);outline-offset:2px}.chip__close.svelte-8uy946:disabled{cursor:not-allowed}.chip__close.svelte-8uy946 svg{width:var(--chip-close-icon);height:var(--chip-close-icon)}.chip--default .chip__close.svelte-8uy946,.chip--gradient .chip__close.svelte-8uy946,.chip--flat[data-active] .chip__close.svelte-8uy946,.chip--border[data-active] .chip__close.svelte-8uy946{background:#0000002e}.chip--default .chip__close.svelte-8uy946:hover,.chip--gradient .chip__close.svelte-8uy946:hover,.chip--flat[data-active] .chip__close.svelte-8uy946:hover,.chip--border[data-active] .chip__close.svelte-8uy946:hover{background:#0000004d}.chip--transparent .chip__close.svelte-8uy946{background:rgb(var(--c) / .12)}