.sc-mockups{box-sizing:border-box;margin:36px 0 auto;overflow:hidden;padding:0;position:relative;width:100%}.sc-mockups__track{align-items:flex-end;display:flex;height:620px;justify-content:center;margin:0 auto;max-width:1400px;position:relative}.sc-mockups__item{border-radius:10px 10px 0 0;bottom:0;box-shadow:0 -4px 30px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.08);opacity:0;overflow:hidden;position:absolute;transform:translateY(100%)}.sc-mockups__item img{border-radius:10px 10px 0 0;display:block;height:100%;max-height:inherit;object-fit:cover;object-position:top;width:100%}.sc-mockups__item--1{bottom:0;left:0;max-height:560px;width:50%;z-index:1}.sc-mockups__item--2{left:50%;max-height:620px;transform:translateX(-50%) translateY(100%);width:58%;z-index:3}.sc-mockups__item--3{bottom:0;max-height:560px;right:0;width:50%;z-index:2}.sc-mockups__item--1.is-visible{animation:slideUp 1.8s cubic-bezier(.16,1,.3,1) forwards}.sc-mockups__item--2.is-visible{animation:slideUpCenter 1.8s cubic-bezier(.16,1,.3,1) forwards}.sc-mockups__item--3.is-visible{animation:slideUp 1.8s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}20%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes slideUpCenter{0%{opacity:0;transform:translateX(-50%) translateY(100%)}20%{opacity:1}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:480px){.sc-mockups{padding:0}.sc-mockups__track{height:auto;overflow:visible}.sc-mockups__item{animation:none;bottom:auto;display:none;left:auto;opacity:0;position:relative;right:auto;transform:translateY(20px);width:100%;z-index:1}.sc-mockups__item.is-active{display:block;z-index:2}.sc-mockups__item.slide-in{animation:mobileSlideIn .7s cubic-bezier(.22,1,.36,1) forwards}.sc-mockups__item.slide-out{animation:mobileSlideOut .6s cubic-bezier(.55,0,.45,1) forwards}.sc-mockups__item--1.is-visible,.sc-mockups__item--2.is-visible,.sc-mockups__item--3.is-visible{animation:none}.sc-mockups__item img{border-radius:10px 10px 0 0;height:auto;width:100%}}@keyframes mobileSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}