.image-comparison{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;--image-comparison-content-inset-inline: 1.25rem;--image-comparison-content-inset-block: 1rem;--image-comparison-cursor-size: 36px;position:relative;--label-position-top-bottom: 20px;--label-position-left-right: 20px}.image-comparison__layout{display:grid;position:relative}.image-comparison__layout>*{grid-area:1 / -1;width:100%}@media screen and (min-width:1024px){.image-comparison .layout-split{display:grid;grid-template-columns:1fr 3fr;gap:32px}.image-comparison .layout-split .section__heading-content{margin-bottom:16px}}.image-comparison .section__heading-wrapper .section__heading-content{margin-bottom:var(--spacing-section-c)}.image-comparison .section__heading-wrapper,.image-comparison .layout-split .section__heading-wrapper{display:block}.image-comparison .layout-split .section__description{padding-left:0;border-left:0}.image-comparison .section__description ol,.image-comparison .section__description ul{padding:0 20px;margin:0}.image-comparison__after-image{z-index:1}.image-comparison__after-image .placeholder{background-color:#fff}.image-comparison__content-wrapper{position:absolute;color:#2f4157;background:#fff;padding:4px 12px;border-radius:4px;height:max-content;font-weight:600;z-index:2}.image-comparison__cursor{pointer-events:auto;filter:drop-shadow(0 1px 1px #0000000d) drop-shadow(0 1px 1px #0000000d);z-index:1;display:grid;position:relative;width:auto}.image-comparison__cursor:before{content:"";background:#fff;z-index:-1;position:absolute}.image-comparison__cursor svg{width:var(--image-comparison-cursor-size);height:var(--image-comparison-cursor-size)}.image-comparison .image-comparison__layout{cursor:ew-resize}.image-comparison .image-comparison__after-image,.image-comparison .image-comparison__before-image,.image-comparison svg.placeholder,.image-comparison img{border-radius:var(--content-container-radius)}.image-comparison .image-comparison__after-image{clip-path:inset(0 0 0 var(--image-comparison-cursor-position, 0%))}[dir=rtl] :is(.image-comparison .image-comparison__after-image){clip-path:inset(0 var(--image-comparison-cursor-position, 0%) 0 0)}.image-comparison .image-comparison__before-image .image-comparison__content-wrapper{left:var(--label-position-left-right)}.image-comparison .image-comparison__after-image .image-comparison__content-wrapper{right:var(--label-position-left-right)}.image-comparison .label-position__top{top:var(--label-position-top-bottom)}.image-comparison .label-position__middle{top:50%;transform:translateY(-50%)}.image-comparison .label-position__bottom{bottom:var(--label-position-top-bottom)}.image-comparison .image-comparison__cursor{position:relative;justify-self:start;place-items:center start;inset-inline-start:calc(var(--image-comparison-cursor-position, 0%) - var(--image-comparison-cursor-size) / 2)}.image-comparison .image-comparison__cursor:before{width:2px;height:100%;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-comparison img{width:100%;height:100%;object-fit:cover}.image-comparison .layout-split img{min-height:var(--image-height);height:100%}.image-comparison .section__heading-wrapper{margin-bottom:var(--spacing-section-d)}image-comparison .image-comparison__container{height:var(--image-height)}image-comparison .placeholder{width:100%;height:100%}@media screen and (max-width:1023px){.image-comparison{--image-comparison-cursor-size: 32px;--label-position-left-right: 16px;--label-position-top-bottom: 16px}.image-comparison .image-comparison__cursor:before{width:2px}.image-comparison__content-wrapper{padding:8px;font-size:16px}}@media screen and (max-width:749px){.image-comparison{--image-comparison-cursor-size: 28px;--label-position-left-right: 12px;--label-position-top-bottom: 12px}.image-comparison__content-wrapper{padding:4px 8px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-comparison.css.map */