.commerceLayouts__slideBox{--duration:500ms;animation-duration:var(--duration);animation-fill-mode:forwards;animation-timing-function:ease-in-out;opacity:0}.commerceLayouts__slideBox.slided.toLeft{animation-name:slide-left}.commerceLayouts__slideBox.slided.toRight{animation-name:slide-right}.commerceLayouts__slideBox.slided.toTop{animation-name:slide-up}.commerceLayouts__slideBox.slided.toBottom{animation-name:slide-down}@keyframes slide-left{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translate(0)}}