.compare-section{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}.compare-heading{font-family:var(--sl-font-family);font-size:48px;font-weight:600;line-height:1.1;margin:0 0 16px;color:var(--sl-text-primary)}.compare-subheading{max-width:800px;margin:0 auto;font-size:20px;color:#525252;line-height:1.6}.compare-subheading strong{font-weight:700;color:var(--sl-text-primary)}.compare-slider-component{display:block;width:100%;max-width:1323px;margin:0 auto;position:relative;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-user-drag:none;cursor:ew-resize}.compare-wrapper{position:relative;width:100%;height:100%;--position: 50%}.compare-image{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.compare-image img{width:100%;height:100%;object-fit:cover;display:block}.compare-before{z-index:1}.compare-after{z-index:2;clip-path:polygon(var(--position) 0,100% 0,100% 100%,var(--position) 100%)}.compare-label{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--sl-text-primary);pointer-events:none;z-index:10;box-shadow:0 2px 8px #0000001a;opacity:0;transition:opacity .3s ease}.compare-slider-component:hover .compare-label{opacity:1}.compare-label-left{left:20px;z-index:5}.compare-label-right{right:20px;z-index:5}.compare-handle-container{position:absolute;top:0;bottom:0;left:var(--position);width:2px;background:#fff;z-index:20;pointer-events:none;transform:translate(-50%);display:flex;align-items:center;justify-content:center}.compare-handle{width:66px;height:66px;background:#fff;border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;pointer-events:auto;flex-shrink:0}.compare-range{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:30;margin:0}.compare-cta{display:flex;flex-direction:column;align-items:center;gap:12px}.compare-cta .btn{width:auto;padding:16px 32px;min-width:200px;height:56px;font-size:16px;box-sizing:border-box}.compare-cta-subtext{font-size:14px;color:var(--sl-text-primary)}.compare-cta-subtext em{font-style:italic;font-weight:500}@media screen and (max-width:750px){.compare-section{gap:24px}.compare-heading{font-size:32px}.compare-subheading{font-size:16px}.compare-slider-component{border-radius:12px;aspect-ratio:1 / 1}.compare-handle{width:48px;height:48px}.compare-label{font-size:11px;padding:6px 12px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-compare-slider.css.map */