.content-slider-before-after{position:relative;border-radius:5px;overflow:hidden;--position:50%;display:inline-block;outline:none;width:100%;max-width:800px;margin:0 auto}.content-slider-before-after .before-after{position:relative;width:100%}.content-slider-before-after .before-after .label{position:absolute;top:20px}.content-slider-before-after .before-after .label .lab{line-height:40px;font-size:14px;padding:0 14px;border-radius:40px;background:#ffffff;display:inline-block}.content-slider-before-after .before-after .before{z-index:2;overflow:hidden;width:var(--position);position:absolute;height:100%}.content-slider-before-after .before-after .before img{display:block;object-fit:cover;position:absolute;object-position:left;height:100%;width:100%;z-index:0;top:0;left:0}.content-slider-before-after .before-after .before .label{left:0;z-index:3;padding-left:20px;overflow:hidden}.content-slider-before-after .before-after .after img{display:block;object-fit:contain;width:100%;max-width:100%;object-position:left}.content-slider-before-after .before-after .after .label{text-align:right;right:20px;z-index:1}.content-slider-before-after .slider{position:absolute;z-index:2;height:100%;width:100%;top:0;left:0;opacity:0;cursor:pointer;margin:0;outline:none}.content-slider-before-after .slider-line{height:100%;position:absolute;left:var(--position);top:0;width:2px;background:#ffffff;transform:translateX(-50%)}.content-slider-before-after .slider-button{height:40px;width:40px;border-radius:100%;background:#ffffff;display:flex;align-items:center;justify-content:center;left:var(--position);top:50%;position:absolute;z-index:3;transform:translate(-50%, -50%);pointer-events:none}.content-before-after{position:relative;display:inline-block;outline:none;width:100%}.content-before-after .cba{position:relative;width:100%;display:flex;border-radius:5px;overflow:hidden;font-size:0;line-height:0}.content-before-after .cba:after{content:"";width:2px;left:50%;margin-left:-1px;position:absolute;height:100%;background:#F9F9F4;top:0}.content-before-after .cba img{object-fit:contain;width:100%}.content-before-after .cba .label{position:absolute;top:20px}.content-before-after .cba .label .lab{padding:0 10px;border-radius:30px;background:#ffffff;color:#454545;display:inline-block;border:1px solid #454545;font-size:12px;border-radius:24px;line-height:24px;padding:0 10px}.content-before-after .cba .before{width:50%}.content-before-after .cba .before .label{left:20px;z-index:3;overflow:hidden}.content-before-after .cba .after{width:50%}.content-before-after .cba .after .label{text-align:right;right:20px;z-index:1}.content-before-after.horizontal .cba{flex-direction:column}.content-before-after.horizontal .cba:after{content:"";width:100%;left:0;margin-left:0px;margin-top:-1px;position:absolute;height:2px;top:50%}.content-before-after.horizontal .cba .before,.content-before-after.horizontal .cba .after{width:100%;position:relative}.content-before-after.horizontal .cba .label{right:auto;left:20px}