.root {
    -fx-error-color: #ff0000;
    -fx-faint-error-color: #ff000011;
}


.text-field:error {

    -fx-highlight-fill: -fx-accent;
    -fx-highlight-text-fill: white;
    -fx-background-color:
            -fx-error-color,
            -fx-control-inner-background,
            -fx-faint-error-color,
            linear-gradient(from 0px 0px to 0px 5px, derive(-fx-control-inner-background, -9%), -fx-control-inner-background);
    -fx-background-insets: -0.2, 1, -1.4, 3;
    -fx-background-radius: 3, 2, 4, 0;
    -fx-prompt-text-fill: transparent;

}
.text-field:focused:error {

    -fx-highlight-fill: -fx-accent;
    -fx-highlight-text-fill: white;
    -fx-background-color:
            -fx-error-color,
            -fx-control-inner-background,
            -fx-faint-error-color,
            linear-gradient(from 0px 0px to 0px 5px, derive(-fx-control-inner-background, -9%), -fx-control-inner-background);
    -fx-background-insets: -0.2, 1, -1.4, 3;
    -fx-background-radius: 3, 2, 4, 0;
    -fx-prompt-text-fill: transparent;

    /*
      -fx-background-color: #ff0014, -fx-text-box-border, -fx-control-inner-background;
      -fx-background-insets: -0.4, 1, 2;
      -fx-background-radius: 3.4, 2, 2;   */
}