.tag-group,
.tag-group.no-border {
    padding-top: 20px;
    padding-bottom: 10px;
    flex-basis: 100%;

    &.tag-group-collapsible {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        outline: none !important;
        overflow: hidden;

        .tag-item {
            cursor: inherit;
        }

        .icon-emb-chevron-down {
            transform: rotate(0);
            transform-origin: 48% 45%;
            transition: transform .3s ease;
        }

        &.active {
            .icon-emb-chevron-down {
                transform: rotate(-90deg);
            }
        }
    }
}

.tag-item,
.tag-item:active,
.tag-item:hover {
    border: 1px solid $default-text-color;
    padding: 2px 7px;
    color: $default-text-color;
    cursor: default;
    display: inline-flex;
    text-decoration: none;
    align-items: center;
    margin: 2px;
    min-height: 2em;
}

.tag-item.tag-add {
    cursor: pointer;
}

.tag-remove {
    font-size: .7em;
    margin-left: 4px;
    cursor: pointer;
}

.list {
    overflow-y: auto;

    .tag-item {
        cursor: pointer;
    }
}
