.swiper-image-with-content{display:block;background-color:var(--background-color);--swiper-navigation-size: auto;--distance: 20%;--swiper-pagination-bullet-horizontal-gap: 8px;--swiper-pagination-bullet-size: 14px;--swiper-pagination-bullet-inactive-color: #3d3d3d;--swiper-pagination-margin-top: 18px}.swiper-image-with-content-wrapper{padding-block:40px}.swiper-image-with-content-content{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center;color:var(--text-color)}.swiper-image-with-content-title{margin-block:0;color:inherit}.swiper-image-with-content-desc{line-height:normal}.swiper-image-with-content-swiper{margin-top:min(80px,4.1667vw)}.swiper-image-with-content .swiper-button:after{display:none}.swiper-image-with-content .swiper-button{margin-top:calc((var(--swiper-pagination-margin-top) + var(--swiper-pagination-bullet-size))* -1);width:var(--swiper-navigation-size)}.swiper-image-with-content .swiper-button-prev{left:var(--distance)}.swiper-image-with-content .swiper-button-next{right:var(--distance)}.swiper-image-with-content .swiper-pagination{position:static;margin-top:18px}.swiper-image-with-content-swiper-image{width:100%;height:auto}.swiper-image-with-content-swiper-image-pc{border-radius:30px}@media (min-width:1700px){.swiper-image-with-content-content{--page-width: 1400px}}@media (min-width:750px){.swiper-image-with-content-swiper-image-mobile{display:none}}@media (max-width:1000px){.swiper-image-with-content{--swiper-navigation-size: 25px;--swiper-pagination-bullet-horizontal-gap: 4px;--swiper-pagination-bullet-size: 6px}.swiper-image-with-content-swiper-image-pc{border-radius:16px}.swiper-image-with-content-wrapper{padding-block:20px}.swiper-image-with-content-content{gap:10px}}@media (max-width:749px){.swiper-image-with-content-swiper-image-pc{display:none}.swiper-image-with-content-content{align-items:flex-start;text-align:left}.swiper-image-with-content-wrapper{padding-block:30px 10px}.swiper-image-with-content-swiper{margin-top:20px;padding-inline:1.5rem}.swiper-image-with-content .swiper-button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/swiper-image-with-content.css.map */