.SliderAnimation{background-color: #fff;position: absolute;width: 110%;height: 110%;animation-delay: calc(.3s * var(--D));z-index: 50;}.SliderAnimation.right{top: -5%;left: -5%;}.SliderAnimation.left{right: -5%;top: -5%;}.SliderAnimation.top{top: -5%;left: -5%;animation-delay: calc(.3s * var(--D));}.SliderAnimation.bottom{bottom: -5%;left: -5%;animation-delay: calc(.3s * var(--D));}@keyframes SlideHorizontal {100%{width: 0%;}}@keyframes SlideVertical {100%{height: 0%;}}.show-animate .SliderAnimation{animation: SlideHorizontal 1s ease-in-out forwards;animation-delay: calc(.3s * var(--D));}.show-animate .SliderAnimation.top ,.show-animate .SliderAnimation.bottom {animation: SlideVertical 1s ease-in-out forwards;animation-delay: calc(.3s * var(--D));}