@keyframes expandWidth{0%{width:0}to{width:100%}}new-common-image-layout{display:block;overflow:hidden}.new-common-img-layout .item{position:relative}.new-common-img-layout img{width:100%;height:auto}.new-common-img-layout .text-container{position:absolute;top:0;left:0;width:100%;height:100%}.new-common-img-layout .img-video-container .image-element__wrap img{border-radius:16px}.new-common-img-layout .text-container>div{display:table;width:100%;height:100%}.new-common-img-layout .text-position{display:table-cell;position:relative}.new-common-img-layout .vertical-top{vertical-align:top}.new-common-img-layout .vertical-bottom{vertical-align:bottom}.new-common-img-layout .vertical-middle{vertical-align:middle}.new-common-img-layout .text-position.horizontal-left .text-width{margin-right:auto}.new-common-img-layout .text-position.horizontal-center .text-width{margin-left:auto;margin-right:auto}.new-common-img-layout .text-position.horizontal-right .text-width{margin-left:auto}.new-img-layout-mb{position:relative}.new-common-img-layout .swiper-pagination{margin-top:0}.new-common-image-layout .swiper-pagination-bullet-active:before{animation:expandWidth var(--swiper-autoplay-speed) linear forwards}.new-common-image-layout.progress-paused .swiper-pagination-bullet-active:before{animation-play-state:paused}.new-common-image-layout[data-button-status=paused] .bottom-btn-container .swiper-btn .icon-pause,.new-common-image-layout[data-button-status=playing] .bottom-btn-container .swiper-btn .icon-play,.new-common-image-layout[data-button-status=restart] .bottom-btn-container .swiper-btn .icon-restart{display:block!important}@media only screen and (min-width: 769px) and (max-width: 989px){.new-common-img-layout .img-video-container .image-element__wrap img{border-radius:12px}}@media only screen and (max-width: 850px){.new-common-img-layout .mb_vertical-top{vertical-align:top}.new-common-img-layout .mb_vertical-bottom{vertical-align:bottom}.new-common-img-layout .mb_vertical-middle{vertical-align:middle}.new-common-img-layout .text-position.mb_horizontal-left .text-width{margin-right:auto;margin-left:0}.new-common-img-layout .text-position.mb_horizontal-center .text-width{margin-left:auto;margin-right:auto}.new-common-img-layout .text-position.mb_horizontal-right .text-width{margin-left:auto;margin-right:0}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/section-new-common-image-layout.css.map */