.g44-before-after{position:relative;width:100%;margin-left:auto;margin-right:auto;user-select:none;overflow:hidden}.g44-before-after .base-image span,.g44-before-after .overlay-image span{background:rgb(255 255 255 / 50%);color:var(--g44-black-color);border-radius:4px;padding:4px;position:absolute;top:10px;font-size:.8em}.g44-before-after.g44-dark .base-image span,.g44-before-after.g44-dark .overlay-image span{background:rgb(0 0 0 / 50%);color:#fff}.g44-before-after .overlay-image span{left:10px;z-index:9}.g44-before-after .base-image span{right:10px;z-index:0}.g44-before-after .base-image{position:relative}.g44-before-after .image{width:100%;height:100%;display:block;object-fit:cover}.g44-before-after .overlay-image .image{position:absolute}.g44-before-after .overlay-image{position:absolute;width:100%;height:100%;top:0;left:0;clip-path:inset(0 50% 0 0)}.g44-before-after .ba-slider{position:absolute;top:0;left:50%;width:2px;height:100%;background-color:#fff}@keyframes g44-before-after{0%,100%{clip-path:inset(0 55% 0 0)}50%{clip-path:inset(0 45% 0 0)}}@keyframes g44-before-after-slider{0%,100%{left:45%}50%{left:55%}}.page-overflow .g44-before-after.start-anim .overlay-image{clip-path:inset(0 55% 0 0);animation:4s 2s infinite g44-before-after}.page-overflow .g44-before-after.start-anim .ba-slider{left:45%;animation:4s 2s infinite g44-before-after-slider}.page-overflow .g44-before-after:hover .ba-slider,.page-overflow .g44-before-after:hover .overlay-image{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.page-overflow .g44-before-after.start-anim .ba-slider,.page-overflow .g44-before-after.start-anim .overlay-image{animation:none!important}}.g44-before-after .ba-slider>div{width:50px;height:50px;background-color:#fff;border-radius:80px;position:relative;display:flex;align-items:center;justify-content:center;margin-left:-24px;top:50%;margin-top:-25px;font-size:28px;cursor:pointer;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s}.g44-before-after.g44-dark .ba-slider,.g44-before-after.g44-dark .ba-slider>div{background-color:var(--g44-black-color)}.g44-before-after:hover .ba-slider>div{transform:scale(1.2)}.g44-before-after .ba-slider>div:after{content:'\F695';display:block;color:var(--g44-primary-color)}.g44-before-after.g44-dark .ba-slider>div:after{color:#fff}