.block-before-after{box-sizing:border-box;height:300px;margin:0 auto;position:relative;width:100%}@media (min-width:550px){.block-before-after{height:400px}}@media (min-width:1024px){.block-before-after{height:600px}}.block-before-after .after,.block-before-after .before{background-color:var(--wp--preset--color--neptune-blue-500);border-radius:100px;bottom:16px;color:#fff;display:block;font-weight:700;opacity:1;padding:10px 15px;position:absolute;transition:all .2s ease-in-out;z-index:21}.block-before-after .after.colour-black,.block-before-after .before.colour-black{background-color:var(--wp--preset--color--deep-space-500)}.block-before-after .after.colour-white,.block-before-after .before.colour-white{background-color:var(--wp--preset--color--white-500);color:var(--wp--preset--color--deep-space-500)}.block-before-after .before{left:16px}.block-before-after .after{right:16px}.block-before-after:hover .after,.block-before-after:hover .before{opacity:0}.block-before-after .img{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.block-before-after .img img{height:100%;-o-object-fit:cover;object-fit:cover}.block-before-after .foreground-img{width:50%}.block-before-after .foreground-img img{max-width:800px}.block-before-after .before-after-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none!important;box-shadow:none!important;height:100%;margin:0;outline:none;transition:all .2s;width:100%}.block-before-after .before-after-slider,.block-before-after .slider-button{align-items:center;cursor:col-resize;display:flex;justify-content:center;position:absolute}.block-before-after .slider-button{background-color:var(--wp--preset--color--neptune-blue-500);border-radius:50%;height:40px;left:50%;pointer-events:none;top:50%;transform:translate(-50%,-50%);width:40px;z-index:20}.block-before-after .slider-button:after{background-color:var(--wp--preset--color--neptune-blue-500);content:"";height:100%;height:300px;left:50%;min-width:6px;position:absolute;transform:translateX(-2px);width:6px;z-index:19}@media (min-width:550px){.block-before-after .slider-button:after{height:400px}}@media (min-width:1024px){.block-before-after .slider-button:after{height:600px}}.block-before-after .slider-button.colour-white{background-color:var(--wp--preset--color--white-500)}.block-before-after .slider-button.colour-white:after{background-color:var(--wp--preset--color--white-500);content:""}.block-before-after .slider-button.colour-white svg{fill:var(--wp--preset--color--deep-space-500)}.block-before-after .slider-button.colour-black,.block-before-after .slider-button.colour-black:after{background-color:var(--wp--preset--color--deep-space-500)}.block-before-after .slider-button.colour-black:after{content:""}@media (min-width:1024px){.block-split-content .block-before-after{height:400px}}@media (min-width:1550px){.block-split-content .block-before-after{height:600px}}@media (min-width:1024px){.block-split-content .block-before-after .slider-button:after{height:400px}}@media (min-width:1550px){.block-split-content .block-before-after .slider-button:after{height:600px}}