:root{--compareOpenWidth:65%}
.compare-image-container{position:relative;width:100%;margin:0 auto;overflow:hidden}
.compare-image-container img{display:block;width:100%}
.compare-image-container .cd-image-label{position:absolute;top:50%;left:1030px;color:#fff;padding:1em;width:500px;transform:translate(0,-50%)}
.compare-image-container .cd-image-label[data-align="left"]{left:230px}
.compare-image-container .cd-image-label[data-align="right"]{left:1180px}
.compare-image-container .cd-resize-img{position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;border-right:1px solid #fff}
.compare-image-container .cd-resize-img img{position:absolute;left:0;top:0;display:block;height:100%;width:auto;max-width:none}
.compare-image-container .cd-resize-img img.cd-resize-img-bg{display:none}
.compare-image-container.is-visible .cd-resize-img{width:var(--compareOpenWidth);animation:cd-bounce-in 1s}
@keyframes cd-bounce-in{0{width:0}
60%{width:var(--compareOpenWidth)}
100%{width:var(--compareOpenWidth)}
}
.compare-image-container .cd-handle{position:absolute;height:44px;width:44px;left:var(--compareOpenWidth);top:50%;margin-left:-22px;margin-top:-22px;border-radius:50%;background:#fff;cursor:move;opacity:0;display:flex;transform:translate3d(0,0,0) scale(0)}
.compare-image-container .cd-handle.draggable{background-color:#fff}
.compare-image-container.is-visible .cd-handle{opacity:1;transform:translate3d(0,0,0) scale(1);transition:transform .3s .7s,opacity 0 .7s}
.compare-image-container .title{font-family:var(--pnsb);font-size:5.625rem;line-height:1.5}
.compare-image-container .desc{font-family:var(--pnr);font-size:1.75rem;line-height:1.5;padding:40px 0}
.compare-image-container .buttonContainer{justify-content:left}
.compare-image-container .buttonContainer>a{background:#2b0060;box-shadow:none;padding:15px 25px !important}
.compare-image-container .cd-image-label .title,.compare-image-container .cd-image-label .desc,.compare-image-container .cd-image-label .buttonContainer{opacity:0;transform:translate(0,20%);transition:transform .3s .7s,opacity .3s .7s;transition-property:transform,opacity;transition-duration:.5s,0.5s;transition-timing-function:ease-in-out,ease-in-out;transition-delay:.3s,0.3s}
.compare-image-container .cd-image-label .desc{transition-delay:.5s,0.5s}
.compare-image-container .cd-image-label .buttonContainer{transition-delay:.7s,0.7s}
.compare-image-container.is-visible .cd-image-label .title,.compare-image-container.is-visible .cd-image-label .desc,.compare-image-container.is-visible .cd-image-label .buttonContainer{opacity:1;transform:translate(0,0)}
@media screen and (max-width:1600px){.compare-image-container .cd-image-label{left:880px}
}
@media screen and (max-width:1440px){.compare-image-container .cd-image-label{left:760px;max-width:450px}
.compare-image-container .title{font-size:5rem}
.compare-image-container .desc{font-size:1.5rem}
.compare-image-container .buttonContainer>a{font-size:1.25rem}
.compare-image-container .cd-image-label[data-align="left"]{left:160px}
.compare-image-container .cd-image-label[data-align="right"]{left:840px}
}
@media screen and (max-width:1366px){.compare-image-container .cd-image-label{left:700px;max-width:420px}
.compare-image-container .title{font-size:4.75rem}
.compare-image-container .desc{font-size:1.375rem}
.compare-image-container .buttonContainer>a{font-size:1.125rem}
.compare-image-container .cd-image-label[data-align="left"]{left:130px}
.compare-image-container .cd-image-label[data-align="right"]{left:800px}
}
@media screen and (max-width:1280px){.compare-image-container .cd-image-label{left:670px;max-width:380px}
.compare-image-container .title{font-size:4.375rem}
.compare-image-container .desc{font-size:1.25rem}
.compare-image-container .buttonContainer>a{font-size:1rem}
.compare-image-container .cd-image-label[data-align="right"]{left:750px}
}
@media screen and (max-width:1024px){.compare-image-container .baseImage{display:none}
.compare-image-container .cd-resize-img{--compareOpenWidth:100%;position:relative;top:unset;left:unset;transform:unset;max-width:unset;height:auto;animation:none !important}
.compare-image-container .cd-image-label{position:relative;top:unset;max-width:70%;left:unset !important;transform:unset;margin:0 auto;padding:100px 0;width:100%}
.compare-image-container>.cd-image-label{display:none}
.compare-image-container .cd-handle{display:none}
}
@media screen and (max-width:768px){.compare-image-container .cd-image-label{max-width:90%}
}
@media screen and (max-width:680px){.compare-image-container .title{font-size:3.125rem}
.compare-image-container .desc{margin:0;padding:30px 0}
.compare-image-container .cd-image-label{padding:70px 0}
}
@media screen and (max-width:414px){.compare-image-container .title{font-size:2.5rem}
.compare-image-container .desc{margin:0;padding:30px 0}
.compare-image-container .cd-image-label{padding:70px 0}
}
button.fancybox-button.fancybox-button--close:focus-visible{outline:#00adef 3px solid !important;border-radius:2px;outline-offset:2px}
.compare .cd-image-label.no-tout{background:none !important}