.chips {
    /* border: 1px solid #ccc; */
    /* background-color: #f1f1f1; */
    border-radius: 2px;
    /* margin: 20px; */
    
    display: block;
    width: 100%;
    max-width: 100%;
    
    /* input {
        border: none;
        appearance: none;
    } */

    .keywords-field {
        width: 100%;
        height: auto;
        min-height: 34px;
        /* border: 2px solid #737679; */
        /* padding: 8px; */
        margin: 8px;
        cursor: text;
        border-radius: 3px;
        box-shadow: 0 2px 6px rgba(25,25,25,0.2);
    }

    /* .chip {
        background-color: dodgerblue;
    } */

    .chip {
        display: inline-block;
        width: auto;
        background-color: lightblue;
        /* color: #fff; */
        border-radius: 16px;
        margin-left: 2px;
        margin-right: 2px;
        padding: 3px 0px 3px 16px;
        overflow: hidden;
        cursor: pointer;
    }

    .chips .chip {
        float: left;
    }

    .chip--button {
        padding: 2px 6px 2px 6px;
        margin-left: 8px;
        border-radius: 16px;
        background-color: rgba(0, 0, 0, 0.15);
        display: inline-block;
    }

    .chip--text {
        /* border: 1px solid #ccc; */
        /* border-radius: 2px; */
        /* padding: 8px; */
        display: inline-block;
        /* pointer-events: none */
    }

    > input{
        padding: 15px;
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 34px;
        border: none;
        margin: 5px 0 0;
        display: inline-block;
        /* background-color: transparent; */
    }

}