.imagecompare{-webkit-user-select:none;user-select:none;padding-top:40px;padding-bottom:40px;position:relative}.imagecompare__wrapper{position:relative}.imagecompare__inner{position:relative;overflow:hidden}.imagecompare img{aspect-ratio:30/17;object-fit:cover;object-position:right;width:100%;height:auto;display:block}.imagecompare__text{font-size:clamp(14px,min(2.43056vw,4vh),15px);line-height:1.6}.imagecompare__box{flex-direction:column;align-items:flex-start;width:400px;padding-top:30px;padding-bottom:30px;display:flex}@media (width>=992px){.imagecompare__box{padding-top:45px;padding-bottom:45px}}.imagecompare__box{padding-left:20px;padding-right:20px}@media (width>=992px){.imagecompare__box{padding-left:30px;padding-right:30px}}.imagecompare__box{gap:15px}@media (width>=992px){.imagecompare__box{gap:20px}}.imagecompare__box--left{padding-right:35px}@media (width>=992px){.imagecompare__box--left{padding-right:50px}}.imagecompare__box--right{text-align:right;align-items:flex-end;padding-left:35px;left:auto;right:0}@media (width>=992px){.imagecompare__box--right{padding-left:50px}}.imagecompare__left:after,.imagecompare__right:after{content:"";z-index:0;background:linear-gradient(#fff0 0%,#fff 85% 100%);width:100%;height:200px;display:block;position:absolute;bottom:0;left:0}.text-below .imagecompare__left:after,.text-below .imagecompare__right:after{content:none}.imagecompare__left{z-index:0;position:relative}.imagecompare__right{z-index:1;contain:strict;width:50%;height:100%;position:absolute;top:0;right:0;overflow:hidden}.imagecompare__right img{width:auto;min-width:100%;height:100%;max-width:unset;position:absolute;top:0;right:0}.imagecompare__handle{z-index:2;cursor:e-resize;justify-content:center;width:44px;height:calc(100% - 40px);display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.imagecompare__handle .handle__line,.imagecompare__handle .handle__dot{background-color:#00487e;border-radius:2px}.imagecompare__handle .handle__line{color:#00487e;width:4px;position:relative;box-shadow:0 0 20px #0006}.imagecompare__handle .handle__line:before{content:"";speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:schoeck;font-style:normal;font-weight:400;display:inline-block;position:relative;left:-18px}.imagecompare__handle .handle__line:after{content:"";speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:schoeck;font-style:normal;font-weight:400;display:inline-block;position:relative;right:-18px}.imagecompare__handle .handle__line:before,.imagecompare__handle .handle__line:after{font-size:10px;line-height:1;position:absolute;bottom:1px}.imagecompare__handle .handle__dot{z-index:1;color:#fff;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(0)}.imagecompare__handle .handle__dot:before{content:"";speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:schoeck;font-style:normal;font-weight:400;display:inline-block;position:relative}.imagecompare.dragging,.imagecompare.dragging .imagecompare__handle{cursor:grabbing}.imagecompare.transition .imagecompare__right{transition:width .15s}.imagecompare.transition .imagecompare__handle{transition:left .15s}.imagecompare.transition .imagecompare__box{transition:opacity .15s}@media (width<=767.98px){.imagecompare__content{margin-top:10px}.imagecompare__content .imagecompare__box{width:min(340px,100%);padding:0;position:static}.imagecompare__content .imagecompare__box--right{margin-top:25px;margin-left:auto}}@media (width>=768px){.imagecompare__content{z-index:3;pointer-events:none;align-items:flex-end;width:100%;height:100%;padding:40px 0;display:flex;position:absolute;top:0;left:0}.imagecompare__content>*{flex:0 0 50%;width:50%}.text-below .imagecompare__content{padding:0;position:static}.text-below .imagecompare__content .imagecompare__box{padding-top:10px;padding-bottom:0}.text-below .imagecompare__content .imagecompare__box--left{padding-left:0}.text-below .imagecompare__content .imagecompare__box--right{padding-right:0}}