@import "../../style";
@import "../../../Common/definitions";

#main-eng {
    .TextCenter {
        text-anchor: middle;
        alignment-baseline: central;
    }
    .FontSmall {
        font-size: 16px;
    }
    .FontMedium{
        font-size: 18px;
    }
    .FontLarge {
        font-size: 20px;
    }
    .Indicator {
        stroke: $display-white;
        stroke-width: 1;
    }
    .GaugeMarking {
        stroke: $display-white;
        stroke-width: 2;
    }
    .NoFill {
        fill: none;
    }
    .FillCyan {
        fill: $display-cyan;
    }
    .FillGreen {
      fill: $display-green;
    }
    .FillAmber {
      fill: $display-amber;
    }
    .FillWhite {
      fill: $display-white;
    }
    .FillRed {
        fill: $display-red;
    }
    .AmberHeavy  {
        stroke: $display-amber;
        stroke-width: 6;
    }
    .AmberLine {
      stroke: $display-amber;
      stroke-width: 2;
    }
    .WhiteLine {
      stroke: $display-white;
      stroke-width: 2;
    }
    .RedLine {
        stroke: $display-red;
        stroke-width: 2;
    }
    .GreenLine {
        stroke: $display-green;
        stroke-width: 2;
    }
    .Hidden {
      display: none;
    }
    .FillPulse {
        animation: fill-pulse 1s step-end infinite;

        @keyframes fill-pulse {
            0%, 100% {
              fill: $display-green;
            }
            50% {
                fill: hsl(120, 100%, 20%);
            }
        }
    }
    .LinePulse {
        animation: line-pulse 1s step-end infinite;

        @keyframes line-pulse {
            0%, 100% {
              stroke: $display-green;
            }
            50% {
              stroke: hsl(120, 100%, 20%);
            }
        }
    }
    .StartValveDiagram {
        stroke: $display-green;
        stroke-width: 2;
        &path {
            fill: none;
        }
        &circle {
            fill: rgba(4, 4, 4, 1);
        }
        &line {
            fill: $display-green
        }
    }
}
