@keyframes roll-in{0%{opacity:0;transform:translateX(-100%);transform:translateX(calc(100%*var(--animation-direction, -1)))}20%{opacity:1}to{transform:translateX(0)}}@keyframes role-slide-in{0%{opacity:0;transform:translateX(calc(var(--theme--container--space)*1));transform:translateX(calc(var(--slide-direction, 1)*var(--theme--container--space)))}to{opacity:1;transform:translateX(0)}}