.image-compare{overflow:hidden;font-family:inherit}.image-compare__container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:3rem;align-items:center}@media screen and (min-width:900px){.image-compare__container{flex-direction:row;align-items:center;gap:4rem}}.image-compare__content{flex:1;display:flex;flex-direction:column;width:100%}@media screen and (min-width:900px){.image-compare__content{flex:0 0 35%}}.image-compare__heading{font-size:clamp(2rem,4vw,2.75rem);line-height:1.15;font-weight:700;margin:0 0 2.5rem;letter-spacing:-.02em}.image-compare__descriptions{display:flex;flex-direction:column;gap:2rem}.image-compare__desc-item{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem;background-color:#f9fafb;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease}.image-compare__desc-item:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000d}.image-compare__badge{font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.1em;padding:.35rem .85rem;border-radius:99px;display:inline-block}.image-compare__badge--before{background-color:#fee2e2;color:#b91c1c}.image-compare__badge--after{background-color:#d1fae5;color:#047857}.image-compare__desc-item p{margin:0;font-size:1.05rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.image-compare__slider-wrapper{flex:1;width:100%}@media screen and (min-width:900px){.image-compare__slider-wrapper{flex:0 0 calc(65% - 4rem)}}.image-compare__slider{position:relative;width:100%;aspect-ratio:4/3;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000026;background-color:#e5e7eb}@media screen and (max-width:749px){.image-compare__slider{aspect-ratio:1/1}}.image-compare__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.image-compare__image-wrapper--after{z-index:1}.image-compare__image-wrapper--before{z-index:2;width:50%;border-right:2px solid white}.image-compare__img{position:absolute;top:0;left:0;width:100vw;max-width:none;height:100%;object-fit:cover;object-position:left center}.image-compare__image-wrapper--after .image-compare__img,.image-compare__image-wrapper--before .image-compare__img{width:100%}.image-compare__range{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;opacity:0;cursor:ew-resize;margin:0}.image-compare__handle{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:40px;z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center}.image-compare__handle-line{position:absolute;top:0;bottom:0;left:50%;width:4px;background-color:#fff;transform:translate(-50%);box-shadow:0 0 10px #0003}.image-compare__handle-button{width:48px;height:48px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003;color:#111827;transition:transform .2s ease}.image-compare__slider:hover .image-compare__handle-button{transform:scale(1.1)}.image-compare__handle-button svg{width:24px;height:24px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/image-compare-slider.css.map */