.image-comparison-section .image_comparison-header{margin-bottom:40px}.image_comparison-header{text-align:left;align-items:center;display:grid;grid-template-columns:1fr 1fr;gap:24px}.image-comparison-section .subtitle{padding-top:8px;color:#f9a870;font-size:48px;line-height:1.2;font-family:Quicksand;letter-spacing:-2px;margin:0}section.image-comparison-section h2.comparison_heading{font-family:Quicksand;font-size:140%;letter-spacing:-.5px;color:#faf575;font-weight:600;line-height:150%;margin:0}.image-comparison-section .rte p{margin:0;color:#f1dfb8;font-size:18px;font-family:Roboto;line-height:1.5}.comparison-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:30px;padding-top:25px}.compare-container{touch-action:none}.comparison-item{height:auto;aspect-ratio:2.2 / 1;overflow:hidden;border-radius:9999px;max-width:100%;width:80%;margin:0 auto;border:5px solid #faf575}.compare-container{position:relative;overflow:hidden;width:100%;height:100%}.compare-wrapper-inner{position:relative;width:100%;height:100%}.compare-before,.compare-after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.compare-before img,.compare-after img{width:100%;height:100%;object-fit:cover;display:block}.compare-after{z-index:2;clip-path:inset(0 50% 0 0);will-change:clip-path}.compare-slider{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:currentColor;z-index:3}.slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;background:currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:ew-resize}.slider-button span{width:3px;height:18px;background:#fff;box-shadow:-6px 0 #fff,6px 0 #fff}.image_comparison_inner{display:flex;flex-direction:column}.image_comparison_inner.image_comapre__align--top{flex-direction:column-reverse;gap:30px}.image_comparison_inner.image_comapre__align--top .comparison-grid{padding-top:0}@media(max-width:768px){.comparison-item{height:auto;aspect-ratio:16 / 9;width:94%;border-width:2px}.compare-wrapper-inner,.compare-before,.compare-after{height:100%}.compare-after{transform:translateZ(0);backface-visibility:hidden}.image-comparison-section .image_comparison-header{margin-bottom:20px;grid-template-columns:1fr}.image-comparison-section .subtitle{font-size:32px}.image-comparison-section .rte p{font-size:14px}.slider-button{width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/image_comparison.css.map */