.cli-compare{width:100%}.cli-comparer{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:156px;border-radius:8px;background:#000;position:relative;overflow:hidden}@media(min-width: 768px){.cli-comparer{height:348px;border-radius:16px}}@media(min-width: 1200px){.cli-comparer{height:560px;border-radius:24px}}.cli-compare-before,.cli-compare-after{position:absolute;top:0;bottom:0;-o-object-fit:cover;object-fit:cover}.cli-compare-before img,.cli-compare-after img{width:311px;height:100%;-o-object-fit:inherit;object-fit:inherit}@media(min-width: 768px){.cli-compare-before img,.cli-compare-after img{width:688px}}@media(min-width: 1200px){.cli-compare-before img,.cli-compare-after img{width:1110px}}.cli-compare-before{left:0;width:50%;overflow:hidden}.cli-compare-after{right:0;left:0}.cli-comparer-runner{position:absolute;top:0;left:50%;height:100%;width:2px;background:#fff}.cli-comparer-handle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);width:48px;height:48px;border-radius:100%;background:#fff;cursor:pointer}@media(min-width: 768px){.cli-comparer-handle{width:64px;height:64px;top:calc(50% - 32px);left:calc(50% - 32px)}}@media(min-width: 1200px){.cli-comparer-handle{width:80px;height:80px;top:calc(50% - 40px);left:calc(50% - 40px)}}.cli-comparer-handle svg{width:30px;height:30px}@media(min-width: 768px){.cli-comparer-handle svg{width:40px;height:40px}}@media(min-width: 1200px){.cli-comparer-handle svg{width:50px;height:50px}}.cli-comparer--test .cli-comparer-runner{left:40%}.cli-comparer--test .cli-compare-before{width:40%}