.toggle{
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: start;
    width: auto;
    height: auto;
    /* border: 1px solid #ff0000; */
    box-sizing: border-box;
    border-radius: 7px;
    overflow: hidden;
} 
.relative{
    position: relative !important;
}

.toggle .btn{
    position: relative;
    display: flex;
    flex: 0 0 auto;
    margin: 0px;
    width: auto;
    min-width: 32px;
    height: 30px;
    padding: 8px;
    /* border: 1px solid #4278ff; */
    box-sizing: border-box;
    border-right: 1px solid #c3c3c3;
    /* border-radius: 3px; */
    cursor: pointer;
    background: #dddddd;
    /* vertical-align: bottom; */
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
}



.toggle .btn.active{
    background: #62585e;
    color: #fff;
}
.toggle .btn img{
    display: inline-block;
    margin-right: 5px;
    /* text-align: left; */
    object-fit: scale-down;
    height: 16px;
    width: 16px;
}


.toggle .btn.active img{
    filter: invert();
}
    
.toggle .btn:nth-last-child(1){
    border-right:none;
}