.tf-section-compare-slider .grid{display:grid;gap:var(--spacing-6)}.tf-compare__layout--shrink .grid{grid-template-columns:1fr}@media screen and (min-width:750px){.tf-compare__layout--shrink .grid{grid-template-columns:1fr 1fr;align-items:center}}.tf-compare__layout--full .grid{grid-template-columns:1fr}.tf-compare__layout--full .tf-compare__content{text-align:center}.tf-compare__content{display:flex;flex-direction:column;gap:var(--spacing-6)}.tf-compare__content-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.tf-compare__slider{position:relative;overflow:hidden;border-radius:var(--card-corner-radius);-webkit-user-select:none;user-select:none;touch-action:pan-y}.tf-compare__image-group{position:relative;width:100%;height:100%}.tf-compare__image{position:absolute;top:0;right:0;bottom:0;left:0}.tf-compare__image-after{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);z-index:1}.tf-compare__image-before{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);z-index:1}.tf-compare__image img{width:100%;height:100%;object-fit:cover;display:block}.tf-compare__label{position:absolute;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--card-corner-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.tf-compare__label-before{bottom:var(--spacing-4);left:var(--spacing-4)}.tf-compare__label-after{bottom:var(--spacing-4);right:var(--spacing-4)}.tf-compare__handle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.tf-compare__handle-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:rgb(var(--color-foreground));transform:translate(-50%);pointer-events:none}.tf-compare__handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;border-radius:50%;background:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center}.tf-compare__handle-inner-circle{color:rgb(var(--color-background))}.tf-compare__handle-value{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.before-and-after__mobile-footer{text-align:center}@media screen and (min-width:750px){.before-and-after__mobile-footer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tf-section-compare-slider.css.map */