.before-after-image{--before-after-image--accent-color:var(--color--brand-2);contain:paint}.before-after-image:active,.before-after-image:focus{cursor:grab}@media (hover:hover){.before-after-image:hover{cursor:grab}}.before-after-image__main{display:grid;grid-template-columns:100%;touch-action:pan-x;-webkit-user-select:none;user-select:none}.before-after-image__after-container,.before-after-image__before-container{grid-column:1;grid-row:1;height:100%;position:relative;width:100%}.before-after-image__after-container img,.before-after-image__before-container img{height:100%;object-fit:cover;object-position:left center;width:100%}.before-after-image__before-container{max-width:100%;min-width:0;width:calc(var(--line-position-percent-value, 100)*1%);z-index:1}.before-after-image__before-container:before{height:100%;transform:translateX(50%);width:.125rem}.before-after-image__before-container:after,.before-after-image__before-container:before{background-color:var(--before-after-image--accent-color);content:"";display:block;position:absolute;right:0}.before-after-image__before-container:after{bottom:0;height:1.5rem;margin-bottom:auto;margin-top:auto;top:0;transform:translateX(50%) rotate(45deg);width:1.5rem}.before-after-image__after-container{z-index:0}