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