.arc{flex:none;display:inline-flex;position:relative}.arc-chip{background:var(--g-paper);min-height:26px;box-shadow:inset 0 0 0 1px var(--g-line);color:var(--g-ink-3);font:inherit;white-space:nowrap;cursor:pointer;transition:color var(--g-t-fast) var(--g-ease), box-shadow var(--g-t-fast) var(--g-ease);border:0;border-radius:999px;align-items:center;gap:5px;padding:0 10px 0 8px;font-size:12px;font-weight:500;display:inline-flex}.arc-chip:hover,.arc.is-open .arc-chip{color:var(--g-ink);box-shadow:inset 0 0 0 1px var(--g-ink-3)}.arc-chip:focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}.arc-pop{background:var(--g-ink);color:var(--g-paper);box-shadow:var(--g-sh-pop);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.arc.is-desk .arc-pop{z-index:20;width:290px;position:absolute;top:calc(100% + 8px);right:0}.arc-pop-hide{color:inherit;font:inherit;opacity:.75;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.arc-pop-hide:hover{opacity:1}.f-cd-field>.arc{align-self:center;margin-left:8px}.f-cd-field:focus-within>.arc .arc-chip{background:var(--g-sunken);box-shadow:none}.f-cf-field>.arc{flex-direction:column;order:3;align-self:flex-start;align-items:flex-start;gap:8px;margin:10px 2px 4px}.arc.is-sheet .arc-chip{background:var(--g-sunken);min-height:30px;box-shadow:none;padding:0 12px 0 9px;font-size:12.5px}.arc.is-sheet .arc-pop{max-width:100%}.f-cd-field{container:cdfield/inline-size}@container cdfield (max-width:480px){.f-cd-field>.arc .arc-label{display:none}.f-cd-field>.arc .arc-chip{justify-content:center;width:28px;padding:0}}