@size: 9.9vh;
.number_widget {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    background: #00000009;
    height: @size;
    min-width: @size * 1.75;

    & > .widget_head {
        display: grid;
        grid-gap: 10px;

        & > .widget_settings {
            grid-row: 1;
            grid-column: 1;
        }

        & > .widget_label {
            grid-row: 1;
            grid-column: 2;
            color: black;
            font-size: @size * 0.175;
            //line-height: @size * 0.175;
            text-align: center;
        }

        & > .widget_close {
            grid-row: 1;
            grid-column: 3;
            display: flex;
            flex-direction: row-reverse;
        }
    }

    & > .widget_value {
        flex: 2;
        color: black;
        font-size: @size * 0.45;
        line-height: @size * 0.45;
        text-align: center;
    }

    & > .widget_units {
        flex: 1;
        text-align: right;
        font-size: @size * 0.15;
        line-height: @size * 0.15;
        color: #A0A0A0;
    }
}