.toggle-radio {
    background: var(--control-bg-color);
    border:1px solid var(--control-border-color);
}

.toggle-radio>input:checked+label {
    background:#add8e6;
}

.toggle-radio>input+label:not(:last-of-type) {
    border-right:1px solid #ccc;
}

.toggle-radio {
    border-radius:4px;
}

.toggle-radio {
    display:inline-flex;
}

.toggle-radio > label {
    white-space: nowrap;
}

.toggle-radio>input[type=radio] {
    display:none;
}

.toggle-radio>input[type=checkbox] {
    display:none;
}

.toggle-radio>input[disabled]+label {
    opacity:.5;
}

.toggle-radio>input[disabled]+label:hover {
    cursor:not-allowed;
}

.toggle-radio>input+label {
    display:inline-block;
    margin-bottom:0;
    padding:5px 10px;
    float:left;
    cursor:pointer;
}

.toggle-radio>input:checked+label {
    transition:background 300ms linear;
}

.toggle-radio[data-style=rounded] {
    border-radius:500px;
}

.toggle-radio[data-style=square] {
    border-radius:0;
}

.toggle-radio[data-color=red]>input:checked+label {
    background:rgba(231,76,60,.6);
}

.toggle-radio[data-color=orange]>input:checked+label {
    background:rgba(230,126,34,.6);
}

.toggle-radio[data-color=yellow]>input:checked+label {
    background:rgba(241,196,15,.6);
}

.toggle-radio[data-color=green]>input:checked+label {
    background:rgba(46,204,113,.6);
}

.toggle-radio[data-color=blue]>input:checked+label {
    background:rgba(52,152,219,.6);
}

.toggle-radio[data-color=purple]>input:checked+label {
    background:rgba(155,89,182,.6);
}

.toggle-radio[data-color=gray]>input:checked+label {
    background:rgba(85,85,85,.6);
}

.toggle-radio[data-color=lightgray]>input:checked+label {
    background:rgba(150,150,150,.6);
}

.toggle-radio[data-color=wine]>input:checked+label {
    background:rgba(144,48,74,1);
    color: white;
}

.toggle-radio[data-color=wine]>input:checked+label > .icon-toogle-button-svg {
    filter:brightness(5)!important;
}

.toggle-radio[data-color=theme]>input:checked+label {
    background:var(--control-active-color);
    color: var(--control-font-color);
}

.toggle-radio[data-color=theme]>input+label:hover {
    background:var(--control-hover-color);
}

.toggle-radio[data-color=theme]>input:checked+label > .icon-toogle-button-svg {
    filter:brightness(5)!important;
}

.toggle-radio[data-color=theme]>input:checked+label > .img-svg {
    filter:brightness(5)!important;
}