.sd-tf{--bg:#1d1d1d;--fg:#f7f7f7;--mute:#8e8e8e;--line:#ffffff17;--soft:#ffffff12;--chip:#ffffff1a;--r:999px;background:var(--bg);width:min(100%,300px);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);border-radius:22px;padding:16px}.sd-tf[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000014;--soft:#0000000a;--chip:#00000012}.sd-tf[data-chip=square]{--r:7px}.sd-tf__top{justify-content:space-between;align-items:baseline;padding:0 2px;display:flex}.sd-tf__label{font-size:13px;font-weight:500}.sd-tf__count{color:var(--mute);font-feature-settings:"tnum";font-size:12px}.sd-tf__count[data-full]{color:var(--fg)}.sd-tf__box{background:var(--soft);min-height:48px;box-shadow:inset 0 0 0 1px var(--line);cursor:text;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:7px;transition:box-shadow .2s;display:flex}.sd-tf__box:focus-within{box-shadow:inset 0 0 0 1.5px var(--fg)}.sd-tf__tags{list-style:none;display:contents}.sd-tf__tag{border-radius:var(--r);background:var(--chip);align-items:center;gap:2px;height:30px;padding:0 4px 0 11px;font-size:13px;font-weight:500;transition:background-color .2s,color .2s;animation:.3s cubic-bezier(.2,1.4,.4,1) sd-tf-in;display:inline-flex}.sd-tf__tag[data-armed]{background:var(--fg);color:var(--bg)}.sd-tf__tag button{width:22px;height:22px;color:inherit;opacity:.6;border-radius:999px;place-items:center;transition:opacity .15s,background-color .15s;display:grid}.sd-tf__tag button:hover{opacity:1;background:var(--chip)}.sd-tf__tag svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:10px;height:10px}.sd-tf__input{min-width:80px;height:30px;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 6px;font-size:14px}.sd-tf__input::placeholder{color:var(--mute)}.sd-tf__sugg{color:var(--mute);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;display:flex}.sd-tf__sugg button{border-radius:var(--r);height:26px;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);padding:0 10px;font-size:12.5px;transition:background-color .15s}.sd-tf__sugg button:hover{background:var(--soft)}.sd-tf__hint{color:var(--mute);margin:10px 2px 0;font-size:12px}.sd-tf__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sd-tf button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}@keyframes sd-tf-in{0%{opacity:0;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.sd-tf *{transition:none!important;animation:none!important}}