/* ========================================
   Анимация загрузки — три бегущие точки
   Подключение: Asset::getInstance()->addCss('/local/include/loading/loading.css');
   Использование:
     <div class="rc-loading-dots"><span></span><span></span><span></span></div>
     Добавить родителю class="rc-loading" — точки станут видны.
======================================== */

.rc-loading-dots { display: none; align-items: center; gap: 6px; }
.rc-loading > .rc-loading-dots { display: flex; }

.rc-loading-dots span {
    display: block;
    width: 10px; height: 10px;
    border-radius: 50%;
    background: #235E45;
    animation: rc-dot-bounce 1.2s infinite ease-in-out both;
}
.rc-loading-dots span:nth-child(1) { animation-delay: -0.32s; }
.rc-loading-dots span:nth-child(2) { animation-delay: -0.16s; }
.rc-loading-dots span:nth-child(3) { animation-delay: 0s; }

@keyframes rc-dot-bounce {
    0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
    40% { transform: scale(1); opacity: 1; }
}