.pd_before-after{margin:32px auto;max-width:100%;position:relative;width:100%}@media (min-width:768px){.pd_before-after{margin:64px auto}}.pd_before-after--fixed-height{height:var(--pd-before-after-height,auto);min-height:200px;overflow:hidden}@media (max-width:768px){.pd_before-after--fixed-height{height:var(--pd-before-after-height-mobile,var(--pd-before-after-height))}}.pd_before-after--fixed-height .pd_before-after__img-original{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.pd_before-after--fixed-height .pd_before-after__resize-img{background-position:0;background-size:auto 100%}@media (max-width:768px){.pd_before-after--fixed-height .pd_before-after__resize-img{background-position:0!important;background-size:auto 100%!important}}.pd_before-after__img-original{display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top;vertical-align:middle;width:100%}.pd_before-after__label{bottom:0;color:#fff;opacity:0;padding:1em;pointer-events:none;position:absolute;right:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out}.pd_before-after__label--original{left:0;right:auto}.pd_before-after.is-visible .pd_before-after__label{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.pd_before-after__label.is-hidden{visibility:hidden}.pd_before-after__resize-img{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-position:0;background-repeat:no-repeat;background-size:auto 100%;height:100%;left:0;overflow:hidden;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:0}.pd_before-after.is-visible .pd_before-after__resize-img{width:50%}.pd_before-after__handle{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' fill='none'%3E%3Cpath fill='%23414138' d='M5.534.084a.264.264 0 0 1 .386 0 .295.295 0 0 1 0 .404L.658 6l5.262 5.512a.295.295 0 0 1 0 .404.264.264 0 0 1-.386 0L.08 6.202a.295.295 0 0 1 0-.404zM14.466.084a.264.264 0 0 0-.386 0 .295.295 0 0 0 0 .404L19.342 6l-5.262 5.512a.295.295 0 0 0 0 .404c.106.112.279.112.386 0l5.454-5.714a.295.295 0 0 0 0-.404z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-radius:50%;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.15);box-shadow:0 2px 12px rgba(0,0,0,.15);cursor:move;height:32px;left:50%;margin-left:-16px;margin-top:-16px;opacity:0;position:absolute;top:50%;-webkit-transform:scale(0);transform:scale(0);width:32px;z-index:2}.pd_before-after__handle:before{background:#fff;content:"";height:300vmax;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5px;z-index:-1}.pd_before-after__handle.draggable{background-color:#fff;-webkit-box-shadow:0 2px 14px rgba(0,0,0,.2);box-shadow:0 2px 14px rgba(0,0,0,.2)}.pd_before-after.is-visible .pd_before-after__handle{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out}