.fade-enter-active, .fade-leave-active { transition: opacity var(--dur-2); }
.fade-enter-from, .fade-leave-to { opacity: 0; }

.slide-enter-active, .slide-leave-active { transition: opacity var(--dur-2) var(--ease-out); }
.slide-enter-from, .slide-leave-to { opacity: 0; }

/* Drawer */
.drawer-enter-active, .drawer-leave-active { transition: all var(--dur-3) var(--ease-out); }
.drawer-enter-from .cart-drawer,
.drawer-leave-to .cart-drawer   { transform: translateX(100%); }
.drawer-enter-from, .drawer-leave-to { opacity: 0; }

/* Skeleton */
@keyframes shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.skeleton {
    background: linear-gradient(90deg, var(--carbon) 25%, var(--stone) 50%, var(--carbon) 75%);
    background-size: 400% 100%;
    animation: shimmer 1.8s ease-in-out infinite;
}