.f\:image-comparison{position:relative;display:block;overflow:hidden}.f\:image-comparison-block{font-size:32px}.f\:image-comparison--small{--f-hero-height:290px}.f\:image-comparison--medium{--f-hero-height:360px}.f\:image-comparison--large{--f-hero-height:420px}@media(min-width: 768px){.f\:image-comparison--small{--f-hero-height:420px}.f\:image-comparison--medium{--f-hero-height:560px}.f\:image-comparison--large{--f-hero-height:720px}}.f\:image-comparison-media{position:relative;display:block;overflow:hidden;background:#f3f3f3}.f\:image-comparison-media__wrapper{height:var(--f-hero-height)}.f\:image-comparison-media__wrapper img,.f\:image-comparison-media__wrapper svg{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}@media(max-width: 768px){.f\:image-comparison-media__wrapper.has-mobile-image .f\:image-comparison-media__desktop{display:none}}.f\:image-comparison-media__mobile{top:0;right:0;bottom:0;left:0;position:absolute;object-fit:cover;width:100%;height:100%}@media(min-width: 768px){.f\:image-comparison-media__mobile{display:none !important}}.f\:image-comparison-media__heading{position:absolute;z-index:1;top:20px;left:30px;text-align:center;line-height:1;opacity:1;visibility:visible;margin:0 !important}.f\:image-comparison__after-image .f\:image-comparison-media__heading{left:auto;right:30px}.f\:image-comparison--vertical .f\:image-comparison__after-image .f\:image-comparison-media__heading{right:auto;left:30px;top:auto;bottom:20px}.dragging .f\:image-comparison-media__heading{opacity:0;visibility:hidden}@media(max-width: 767.98px){.f\:image-comparison-media__heading{display:none !important}}.f\:image-comparison__after-image{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;overflow:hidden}[data-layout=horizontal] .f\:image-comparison__after-image{clip-path:inset(0px 0px 0px var(--percent, 50%))}[data-layout=vertical] .f\:image-comparison__after-image{clip-path:inset(var(--percent, 50%) 0px 0px 0px)}.f\:image-comparison__before-image .f\:placeholder-svg{background-color:rgba(0,0,0,.4392156863)}.f\:image-comparison__button{position:absolute;z-index:2;color:inherit;background-color:rgba(0,0,0,0);border:none;padding:0;cursor:pointer;transition:none;color:#000}.f\:image-comparison__button svg{width:12px}.f\:image-comparison__button:after,.f\:image-comparison__button:before{content:"";position:absolute;background-color:#fff;pointer-events:none}[data-layout=horizontal] .f\:image-comparison__button:after,[data-layout=horizontal] .f\:image-comparison__button:before{width:5px;height:50%;left:50%;margin-left:-2.5px}[data-layout=vertical] .f\:image-comparison__button:after,[data-layout=vertical] .f\:image-comparison__button:before{width:50%;height:5px;top:50%;margin-top:-2.5px}[data-layout=horizontal] .f\:image-comparison__button:before{top:0;margin-top:-20px}[data-layout=vertical] .f\:image-comparison__button:before{left:0;margin-left:-20px}[data-layout=horizontal] .f\:image-comparison__button:after{bottom:0;margin-bottom:-20px}[data-layout=vertical] .f\:image-comparison__button:after{right:0;margin-right:-20px}[data-layout=horizontal] .f\:image-comparison__button{top:0;left:var(--percent, 50%);width:28px;height:100%;margin-left:-14px;cursor:col-resize}[data-layout=vertical] .f\:image-comparison__button{left:0;top:var(--percent, 50%);width:100%;height:28px;margin-top:-14px;cursor:row-resize}.f\:image-comparison__button span{position:absolute;top:50%;left:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;border-radius:40px;background-color:#fff;pointer-events:none;display:flex;align-items:center;justify-content:center;box-shadow:0px 21px 24px rgba(0,0,0,.15)}[data-layout=vertical] .f\:image-comparison__button span{transform:rotate(90deg)}