.chips.svelte-1scfga9{display:flex;flex-wrap:wrap;gap:.8rem;.chip:where(.svelte-1scfga9){cursor:pointer;outline:1px solid var(--primary);padding:4px 10px;height:30px;display:grid;align-items:center;&:has(.textIcon:where(.svelte-1scfga9)){grid-template-columns:30px 1fr}&:has(.imgIcon:where(.svelte-1scfga9)){grid-template-columns:20px 1fr}.icon{display:none;grid-column:1}.labelIcon:where(.svelte-1scfga9){display:block;.icon{display:block}}.textIcon:where(.svelte-1scfga9){grid-column:1;background-color:var(--primary);color:#fff;font-size:.8rem;padding:2px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;width:30px;font-weight:600}.imgIcon:where(.svelte-1scfga9){grid-column:1;width:20px;height:20px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.labelText:where(.svelte-1scfga9){grid-column:2}&:hover{background-color:color-mix(in oklch,var(--primary) 30%,transparent)}&:has(input:where(.svelte-1scfga9):checked){--background: color-mix(in oklab, var(--primary) 80%, var(--surface3));background-color:var(--background);color:var(--contrast);.icon{display:inline-block;width:15px!important}.textIcon:where(.svelte-1scfga9),.labelIcon:where(.svelte-1scfga9),.imgIcon:where(.svelte-1scfga9){display:none}}}}