.temperature-bar,
.battery-bar,
.energy-bar,
.tank-bar {
    display: flex;
    align-items: center;
    justify-content: center;
}

.temperature-bar svg,
.battery-bar svg,
.energy-bar svg,
.tank-bar svg {
    width: 100%;
    height: 100%;
}

.temperature-bar .thermo-fill,
.battery-bar .battery-fill,
.energy-bar .energy-fill,
.tank-bar .tank-fill {
    transition: y 0.8s ease, height 0.8s ease, fill 0.8s ease;
}

.temperature-bar .thermo-outline {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    shape-rendering: geometricPrecision;
}

.battery-bar .battery-outline,
.energy-bar .energy-outline,
.tank-bar .tank-outline {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    shape-rendering: geometricPrecision;
}