.beforeafterwidget{overflow:auto;width:100%;display:block}.beforeafterwidget *{padding:0;margin:0;box-sizing:border-box}.beforeafterwidget img{max-width:100%;vertical-align:middle;display:inline-block;width:100%;height:100%;user-select:none;pointer-events:none}.beforeafterwidget .before-after-outer{justify-content:center;align-items:center;display:flex}.beforeafterwidget .before-after-wrap{width:100%;position:relative}.beforeafterwidget .dragger{z-index:2;width:2px;height:100%;background-color:#ffffff;border-radius:15px;justify-content:space-around;align-items:center;display:flex;position:absolute;top:0%;bottom:0%;left:50%;right:auto}.beforeafterwidget .dragger-inner{width:1rem;height:5rem;background-color:#e61c28;border-radius:15px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:inset 0px 10px 15px -3px rgba(0, 0, 0, 0.3);border:2px solid #fff}.beforeafterwidget .img-wrap{position:relative;overflow:hidden}.beforeafterwidget .img-wrap.is-before{aspect-ratio:1;position:absolute;top:0%;bottom:0%;left:0%;right:0%}.beforeafterwidget .img-wrap.is-after{aspect-ratio:1;-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0);flex-flow:column;justify-content:center;align-items:flex-end;display:flex}.beforeafterwidget .img.is-before-after{object-fit:cover;object-position:50% 40%;position:absolute}