.section-product-cta{background-image:linear-gradient(to right,#edf1fc,#f6f9ff)}.section-product-cta .product-variant{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:3.2rem;padding-block:4rem}@media screen and (min-width: 1024px){.section-product-cta .product-variant{grid-template-columns:repeat(2,minmax(0,1fr));gap:6.8rem;padding-block:11.2rem;position:relative;isolation:isolate;min-height:76.8rem}}.section-product-cta .product-variant[x-cloak]{display:none!important}.section-product-cta .product-variant>img{display:block;width:100%;max-width:50%;height:auto;min-height:15.6rem;margin-left:auto}.section-product-cta .product-variant>img[x-cloak]{display:none!important}.section-product-cta .product-variant>img.desktop{display:none}@media screen and (min-width: 1024px){.section-product-cta .product-variant>img{display:block;position:absolute;top:50%;right:0;width:50%;max-width:fit-content;height:calc(100% - 15rem);object-fit:contain;transform:translateY(-50%)}.section-product-cta .product-variant>img.desktop{display:block}.section-product-cta .product-variant>img.mobile{display:none}}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center}}.section-product-cta .product-variant .wrapper .content-wrapper{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:3.2rem}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .content-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}}.section-product-cta .product-variant .wrapper .column-content{display:flex;flex-direction:column;justify-content:center}.section-product-cta .product-variant .wrapper .column-content .content-heading{display:flex;flex-direction:column}.section-product-cta .product-variant .wrapper .column-content .content-heading .above-title{font-size:1.441rem;font-weight:700;line-height:110%;letter-spacing:-2%;color:var(--grey-900);margin-bottom:1.152rem}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .column-content .content-heading .above-title{font-size:2rem;line-height:120%;margin-bottom:1.6rem}}.section-product-cta .product-variant .wrapper .column-content .content-heading h2{font-size:3.8rem;font-weight:600;line-height:110%;letter-spacing:-2%;color:var(--grey-900)}.section-product-cta .product-variant .wrapper .column-content .content-heading h2{font-size:3.8rem;font-weight:600;line-height:110%;letter-spacing:-2%;color:var(--grey-900);max-width:35rem}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .column-content .content-heading h2{font-size:4.8rem}}.section-product-cta .product-variant .wrapper .column-content .content-heading .excerpt{font-size:1.6rem;font-weight:400;line-height:150%;letter-spacing:0%;color:var(--grey-900);margin-top:1.152rem;margin-bottom:0}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .column-content .content-heading .excerpt{font-size:1.8rem;margin-top:2.4rem}}.section-product-cta .product-variant .wrapper .column-content .variant-switch{order:3;display:flex;flex-direction:column;gap:2rem;margin-top:2.4rem}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .column-content .variant-switch{order:2}}.section-product-cta .product-variant .wrapper .column-content .variant-switch .legend{font-size:1.6rem;font-weight:500;line-height:2.4rem;letter-spacing:0%;color:var(--black)}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .column-content .variant-switch .legend{font-size:1.8rem}}.section-product-cta .product-variant .wrapper .column-content .variant-switch .legend .variant-name{font-weight:600}.section-product-cta .product-variant .wrapper .column-content .variant-switch .options-wrapper{display:flex;align-items:center;gap:1.6rem}.section-product-cta .product-variant .wrapper .column-content .variant-switch .options-wrapper .option{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--grey-150);border-radius:100%;transition:border-color .2s ease;cursor:pointer}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .column-content .variant-switch .options-wrapper .option{width:4.8rem;height:4.8rem}}.section-product-cta .product-variant .wrapper .column-content .variant-switch .options-wrapper .option.active,.section-product-cta .product-variant .wrapper .column-content .variant-switch .options-wrapper .option:hover{border-color:var(--black)}.section-product-cta .product-variant .wrapper .column-content .variant-switch .options-wrapper .option img{width:2.833rem;height:2.833rem;border-radius:100%;object-fit:cover}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .column-content .variant-switch .options-wrapper .option img{width:3.4rem;height:3.4rem}}.section-product-cta .product-variant .wrapper .column-content .features-wrapper{display:flex;gap:.4rem;order:2;margin-top:2.4rem}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .column-content .features-wrapper{order:3;margin-top:3.2rem;gap:4.8rem}}.section-product-cta .product-variant .wrapper .column-content .features-wrapper .feature{display:flex;flex-direction:column;text-align:center;width:100%;max-width:11.208rem;position:relative}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .column-content .features-wrapper .feature{text-align:left;width:fit-content;max-width:none}.section-product-cta .product-variant .wrapper .column-content .features-wrapper .feature:not(:first-child):before{content:"";width:1px;height:3.7rem;background-color:var(--grey-900);position:absolute;top:50%;left:-2.4rem;transform:translateY(-50%)}}.section-product-cta .product-variant .wrapper .column-content .features-wrapper .feature .feature-title{font-size:2rem;font-weight:700;line-height:2.881rem;letter-spacing:-2%;color:var(--grey-900)}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .column-content .features-wrapper .feature .feature-title{font-size:3.2rem;line-height:4rem}}.section-product-cta .product-variant .wrapper .column-content .features-wrapper .feature .feature-subtitle{font-size:1.4rem;font-weight:400;line-height:1.482rem;letter-spacing:0%;color:var(--grey-900);margin-top:1.2rem}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .column-content .features-wrapper .feature .feature-subtitle{font-size:1.6rem;line-height:2.057rem;margin-top:.8rem}}.section-product-cta .product-variant .wrapper .column-content .bat-btn{order:4;margin-top:3.2rem}@media screen and (min-width: 1024px){.section-product-cta .product-variant .wrapper .column-content .bat-btn{margin-top:4.2rem}}.section-product-cta .fade-enter{transition:opacity .3s ease-out}.section-product-cta .fade-enter-start{opacity:0}.section-product-cta .fade-enter-end{opacity:1}.section-product-cta .fade-leave{transition:opacity .3s ease-in}.section-product-cta .fade-leave-start{opacity:1}.section-product-cta .fade-leave-end{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-product-cta.css.map */
