.popularization-card-swiper{--image-link-blocks-item-width: var(--swiper-width);--image-link-blocks-grid: auto / auto-flow var(--swiper-width);--content-over-media-gap: 0;--image-max-width: var(--swiper-width);gap:0;background-color:var(--background-color);padding:var(--section-padding);width:100%;overflow:hidden;box-sizing:border-box;--swiper-gap: 24px;--spacing-2: 0;--grid-gutter: 0}.popularization-card-swiper .circle-button{background:#e0e3e6;border:none}.popularization-card-swiper .circle-button[disabled]{opacity:.4}.popularization-card-swiper .section-h1{font-size:var(--h1-font-size);font-weight:700;margin:var(--h1-margin);line-height:1.2;text-align:var(--h1-align)}.popularization-card-swiper .swiper-button-wrapper{display:flex;justify-content:var(--button-align);margin-top:60px}.popularization-card-swiper .swiper-button{display:inline-block;padding:var(--button-padding);font-size:var(--button-font-size);background-color:var(--button-background-color);color:var(--button-text-color);border:2px solid var(--button-border-color);border-radius:var(--button-border-radius);text-decoration:none;transition:all .3s ease;cursor:pointer}.popularization-card-swiper .swiper-button:hover{opacity:.8}.popularization-card-swiper .swiper-container{max-width:1280px;margin:0 auto}.popularization-card-swiper .swiper-wrapper{display:flex;gap:var(--swiper-gap)}.popularization-card-swiper .swiper-slide{width:var(--swiper-width)}.popularization-card-swiper .slide-content{position:relative;width:100%;height:100%}.popularization-card-swiper .image-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px;display:inline-block}.popularization-card-swiper .image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;cursor:pointer}.popularization-card-swiper .image-wrapper.active{opacity:1;z-index:2}.popularization-card-swiper .slide-image{width:1280px;max-width:1280px;height:100%;object-fit:cover;cursor:pointer;transform:translate(-50%);position:relative;left:50%}.popularization-card-swiper .slide-text-content{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;width:100%;height:100%;padding:46px 260px}.popularization-card-swiper .slide-h3{font-size:var(--h2-font-size);color:var(--h3-color);font-weight:600;margin:var(--h2-margin);line-height:1.3;font-family:HelveticaNowDisplay;font-weight:700}.popularization-card-swiper .slide-text{font-size:var(--text-font-size);color:var(--card-text-color);line-height:1.5;margin:var(--text-margin);font-family:HelveticaNowDisplay;font-weight:400}.popularization-card-swiper .circle-button{width:40px;height:40px}.popularization-card-swiper .popularization-card-swiper-container{position:relative;width:100%;height:100%}.popularization-card-swiper .prev-next-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;z-index:6;position:absolute;top:50%;transform:translateY(-50%)}.popularization-card-swiper .swiper-controls{display:flex;justify-content:space-between;align-items:center}.popularization-card-swiper .swiper-pagination{position:absolute;bottom:0;z-index:6;padding-bottom:20px;left:50%;transform:translate(-50%)}.popularization-card-swiper .swiper-dots{display:flex;gap:8px;align-items:center}.popularization-card-swiper .swiper-dots .tap-area{border-radius:100px;border:none;cursor:pointer;transition:all .3s ease;position:relative}.popularization-card-swiper .swiper-dots .tap-area,.popularization-card-swiper .swiper-dots .tap-area[aria-current=true]{width:4px;height:4px;border-radius:100px;background-color:var(--slideshow-controls-color, #000000);opacity:.4}.popularization-card-swiper .swiper-dots .tap-area[aria-current=true],.popularization-card-swiper .swiper-dots .tap-area[aria-current=true]:hover{background-color:var(--slideshow-controls-color, #000000);width:20px;height:4px;opacity:1}.popularization-card-swiper .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1280px){.popularization-card-swiper .swiper-dots .tap-area[aria-current=true]{width:20px;height:4px}}@media(min-width:768px)and (max-width:1279px){.popularization-card-swiper .slide-text-content{padding:46px 60px}.popularization-card-swiper .popularization-card-swiper-container{max-width:1200px;margin:0 auto}.popularization-card-swiper .swiper-slide{padding:0}}@media screen and (max-width:767px){.popularization-card-swiper .swiper-controls{padding:0}.popularization-card-swiper .prev-next-buttons{display:none}.popularization-card-swiper .slide-image{width:767px;max-width:767px}}@media(min-width:375px)and (max-width:767px){.popularization-card-swiper .slide-text-content{padding:40px 16px}.popularization-card-swiper{--spacing-2:10px }}@media(max-width:374px){.popularization-card-swiper .slide-text-content{padding:calc(40 * 100vw / 375) calc(16 * 100vw / 375)}.popularization-card-swiper .slide-image{width:calc(1280 * 100vw / 375);max-width:calc(1280 * 100vw / 375)}.popularization-card-swiper .slide-image{width:calc(767 / 375 * 100vw);max-width:calc(767 / 375 * 100vw)}.popularization-card-swiper{--spacing-2:calc(10 / 375 * 100vw)}}
/*# sourceMappingURL=/cdn/shop/t/192/assets/popularization-card-swiper.css.map */