.c-compare{--h:6;--w:8;--thumb-bgc:#fff;--thumb-bgc-focus:hsla(0,0%,100%,.05);--thumb-w:0.4rem;position:relative}.c-compare:after{content:"";display:block;padding-bottom:calc((var(--h)/var(--w))*100%)}.c-compare__left,.c-compare__right{height:100%;object-fit:cover;position:absolute;width:100%}.c-compare__left{clip-path:polygon(0 0,var(--value) 0,var(--value) 100%,0 100%)}.c-compare__right{clip-path:polygon(100% 0,var(--value) 0,var(--value) 100%,100% 100%)}.c-compare__range{background-color:transparent;box-sizing:border-box;font-family:inherit;height:100%;margin:0;outline:none;position:absolute;top:0;width:100%}.c-compare__range::-moz-range-thumb{background-color:var(--thumb-bgc);cursor:pointer;height:100%;width:var(--thumb-w)}.c-compare__range::-webkit-slider-thumb{background-color:var(--thumb-bgc);cursor:pointer;height:100%;width:var(--thumb-w)}.c-compare__range:focus::-webkit-slider-thumb{background-color:var(--thumb-bgc-focus);box-shadow:0 0 0 3px var(--thumb-bgc)}.c-compare__range:focus::-moz-range-thumb{background-color:var(--thumb-bgc-focus);box-shadow:0 0 0 3px var(--thumb-bgc)}.c-compare__range::-moz-range-track{background:transparent;background-size:100%;box-sizing:border-box}.c-compare__range::-webkit-slider-runnable-track{background:transparent;background-size:100%;box-sizing:border-box;height:100%}.c-compare__range,.c-compare__range::-webkit-slider-runnable-track,.c-compare__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}h3#\a --------with-32-aspect-ratio\a ------{font-weight:400;margin-top:0}.comparison-module.row{align-items:center}.c-compare .c-fullscreen{background:rgba(0,0,0,.35);bottom:0;color:#fff;cursor:pointer;padding:.15rem .5rem;position:absolute;right:0;z-index:4}.modal .c-compare .c-fullscreen{left:50%;text-align:center;transform:translateX(-50%);width:100px}.modal{display:none}.modal.modal-open{display:initial;height:calc(100vh - 4rem);left:2rem;position:fixed;top:2rem;width:calc(100vw - 4rem);z-index:1000}.modal.modal-open:before{background:rgba(0,0,0,.35);content:" ";display:block;height:100vh;left:-2rem;position:absolute;top:-2rem;width:100vw;z-index:0}.modal .c-compare{height:100%}.modal .c-compare>img{object-fit:contain}