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