.chip-host.svelte-1u2dmsh{z-index:2;max-width:calc(100% - 16px);position:absolute;inset-block-start:8px;inset-inline-start:8px}.chip-host.bottom.svelte-1u2dmsh{inset-block:auto 8px}.chip-host.bottom.svelte-1u2dmsh .note:where(.svelte-1u2dmsh){inset-block:auto calc(100% + 4px)}.chip.svelte-1u2dmsh{border:1px solid var(--ink);background:var(--paper,#fff);min-height:1.75rem;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:1px 8px;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex}button.chip.svelte-1u2dmsh{cursor:pointer}button.chip.svelte-1u2dmsh:focus-visible{outline:2px solid var(--action);outline-offset:2px}.chip.compact.svelte-1u2dmsh{min-width:1.75rem;padding:1px 4px}.note.svelte-1u2dmsh{border:1px solid var(--line);background:var(--paper,#fff);width:min(16rem,72vw);color:var(--ink);border-radius:6px;padding:8px 10px;font-size:.875rem;font-weight:400;line-height:1.4;display:none;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:0;box-shadow:0 2px 8px #00000026}.note.open.svelte-1u2dmsh{display:block}@media (pointer:coarse){button.chip.svelte-1u2dmsh{min-width:44px;min-height:44px}}@media (hover:hover) and (pointer:fine){.chip-host.svelte-1u2dmsh:hover .note:where(.svelte-1u2dmsh),.chip-host.svelte-1u2dmsh:focus-within .note:where(.svelte-1u2dmsh){display:block}}