{{ text }}
.base-loading {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 48rpx;
}
.base-loading--overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.8);
z-index: 999;
padding: 0;
}
/* Spinner dots */
.base-loading__spinner {
display: flex;
align-items: center;
gap: 12rpx;
margin-bottom: 16rpx;
}
.base-loading__dot {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background: var(--color-primary, $brand-primary);
animation: dot-bounce 1.2s ease-in-out infinite;
}
.base-loading__dot:nth-child(2) { animation-delay: 0.2s; }
.base-loading__dot:nth-child(3) { animation-delay: 0.4s; }
.base-loading__text {
font-size: 24rpx;
color: var(--muted, #94A3B8);
}