.before-after.dragging{--duration:0s}.before-after__line-icon{display:none;position:absolute;top:50%;width:32px;height:32px;background:center center no-repeat}.before-after__line-icon__prev{clip-path:path("M16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32H32V0H16Z");right:100%;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 12.5L14 16.5L18 20.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.before-after__line-icon__next{clip-path:path("M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32H0V0H16Z");left:100%;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 20.5L18 16.5L14 12.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.before-after.inited .before-after__btn{outline-offset:-2px;outline:2px solid transparent}.before-after.inited .before-after__btn:focus-visible{outline:2px solid rgba(128,128,128,.7)}.before-after.inited .before-after__drag{pointer-events:auto}.before-after.inited .before-after__line-inner{cursor:w-resize}.before-after.inited .before-after__line-icon{display:block}@media (hover:hover) and (pointer:fine){.before-after__btn:hover{background:var(--bg-02-light-variable)}}