.liquid-level-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow-y: auto;

    .liquid-level {
        width: 46%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;

        .img {
            width: 84px;
            height: 76px;
        }

        .info {
            width: 101px;
            height: 80%;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            font-size: 1rem;
            text-align: center;
            font-family: D-DIN-Italic;

            .name {
                background-image: url(/assets/images/monitor/gradation-bg.svg);
                width: 100%;
            }

            .level {
                background-image: linear-gradient(90deg, #24396e00 2%, #24396e70 51%, #24396e00 100%);
                width: 100%;
                margin-top: 5px;

                .num {
                    font-size: 1.25rem;
                    line-height: 1.25rem;
                    letter-spacing: 2.08px;
                }
            }
        }
    }
}