a.dstags-active {
    background-color: #ccc;
}

div.dstags {
    font-size: 1em;
    float: left;
    width: 100%;
    margin: 1em 0;
    line-height: 1em;
    font-family: 'Arial', system-ui, sans-serif;
}

    div.dstags > h3 {
        font-size: inherit;
        float: left;
    }

    div.dstags > ul {
        font-size: inherit;
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
    }
    
        div.dstags > ul.active {
            margin-bottom: 0.4em;
        }
    
        div.dstags > ul > li {
            display: block;
            float: left;
            font-size: inherit;
        }
    
    
        div.dstags > ul.passive {
            font-size: 0.75em;
        }
            div.dstags > ul.passive > li {
                margin-right: 6px;
            }
    

        
            div.dstags > ul.active > li {
                padding-bottom: 4px;
                padding-top: 3px;
                padding-left: 1.1em;
                background: url(nesting.svg) 0 50% no-repeat;
                background-color: #00f;
            }
        
            div.dstags > ul > li.first {
                background-image: none;
                padding-left: 8px;
            }
            
            div.dstags > ul > li.last {
                background-image: url(nesting.svg);
                padding-right: 4px;
                /* background-color: #666; */
            }
            
            div.dstags > ul > li.only {
                background: blue;
                padding-left: 8px;
                padding-right: 4px;
            }
        
        
            div.dstags > ul.active > li > a {
                display: block;
                float: left;
                text-decoration: none;
                color: white;
            }
                div.dstags > ul.active > li > a:link:hover {
                    text-decoration: underline;
                }
            
                div.dstags > ul.active > li > a.delete {
                    display: inline-block;
                    margin-left: 4px;
                    position: relative;
                    top: 0.5px;
                    width: 1em;
                    height: 1em;
                    text-align: center;
                    border-radius: 25%;
                }
                    div.dstags > ul.active > li > a.delete:hover {
                        text-decoration: none;
                        background: red;
                    }