.swatch-image-with-text_grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.swatch-image-with-text_grid ul{padding:0;margin:0;list-style:none}.swatch-image_media-item .image-with-text__media{padding-top:90%;position:relative}.swatch-image_media-item .image-with-text__media svg.placeholder-svg,.swatch-image_media-item .image-with-text__media img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:contain}.swatch-image_media-item li{display:none}.swatch-image_media-item li.is--actived{display:block}.swatch-image_text-item .swatch-image_content{display:flex;flex-direction:column;justify-content:center;height:100%;gap:2.5vw}.swatch-image_text-item h2.heading{margin:0;line-height:1.4}.swatch-image_text-item .richtext{line-height:1.6;max-width:600px}.swatch-image_text-item .richtext p{margin:0}.swatch-variant-list ul{display:flex;flex-wrap:wrap;gap:10px}.swatch-variant-list ul li{width:45px;height:40px;-webkit-clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.swatch-variant-list ul li label{background-color:var(--swatch-color);width:100%;height:100%;display:block;position:relative;z-index:2;cursor:pointer}.swatch-variant-list ul li label.is--actived{background-color:#fff}.swatch-variant-list ul li label.is--actived:before{content:"";-webkit-clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:var(--swatch-color);top:2px;bottom:2px;left:2px;right:2px;position:absolute;z-index:1;width:calc(100% - 4px);height:calc(100% - 4px)}.swatch-variant-list{margin-top:10px}@media (max-width:991px){.swatch-image-with-text_grid{display:grid;grid-template-columns:1fr;gap:30px}.swatch-image_text-item .richtext{max-width:100%}}@media (max-width:749px){.swatch-image_text-item .swatch-image_content{gap:15px}.swatch-variant-list ul{gap:10px;justify-content:center}.swatch-variant-list ul li{width:49px;height:43px}.swatch-image-with-text .swatch-image_text-item h2.heading,.swatch-image-with-text .swatch-image_text-item .richtext{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/swatch-image-with-text.css.map */