.cmf,.cmf-box{position:relative}.cmf-box{display:flex}.cmf-box>input{width:100%}.cmf-list{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 4px);max-height:260px;overflow-y:auto;overscroll-behavior:contain;background:var(--white);border:1px solid var(--g200);border-radius:10px;padding:4px}.cmf-item{display:flex;align-items:baseline;gap:8px;width:100%;border:0;background:transparent;border-radius:8px;padding:10px;cursor:pointer;font-family:inherit;text-align:left}.cmf-item.on{background:var(--pkblue-l)}.cmf-item .cmf-name{font-size:14px;font-weight:600;color:var(--ink)}.cmf-item .cmf-brand{font-size:12px;color:var(--g400)}.cmf-none{margin:0;padding:12px 10px;font-size:13px;color:var(--g500)}.cmf-list.up{top:auto;bottom:calc(100% + 4px)}.cmf:not(.compact) .cmf-box>input{padding-right:64px}.cmf.compact .cmf-clear{display:none}.cmf.compact .cmf-box>input{padding-right:40px}.cmf-btn{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;background:transparent;border-radius:8px;color:var(--g400);cursor:pointer}.cmf-open{right:6px}.cmf-clear{right:34px}.cmf-clear:active,.cmf-open:active{background:var(--g100)}.cmf-caret{transition:transform .12s ease}.cmf-caret.on{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.cmf-caret{transition:none}}.cmf-picked{margin:6px 0 0;font-size:12px;color:var(--g500)}