.image-compare-component,.image-compare-component .image-container{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;width:100%}
.image-compare-component .image-container{border-radius:2pc;height:686px;max-height:686px;max-width:915pt;min-height:686px;overflow:hidden;position:relative;z-index:2}
@media(max-width:1220px){.image-compare-component .image-container{border-radius:24px;height:553px;min-height:553px;width:calc(100vw - 40px)}
}
@media(max-width:767px){.image-compare-component .image-container{border-radius:9pt;height:188px;min-height:188px}
}
.image-compare-component .image-container img{height:auto;vertical-align:middle;width:100%}
@media(max-width:1220px){.image-compare-component .image-container{height:auto !important;max-height:unset !important;min-height:unset !important;width:auto !important}
}
.image-compare-component .image-container .img-comp-img{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}
@media(max-width:1220px){.image-compare-component .image-container .img-comp-img{height:408px;width:728px}
}
@media(max-width:767px){.image-compare-component .image-container .img-comp-img{height:100%;max-width:calc(100vw - 40px)}
}
.image-compare-component .image-container .img-comp-img.img-comp-overlay{clip-path:inset(0 0 0 50%);position:absolute;z-index:1}
.image-compare-component .image-container .img-comp-img.img-comp-overlay img{z-index:1}
.image-compare-component .image-container .left-description,.image-compare-component .image-container .right-description{border-radius:8px;bottom:20px;-webkit-box-sizing:content-box;box-sizing:content-box;height:24px;max-width:530px;overflow:hidden;padding:5px 10px;position:absolute}
@media(max-width:1220px){.image-compare-component .image-container .left-description,.image-compare-component .image-container .right-description{max-width:300px}
}
@media(max-width:767px){.image-compare-component .image-container .left-description,.image-compare-component .image-container .right-description{bottom:10px;max-width:93pt}
}
.image-compare-component .image-container .left-description.t-black,.image-compare-component .image-container .right-description.t-black{background:rgba(255,255,255,.9)}
.image-compare-component .image-container .left-description.t-white,.image-compare-component .image-container .right-description.t-white{background:rgba(0,0,0,.6)}
.image-compare-component .image-container .left-description p,.image-compare-component .image-container .right-description p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.image-compare-component .image-container .left-description{left:20px;z-index:1}
@media(max-width:767px){.image-compare-component .image-container .left-description{left:10px}
}
.image-compare-component .image-container .right-description{right:20px;z-index:2}
@media(max-width:767px){.image-compare-component .image-container .right-description{right:10px}
}
.image-compare-component .slider{cursor:pointer;height:100%;width:75pt;z-index:9}
.image-compare-component .slider,.image-compare-component .slider:before{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.image-compare-component .slider:before{background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:60px;width:60px;z-index:1}
@media(max-width:767px){.image-compare-component .slider:before{height:40px;width:40px}
}
.image-compare-component .slider:after{content:"";display:block;height:100%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}
@media(max-width:767px){.image-compare-component .slider:after{width:2px}
}
.image-compare-component .slider svg{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}
.image-compare-component .slider .before-pc{display:block}
@media(max-width:767px){.image-compare-component .slider .before-pc{display:none}
}
.image-compare-component .slider .before-mb{display:none}
@media(max-width:767px){.image-compare-component .slider .before-mb{display:block}
}
.image-compare-component .compare-btn-white:after{background-color:var(--white)}
.image-compare-component .compare-btn-white .black{display:none}
.image-compare-component .compare-btn-black:after{background-color:var(--black)}
.image-compare-component .compare-btn-black .white{display:none}