.product-transformation{--pt-position: 50%;display:block;color:var(--color-text)}.product-transformation--block{margin-bottom:2rem}.product-transformation__surface{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--rounded-radius, 15px);background:var(--gradient-background, var(--color-background, #fff));box-shadow:0 10px 32px rgba(var(--color-heading-rgb),.06)}.product-transformation__header{padding:2.4rem 2.4rem 1.8rem}.product-transformation__heading{margin:0;color:var(--color-heading);font-size:clamp(2.2rem,3vw,3.2rem);line-height:1.18}.product-transformation--block .product-transformation__heading{font-size:clamp(2rem,2.2vw,2.6rem)}.product-transformation__description,.product-transformation__applications-description,.product-transformation__cta-note{margin:0;color:rgba(var(--color-heading-rgb),.68)}.product-transformation__description{max-width:68rem;margin-top:.8rem;font-size:1.5rem;line-height:1.55}.product-transformation__comparison{position:relative;aspect-ratio:var(--pt-ratio, 3 / 2);overflow:hidden;background:var(--grey-color);isolation:isolate;touch-action:pan-y}.product-transformation__layer,.product-transformation__layer img,.product-transformation__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.product-transformation__layer{margin:0}.product-transformation__layer img,.product-transformation__placeholder{display:block;object-fit:cover}.product-transformation__layer--before{z-index:1;clip-path:inset(0 calc(100% - var(--pt-position)) 0 0)}.product-transformation__range{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:col-resize;opacity:0}.product-transformation__divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--pt-position);width:2px;background:#fff;box-shadow:0 0 0 1px #11111114,0 0 18px #1113;pointer-events:none;transform:translate(-1px)}.product-transformation__handle{position:absolute;top:50%;left:50%;display:grid;width:4.8rem;height:4.8rem;border:1px solid rgba(17,17,17,.1);border-radius:50%;background:#fff;box-shadow:0 8px 24px #1113;color:#111;place-items:center;transform:translate(-50%,-50%)}.product-transformation__handle svg{width:2.4rem;height:2.4rem}.product-transformation__range:focus-visible+.product-transformation__divider .product-transformation__handle{outline:3px solid var(--color-primary);outline-offset:3px}.product-transformation__label{position:absolute;z-index:2;bottom:1.5rem;display:inline-flex;min-height:3.2rem;align-items:center;padding:.7rem 1.2rem;border:1px solid rgba(255,255,255,.35);border-radius:var(--btn-radius, 30px);background:#111111c7;box-shadow:0 4px 16px #11111129;color:#fff;font-size:1.3rem;font-weight:600;line-height:1;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.product-transformation__label--before{left:1.5rem}.product-transformation__label--after{right:1.5rem}.product-transformation__applications{padding:2.2rem 2.4rem 0}.product-transformation__applications-heading{margin:0;color:var(--color-heading);font-size:2rem;line-height:1.25}.product-transformation__applications-description{margin-top:.5rem;font-size:1.4rem;line-height:1.5}.product-transformation__examples{display:grid;margin:1.5rem 0 0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;list-style:none}.product-transformation__example{min-width:0}.product-transformation__example-media{position:relative;aspect-ratio:var(--pt-card-ratio, 1 / 1);overflow:hidden;border-radius:calc(var(--rounded-radius, 15px) * .65);background:var(--grey-color)}.product-transformation__example-media img,.product-transformation__example-media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.product-transformation__example-title{display:block;margin-top:.8rem;color:var(--color-heading);font-size:1.3rem;font-weight:600;line-height:1.3;text-align:center}.product-transformation__footer{display:flex;align-items:center;justify-content:space-between;padding:2.2rem 2.4rem 2.4rem;gap:1.5rem}.product-transformation__cta-copy{min-width:0}.product-transformation__cta-note{font-size:1.3rem;line-height:1.45}.product-transformation__cta{display:inline-flex;flex:0 0 auto;box-sizing:border-box;height:5rem;min-width:20rem;min-height:0;align-items:center;justify-content:center;padding-top:0;padding-bottom:0;line-height:1;text-align:center;text-decoration:none}.product-transformation__cta:hover,.product-transformation__cta:focus,.product-transformation__cta:visited{text-decoration:none}@media(hover:hover){.product-transformation__example:hover img{transform:scale(1.035)}}@media screen and (max-width:767.98px){.product-transformation__header{padding:2rem 1.8rem 1.5rem}.product-transformation__heading,.product-transformation--block .product-transformation__heading{font-size:2.2rem}.product-transformation__description{font-size:1.4rem}.product-transformation__comparison{--pt-ratio: 4 / 3}.product-transformation__handle{width:4.4rem;height:4.4rem}.product-transformation__label{bottom:1rem;min-height:3rem;padding:.6rem 1rem;font-size:1.2rem}.product-transformation__label--before{left:1rem}.product-transformation__label--after{right:1rem}.product-transformation__applications{padding:2rem 1.8rem 0}.product-transformation__examples{overflow-x:auto;margin-right:-1.8rem;padding-right:1.8rem;grid-auto-columns:minmax(13.5rem,42vw);grid-template-columns:none;grid-auto-flow:column;scroll-padding-inline:1.8rem;scroll-snap-type:x proximity;scrollbar-width:none}.product-transformation__examples::-webkit-scrollbar{display:none}.product-transformation__example{scroll-snap-align:start}.product-transformation__footer{align-items:stretch;padding:2rem 1.8rem;flex-direction:column}.product-transformation__cta{width:100%;min-width:0;justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){.product-transformation__example-media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/product-transformation.css.map */