@keyframes expandWidth{0%{width:0}to{width:100%}}new-common-image-layout{display:block;overflow:hidden;--border-radius:16px}.new-common-img-layout .icon-play:before,.new-common-img-layout .icon-play:after{display:none}.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:var(--border-radius)}.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-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}.hover-img-container .image{position:relative;overflow:hidden;clip-path:inset(0 round var(--border-radius))}.hover-img-container .hover-img-item{position:absolute;left:0;width:100%;top:0;height:100%;transition:transform .5s linear}.hover-img-container .item:hover .hover-img-item{transform:scale(1.05)}@media only screen and (min-width: 769px) and (max-width: 989px){new-common-img-layout{--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}}@media screen and (max-width: 850.1px){.main-content .new-common-img-layout-style{overflow:hidden}.main-content .new-common-img-layout-style .swiper-container{overflow:visible}.main-content .new-common-img-layout-style .swiper-pagination{width:fit-content;background:#7a7a7a66;position:relative;border-radius:50px;padding:20px;display:flex;justify-content:center;gap:8px}.main-content .new-common-img-layout-style .swiper-pagination .swiper-pagination-bullet{width:12px;height:6px;border-radius:50px;background:#999;position:relative;opacity:1}.main-content .new-common-img-layout-style .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:24px}.main-content .new-common-img-layout-style .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{content:"";position:absolute;left:0;top:0;width:16px;height:100%;background:#fff;border-radius:50px}.main-content .new-common-img-layout-style .bottom-btn-container{display:flex;align-items:center;margin-top:10%;gap:8px;justify-content:center}.main-content .new-common-img-layout-style .bottom-btn-container .swiper-btn{width:48px;height:48px;background:#7a7a7a66;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.main-content .new-common-img-layout-style .bottom-btn-container .swiper-btn svg{width:100%;position:absolute;left:0;bottom:0;right:0;top:0;width:fit-content;height:fit-content;margin:auto}.main-content .new-common-img-layout-style .new-img-item{order:8}.main-content .new-common-img-layout-style .new-img-item.order-1{order:1}.main-content .new-common-img-layout-style .new-img-item.order-2{order:2}.main-content .new-common-img-layout-style .new-img-item.order-3{order:3}.main-content .new-common-img-layout-style .new-img-item.order-4{order:4}.main-content .new-common-img-layout-style .new-img-item.order-5{order:5}.main-content .new-common-img-layout-style .new-img-item{position:relative}.main-content .new-common-img-layout-style .new-img-item .text{position:absolute;left:0;top:0;right:0;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/129/assets/section-new-common-image-layout.css.map?v=72274157654762551191748600249 */