.ordersPanelKpisWrap {
    position: absolute;
    bottom: 20px;
    width: 95%;
    margin: auto;
    inset-inline: 2.5%;
    z-index: 10000000;
    background: rgb(201 223 250);
    backdrop-filter: blur(30px);
    box-shadow: 2px 2px 4px 0px #00000040;
    padding: 8px 12px;
    border-radius: var(--norma--border-raduis-sm);
    height: fit-content;
}

    .ordersPanelKpisWrap .singleOKpi {
        gap: 5px;
    }

        .ordersPanelKpisWrap .singleOKpi img {
        }

        .ordersPanelKpisWrap .singleOKpi .singleOKpi-title {
            color: var( --norma-secondary--2);
        }

        .ordersPanelKpisWrap .singleOKpi .singleOKpi-count {
            color: var(--norma__neutral--dark);
            display: block;
            /* min-width: 40px; */
            width: auto;
            max-width: 40%;
        }

.ordersPanelKpisWrapWrap {
    position: absolute;
    bottom: -14px;
    width: 100%;
    height: 60px;
    /* background: white; */
}
.OPKpiContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    max-width: 100%;
    width: 100%;
    justify-content: space-between;
    min-width: 100%;
}
.OPKpi {
    flex-basis: 14.285714%;
    min-width: 14.285714%;
}

@container resizablepanel (max-width: 540px) {
    .OPKpi {
        flex-basis: 25%;
        min-width: 25%;
        margin-top: 5px
    }
}