.oni-chipfield{position:relative;white-space:pre-wrap;overflow-wrap:anywhere}.oni-chipfield[data-empty=true]:before{content:attr(placeholder);position:absolute;inset:0;padding:inherit;pointer-events:none;opacity:.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oni-chipfield [data-chip]{display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.oni-chip-inner{display:inline-flex;font-weight:600;gap:.24em;align-items:baseline;padding:.225em .38em;border-radius:.5em;line-height:1;cursor:pointer;transition:background-color .12s ease;white-space:nowrap}.oni-chip-ico{display:inline-flex;align-items:center;align-self:center;margin-inline-start:-.1em}.oni-chip-ico svg{width:1em;height:1em}.oni-chip-inner[data-accent]{background-color:hsl(var(--oni-accent) 72% 46%/.13);box-shadow:inset 0 0 0 1px hsl(var(--oni-accent) 62% 42%/.42);color:inherit}.oni-chip-inner[data-accent]:hover{background-color:hsl(var(--oni-accent) 72% 46%/.2)}.dark .oni-chip-inner[data-accent]{background-color:hsl(var(--oni-accent) 68% 62%/.18);box-shadow:inset 0 0 0 1px hsl(var(--oni-accent) 70% 66%/.45)}.dark .oni-chip-inner[data-accent]:hover{background-color:hsl(var(--oni-accent) 68% 62%/.26)}