.image-comparison-section{width:100%;padding:0}.image-comparison-section .container{max-width:1200px;margin:0 auto}.section-heading{font-size:2rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:#000}.section-subheading{font-size:1rem;text-align:center;margin-bottom:2rem;color:#666}.image-comparison-wrapper{width:100%;margin:0 auto}.image-comparison-container{position:relative;width:100%;overflow:hidden;border-radius:8px;box-shadow:0 4px 20px #0000001a;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.image-comparison-container:before{content:"";display:block;padding-top:56.25%}.image-comparison-after,.image-comparison-before{position:absolute;top:0;left:0;width:100%;height:100%;margin:0}.image-comparison-after img,.image-comparison-before img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;object-position:left}.image-comparison-before{overflow:hidden;width:50%;z-index:2}.image-comparison-after{z-index:1}.image-comparison-slider{position:absolute;top:0;left:50%;width:4px;height:100%;background-color:#fffc;cursor:grab;z-index:3;opacity:1;transform:translate(-50%);transition:background-color .2s ease}.image-comparison-container:hover .image-comparison-slider{opacity:1}.image-comparison-slider:hover{background-color:#fff}.slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:48px;height:48px;background-color:#fff;border-radius:50%;box-shadow:0 2px 12px #0003;display:flex;align-items:center;justify-content:center;gap:2px;transition:transform .2s ease;cursor:grab}.slider-button svg{width:16px;height:16px;color:#333}.slider-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background-color:#ffffff80;pointer-events:none}.image-label{position:absolute;top:20px;padding:8px 16px;background-color:#000000b3;color:#fff;font-size:14px;font-weight:600;border-radius:4px;z-index:4;pointer-events:none;text-transform:uppercase;letter-spacing:1px}.image-label-before{left:20px}.image-label-after{right:20px}.placeholder-svg{width:100%;height:100%;background-color:#f5f5f5}@media(max-width:768px){.section-heading{font-size:1.5rem}.section-subheading{font-size:.9rem}.slider-button{width:40px;height:40px}.slider-button svg{width:14px;height:14px}.image-label{font-size:12px;padding:6px 12px;top:12px}.image-label-before{left:12px}.image-label-after{right:12px}}.image-comparison-container.is-dragging{cursor:grab}.image-comparison-container.is-dragging .image-comparison-slider{background-color:#fff}.image-comparison-container.is-dragging *{cursor:grab!important}
/*# sourceMappingURL=/cdn/shop/t/30/assets/image-comparison.css.map */