/**@license
 *  _____
 * |_   _|___ ___ ___ ___ ___
 *   | | | .'| . | . | -_|  _|
 *   |_| |__,|_  |_  |___|_|
 *           |___|___|   version 0.4.4
 *
 * Tagger - Zero dependency, Vanilla JavaScript Tag Editor
 *
 * Copyright (c) 2018-2022 Jakub T. Jankiewicz <https://jcubic.pl/me>
 * Released under the MIT license
 */
.tagger {
    border: 1px solid #909497;
}
.tagger input[type="hidden"] {
  /* fix for bootstrap */
  display: none;
}

.tagger > ul {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0;
    justify-content: space-between;
    box-sizing: border-box;
    height: auto;
    flex: 0 0 auto;
    overflow-y: auto;
    margin: 0;
    list-style: none;
    flex-wrap: wrap;
}

.tagger > ul > li {
    padding-bottom: 0;
    margin-left: 9px;
}
.tagger > ul > li:not(.tagger-new) a,
.tagger > ul > li:not(.tagger-new) a:visited {
    text-decoration: none;
    color: var(--tag-x-color);
}
.tagger > ul > li:not(.tagger-new) > :first-child {
    padding: 4px 4px 4px 8px;
    background: var(--theme-bg);
    /*background: #0064ff;
    border: 1px solid #2375ff;*/
    border-radius: 3px;
}
.tagger > ul > li:not(.tagger-new) > span,
.tagger > ul > li:not(.tagger-new) > a > span {
    white-space: nowrap;
}
.tagger li a.close {
    /* padding: 4px; */
    margin-left: 4px;
    /* padding-top: 2px; */
    /* float: none; */
    filter: alpha(opacity=100);
    opacity: 1;
    font-size: 22px;
    /* line-height: 9px; */
    vertical-align: bottom;
}
.tagger li a.close:hover {
    color: white;
}
.tagger .tagger-new input {
    border: none;
    outline: none;
    box-shadow: none;
    width: 100%;
    padding-left: 0;
    background: transparent;
}
.tagger .tagger-new {
    flex-grow: 1;
    position: relative;
    min-width: 40px;
}
.tagger.wrap > ul {
    flex-wrap: wrap;
    justify-content: start;
}

.wisp .tagger > ul {
    /* height: 21px; */
    line-height: 19px;
    /* border-radius: 25px; */
    padding-right: 5px;
    width: 100%;
    min-width: 100%;
    justify-content: unset !important;
    align-items: unset !important;
}
.wisp .tagger ul > li {
    /* height: 21px; */
    line-height: 37px;
    background: unset !important;
}

.wisp .tagger ul > li:nth-child(1) {
    margin-left: 9px !important;
}

.wisp .tagger > ul > li:not(.tagger-new) > :first-child {
    padding: 0;
    /*background: unset !important;*/
}

.wisp .tagger ul > li a:nth-child(1) {
    padding-left: 6px !important;
    padding-right: 5px !important;
    padding-bottom: 3px !important;
    background: var(--post-hashtag-bg);
    color: var(--post-hashtag-fg);
}

.wisp li#tagger-new {
    margin-left:0 !important;
}