@import "../index";
@import "../image";
@import "../lib/icon";
.bi-pane {
    min-height: 25px;
    &.loading-status{
        min-height: 55px;
    }
    & .loading-container {
        .background-color(@color-bi-background-normal, 0);
    }
}

.bi-loading-widget {
    font-size: 0;
    div {
        .background-color(@background-color-highlight, 90%);
        .border-radius(1.5px);
        .animation(loading-widget 0.8s infinite linear);
    }
    .rect2 {
        .animation-delay(-0.2s);
    }
    .rect3 {
        .animation-delay(-0.4s);
    }
    .keyframes (loading-widget, {
        0%, 100% {
            .transform (scaleY(0.3));
        }
        50% {
            .transform (scaleY(1));
        }
    });
    &.hack {
        .imagePath(@icon-wave-loading);
        div {
            .background-color(@background-color-highlight, 0%);
        }
    }
}