.ecommerce-demo-module{box-sizing:border-box;display:flex;flex-direction:column;height:max(1px,var(--demo-height-desktop,580px));min-width:0;padding-bottom:max(0px,var(--demo-padding-bottom,0px));padding-top:max(0px,var(--demo-padding-top,0px));width:100%}.ecommerce-demo-module>.animation-container{flex:1 1 0}.animation-container{align-items:center;display:flex;justify-content:center;min-height:0;min-width:0;position:relative;width:100%}.animation-stage{align-items:center;display:flex;flex-shrink:0;height:580px;position:absolute;transform:scale(var(--scale,1));transform-origin:center;width:max-content}.controls{color:#3f4444;flex-shrink:0;font-size:16px;letter-spacing:0;margin-right:-1px;position:relative;width:193px;z-index:6}.controls-title{background-color:#3f4444;border-radius:20px 1px 1px 1px;color:#fff;font-weight:400;line-height:22px;margin:0;padding:14px 20px 14px 17px}.controls-list{border-radius:0 0 1px 20px;display:flex;flex-direction:column;overflow:hidden}.control-item{background:#fff;font-weight:400;line-height:26px;margin:0;padding:14px 17px;transition:background-color .3s ease,color .3s ease}.control-item:hover{cursor:pointer}.control-item.is-active{background:#0f68ab;color:#fff}.phoneContainer{flex-shrink:0;height:580px;overflow:hidden;position:relative}.phoneContainer .phone{display:block;height:580px;position:relative;width:auto;z-index:7}.phone-screen{bottom:calc(11.28472% - .5px);left:calc(4.12186% - .5px);overflow:hidden;position:absolute;right:calc(4.30108% - .5px);top:calc(13.54167% - .5px);z-index:3}.view{display:block;height:100%;left:0;max-width:none;object-fit:cover;object-position:center top;position:absolute;top:0;transform:translateX(100%);transition:transform .6s ease;width:100%}.phoneContainer img{border-radius:unset}@media (max-width:767px){.ecommerce-demo-module{height:max(1px,var(--demo-height-mobile,400px))}}