:root{--slider-divider-bg-color:rgba(0,0,0,.7);--slider-divider-color:rgb(255,255,255);--slider-divider-border-color:rgb(255,255,255,.7);--slider-wrapper-bg-color:rgb(255,255,255);--slider-wrapper-border-color:rgb(255,255,255);--slider-overlay-color:rgba(0,0,0,.7);--slider-overlay-border-color:rgb(255,255,255,.7);--slider-text-color:rgb(255,255,255);}.comparison-slider-wrapper *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;}.comparison-slider-wrapper{position:relative;width:50%;margin:1rem 0;background-color:var(--slider-wrapper-bg-color);padding:1rem;}@media only screen and (max-width:767px){.comparison-slider-wrapper{width:100%}}.comparison-slider-wrapper .comparison-slider{position:relative;width:100%;margin:0;border:5px var(--slider-wrapper-border-color) solid;box-sizing:border-box;}.comparison-slider-wrapper .comparison-slider>img{width:100%;height:auto;display:block;}.comparison-slider-wrapper .comparison-slider .overlay{display:flex;position:absolute;width:fit-content;height:auto;color:var(--slider-text-color);top:1rem;right:1rem;background-color:var(--slider-overlay-color);padding:.5rem 1rem;backdrop-filter:blur(15px);border-radius:1rem;border:2px var(--slider-overlay-border-color) solid;}.comparison-slider-wrapper .comparison-slider>.resize>.overlay{left:1rem;}@media screen and (min-width:767px){.comparison-slider-wrapper .comparison-slider .overlay{display:block}}.comparison-slider-wrapper .comparison-slider .resize{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;}.comparison-slider-wrapper .comparison-slider .resize>img{display:block;object-fit:cover;height:100%;}.comparison-slider-wrapper .comparison-slider .divider{position:absolute;width:3px;height:100%;background-color:var(--slider-divider-bg-color);left:50%;top:0;bottom:0;margin-left:-1px;cursor:ew-resize;}.comparison-slider-wrapper .comparison-slider .divider:before{content:"";position:absolute;width:40px;height:40px;left:-18px;top:50%;margin-top:-20px;border-radius:50%;background-color:var(--slider-divider-bg-color);backdrop-filter:blur(15px);transition:all .1s ease-in-out;border:2px var(--slider-divider-border-color) solid;}.comparison-slider-wrapper .comparison-slider .divider:after{content:"\2039\a0\203A";position:absolute;font-size:28px;top:50%;color:var(--slider-divider-color);font-weight:900;text-align:center;transition:all .1s ease-in-out;transform:translate(-50%,-50%);left:50%;}.comparison-slider-wrapper .comparison-slider .divider.draggable:before{width:60px;height:60px;left:-28px;margin-top:-30px;}