@mixin input-search-select {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    min-width: calc(100% - (#{$input-group-pre-width} + #{$input-group-suf-width}));
    padding-bottom: 5px;
    padding-left: 5px;

    .input-item,
    .selecton-search-input {
        background-color: transparent;
        color: $input-group-search-text-color;
        cursor: text;
        display: inline-block;
        line-height: 1.5em;
    }

    .input-item {
        @include input-item;
        margin: 5px 5px 0 0;
        &.drag-active {
            filter: blur(1px);
            opacity: .2;
        }
    }

    .selecton-search-input {
        border: 0;
        font-size: 1em;
        margin: 5px 0 0 0;
        outline: none;
        padding: 0;
        width: 1px;

        &:focus {
            width: 20px;
        }
    }
}

@mixin input-search-add {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    min-width: calc(100% - (#{$input-group-pre-width}));
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;

    .input-item,
    .selecton-search-input {
        background-color: transparent;
        color: $input-group-search-text-color;
        cursor: text;
        display: inline-block;
        line-height: 1.5em;
    }

    .input-item {
        @include input-item;
        margin: 5px 5px 0 0;
        &.drag-active {
            filter: blur(1px);
            opacity: .2;
        }
    }

    .selecton-search-input {
        border: 0;
        font-size: 1em;
        margin: 5px 0 0 0;
        outline: none;
        padding: 0;
        width: 1px;

        &:focus {
            width: 20px;
        }
    }
}