.content-and-image-compare{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;column-gap:50px;position:relative;z-index:0}.content-and-image-compare--no-content{grid-template-columns:repeat(1,1fr)}@media screen and (max-width:900px){.content-and-image-compare{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:900px){.content-and-image-compare--slider-first .image-compare{order:-1}}.content-and-image-compare .content-container .title{margin-top:0}.image-compare{position:relative;max-width:450px;width:100%;margin:0 auto;overflow:hidden}.image-compare__overlay{position:absolute;z-index:2;top:0;left:0;width:50%;height:100%;overflow:hidden;max-width:100%}.image-compare__overlay-under{position:absolute;z-index:1;top:0;right:0;width:50%;height:100%;overflow:hidden;max-width:100%}.image-compare__overlay img,.image-compare__overlay-under img{width:100%;height:100%;object-fit:cover;object-position:top left;vertical-align:bottom;margin:0;border:none}.image-compare__overlay-under img{object-position:top right}.image-compare__underlay img{width:100%;vertical-align:bottom;margin:0;border:none;visibility:hidden}.image-compare__before-text,.image-compare__after-text{position:absolute;top:0;left:0;z-index:4}.image-compare__before-text h3,.image-compare__after-text h3{text-align:center;width:fit-content;font-size:1.2rem;letter-spacing:.1rem;line-height:1;padding:.5rem 1.3rem .6rem;margin:0;white-space:nowrap}.image-compare__after-text{left:auto;right:0}.image-compare__input{opacity:0;position:absolute;z-index:5;height:100%;width:100%;-webkit-appearance:none;overflow:hidden}.image-compare__input::-webkit-slider-thumb{-webkit-appearance:none;height:50rem;max-height:100%;width:5rem;border:solid 4px red}.image-compare__line{display:block;position:absolute;z-index:3;top:0;left:50%;height:100%;width:6px;cursor:e-resize;transform:translate(-50%)}.image-compare__arrow-left{width:10px;height:15px;position:absolute;top:50%;left:0;transform:translate(-20px,-50%);clip-path:polygon(100% 0%,0 50%,100% 100%);display:block!important}.image-compare__arrow-right{width:10px;height:15px;position:absolute;top:50%;right:0;transform:translate(20px,-50%);clip-path:polygon(100% 50%,0 0,0 100%);display:block!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/image-compare-slider.css.map */