.tagify{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;cursor:text;position:relative}@-webkit-keyframes tags--bump{30%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes tags--bump{30%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.tagify[readonly]{cursor:default}.tagify[readonly]>.tagify__input{visibility:hidden;width:0;margin:5px 0}.tagify[readonly] x{display:none}.tagify[readonly] tag>div{padding:.3em .5em}.tagify+input,.tagify+textarea{border:0;display:none}.tagify tag{margin:5px 0 5px 5px;vertical-align:top;position:relative;z-index:1;cursor:default;-webkit-transition:.13s ease-out;-o-transition:.13s ease-out;transition:.13s ease-out}.tagify tag>div:not([contenteditable]){vertical-align:top;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;padding:.0em .5em;color:#fff;border-radius:3px;-webkit-transition:.13s ease-out;-o-transition:.13s ease-out;transition:.13s ease-out;padding-right:2em}.tagify tag>div:not([contenteditable])>span{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:inline-block;vertical-align:middle;-webkit-transition:.1s;-o-transition:.1s;transition:.1s}.tagify tag>div:not([contenteditable])::before{content:'';position:absolute;border-radius:inherit;left:0;top:0;right:0;bottom:0;background:#4b5b6c;z-index:-1;pointer-events:none;-webkit-transition:80ms ease;-o-transition:80ms ease;transition:80ms ease;-webkit-animation:.3s tags--bump 1 ease-out;animation:.3s tags--bump 1 ease-out}.tagify tag:hover:not([readonly]) div:not([contenteditable])::before{top:-2px;right:-2px;bottom:-2px;left:-2px;background:#1f262d;-webkit-box-shadow:0 0 0 0 #1f262d inset;box-shadow:0 0 0 0 #1f262d inset}.tagify tag.tagify--noAnim{-webkit-animation:none;animation:none}.tagify tag.tagify--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:.3s;-o-transition:.3s;transition:.3s;pointer-events:none}.tagify tag.tagify--mark div::before{-webkit-animation:none;animation:none}.tagify tag.tagify--notAllowed div>span{opacity:.5}.tagify tag.tagify--notAllowed div::before{background:rgba(211,148,148,.44);-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.tagify tag[readonly] x{display:none}.tagify tag[readonly]>div{padding:.3em .5em}.tagify tag x{font:14px/14px Serif;width:14px;text-align:center;border-radius:50px;position:absolute;z-index:1;right:calc(.5em - 2px);top:50%;cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;color:#fff}.tagify tag x::after{content:"\00D7"}.tagify tag x:hover{color:#fff;background:#c77777}.tagify tag x:hover+div>span{opacity:.5}.tagify tag x:hover+div::before{background:rgba(211,148,148,.44);-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.tagify__input{text-align:left;position:relative}.tagify__input:empty::before{-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;opacity:.5;-webkit-transform:none;-ms-transform:none;transform:none;color:#ccc}.tagify__input:focus{outline:0}.tagify__input:focus::before{-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;opacity:0;-webkit-transform:translatex(6px);-ms-transform:translatex(6px);transform:translatex(6px)}@supports (-moz-appearance:none){.tagify__input:focus::before{display:none}}.tagify__input:focus:empty::before{-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;opacity:.3;-webkit-transform:none;-ms-transform:none;transform:none}@supports (-moz-appearance:none){.tagify__input:focus:empty::before{display:inline-block}}.tagify__input::before{content:attr(data-placeholder);position:absolute;z-index:1;color:#fff;white-space:nowrap;pointer-events:none;opacity:0}@supports (-moz-appearance:none){.tagify__input::before{line-height:inherit;position:relative}}.tagify__input::after{content:attr(data-suggest);color:#fff;opacity:.3;pointer-events:none}.tagify__dropdown{position:absolute;z-index:999;background:#272f38;max-height:300px;overflow:auto;-webkit-box-shadow:0 2px 4px -2px rgba(0,0,0,.2);box-shadow:0 2px 4px -2px rgba(0,0,0,.2);-webkit-box-sizing:border-box;box-sizing:border-box}.tagify__dropdown__item{-webkit-box-sizing:inherit;box-sizing:inherit;padding:.35em .6em;margin:2px;cursor:pointer;border-radius:3px;position:relative}.tagify__dropdown__item--active{background:#334049}.tagify__dropdown__item:active{background:#4b5b6c}