.custom-pillbox-input-container{font-family:system-ui,-apple-system,sans-serif;max-width:500px;position:relative;width:100%}.custom-pillbox-input__box{align-items:center;backdrop-filter:var(--pillbox-backdrop);-webkit-backdrop-filter:var(--pillbox-backdrop);background:var(--pillbox-bg);border:1px solid var(--pillbox-border);border-radius:12px;box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06);color:var(--pillbox-text);cursor:text;display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease}.custom-pillbox-input-container.is-focused .custom-pillbox-input__box{border-color:var(--pillbox-accent);box-shadow:0 0 0 3px rgba(var(--pillbox-accent-rgb),.2),inset 0 2px 4px 0 rgba(0,0,0,.06)}.custom-pillbox-input__pills-wrapper{display:flex;flex-wrap:wrap;gap:.375rem}.custom-pillbox-input__pill{align-items:center;background:rgba(var(--pill-accent-rgb,var(--pillbox-accent-rgb)),.15);border:1px solid rgba(var(--pill-accent-rgb,var(--pillbox-accent-rgb)),.3);border-radius:9999px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:var(--pillbox-text);display:inline-flex;font-size:.85rem;font-weight:500;gap:.25rem;padding:.25rem .5rem .25rem .75rem;transition:background .15s ease,border-color .15s ease}.custom-pillbox-input__pill:hover{background:rgba(var(--pill-accent-rgb,var(--pillbox-accent-rgb)),.25);border-color:rgba(var(--pill-accent-rgb,var(--pillbox-accent-rgb)),.5)}.custom-pillbox-input__remove-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:inherit;cursor:pointer;display:inline-flex;font-size:.85rem;height:16px;justify-content:center;line-height:1;opacity:.7;transition:opacity .15s ease,background-color .15s ease;width:16px}.custom-pillbox-input__remove-btn:hover{background-color:hsla(0,0%,50%,.2);opacity:1}.custom-pillbox-input__remove-btn:focus-visible{opacity:1;outline:2px solid var(--pillbox-accent);outline-offset:1px}.custom-pillbox-input__text-field{background:transparent;border:none;color:var(--pillbox-text);flex:1;font-size:.9rem;min-width:120px;outline:none;padding:.25rem 0}.custom-pillbox-input__text-field:read-only{cursor:default;opacity:.7}.custom-pillbox-input__text-field::placeholder{color:rgba(var(--pillbox-text-rgb),.5)}.custom-pillbox-input__suggestions-dropdown{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--pillbox-dropdown-bg,rgba(15,23,42,.95));border:1px solid var(--pillbox-border);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);transition:opacity .2s ease;z-index:50}.custom-pillbox-input__suggestions-list{list-style:none;margin:0;padding:.25rem}.custom-pillbox-input__suggestion-item{border-radius:6px;color:var(--pillbox-dropdown-text,hsla(0,0%,100%,.9));cursor:pointer;font-size:.85rem;padding:.5rem .75rem;transition:background-color .15s ease,color .15s ease}.custom-pillbox-input__suggestion-item.is-active,.custom-pillbox-input__suggestion-item:hover{background-color:var(--pillbox-accent);color:#fff}.custom-pillbox-input__no-matches{color:rgba(var(--pillbox-text-rgb),.5);font-size:.85rem;font-style:italic;padding:.5rem .75rem}.custom-pillbox-input__box.shake{animation:custom-pillbox-shake .4s ease-in-out}@keyframes custom-pillbox-shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.custom-pillbox-input__sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}@media (prefers-reduced-motion:reduce){.custom-pillbox-input__box.shake{animation:none;border-color:#ef4444!important}.custom-pillbox-input__pill,.custom-pillbox-input__remove-btn,.custom-pillbox-input__suggestion-item{transition:none!important}}