@prefixLoadingCls: ~'yy-loading';

.@{prefixLoadingCls} {
    transition: @yy-transition-time ease opacity;
    &-mask {
        .mask(10, transparent, absolute);
    }
    &-inner {
        .size(94px, 100px);
        .center();
        .flex();
        border-radius: 10px;
        font-size: @yy-font-size-xs;
        &-dark {
            .opacity-dark(.8);
            color: #ffffff;
            path {
                fill: #ffffff;
            }
        }
        &-light {
            .opacity-light(.9);
            color: #999999;
            path {
                fill: #474D54;
            }
        }
        &-loading {
           .square(20px);
           margin-bottom: 8px;
           .rotate();
           svg {
               width: 100%;
           }
        }
    }
}