.div-chip{position:relative;flex:none;margin-inline-end:auto}.div-chip-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--surface));background:var(--info-tint);color:var(--primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.div-chip-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.div-chip--compact{margin-inline-end:0}.div-chip--compact .div-chip-btn{width:34px;padding:0;justify-content:center}.div-chip-menu{position:absolute;inset-inline-start:0;top:calc(100% + 6px);z-index:60;min-width:220px;max-width:min(320px,calc(100vw - 32px));padding:8px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md)}.div-chip--compact .div-chip-menu{inset-inline-start:auto;inset-inline-end:0}.div-chip-eyebrow{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);padding:4px 8px}.div-chip-menu ul{list-style:none;margin:0;padding:0}.div-chip-menu li>a,.div-chip-menu li>span{display:block;padding:7px 8px;border-radius:8px;font-size:13.5px;color:var(--fg);text-decoration:none}.div-chip-menu li>a:hover{background:var(--sunken)}.div-chip-manage{display:block;margin-top:4px;padding:7px 8px;border-top:1px solid var(--border);font-size:13px;color:var(--primary);text-decoration:none}@media (max-width:767px){.div-chip:not(.div-chip--compact){display:none}}