Legacy ADMY Lottie

Контейнер Vue3Lottie 3.3.1 с исходным CSS: ширина и высота из props, прозрачный фон, overflow hidden и margin 0 auto. Пакеты vue3-lottie и lottie-web не подключаются, поэтому анимация не загружается и контейнер остаётся пустым. Имя сохраняется как в исходнике: animation_for_404 и три стадии переключателя — switcher-start, switcher-loop и switcher-end. В экранном документе размер задают именованные значения px-200, px-40 и px-22: они покрывают исходные 200×200 и 40×22 переключателя.

Статус: experimental · в системе с 2026-09 · интерактивность: none (нет)

Когда использовать

Перенос экрана ADMY с исходной анимацией.

Не использовать:

Показ живой анимации: пакеты Lottie в DS не подключаются.
Новая анимация без требования сохранить legacy.

Исходный размер

Пустой контейнер animation_for_404 размером 200×200.

<!--
/**
 * 🟢
 *
 * Образец показывает место исходной анимации animation_for_404 размером 200×200.
 * Кадры не воспроизводятся: Lottie в DS подключён заглушкой без lottie-web.
 */
-->
<script>
import Component from "$lib/ui/LegacyAdmyLottie.svelte";
</script>
<Component />