var in css [Extension editor] doesn't work

[#1]

Hi comm,

i need ur help!!

I tried the extension editor and wrote this code. I added a color and tried to use it at background color. The problem is that it doesnt work but the text in the file gets the var blue color like it should be!!! What did i wrong or is the extension editor using such a old version that classic var can't be used?

Thanks in advance!!!

--------------------------------------------------------------------------------------------------------------

:root{

--color:gold

}

.qv-object-dia div.qv-object-content-container {

    overflow:auto;

}

.qv-object-dia .image {

    float:left;

    height:48px;

    width:37.5px;

    position:relative;

    z-index: 5;

}

.qv-object-dia .label {

    float:left;

    height:48px;

    width:160px;

    line-height:32px;

    background:lightgray;

    overflow:ellipsis;

    clear:left;

    border: 1px solid black;

    position:relative;

    font-size: 15px;

    z-index: 4;

}

.qv-object-dia .bar {

    float:left;

    height:48px;

    clear:right;

    background-color: var(--color);      

    border: 1px solid black;

    border-radius: 0px 9px 9px 0px;

    position:relative;

    z-index: 3;

}