.cf{position:relative}.cf-label{color:var(--color-ink);flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-bottom:.45rem;font-size:.9375rem;font-weight:600;line-height:1.35;display:flex}.cf-compact .cf-label{color:var(--color-steel-deep);margin-bottom:.35rem;font-size:.8125rem}.cf-compact .cf-box{min-height:2.75rem;padding-top:.2rem;padding-bottom:.2rem}.cf-hint{color:var(--color-steel-deep);margin:-.15rem 0 .55rem;font-size:.8125rem;line-height:1.45}.cf-box{border:1px solid var(--color-line);cursor:text;background:#fff;border-radius:.25rem;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:3rem;padding:.35rem .5rem;scroll-margin-top:5.5rem;transition:border-color .15s,box-shadow .15s;display:flex}.cf-box:focus-within{border-color:var(--color-steel);box-shadow:0 0 0 3px #4e607629}.cf.has-err .cf-box,.has-err>.cf .cf-box{border-color:var(--color-error)}.cf-chips{list-style:none;display:contents}.cf-chip{background:var(--color-steel-deep);color:#fff;border-radius:999px;align-items:center;gap:.15rem;max-width:100%;min-height:2.1rem;padding:0 .1rem 0 .7rem;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex}.cf-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cf-chip-x{color:#fffc;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;padding:0;display:grid}.cf-chip-x:hover{color:#fff;background:#ffffff24}.cf-chip-x svg{width:.95rem;height:.95rem}.cf-input{min-width:9rem;height:2.2rem;color:var(--color-ink);background:0 0;border:0;outline:none;flex:9rem;padding:0 .35rem;font-size:1rem}.cf-input::placeholder{color:var(--color-muted)}.cf-msg{color:var(--color-error);gap:.35rem;margin-top:.45rem;font-size:.875rem;font-weight:600;line-height:1.4;display:flex}.cf-msg:before{content:"!";background:var(--color-error);color:#fff;border-radius:999px;flex:none;place-items:center;width:1.1rem;height:1.1rem;margin-top:.05rem;font-size:.75rem;font-weight:700;display:grid}.cf-msg[hidden]{display:none}.cf-pop{z-index:30;overscroll-behavior:contain;border:1px solid var(--color-line);background:#fff;border-radius:.375rem;margin-top:.35rem;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 22px 48px -16px #1c263466}.cf-pop [role=listbox]{padding:.3rem}.cf-h{letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-copper-deep);margin:0;padding:.7rem .7rem .3rem;font-size:.6875rem;font-weight:600}.cf-opt{cursor:pointer;border-radius:.3rem;align-items:center;gap:.75rem;min-height:2.75rem;padding:.4rem .7rem;display:flex}.cf-opt:hover,.cf-opt.is-active{background:var(--color-paper-warm)}.cf-opt.is-active{box-shadow:inset 2px 0 0 var(--color-copper)}.cf-opt-main{flex:1;min-width:0}.cf-opt-label{color:var(--color-ink);font-size:.9375rem;font-weight:600;line-height:1.3;display:block}.cf-opt-label mark{color:var(--color-copper-deep);text-underline-offset:3px;background:0 0;text-decoration:underline 2px}.cf-opt-sub{color:var(--color-steel-deep);margin-top:.1rem;font-size:.8125rem;line-height:1.35;display:block}.cf-opt-mark{border:1.5px solid var(--color-line);color:#0000;border-radius:.3rem;flex:none;place-items:center;width:1.5rem;height:1.5rem;display:grid}.cf-opt-mark svg{width:1rem;height:1rem}.cf-opt[aria-selected=true] .cf-opt-mark{border-color:var(--color-copper);background:var(--color-copper);color:#fff}.cf-opt-add .cf-opt-label{color:var(--color-copper-deep)}.cf-tile{border:1px solid var(--color-line);background:var(--color-paper);width:2.25rem;height:2.25rem;color:var(--color-steel);border-radius:.3rem;flex:none;place-items:center;display:grid}.cf-tile svg{width:1.15rem;height:1.15rem}.cf-tile-code{border-color:var(--color-steel-deep);background:var(--color-steel-deep);color:#fff;letter-spacing:.06em;font-size:.6875rem;font-weight:700}.cf-opt-add .cf-tile{border-color:var(--color-copper);color:var(--color-copper-deep);background:#fff}.cf-empty{color:var(--color-steel-deep);margin:0;padding:.7rem .7rem .4rem;font-size:.875rem;line-height:1.5}.opt-badge{border:1px solid var(--color-line);background:var(--color-paper);height:1.35rem;color:var(--color-steel-deep);letter-spacing:.04em;vertical-align:middle;border-radius:999px;align-items:center;padding:0 .5rem;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex}
