.wp-block-fse-pro-before-after-image .skeleton{background-color:#364153;height:100%;width:50%;animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.wp-block-fse-pro-before-after-image .image-comparison-wrapper{position:relative;width:100%;position:relative;overflow:hidden;border:3px solid #fff}.wp-block-fse-pro-before-after-image .image-comparison-wrapper .before-image{aspect-ratio:16/9;clip-path:inset(0 50% 0 0);-webkit-clip-path:inset(0 50% 0 0);position:relative;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wp-block-fse-pro-before-after-image .image-comparison-wrapper img,.wp-block-fse-pro-before-after-image .image-comparison-wrapper video{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;-o-object-position:50% 40%;object-position:50% 40%;position:absolute;pointer-events:none}.wp-block-fse-pro-before-after-image .image-comparison-wrapper .after-image{aspect-ratio:16/9;position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wp-block-fse-pro-before-after-image .image-comparison-wrapper .after-image .skeleton{float:right}.wp-block-fse-pro-before-after-image .image-comparison-wrapper .handle-text{border-radius:50%;backdrop-filter:blur(41px);cursor:grab;display:flex;justify-content:center;align-items:center;transition:.5s ease-in-out;height:50px;width:50px;aspect-ratio:1/1;z-index:99;position:relative;border:2px solid rgba(0,0,0,0);pointer-events:none}.wp-block-fse-pro-before-after-image .image-comparison-wrapper .handle-text .drag-title{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:clamp(16px,2vw,24px);pointer-events:none}.wp-block-fse-pro-before-after-image .image-comparison-wrapper .resizer{position:absolute;display:flex;align-items:center;z-index:5;top:0;left:50%;height:100%;width:3px;justify-content:center;touch-action:pan-y;transform-origin:center;z-index:99}.wp-block-fse-pro-before-after-image .image-comparison-wrapper .resizer:before,.wp-block-fse-pro-before-after-image .image-comparison-wrapper .resizer:after{content:"";position:absolute;height:48%;top:0;width:3px;background-color:#fff;left:50%;transform:translateX(-50%)}.wp-block-fse-pro-before-after-image .image-comparison-wrapper .resizer:after{bottom:0;top:auto;z-index:-1}.wp-block-fse-pro-before-after-image .image-comparison-wrapper .resizer:hover .icon-wrapper{transform:scale(1.1)}.wp-block-fse-pro-before-after-image .image-comparison-wrapper .resizer.resize .handle-text{border-color:#fff}.wp-block-fse-pro-before-after-image .image-comparison-wrapper .resizer.resize .icon-wrapper{border-color:#fff;transform:scale(0.9)}.wp-block-fse-pro-before-after-image .icon-wrapper{cursor:ew-resize;touch-action:pan-y;transition:.5s ease-in-out}.wp-block-fse-pro-before-after-image .icon-wrapper .circular-handle{backdrop-filter:blur(40px);border-radius:50%;height:50px;width:50px}.wp-block-fse-pro-before-after-image .icon-wrapper .circular-handle svg{height:100%;width:100%}.wp-block-fse-pro-before-after-image.has-standard .before-image,.wp-block-fse-pro-before-after-image.has-standard .after-image{aspect-ratio:4/3}.wp-block-fse-pro-before-after-image.has-classic .before-image,.wp-block-fse-pro-before-after-image.has-classic .after-image{aspect-ratio:3/2}.wp-block-fse-pro-before-after-image.has-widescreen .before-image,.wp-block-fse-pro-before-after-image.has-widescreen .after-image{aspect-ratio:16/9}.wp-block-fse-pro-before-after-image.has-square .before-image,.wp-block-fse-pro-before-after-image.has-square .after-image{aspect-ratio:1/1}.wp-block-fse-pro-before-after-image.vertical-compare .before-image{clip-path:inset(0 0 50% 0);-webkit-clip-path:inset(0 0 50% 0)}.wp-block-fse-pro-before-after-image.vertical-compare .skeleton{height:50%;width:100%}.wp-block-fse-pro-before-after-image.vertical-compare .after-image{display:flex;align-items:flex-end}.wp-block-fse-pro-before-after-image.vertical-compare .icon-wrapper{cursor:ns-resize}.wp-block-fse-pro-before-after-image.vertical-compare .image-comparison-wrapper .overlay-text-wrap{flex-direction:column;height:100%;top:50%;transform:translateY(-50%)}.wp-block-fse-pro-before-after-image.vertical-compare .image-comparison-wrapper .resizer{width:100%;height:auto;top:50%;transform:translateY(-50%);left:auto}.wp-block-fse-pro-before-after-image.vertical-compare .image-comparison-wrapper .resizer .icon-wrapper{transform:rotate(90deg)}.wp-block-fse-pro-before-after-image.vertical-compare .image-comparison-wrapper .resizer:before,.wp-block-fse-pro-before-after-image.vertical-compare .image-comparison-wrapper .resizer:after{top:50%;height:2px;width:48%;left:0;transform:none;bottom:auto;transform:translateY(-50%)}.wp-block-fse-pro-before-after-image.vertical-compare .image-comparison-wrapper .resizer:after{right:0;left:auto}.resize .icon-wrapper svg path{animation:none}.icon-wrapper:has(.bar-handle) svg path{transform:scale(0.8);transform-origin:center}.icon-wrapper:has(.bar-handle):hover svg path{transform:scale(0.8)}.icon-wrapper:has(.bar-handle):hover svg path:first-child{animation:horizontalHandleUp linear 1s infinite;transition:.5s ease-in-out}.icon-wrapper:has(.bar-handle):hover svg path:last-child{animation:horizontalHandle linear 1s infinite;transition:.5s ease-in-out}@keyframes horizontalHandleUp{from{transform:translateX(0px) scale(0.8)}to{transform:translateX(-5px) scale(0.8)}}@keyframes horizontalHandle{from{transform:translateX(0px) scale(0.8)}to{transform:translateX(5px) scale(0.8)}}@keyframes handle{from{transform:translateX(0px) scale(0.8)}to{transform:translateX(5px) scale(0.8)}}@keyframes handleUp{from{transform:translateX(0px) scale(0.8)}to{transform:translateX(-5px) scale(0.8)}}.vertical-compare .handle-text{transform:rotate(-90deg)}.vertical-compare .icon-wrapper:has(.bar-handle) svg path{transform:scale(0.8);transform-origin:center}.vertical-compare .icon-wrapper:has(.bar-handle):hover svg path{transform:scale(0.8)}.vertical-compare .icon-wrapper:has(.bar-handle):hover svg path:first-child{animation:handleUp linear 1s infinite;transition:.5s ease-in-out}.vertical-compare .icon-wrapper:has(.bar-handle):hover svg path:last-child{animation:handle linear 1s infinite;transition:.5s ease-in-out}.overlay-text-wrap{display:flex;justify-content:space-between;position:absolute;padding:20px;width:100%;z-index:9;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.overlay-text-wrap .overlay-text{padding:2px;background-color:hsla(0,0%,100%,.3);border-radius:5px;text-align:center;width:auto;width:80px;z-index:1}.wp-block-fse-pro-before-after-image .overlay-text-wrap{opacity:1}@media screen and (min-width: 1024px){.wp-block-fse-pro-before-after-image.label-hover .overlay-text-wrap{opacity:0}.wp-block-fse-pro-before-after-image.label-hover:hover .overlay-text-wrap{opacity:1}}@media screen and (min-width: 768px){.wp-block-fse-pro-before-after-image .image-comparison-wrapper .handle-text,.wp-block-fse-pro-before-after-image .image-comparison-wrapper .circular-handle{height:80px;width:80px}}@keyframes pulse{50%{opacity:.5}}.wp-block-fse-pro-before-after-image .hide-label+.overlay-text-wrap{opacity:0}