:root{--tagify-dd-color-primary:hsl(var(--clr-500));--tagify-dd-bg-color:hsl(var(--clr-500));--tagify-dd-item-pad:3px 5px}.tagify{--tag-bg:hsl(var(--clr-tag-bg));--tag-hover:hsl(var(--clr-tag-bg));--tag-text-color:hsl(var(--clr-tag));--tag-remove-btn-color:hsl(var(--clr-400));width:100%;min-height:38px;padding:5px;gap:3px;align-items:center;background-color:hsl(var(--clr-400));border:1px solid hsl(var(--clr-600));border-radius:3px}.tagify--focus{border:1px solid hsl(var(--clr-blue))}.tagify__tag{margin:0;word-break:break-all}.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{--tag-bg-inset:0px}.tagify__tag,.tagify__dropdown__item{font-size:.8rem;font-weight:600}.tagify__tag.admin{--tag-bg:hsl(var(--clr-tag-admin-bg));--tag-hover:hsl(var(--clr-tag-admin-bg))}.tagify__tag.category1{--tag-bg:hsl(var(--clr-tag-category1-bg));--tag-hover:hsl(var(--clr-tag-category1-bg))}.tagify__tag.category2{--tag-bg:hsl(var(--clr-tag-category2-bg));--tag-hover:hsl(var(--clr-tag-category2-bg))}.tagify__input{margin:0;padding:2px 5px;font-size:.9rem}.tagify__dropdown{margin-top:2px}.tagify__dropdown__wrapper{padding:3px 2px 4px;display:flex;flex-wrap:wrap;gap:3px}.tagify__dropdown__item{color:hsl(var(--clr-tag));background-color:hsl(var(--clr-tag-bg));border-radius:3px;line-height:1;margin:0}.tagify__dropdown__item.admin{background-color:hsl(var(--clr-tag-admin-bg))}.tagify__dropdown__item.category1{background-color:hsl(var(--clr-tag-category1-bg))}.tagify__dropdown__item.category2{background-color:hsl(var(--clr-tag-category2-bg))}.tagify__dropdown__item--hidden{max-width:0;max-height:initial;padding:var(--tagify-dd-item-pad);white-space:nowrap;text-indent:-20px}