.test1 {
        focusFill: green;
        borderFill: yellow;
        backgroundFill: linear (0%, 0%) to (0%, 100%) stops (0.09, #7a7e86), (0.95, #2a2e36);
        textFill: red;
        selectedTextFill: brown;
        borderRadius: 16;
        caretStroke: white;
        textFill: black;
        highlightFill: pink;        
        
        }
        
.test2 {
        borderFill: yellow;
        focusFill: pink;
}

.test3 {
        backgroundFill: linear (0%, 0%) to (0%, 100%) stops (0.09, #7a7e86), (0.95, #2a2e36);
        caretStroke: white;
        font: italic 16pt Verdana;      
}

.test4 {
         focusFill: null;
        borderFill: null;
        borderRadius: 16;
        backgroundFill: pink;
        textFill: white;
        caretStroke: red;
    }
    
.test5:hover:pressed {
        borderFill: yellow;
        backgroundFill: pink;
    }