.comparison-images__component{display:block;position:relative;flex:1 0 var(--container-max-width);overflow:hidden;border-radius:var(--media-radius);background:#eee;touch-action:pan-y;max-width:var(--container-max-width);-webkit-user-select:none;user-select:none;padding-bottom:29%;min-height:400px}.comparison-images__component.comparison-images__component--not-slider{cursor:default;touch-action:unset}.comparison-images__wrapper{position:absolute;width:100%;height:100%}.comparison-images__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.comparison-images__component--not-slider .comparison-images__img{object-position:top}.comparison-images__before{position:relative;width:100%;height:100%}.comparison-images__after{position:absolute;top:0;left:0;height:100%;overflow:hidden;z-index:2}.comparison-images__slider{position:absolute;top:0;left:50%;width:4px;height:100%;background-color:#43382e;z-index:2;transform:translate(-50%);box-shadow:0 0 10px #0000004d;cursor:ew-resize}.comparison-images__component--not-slider .comparison-images__slider{display:none}.comparison-images__handle{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:#333}.comparison-images__overlay-card{position:absolute;top:10px;background:#f9f8f7;padding:20px;border-radius:10px;width:290px;pointer-events:none}.comparison-images__component--not-slider .comparison-images__overlay-card{width:unset;background-color:var(--label-color);padding:10px 20px;top:12px;bottom:unset;border-radius:var(--buttons-radius-outset)}.comparison-images__overlay-card--before{right:10px;z-index:2}.comparison-images__component--not-slider .comparison-images__overlay-card--before{left:8px;right:unset}.comparison-images__overlay-card--after{left:10px;z-index:4}.comparison-images__component--not-slider .comparison-images__overlay-card--after{right:8px;left:unset}.comparison-images__component--not-slider .comparison-images__before,.comparison-images__component--not-slider .comparison-images__after{width:50%;height:100%;border:none}.comparison-images__component--not-slider .comparison-images__after{right:0;left:unset}.comparison-images__component--not-slider .comparison-images__img--after{height:100%}.comparison-images__button{margin:30px 0 0}.overlay-card__title{font-family:var(--font-heading-family);font-weight:700;font-size:clamp(14px,3vw,24px);line-height:normal;letter-spacing:0;text-transform:capitalize;color:rgba(var(--color-button));margin:0 0 20px}.comparison-images__component--not-slider .overlay-card__title{font-weight:700;font-size:clamp(12px,2vw,14px);line-height:100%;letter-spacing:2px;text-transform:uppercase;color:#fff;font-style:normal;margin:0;font-family:var(--font-body-family)}.overlay-card__text{font-weight:400;font-size:clamp(10px,1vw,14px);line-height:140%;letter-spacing:0}.overlay-card__text ul{margin:0;padding:0;display:flex;flex-direction:column;gap:16px;list-style:none}.overlay-card__text li{position:relative;display:flex;gap:10px;align-items:center;color:var(--title-color)}.overlay-card__text li:before{content:"";position:relative;width:18px;height:18px;background-position:center;background-repeat:no-repeat;background-size:cover;display:block}.comparison-images__overlay-card--before .overlay-card__text li:before{background-image:var(--icon-bad)}.comparison-images__overlay-card--after .overlay-card__text li:before{background-image:var(--icon-good)}@media screen and (max-width:1024px){.comparison-images__heading br{display:none}.comparison-images__container{flex-wrap:wrap;gap:30px}.comparison-images__overlay-card{width:240px}.comparison-images__component{border-radius:20px;flex:1 1 100%;max-width:unset}.comparison-images__content{flex:1 1 100%}}@media screen and (max-width:768px){.comparison-images__component{border-radius:10px;touch-action:pan-y}.comparison-images__slider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:44px}.comparison-images__after{width:100%;border-bottom:2px solid #43382E}.comparison-images__slider{width:100%;height:2px;left:0;top:50%;transform:translateY(-50%);touch-action:none}.comparison-images__img--after{height:var(--component-height);width:100%}.comparison-images__handle svg{transform:rotate(90deg)}.overlay-card__text ul{flex-direction:row;flex-wrap:wrap;gap:8px}.overlay-card__text li{width:calc((100% - 16px)/2)}.comparison-images__overlay-card{width:calc(100% - 10px);max-width:unset;padding:10px}.comparison-images__overlay-card--after{top:5px;right:5px;bottom:unset;left:5px}.comparison-images__overlay-card--before{top:unset;right:5px;bottom:5px;left:5px}.comparison-images__component--not-slider .comparison-images__overlay-card{padding:8px 15px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-comparison-images.css.map */