.token-category-picker{position:relative;width:100%}
.token-category-control{min-height:38px;width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 8px;border:1px solid rgba(130,130,130,.2);border-radius:4px;background:#fff;cursor:text}
.token-category-picker.open .token-category-control{border-color:rgba(17,17,17,.55);box-shadow:0 0 0 2px rgba(17,17,17,.06)}
.token-category-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.token-category-tag{display:inline-flex;align-items:center;max-width:100%;padding:3px 6px;border-radius:4px;background:rgba(130,130,130,.16);color:#4e5358;font-size:12px;line-height:1.4}
.token-category-remove{appearance:none;border:0;background:transparent;color:#888;margin-left:5px;padding:0;line-height:1;cursor:pointer;font-size:16px}
.token-category-remove:hover{color:#f1404b}
.token-category-input{flex:1;min-width:92px;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;padding:3px 0!important;font-size:14px}
.token-category-dropdown{display:none;position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);max-height:220px;overflow:auto;padding:5px;border:1px solid rgba(130,130,130,.2);border-radius:4px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.token-category-picker.open .token-category-dropdown{display:block}
.token-category-option{display:block;width:100%;border:0;background:transparent;color:#4e5358;text-align:left;padding:6px 8px;border-radius:4px;font-size:13px;cursor:pointer}
.token-category-option:hover{background:rgba(130,130,130,.16);color:#111}
.token-category-empty{padding:8px;color:#888;font-size:12px;text-align:center}
.io-black-mode .token-category-control,.io-black-mode .token-category-dropdown{background:#2c2e2f;border-color:rgba(233,245,255,.14)}
.io-black-mode .token-category-tag{background:rgba(233,245,255,.1);color:#cdd4da}
.io-black-mode .token-category-option{color:#cdd4da}
.io-black-mode .token-category-option:hover{background:rgba(233,245,255,.1);color:#fff}