.image-comparison__slider-wrapper{position:relative}.image-comparison__label{font-size:0;line-height:0}.image-comparison__label,.image-comparison__range{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:transparent;border:none;-webkit-appearance:none;appearance:none;outline:none;cursor:pointer;z-index:20}.image-comparison__image-wrapper--overlay{position:absolute;top:0;left:0;width:calc(50% + 1px);height:100%;overflow:hidden;z-index:1;word-wrap:normal}.image-comparison__figure{margin:0;padding-top:45%}.image-comparison__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:0 50%;overflow:hidden}.image-comparison__slider{--color-line: #FFFFFF;position:absolute;top:0;left:50%;width:2px;height:100%;background-color:var(--color-line, --bg-body);box-shadow:0 4px 4px #00000040;transition:background-color .3s ease-in-out;z-index:10}.image-comparison__slider svg{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);z-index:10;border-radius:20px;box-shadow:0 1px 6px #0000001a;cursor:pointer}.image-comparison input[type=range]::-webkit-slider-thumb{opacity:0}.image-comparison input[type=range]::-moz-range-thumb{opacity:0}.image-comparison .image-comparison__caption{position:absolute;top:20px;left:20px;pointer-events:none;color:#fff;text-shadow:0px -1px 2px #000}.image-comparison .image-comparison__image-wrapper:not(.image-comparison__image-wrapper--overlay) .image-comparison__caption{right:20px;left:auto}.swatch-img-wrapper{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.swatch-img-wrapper .image-with-text__content__image{width:84px;height:84px;border-radius:50%;margin-bottom:0}.swatch-img-wrapper .image-with-text__content__image .placeholder_svg_tag,.swatch-img-wrapper .image-with-text__content__image img{width:100%;height:100%;opacity:1;border-radius:50%;vertical-align:middle;margin-bottom:0}.image-comparison__image-wrapper--overlay .image-comparison__figure{padding-top:0;height:100%}@media (min-width: 768px){.image-with-text.grid--image-medium>.image-with-text__inner:not(.image-with-text__content){align-self:stretch}.image-comparison,.image-comparison__slider-wrapper{height:100%}.image-comparison__image.mobile-image{display:none}}@media (max-width: 767px){.image-comparison__thumb{top:calc(50% - 10px);left:calc(50% - 17px);width:30px;height:30px}.image-comparison__slider svg{width:24px;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/image-compare.css.map */